vue-data-ui 2.13.4 → 2.13.5-beta.0

package/dist/{vue-ui-xy-CIiqKrxF.js → vue-ui-xy-CZpcKEkV.js}

@@ -1,12 +1,13 @@
-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-DXfqC_CG.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 J, 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 ze, G as Me, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-C137VZkI.js";
 import { u as We } from "./useMouse-AicQS8Vf.js";
-import { u as J } from "./useNestedProp-CUF1PWxQ.js";
-import { defineAsyncComponent as B, resolveComponent as R, createElementBlock as i, openBlock as a, normalizeStyle as A, 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-kZ-UNW0I.js";
-import Ue from "./Title-Cuxd1Hw4.js";
-import { _ as Ze } from "./Shape-CMT3DgWJ.js";
-import { _ as Je } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ke = Q(), Qe = {
+import { u as K } from "./useNestedProp-ZNu8JrRX.js";
+import { u as Be } from "./useTimeLabels-Mrr0jrpL.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 h, createVNode as U, createSlots as Ee, 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 Q, withDirectives as Ye, vModelCheckbox as qe, createTextVNode as Xe } from "vue";
+import { S as Ue } from "./Slicer-B-5jXhhw.js";
+import Ze from "./Title-BoKeR6i0.js";
+import { _ as Ke } from "./Shape-CmlBrd-F.js";
+import { _ as Qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Je = J(), je = {
   name: "vue-ui-xy",
   props: {
     config: {
@@ -23,20 +24,20 @@ const Ke = Q(), Qe = {
     }
   },
   components: {
-    Slicer: Xe,
+    Slicer: Ue,
     // Must be ready in responsive mode
-    Title: Ue,
+    Title: Ze,
     // Must be ready in responsive mode
-    Shape: Ze,
-    DataTable: B(() => import("./DataTable-DOdmEVBM.js")),
-    Tooltip: B(() => import("./Tooltip-nm6v9SvD.js")),
-    UserOptions: B(() => import("./UserOptions-B4olqrwb.js")),
-    BaseIcon: B(() => import("./BaseIcon-B90jg7Eo.js")),
-    TableSparkline: B(() => import("./vue-ui-table-sparkline-DxQrZBCR.js")),
-    Skeleton: B(() => import("./vue-ui-skeleton-B2N_3mr0.js")),
-    Accordion: B(() => import("./vue-ui-accordion-D-tjbzQS.js")),
-    PackageVersion: B(() => import("./PackageVersion-CJ0MHPau.js")),
-    PenAndPaper: B(() => import("./PenAndPaper-CsV9xVqP.js"))
+    Shape: Ke,
+    DataTable: B(() => import("./DataTable-CuFlXUxm.js")),
+    Tooltip: B(() => import("./Tooltip-Df2iF7bv.js")),
+    UserOptions: B(() => import("./UserOptions-NrArsCuC.js")),
+    BaseIcon: B(() => import("./BaseIcon-lwpKi6Wa.js")),
+    TableSparkline: B(() => import("./vue-ui-table-sparkline-MJ8lvKbd.js")),
+    Skeleton: B(() => import("./vue-ui-skeleton-CO_Hk6A_.js")),
+    Accordion: B(() => import("./vue-ui-accordion-BI2rBS5z.js")),
+    PackageVersion: B(() => import("./PackageVersion-1psmmuzo.js")),
+    PenAndPaper: B(() => import("./PenAndPaper-DgUkj01g.js"))
   },
   data() {
     this.dataset.forEach((g, r) => {
@@ -47,9 +48,9 @@ const Ke = Q(), Qe = {
         index: r
       });
     });
-    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 = {
+    const t = this.config.downsample && this.config.downsample.threshold ? this.config.downsample.threshold : 500, c = Math.max(...this.dataset.map((g) => this.largestTriangleThreeBucketsArray({ data: g.series, threshold: t }).length)), u = {
       start: 0,
-      end: n
+      end: c
     };
     return {
       resizeObserver: null,
@@ -96,16 +97,16 @@ const Ke = Q(), Qe = {
       selectedSerieIndex: null,
       selectedRowIndex: null,
       segregatedSeries: [],
-      uniqueId: Q(),
+      uniqueId: J(),
       step: 0,
       tableStep: 0,
       titleStep: 0,
-      slicer: o,
+      slicer: u,
       __to__: null,
-      maxX: n,
+      maxX: c,
       showSparklineTable: !0,
       segregateStep: 0,
-      sliderId: Ke,
+      sliderId: Je,
       fontSizes: {
         xAxis: 18,
         yAxis: 12,
@@ -127,9 +128,9 @@ const Ke = Q(), Qe = {
   },
   watch: {
     dataset: {
-      handler(t, n) {
-        this.maxX = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({
-          data: o.series,
+      handler(t, c) {
+        this.maxX = Math.max(...this.dataset.map((u) => this.largestTriangleThreeBucketsArray({
+          data: u.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
         }).length)), this.slicer = {
           start: 0,
@@ -139,7 +140,7 @@ const Ke = Q(), Qe = {
       deep: !0
     },
     config: {
-      handler(t, n) {
+      handler(t, c) {
         this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1, this.mutableConfig = {
           dataLabels: {
             show: !0
@@ -154,9 +155,12 @@ const Ke = Q(), Qe = {
     }
   },
   computed: {
+    locale() {
+      return this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.formatter.locale;
+    },
     chartAriaLabel() {
-      const t = this.FINAL_CONFIG.chart.title.text || "Chart visualization", n = this.FINAL_CONFIG.chart.title.subtitle.text || "";
-      return `${t}. ${n}`;
+      const t = this.FINAL_CONFIG.chart.title.text || "Chart visualization", c = this.FINAL_CONFIG.chart.title.subtitle.text || "";
+      return `${t}. ${c}`;
     },
     optimize() {
       return {
@@ -168,11 +172,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)), 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));
+      const t = this.datasetWithIds.filter((r) => !this.segregatedSeries.includes(r.id)), c = Math.max(...t.map((r) => r.series.length)), u = [];
+      for (let r = 0; r < c; r += 1)
+        u.push(t.map((e) => e.series[r] || 0).reduce((e, b) => (e || 0) + (b || 0), 0));
+      const g = Math.min(...u);
+      return u.map((r) => r + (g < 0 ? Math.abs(g) : 0));
     },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
@@ -196,7 +200,7 @@ const Ke = Q(), Qe = {
         yOffset: e.yOffset || 0,
         individualHeight: e.individualHeight || this.drawingArea.height,
         autoScaleYLabels: e.autoScaleYLabels
-      })), n = this.barSet.map((e) => ({
+      })), c = this.barSet.map((e) => ({
         name: e.name,
         color: e.color,
         scale: e.individualScale,
@@ -207,7 +211,7 @@ const Ke = Q(), Qe = {
         id: e.id,
         yOffset: e.yOffset || 0,
         individualHeight: e.individualHeight || this.drawingArea.height
-      })), o = this.plotSet.map((e) => ({
+      })), u = this.plotSet.map((e) => ({
         name: e.name,
         color: e.color,
         scale: e.individualScale,
@@ -219,7 +223,7 @@ const Ke = Q(), Qe = {
         id: e.id,
         yOffset: e.yOffset || 0,
         individualHeight: e.individualHeight || this.drawingArea.height
-      })), g = this.mutableConfig.useIndividualScale && !this.mutableConfig.isStacked ? Object.values(this.scaleGroups) : [...t, ...n, ...o], r = g.flatMap((e) => e).length;
+      })), g = this.mutableConfig.useIndividualScale && !this.mutableConfig.isStacked ? Object.values(this.scaleGroups) : [...t, ...c, ...u], r = g.flatMap((e) => e).length;
       return g.flatMap((e, b) => ({
         unique: e.unique,
         id: e.id,
@@ -257,9 +261,9 @@ const Ke = Q(), Qe = {
     },
     highlightAreas() {
       if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
-        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
+        return this.FINAL_CONFIG.chart.highlightArea.map((c) => ({
+          ...c,
+          span: c.from === c.to ? 1 : c.to < c.from ? 0 : c.to - c.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,46 +278,46 @@ const Ke = Q(), Qe = {
       return this.niceScale.max + this.relativeZero;
     },
     datasetWithIds() {
-      return this.useSafeValues ? this.dataset.map((t, n) => ({
+      return this.useSafeValues ? this.dataset.map((t, c) => ({
         ...t,
         series: this.largestTriangleThreeBucketsArray({
           data: t.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
         }),
-        id: `uniqueId_${n}`
+        id: `uniqueId_${c}`
       })) : this.dataset;
     },
     safeDataset() {
-      return this.useSafeValues ? this.dataset.map((t, n) => {
-        const o = this.largestTriangleThreeBucketsArray({
+      return this.useSafeValues ? this.dataset.map((t, c) => {
+        const u = this.largestTriangleThreeBucketsArray({
           data: t.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
-        }), g = `uniqueId_${n}`;
+        }), g = `uniqueId_${c}`;
         return {
           ...t,
-          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[n] ? this.customPalette[n] : this.palette[n]),
+          slotAbsoluteIndex: c,
+          series: u.map((r) => this.isSafeValue(r) ? r : null).slice(this.slicer.start, this.slicer.end),
+          color: this.convertColorToHex(t.color ? t.color : this.customPalette[c] ? this.customPalette[c] : this.palette[c]),
           id: g,
           scaleLabel: t.scaleLabel || g
         };
       }) : this.dataset;
     },
     relativeDataset() {
-      return this.safeDataset.map((t, n) => ({
+      return this.safeDataset.map((t, c) => ({
         ...t,
-        series: t.series.map((o) => o + this.relativeZero),
+        series: t.series.map((u) => u + this.relativeZero),
         absoluteValues: t.series
       })).filter((t) => !this.segregatedSeries.includes(t.id));
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((t) => {
-        const n = t.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
+        const c = t.absoluteValues.map((u) => [void 0, null].includes(u) ? 0 : u);
         return {
           id: t.id,
           name: t.name,
           color: t.color,
-          values: this.fillArray(this.maxSeries, n)
+          values: this.fillArray(this.maxSeries, c)
         };
       });
     },
@@ -327,7 +331,7 @@ const Ke = Q(), Qe = {
         fontFamily: this.FINAL_CONFIG.chart.fontFamily,
         prefix: this.FINAL_CONFIG.chart.labels.prefix,
         suffix: this.FINAL_CONFIG.chart.labels.suffix,
-        colNames: JSON.parse(JSON.stringify(this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values)),
+        colNames: this.timeLabels.map((t) => t.text),
         thead: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
           color: this.FINAL_CONFIG.table.th.color,
@@ -344,10 +348,10 @@ const Ke = Q(), Qe = {
       };
     },
     absoluteDataset() {
-      return this.safeDataset.map((t, n) => ({
-        absoluteIndex: n,
+      return this.safeDataset.map((t, c) => ({
+        absoluteIndex: c,
         ...t,
-        series: t.series.map((o) => o + this.relativeZero),
+        series: t.series.map((u) => u + this.relativeZero),
         absoluteValues: t.series,
         segregate: () => this.segregate(t),
         isSegregated: this.segregatedSeries.includes(t.id)
@@ -360,69 +364,69 @@ 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), n = {};
-      for (const [o, g] of Object.entries(t)) {
+      const t = Object.groupBy(this.activeSeriesWithStackRatios, (u) => u.scaleLabel), c = {};
+      for (const [u, g] of Object.entries(t)) {
         const r = g.flatMap((e) => e.absoluteValues);
-        n[o] = {
+        c[u] = {
           min: Math.min(...r) || 0,
           max: Math.max(...r) || 1,
           groupId: `scale_group_${this.createUid()}`
         };
       }
-      return n;
+      return c;
     },
     barSet() {
-      return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, n) => {
+      return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, c) => {
         this.checkAutoScaleError(t);
-        const o = this.scaleGroups[t.scaleLabel].min, g = this.scaleGroups[t.scaleLabel].max;
-        t.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - o) / (g - o));
+        const u = this.scaleGroups[t.scaleLabel].min, g = this.scaleGroups[t.scaleLabel].max;
+        t.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - u) / (g - u));
         const r = {
-          valueMin: o,
+          valueMin: u,
           valueMax: g < 0 ? 0 : g
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
-          min: t.scaleMin || Math.min(...t.absoluteValues.filter((y) => ![void 0, null].includes(y))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((y) => ![null, void 0].includes(y)))
-        }, 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, G = 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, O = this.drawingArea.bottom - F - C * k / G, M = this.drawingArea.bottom - F - C * w / N, l = this.absoluteDataset.filter((y) => y.type === "bar").filter((y) => !this.segregatedSeries.includes(y.id)).length, c = t.series.map((y, z) => {
-          const X = this.mutableConfig.useIndividualScale ? (t.absoluteValues[z] + k) / G : this.ratioToMax(y), 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;
+          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)))
+        }, 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, G = 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, O = this.drawingArea.bottom - F - C * k / G, z = this.drawingArea.bottom - F - C * w / N, l = this.absoluteDataset.filter((A) => A.type === "bar").filter((A) => !this.segregatedSeries.includes(A.id)).length, n = t.series.map((A, M) => {
+          const X = this.mutableConfig.useIndividualScale ? (t.absoluteValues[M] + k) / G : this.ratioToMax(A), D = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left + this.slot.bar * c + this.slot.bar * M * l - this.barSlot / 2 - c * 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],
+            value: t.absoluteValues[M],
             zeroPosition: this.checkNaN(O),
             individualMax: this.checkNaN(G),
-            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
+            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
           };
-        }), s = t.absoluteValues.map((y) => S.min >= 0 ? (y - Math.abs(S.min)) / (S.max - Math.abs(S.min)) : (y + Math.abs(S.min)) / (S.max + Math.abs(S.min))), h = t.series.map((y, 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;
+        }), s = t.absoluteValues.map((A) => S.min >= 0 ? (A - Math.abs(S.min)) / (S.max - Math.abs(S.min)) : (A + Math.abs(S.min)) / (S.max + Math.abs(S.min))), o = t.series.map((A, M) => {
+          const X = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * c + this.slot.bar * M * 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) * s[z] || 0)),
-            value: t.absoluteValues[z],
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * s[M] || 0)),
+            value: t.absoluteValues[M],
             zeroPosition: this.checkNaN(O),
             individualMax: this.checkNaN(G),
-            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
+            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
           };
-        }), L = x.ticks.map((y) => ({
-          y: y >= 0 ? O - C * (y / G) : O + C * Math.abs(y) / G,
-          value: y,
+        }), L = x.ticks.map((A) => ({
+          y: A >= 0 ? O - C * (A / G) : O + C * Math.abs(A) / G,
+          value: A,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), v = S.ticks.map((y) => {
-          const z = (y - S.min) / (S.max - S.min);
+        })), v = S.ticks.map((A) => {
+          const M = (A - S.min) / (S.max - S.min);
           return {
-            y: y >= 0 ? M - C * z : M + C * z,
-            value: y,
+            y: A >= 0 ? z - C * M : z + C * M,
+            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 ? v : L, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? M : O, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? N : G, 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((y) => y.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 : L, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? z : O, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? N : G, 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((A) => A.scaleLabel === t.scaleLabel).length === 1, {
           ...t,
           yOffset: F,
           autoScaleYLabels: v,
@@ -430,8 +434,8 @@ const Ke = Q(), Qe = {
           scaleYLabels: t.autoScaling ? v : L,
           individualScale: t.autoScaling ? S : x,
           individualMax: t.autoScaling ? N : G,
-          zeroPosition: t.autoScaling ? M : O,
-          plots: t.autoScaling ? h : c,
+          zeroPosition: t.autoScaling ? z : O,
+          plots: t.autoScaling ? o : n,
           groupId: this.scaleGroups[t.scaleLabel].groupId
         };
       });
@@ -439,15 +443,15 @@ const Ke = Q(), Qe = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "line").map((t) => {
         this.checkAutoScaleError(t);
-        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 c = this.scaleGroups[t.scaleLabel].min, u = this.scaleGroups[t.scaleLabel].max;
+        t.absoluteValues.filter((_) => ![null, void 0].includes(_)).map((_) => (_ - c) / (u - c));
         const g = {
-          valueMin: n,
-          valueMax: o
+          valueMin: c,
+          valueMax: u
         }, 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, 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), G = 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, O = this.drawingArea.bottom - N - F * k / G, M = t.series.map((_, P) => {
+        }, 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), G = 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, O = this.drawingArea.bottom - N - F * k / G, z = 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),
@@ -455,7 +459,7 @@ const Ke = Q(), Qe = {
             value: t.absoluteValues[P],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[P] || ""
           };
-        }), l = t.absoluteValues.map((_) => x.min >= 0 ? (_ - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (_ + Math.abs(x.min)) / (x.max + Math.abs(x.min))), c = t.series.map((_, P) => [void 0, null].includes(t.absoluteValues[P]) ? {
+        }), l = t.absoluteValues.map((_) => x.min >= 0 ? (_ - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (_ + Math.abs(x.min)) / (x.max + Math.abs(x.min))), n = t.series.map((_, P) => [void 0, null].includes(t.absoluteValues[P]) ? {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * P),
           y: C,
           value: t.absoluteValues[P],
@@ -465,13 +469,13 @@ const Ke = Q(), Qe = {
           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] || ""
-        }), 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)), L = 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)), y = m.ticks.map((_) => ({
+        }), s = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(z) : this.createSmoothPath(z.filter((_) => _.value !== null)), o = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(n) : this.createSmoothPath(n.filter((_) => _.value !== null)), L = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(z) : this.createStraightPath(z.filter((_) => _.value !== null)), v = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(n) : this.createStraightPath(n.filter((_) => _.value !== null)), A = 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,
           datapoint: t
-        })), z = x.ticks.map((_) => {
+        })), M = x.ticks.map((_) => {
           const P = (_ - x.min) / (x.max - x.min);
           return {
             y: _ >= 0 ? O - F * P : O + F * P,
@@ -481,28 +485,28 @@ const Ke = Q(), Qe = {
             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 : y, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? O : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : 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 ? O : C : this.zero, D = Math.max(Math.max(t.autoScaling ? O : y.at(-1).y || 0, 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 ? M : A, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? O : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : 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 = M, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((_) => _.scaleLabel === t.scaleLabel).length === 1;
+        const X = this.mutableConfig.useIndividualScale ? t.autoScaling ? O : C : this.zero, D = Math.max(Math.max(t.autoScaling ? O : A.at(-1).y || 0, this.drawingArea.top), X);
         return {
           ...t,
           yOffset: N,
-          autoScaleYLabels: z,
+          autoScaleYLabels: M,
           individualHeight: F,
-          scaleYLabels: t.autoScaling ? z : y,
+          scaleYLabels: t.autoScaling ? M : A,
           individualScale: t.autoScaling ? x : m,
           individualMax: t.autoScaling ? G : w,
           zeroPosition: t.autoScaling ? O : C,
-          curve: t.autoScaling ? h : s,
-          plots: t.autoScaling ? c : M,
+          curve: t.autoScaling ? o : s,
+          plots: t.autoScaling ? n : z,
           area: t.useArea ? this.mutableConfig.useIndividualScale ? this.FINAL_CONFIG.line.cutNullValues ? this.createIndividualAreaWithCuts(
-            t.autoScaling ? c : M,
+            t.autoScaling ? n : z,
             D
           ) : this.createIndividualArea(
-            t.autoScaling ? c.filter((_) => _.value !== null) : M.filter((_) => _.value !== null),
+            t.autoScaling ? n.filter((_) => _.value !== null) : z.filter((_) => _.value !== null),
             D
-          ) : this.createIndividualArea(M.filter((_) => _.value !== null), D) : "",
+          ) : this.createIndividualArea(z.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 ? M : M.filter((_) => _.value !== null),
+            t.autoScaling ? this.FINAL_CONFIG.line.cutNullValues ? n : n.filter((_) => _.value !== null) : this.FINAL_CONFIG.line.cutNullValues ? z : z.filter((_) => _.value !== null),
             D,
             this.FINAL_CONFIG.line.cutNullValues
           ) : [],
@@ -514,23 +518,23 @@ const Ke = Q(), Qe = {
     plotSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "plot").map((t) => {
         this.checkAutoScaleError(t);
-        const n = this.scaleGroups[t.scaleLabel].min, o = this.scaleGroups[t.scaleLabel].max;
-        t.absoluteValues.filter((L) => ![null, void 0].includes(L)).map((L) => (L - n) / (o - n));
+        const c = this.scaleGroups[t.scaleLabel].min, u = this.scaleGroups[t.scaleLabel].max;
+        t.absoluteValues.filter((L) => ![null, void 0].includes(L)).map((L) => (L - c) / (u - c));
         const g = {
-          valueMin: n,
-          valueMax: o
+          valueMin: c,
+          valueMax: u
         }, 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, 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, G = 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, O = this.drawingArea.bottom - N - F * k / G, M = t.series.map((L, v) => {
-          const y = this.mutableConfig.useIndividualScale ? (t.absoluteValues[v] + Math.abs(S)) / w : 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, G = 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, O = this.drawingArea.bottom - N - F * k / G, z = t.series.map((L, v) => {
+          const A = this.mutableConfig.useIndividualScale ? (t.absoluteValues[v] + Math.abs(S)) / w : this.ratioToMax(L);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * v),
-            y: this.checkNaN(this.drawingArea.bottom - N - F * y),
+            y: this.checkNaN(this.drawingArea.bottom - N - F * A),
             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, 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))), n = t.series.map((L, 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],
@@ -541,7 +545,7 @@ const Ke = Q(), Qe = {
           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) => {
+        })), o = x.ticks.map((L) => {
           const v = (L - x.min) / (x.max - x.min);
           return {
             y: L >= 0 ? O - F * v : O + F * v,
@@ -551,16 +555,16 @@ const Ke = Q(), Qe = {
             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 : s, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? O : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : 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((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 ? o : s, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? O : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : 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 = o, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((L) => L.scaleLabel === t.scaleLabel).length === 1, {
           ...t,
           yOffset: N,
-          autoScaleYLabels: h,
+          autoScaleYLabels: o,
           individualHeight: F,
-          scaleYLabels: t.autoScaling ? h : s,
+          scaleYLabels: t.autoScaling ? o : s,
           individualScale: t.autoScaling ? x : m,
           individualMax: t.autoScaling ? G : w,
           zeroPosition: t.autoScaling ? O : C,
-          plots: t.autoScaling ? c : M,
+          plots: t.autoScaling ? n : z,
           groupId: this.scaleGroups[t.scaleLabel].groupId
         };
       });
@@ -573,14 +577,14 @@ const Ke = Q(), Qe = {
           r.add(b);
         }), r.size;
       }
-      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;
+      const c = t(this.absoluteDataset.filter((g) => !this.segregatedSeries.includes(g.id))), u = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? c * (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,
         bottom: this.height - this.FINAL_CONFIG.chart.padding.bottom,
-        left: this.FINAL_CONFIG.chart.padding.left + o,
+        left: this.FINAL_CONFIG.chart.padding.left + u,
         height: this.height - (this.FINAL_CONFIG.chart.padding.top + this.FINAL_CONFIG.chart.padding.bottom),
-        width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + o)
+        width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + u)
       };
     },
     max() {
@@ -589,7 +593,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((n) => !this.segregatedSeries.includes(n.id)).map((n) => Math.min(...n.series)));
+      const t = Math.min(...this.safeDataset.filter((c) => !this.segregatedSeries.includes(c.id)).map((c) => Math.min(...c.series)));
       return t > 0 ? 0 : t;
     },
     niceScale() {
@@ -599,13 +603,14 @@ 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)), n = [];
-      for (let o = 0; o < t; o += 1)
-        n.push({
-          text: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[o] || String(o),
-          absoluteIndex: o
-        });
-      return n.slice(this.slicer.start, this.slicer.end);
+      const t = Math.max(...this.dataset.map((c) => this.largestTriangleThreeBucketsArray({ data: c.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length));
+      return Be({
+        values: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values,
+        maxDatapoints: t,
+        formatter: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.formatter,
+        start: this.slicer.start,
+        end: this.slicer.end
+      });
     },
     slot() {
       return {
@@ -615,7 +620,7 @@ const Ke = Q(), Qe = {
       };
     },
     barSlot() {
-      const t = this.safeDataset.filter((n) => n.type === "bar").filter((n) => !this.segregatedSeries.includes(n.id)).length;
+      const t = this.safeDataset.filter((c) => c.type === "bar").filter((c) => !this.segregatedSeries.includes(c.id)).length;
       return this.drawingArea.width / this.maxSeries / t - this.barPeriodGap * t;
     },
     barPeriodGap() {
@@ -626,26 +631,26 @@ const Ke = Q(), Qe = {
     },
     table() {
       if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const t = this.relativeDataset.map((o) => ({
-        label: o.name,
-        color: o.color,
-        type: o.type
-      })), n = [];
-      return this.timeLabels.forEach((o, g) => {
-        const r = [o.text];
+      const t = this.relativeDataset.map((u) => ({
+        label: u.name,
+        color: u.color,
+        type: u.type
+      })), c = [];
+      return this.timeLabels.forEach((u, g) => {
+        const r = [u.text];
         this.relativeDataset.forEach((e) => {
           r.push(this.canShowValue(e.absoluteValues[g]) ? Number(e.absoluteValues[g].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
-        }), n.push(r);
-      }), { head: t, body: n };
+        }), c.push(r);
+      }), { head: t, body: c };
     },
     dataTable() {
       const t = this.FINAL_CONFIG.table.showSum;
-      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 = [];
+      let c = [""].concat(this.relativeDataset.map((e) => e.name));
+      t && (c = c.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 u = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
         const b = this.relativeDataset.map((m) => m.absoluteValues[e] ?? 0).reduce((m, x) => m + x, 0);
-        o.push(
+        u.push(
           [
             this.timeLabels[e].text ?? "-"
           ].concat(this.relativeDataset.map(
@@ -675,7 +680,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: n, body: o, config: g, colNames: r };
+      return { head: c, body: u, config: g, colNames: r };
     },
     dataTooltipSlot() {
       return {
@@ -695,15 +700,15 @@ const Ke = Q(), Qe = {
         name: t.name,
         color: t.color,
         type: t.type,
-        value: t.absoluteValues.find((n, o) => o === this.selectedSerieIndex),
+        value: t.absoluteValues.find((c, u) => u === 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 = "", 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;
+      let t = "", c = this.selectedSeries.map((r) => r.value).filter((r) => this.isSafeValue(r) && r !== null).reduce((r, e) => Math.abs(r) + Math.abs(e), 0);
+      const u = this.timeLabels[this.selectedSerieIndex], g = this.FINAL_CONFIG.chart.tooltip.customFormat;
       return this.isFunction(g) && this.functionReturnsString(() => g({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
@@ -720,7 +725,7 @@ const Ke = Q(), Qe = {
         lines: this.lineSet,
         plots: this.plotSet,
         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) => {
+      }) : (u && u.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%">${u.text}</div>`), this.selectedSeries.forEach((r) => {
         if (this.isSafeValue(r.value)) {
           let e = "", b = "";
           switch (this.icons[r.type]) {
@@ -771,7 +776,7 @@ const Ke = Q(), Qe = {
             }),
             { datapoint: r }
           ) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${$({
-            v: this.checkNaN(Math.abs(r.value) / n * 100),
+            v: this.checkNaN(Math.abs(r.value) / c * 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>`);
@@ -798,37 +803,37 @@ const Ke = Q(), Qe = {
     annotationsY() {
       const t = this.FINAL_CONFIG.chart.annotations;
       if (!Array.isArray(t) || t.every((k) => !k.show)) return [];
-      const n = t.filter(
+      const c = 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) => {
+      if (!c.length) return [];
+      const { left: u, 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: G, label: N } } = k, F = w != null && G != null && w !== G, C = w == null ? null : S(w), O = G == null ? null : S(G), 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, L = (C != null && O != null ? Math.min(C, O) : C ?? O) - N.fontSize / 3 + N.offsetY - N.padding.top;
+      return c.map((k) => {
+        const { yAxis: { yTop: w, yBottom: G, label: N } } = k, F = w != null && G != null && w !== G, C = w == null ? null : S(w), O = G == null ? null : S(G), z = this.getTextMeasurer(N.fontSize);
+        z.font = `${N.fontSize}px sans-serif`;
+        const l = z.measureText(N.text).width, n = N.fontSize, s = (N.position === "start" ? u + N.padding.left : g - N.padding.right) + N.offsetX, L = (C != null && O != null ? Math.min(C, O) : C ?? O) - 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 y = L - c * 0.75 - N.padding.top;
+        const A = L - n * 0.75 - N.padding.top;
         return {
-          show: ![C, O, y].includes(NaN),
+          show: ![C, O, A].includes(NaN),
           id: `annotation_y_${this.createUid()}`,
           hasArea: F,
           areaHeight: F ? Math.abs(C - O) : 0,
           yTop: C,
           yBottom: O,
           config: k.yAxis,
-          x1: o,
+          x1: u,
           x2: g,
           _text: { x: s, y: L },
           _box: {
             x: v,
-            y,
+            y: A,
             width: l + N.padding.left + N.padding.right,
-            height: c + N.padding.top + N.padding.bottom,
+            height: n + N.padding.top + N.padding.bottom,
             fill: N.backgroundColor,
             stroke: N.border.stroke,
             rx: N.border.rx,
@@ -852,8 +857,8 @@ const Ke = Q(), Qe = {
   },
   methods: {
     abbreviate: Te,
-    adaptColorToBackground: ze,
-    applyDataLabel: Me,
+    adaptColorToBackground: Me,
+    applyDataLabel: ze,
     assignStackRatios: pe,
     calcLinearProgression: ve,
     calculateNiceScale: Ge,
@@ -882,8 +887,8 @@ const Ke = Q(), Qe = {
     translateSize: ce,
     treeShake: ne,
     useMouse: We,
-    useNestedProp: J,
-    createUid: Q,
+    useNestedProp: K,
+    createUid: J,
     placeXYTag: se,
     createSmoothPathWithCuts: ie,
     createStraightPathWithCuts: ae,
@@ -891,19 +896,22 @@ const Ke = Q(), Qe = {
     createIndividualAreaWithCuts: le,
     createSmoothAreaSegments: j,
     createIndividualArea: te,
-    getTextMeasurer(t, n, o) {
+    usesSelectTimeLabelEvent() {
+      return !!this.$.vnode.props?.onSelectTimeLabel;
+    },
+    getTextMeasurer(t, c, u) {
       if (!this._textMeasurer) {
         const g = document.createElement("canvas");
         this._textMeasurer = g.getContext("2d");
       }
-      return this._textMeasurer.font = `${o || "normal"} ${t}px ${n || "sans-serif"}`, this._textMeasurer;
+      return this._textMeasurer.font = `${u || "normal"} ${t}px ${c || "sans-serif"}`, this._textMeasurer;
     },
     hideTags() {
       const t = document.querySelectorAll(".vue-ui-xy-tag");
-      t.length && Array.from(t).forEach((n) => n.style.opacity = "0");
+      t.length && Array.from(t).forEach((c) => c.style.opacity = "0");
     },
-    setTagRef(t, n, o, g, r) {
-      o && (this.tagRefs[`${t}_${n}_${g}_${r}`] = o);
+    setTagRef(t, c, u, g, r) {
+      u && (this.tagRefs[`${t}_${c}_${g}_${r}`] = u);
     },
     setUserOptionsVisibility(t = !1) {
       this.showUserOptionsOnChartHover && (this.userOptionsVisible = t);
@@ -911,65 +919,65 @@ const Ke = Q(), Qe = {
     toggleAnnotator() {
       this.isAnnotator = !this.isAnnotator;
     },
-    selectTimeLabel(t, n) {
-      const o = this.relativeDataset.map((g) => ({
+    selectTimeLabel(t, c) {
+      const u = 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),
+        value: g.absoluteValues.find((r, e) => e === c),
         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,
+        datapoint: u,
         absoluteIndex: t.absoluteIndex,
         label: t.text
       });
     },
     getHighlightAreaPosition(t) {
-      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;
+      const c = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (t.from - this.slicer.start), u = 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: n < this.drawingArea.left ? this.drawingArea.left : n,
-        width: o
+        x: c < this.drawingArea.left ? this.drawingArea.left : c,
+        width: u
       };
     },
     prepareConfig() {
       const t = Pe().vue_ui_xy;
       if (!Object.keys(this.config || {}).length)
         return t;
-      const n = this.useNestedProp({
+      const c = this.useNestedProp({
         userConfig: this.config,
         defaultConfig: t
       });
-      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({
+      return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? c.chart.highlightArea = this.config.chart.highlightArea : c.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? c.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : c.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? c.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : c.chart.grid.labels.yAxis.scaleMax = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.startIndex") ? c.chart.zoom.startIndex = this.config.chart.zoom.startIndex : c.chart.zoom.startIndex = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.endIndex") ? c.chart.zoom.endIndex = this.config.chart.zoom.endIndex : c.chart.zoom.endIndex = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.groupColor") ? c.chart.grid.labels.yAxis.groupColor = this.config.chart.grid.labels.yAxis.groupColor : c.chart.grid.labels.yAxis.groupColor = null, this.config && Array.isArray(this.config.chart.annotations) && this.config.chart.annotations.length && (c.chart.annotations = this.config.chart.annotations.map((u) => K({
         defaultConfig: t.chart.annotations[0],
-        userConfig: o
-      }))), n.theme ? {
-        ...J({
-          userConfig: this.themes.vue_ui_xy[n.theme] || this.config,
-          defaultConfig: n
+        userConfig: u
+      }))), c.theme ? {
+        ...K({
+          userConfig: this.themes.vue_ui_xy[c.theme] || this.config,
+          defaultConfig: c
         }),
-        customPalette: this.themePalettes[n.theme] || this.palette
-      } : n;
+        customPalette: this.themePalettes[c.theme] || this.palette
+      } : c;
     },
     prepareChart() {
       if (this.objectIsEmpty(this.dataset) ? this.error({
         componentName: "VueUiXy",
         type: "dataset"
-      }) : this.dataset.forEach((t, n) => {
+      }) : this.dataset.forEach((t, c) => {
         [null, void 0].includes(t.name) && this.error({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
-          index: n
+          index: c
         });
       }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((t) => {
-        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.`);
+        t.series.forEach((c, u) => {
+          this.isSafeValue(c) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
+-----> The serie '${t.name}' contains the value '${c}' at index ${u}.
+'${c}' 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: {
@@ -980,9 +988,9 @@ 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 n = this.$refs.chart.parentNode;
+        const c = this.$refs.chart.parentNode;
         this.resizeObserver && (this.resizeObserver.unobserve(this.observedEl), this.resizeObserver.disconnect());
-        const { height: o, width: g } = n.getBoundingClientRect();
+        const { height: u, width: g } = c.getBoundingClientRect();
         let r = null, e = 0;
         this.FINAL_CONFIG.chart.title.show && (r = this.$refs.chartTitle, e = r.getBoundingClientRect().height);
         let b = null, m = 0;
@@ -992,14 +1000,14 @@ const Ke = Q(), Qe = {
         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();
+        this.$refs.noTitle && (w = this.$refs.noTitle.getBoundingClientRect().height), this.height = u - 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 G = 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 = G, this.observedEl = n, G.observe(n);
+        this.resizeObserver = G, this.observedEl = c, G.observe(c);
       } 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;
     },
@@ -1007,7 +1015,11 @@ const Ke = Q(), Qe = {
       this.selectedMinimapIndex = t;
     },
     convertSizes() {
-      this.FINAL_CONFIG.responsiveProportionalSizing && (this.fontSizes.dataLabels = this.translateSize({
+      if (!this.FINAL_CONFIG.responsiveProportionalSizing) {
+        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;
+        return;
+      }
+      this.fontSizes.dataLabels = this.translateSize({
         relator: this.height,
         adjuster: 400,
         source: this.FINAL_CONFIG.chart.grid.labels.fontSize,
@@ -1043,7 +1055,7 @@ const Ke = Q(), Qe = {
         source: this.FINAL_CONFIG.line.radius,
         threshold: 1,
         fallback: 1
-      }));
+      });
     },
     toggleStack() {
       this.mutableConfig.isStacked = !this.mutableConfig.isStacked, this.mutableConfig.isStacked ? this.mutableConfig.useIndividualScale = !0 : this.mutableConfig.useIndividualScale = this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale;
@@ -1060,20 +1072,20 @@ 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, n) {
+    createArea(t, c) {
       if (!t[0]) return [-10, -10, "", -10, -10];
-      const o = { x: t[0].x, y: n }, g = { x: t.at(-1).x, y: n }, r = [];
+      const u = { x: t[0].x, y: c }, g = { x: t.at(-1).x, y: c }, r = [];
       return t.forEach((e) => {
         r.push(`${e.x},${e.y} `);
-      }), [o.x, o.y, ...r, g.x, g.y].toString();
+      }), [u.x, u.y, ...r, g.x, g.y].toString();
     },
     createStar: Z,
     createPolygonPath: H,
-    fillArray(t, n) {
-      let o = Array(t).fill(0);
-      for (let g = 0; g < n.length && g < t; g += 1)
-        o[g] = n[g];
-      return o;
+    fillArray(t, c) {
+      let u = Array(t).fill(0);
+      for (let g = 0; g < c.length && g < t; g += 1)
+        u[g] = c[g];
+      return u;
     },
     async setupSlicer() {
       (this.FINAL_CONFIG.chart.zoom.startIndex !== null || this.FINAL_CONFIG.chart.zoom.endIndex !== null) && this.$refs.chartSlicer ? (this.FINAL_CONFIG.chart.zoom.startIndex !== null && (await this.$nextTick(), await this.$nextTick(), this.$refs.chartSlicer.setStartValue(this.FINAL_CONFIG.chart.zoom.startIndex)), this.FINAL_CONFIG.chart.zoom.endIndex !== null && (await this.$nextTick(), await this.$nextTick(), this.$refs.chartSlicer.setEndValue(this.validSlicerEnd(this.FINAL_CONFIG.chart.zoom.endIndex + 1)))) : (this.slicer = {
@@ -1085,12 +1097,12 @@ const Ke = Q(), Qe = {
       this.setupSlicer();
     },
     validSlicerEnd(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;
+      const c = Math.max(...this.dataset.map((u) => this.largestTriangleThreeBucketsArray({ data: u.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length));
+      return t > c ? c : 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 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);
+      const c = ![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(c - t.y <= 0 ? 1e-5 : c - 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);
@@ -1110,13 +1122,13 @@ const Ke = Q(), Qe = {
     canShowValue(t) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(t);
     },
-    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);
+    findClosestValue(t, c) {
+      let u = c[0], g = Math.abs(t - c[0]);
+      for (let r = 1; r < c.length; r += 1) {
+        const e = Math.abs(t - c[r]);
+        e < g && c[r] < t && (u = c[r], g = e);
       }
-      return o;
+      return u;
     },
     ratioToMax(t) {
       return t / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
@@ -1125,11 +1137,11 @@ const Ke = Q(), Qe = {
       this.$emit(
         "selectX",
         {
-          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
+          dataset: this.relativeDataset.map((c) => ({
+            name: c.name,
+            value: [null, void 0, NaN].includes(c.absoluteValues[t]) ? null : c.absoluteValues[t],
+            color: c.color,
+            type: c.type
           })),
           index: t,
           indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[t]
@@ -1146,20 +1158,20 @@ const Ke = Q(), Qe = {
     },
     segregate(t) {
       if (this.segregatedSeries.includes(t.id))
-        this.segregatedSeries = this.segregatedSeries.filter((n) => n !== t.id);
+        this.segregatedSeries = this.segregatedSeries.filter((c) => c !== t.id);
       else {
         if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
         this.segregatedSeries.push(t.id);
       }
-      this.$emit("selectLegend", this.relativeDataset.map((n) => ({
-        name: n.name,
-        values: n.absoluteValues,
-        color: n.color,
-        type: n.type
+      this.$emit("selectLegend", this.relativeDataset.map((c) => ({
+        name: c.name,
+        values: c.absoluteValues,
+        color: c.color,
+        type: c.type
       }))), this.segregateStep += 1;
     },
-    toggleTooltipVisibility(t, n = null) {
-      this.isTooltip = t, t ? this.selectedSerieIndex = n : this.selectedSerieIndex = null;
+    toggleTooltipVisibility(t, c = null) {
+      this.isTooltip = t, t ? this.selectedSerieIndex = c : this.selectedSerieIndex = null;
     },
     toggleFullscreen(t) {
       this.isFullscreen = t, this.step += 1;
@@ -1170,7 +1182,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-CRNRsa97.js");
+          const { default: t } = await import("./pdf-DTB7aasS.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1184,7 +1196,7 @@ const Ke = Q(), Qe = {
       }, 100);
     },
     generateCsv(t = null) {
-      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);
+      const c = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], u = ["", ...this.table.head.map((b) => b.label)], g = this.table.body, r = c.concat([u]).concat(g), e = this.createCsvContent(r);
       t ? t(e) : this.downloadCsv({ csvContent: e, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -1193,7 +1205,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-BrSPXg54.js");
+          const { default: t } = await import("./img-CqqmkwDl.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1208,72 +1220,72 @@ const Ke = Q(), Qe = {
       }, 100);
     }
   }
-}, je = ["id"], $e = {
+}, $e = ["id"], et = {
   key: 1,
   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" }, 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 = {
+}, tt = ["viewBox", "aria-label"], lt = ["x", "y", "width", "height"], rt = { key: 1 }, at = { class: "vue-ui-xy-grid" }, it = ["stroke", "x1", "x2", "y1", "y2"], st = ["stroke", "x1", "x2", "y1", "y2"], nt = { key: 1 }, ct = ["x1", "x2", "y1", "y2", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke"], ht = ["x1", "x2", "y1", "y2", "stroke"], ut = { key: 3 }, dt = ["x1", "x2", "y1", "y2", "stroke"], gt = { key: 4 }, ft = ["y1", "y2", "x1", "x2", "stroke"], It = ["id"], Nt = ["stop-color"], xt = ["stop-color"], mt = ["stop-color"], bt = ["id"], Ft = ["stop-color"], _t = ["stop-color"], yt = ["stop-color"], At = ["id"], Lt = ["stop-color"], Ct = ["stop-color"], St = ["id"], kt = ["stop-color"], wt = ["stop-color"], Ot = ["id"], Gt = ["stop-color"], vt = ["stop-color"], pt = ["x", "y", "height", "width", "fill"], zt = ["x", "y", "width"], Mt = ["x", "y", "height", "width", "fill"], Tt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Pt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Vt = ["width", "x", "y"], Rt = { key: 0 }, Ht = ["id"], Dt = ["fill"], Wt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Bt = ["x", "y", "font-size", "fill"], Et = ["stroke", "x1", "x2", "y1", "y2"], Yt = { key: 2 }, qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Xt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Ut = { key: 4 }, Zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kt = ["fill", "font-size", "transform"], Qt = ["x1", "x2", "y1", "y2", "stroke"], Jt = ["x", "y", "font-size", "fill"], jt = ["x1", "x2", "y1", "y2", "stroke"], $t = ["x", "y", "font-size", "fill"], el = ["width", "x", "y"], tl = { style: { width: "100%" } }, ll = { key: 0 }, rl = ["id"], al = ["fill"], il = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], sl = ["x", "y", "font-size", "fill"], nl = ["d", "stroke", "stroke-width", "stroke-dasharray"], cl = ["d", "stroke", "stroke-width", "stroke-dasharray"], ol = { key: 5 }, hl = { key: 0 }, ul = ["d", "fill"], dl = ["d", "fill"], gl = ["d", "fill"], fl = ["d", "fill"], Il = ["d", "stroke", "stroke-width", "stroke-dasharray"], Nl = ["d", "stroke", "stroke-width", "stroke-dasharray"], xl = ["width", "x", "y"], ml = { style: { width: "100%" } }, bl = { key: 3 }, Fl = ["id"], _l = ["fill"], yl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Al = ["x", "y", "font-size", "fill"], Ll = { key: 6 }, Cl = ["x", "y", "font-size", "fill"], Sl = ["x", "y", "font-size", "fill", "font-weight"], kl = { key: 7 }, wl = ["x", "y", "font-size", "fill"], Ol = { key: 8 }, Gl = ["x", "y"], vl = ["innerHTML"], pl = ["x", "y"], zl = ["innerHTML"], Ml = ["x1", "x2", "y1", "y2", "stroke"], Tl = { key: 9 }, Pl = ["x", "y", "font-size", "fill"], Vl = { key: 10 }, Rl = ["x", "y"], Hl = ["innerHTML"], Dl = ["x", "y"], Wl = ["innerHTML"], Bl = ["x1", "x2", "y1", "y2", "stroke"], El = ["x", "y", "font-size", "fill", "innerHTML"], Yl = ["x", "y", "font-size", "fill", "innerHTML"], ql = ["x", "y", "font-size", "fill", "innerHTML"], Xl = ["x", "y", "font-size", "fill", "innerHTML"], Ul = ["id"], Zl = ["stop-color"], Kl = ["stop-color"], Ql = ["x", "y", "width", "height", "fill", "onMouseenter"], Jl = ["font-size", "fill", "transform"], jl = ["x", "y", "font-size", "fill"], $l = { key: 12 }, er = ["text-anchor", "font-size", "fill", "transform", "onClick"], tr = { key: 13 }, lr = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], rr = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ar = ["y", "x", "width", "height", "fill"], ir = ["id", "x", "y", "font-size", "fill", "text-anchor"], sr = ["x", "y", "height", "width", "onMouseenter", "onClick"], nr = {
   key: 14,
   style: { "pointer-events": "none" }
-}, nr = ["x", "y"], cr = ["cx", "cy", "r", "fill"], or = {
+}, cr = ["x", "y"], or = ["cx", "cy", "r", "fill"], hr = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, hr = {
+}, ur = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, ur = ["fill"], dr = ["innerHTML"], gr = {
+}, dr = ["fill"], gr = ["innerHTML"], fr = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, fr = ["fill"], Ir = ["innerHTML"], Nr = {
+}, Ir = ["fill"], Nr = ["innerHTML"], xr = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, xr = ["fill"], mr = ["innerHTML"], br = {
+}, mr = ["fill"], br = ["innerHTML"], Fr = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Fr = ["fill"], _r = ["innerHTML"], yr = ["onClick"], Ar = {
+}, _r = ["fill"], yr = ["innerHTML"], Ar = ["onClick"], Lr = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Lr = ["stroke", "fill"], Cr = {
+}, Cr = ["stroke", "fill"], Sr = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "14",
   width: "14"
-}, Sr = ["fill"], kr = ["fill"], wr = {
+}, kr = ["fill"], wr = ["fill"], Or = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Or = {
+}, Gr = {
   key: 9,
   ref: "chartLegend"
-}, Gr = {
+}, vr = {
   key: 10,
   ref: "source",
   dir: "auto"
-}, vr = {
+}, pr = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, 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"), G = R("Slicer"), N = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), O = R("DataTable"), M = R("Accordion");
+}, zr = ["innerHTML"];
+function Mr(t, c, u, g, r, e) {
+  const b = R("PenAndPaper"), m = R("Title"), x = R("UserOptions"), S = R("PackageVersion"), k = R("Shape"), w = R("Skeleton"), G = R("Slicer"), N = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), O = R("DataTable"), z = 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: A(`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: n[7] || (n[7] = () => e.setUserOptionsVisibility(!0)),
-    onMouseleave: n[8] || (n[8] = () => e.setUserOptionsVisibility(!1))
+    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: c[7] || (c[7] = () => e.setUserOptionsVisibility(!0)),
+    onMouseleave: c[8] || (c[8] = () => e.setUserOptionsVisibility(!1))
   }, [
     e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (a(), W(b, {
       key: 0,
@@ -1282,13 +1294,13 @@ function Mr(t, n, o, g, r, e) {
       color: e.FINAL_CONFIG.chart.color,
       active: r.isAnnotator,
       onClose: e.toggleAnnotator
-    }, null, 8, ["svgRef", "backgroundColor", "color", "active", "onClose"])) : u("", !0),
-    e.hasOptionsNoTitle ? (a(), i("div", $e, null, 512)) : u("", !0),
+    }, null, 8, ["svgRef", "backgroundColor", "color", "active", "onClose"])) : h("", !0),
+    e.hasOptionsNoTitle ? (a(), i("div", et, null, 512)) : h("", !0),
     e.FINAL_CONFIG.chart.title.show ? (a(), i("div", {
       key: 2,
       ref: "chartTitle",
       class: "vue-ui-xy-title",
-      style: A(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: y(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
       (a(), W(m, {
         key: `title_${r.titleStep}`,
@@ -1303,7 +1315,7 @@ function Mr(t, n, o, g, r, e) {
           }
         }
       }, null, 8, ["config"]))
-    ], 4)) : u("", !0),
+    ], 4)) : h("", !0),
     e.FINAL_CONFIG.chart.userOptions.show && e.isDataset && (r.keepUserOptionState || r.userOptionsVisible) ? (a(), W(x, {
       ref: "defails",
       key: `user_options_${r.step}`,
@@ -1318,7 +1330,7 @@ function Mr(t, n, o, g, r, e) {
       hasImg: e.FINAL_CONFIG.chart.userOptions.buttons.img,
       hasLabel: e.FINAL_CONFIG.chart.userOptions.buttons.labels,
       hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
-      hasStack: o.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
+      hasStack: u.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
       hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
       isStacked: r.mutableConfig.isStacked,
       isFullscreen: r.isFullscreen,
@@ -1338,14 +1350,14 @@ function Mr(t, n, o, g, r, e) {
       onToggleStack: e.toggleStack,
       onToggleTooltip: e.toggleTooltip,
       onToggleAnnotator: e.toggleAnnotator,
-      style: A({
+      style: y({
         visibility: r.keepUserOptionState ? r.userOptionsVisible ? "visible" : "hidden" : "visible"
       })
-    }, Be({ _: 2 }, [
+    }, Ee({ _: 2 }, [
       t.$slots.menuIcon ? {
         name: "menuIcon",
-        fn: V(({ isOpen: l, color: c }) => [
-          p(t.$slots, "menuIcon", Y(q({ isOpen: l, color: c })), void 0, !0)
+        fn: V(({ isOpen: l, color: n }) => [
+          p(t.$slots, "menuIcon", Y(q({ isOpen: l, color: n })), void 0, !0)
         ]),
         key: "0"
       } : void 0,
@@ -1400,19 +1412,19 @@ function Mr(t, n, o, g, r, e) {
       } : void 0,
       t.$slots.optionFullscreen ? {
         name: "optionFullscreen",
-        fn: V(({ toggleFullscreen: l, isFullscreen: c }) => [
-          p(t.$slots, "optionFullscreen", Y(q({ toggleFullscreen: l, isFullscreen: c })), void 0, !0)
+        fn: V(({ toggleFullscreen: l, isFullscreen: n }) => [
+          p(t.$slots, "optionFullscreen", Y(q({ toggleFullscreen: l, isFullscreen: n })), void 0, !0)
         ]),
         key: "8"
       } : void 0,
       t.$slots.optionAnnotator ? {
         name: "optionAnnotator",
-        fn: V(({ toggleAnnotator: l, isAnnotator: c }) => [
-          p(t.$slots, "optionAnnotator", Y(q({ toggleAnnotator: l, isAnnotator: c })), void 0, !0)
+        fn: V(({ toggleAnnotator: l, isAnnotator: n }) => [
+          p(t.$slots, "optionAnnotator", Y(q({ toggleAnnotator: l, isAnnotator: n })), 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),
+    ]), 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"])) : h("", !0),
     e.isDataset ? (a(), i("svg", {
       key: 4,
       ref: "svgRef",
@@ -1420,7 +1432,7 @@ function Mr(t, n, o, g, r, e) {
       class: E([{ "vue-data-ui-fullscreen--on": r.isFullscreen, "vue-data-ui-fulscreen--off": !r.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
       viewBox: r.viewBox,
-      style: A(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`),
+      style: y(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`),
       "aria-label": e.chartAriaLabel,
       role: "img",
       "aria-live": "polite"
@@ -1437,9 +1449,9 @@ function Mr(t, n, o, g, r, e) {
         }
       }, [
         p(t.$slots, "chart-background", {}, void 0, !0)
-      ], 8, tt)) : u("", !0),
-      e.maxSeries > 0 ? (a(), i("g", lt, [
-        f("g", rt, [
+      ], 8, lt)) : h("", !0),
+      e.maxSeries > 0 ? (a(), i("g", rt, [
+        f("g", at, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (a(), i("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1450,28 +1462,28 @@ function Mr(t, n, o, g, r, e) {
             y2: e.forceValidValue(e.drawingArea.bottom),
             "stroke-linecap": "round",
             style: { animation: "none !important" }
-          }, null, 8, at)) : u("", !0),
+          }, null, 8, it)) : h("", !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", {
+            l.id === r.selectedScale && l.yLabels.length ? (a(!0), i(d, { key: 0 }, I(l.yLabels, (n) => (a(), i("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
-              y1: e.forceValidValue(c.y),
-              y2: e.forceValidValue(c.y),
+              y1: e.forceValidValue(n.y),
+              y2: e.forceValidValue(n.y),
               stroke: l.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, ct))), 256)) : l.yLabels.length ? (a(!0), i(d, { key: 1 }, I(l.yLabels, (c) => (a(), i("line", {
+            }, null, 8, ot))), 256)) : l.yLabels.length ? (a(!0), i(d, { key: 1 }, I(l.yLabels, (n) => (a(), i("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
-              y1: e.forceValidValue(c.y),
-              y2: e.forceValidValue(c.y),
+              y1: e.forceValidValue(n.y),
+              y2: e.forceValidValue(n.y),
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, ot))), 256)) : u("", !0)
-          ]))), 256)) : u("", !0) : (a(), i(d, { key: 1 }, [
+            }, null, 8, ht))), 256)) : h("", !0)
+          ]))), 256)) : h("", !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,
@@ -1482,8 +1494,8 @@ function Mr(t, n, o, g, r, e) {
               y2: e.forceValidValue(e.drawingArea.bottom),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, it)) : u("", !0),
-            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(), i("g", st, [
+            }, null, 8, st)) : h("", !0),
+            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(), i("g", nt, [
               (a(!0), i(d, null, I(e.yLabels, (l) => (a(), i("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
@@ -1493,86 +1505,86 @@ function Mr(t, n, o, g, r, e) {
                 "stroke-width": 0.5,
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
-              }, null, 8, nt))), 256))
-            ])) : u("", !0)
+              }, null, 8, ct))), 256))
+            ])) : h("", !0)
           ], 64)),
-          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,
+          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (a(), i("g", ut, [
+            (a(!0), i(d, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (l, n) => (a(), i("line", {
+              key: `grid_vertical_line_${n}`,
+              x1: e.drawingArea.width / e.maxSeries * n + e.drawingArea.left + e.xPadding,
+              x2: e.drawingArea.width / e.maxSeries * n + e.drawingArea.left + e.xPadding,
               y1: e.forceValidValue(e.drawingArea.top),
               y2: e.forceValidValue(e.drawingArea.bottom),
               "stroke-width": "0.5",
               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}`
+            }, null, 8, dt))), 128))
+          ])) : h("", !0),
+          e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (a(), i("g", gt, [
+            (a(!0), i(d, null, I(e.timeLabels, (l, n) => (a(), i("g", {
+              key: `time_label_${n}`
             }, [
-              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 }, [
+              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 && (n === 0 || n === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && r.selectedSerieIndex === n && !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 && n % 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,
+                  x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * n + e.drawingArea.width / e.maxSeries / 2,
+                  x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * n + 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)
+                }, null, 8, ft)) : h("", !0)
+              ], 64)) : h("", !0)
             ]))), 128))
-          ])) : u("", !0)
+          ])) : h("", !0)
         ]),
-        (a(!0), i(d, null, I(e.barSet, (l, c) => (a(), i("defs", {
-          key: `def_rect_${c}`
+        (a(!0), i(d, null, I(e.barSet, (l, n) => (a(), i("defs", {
+          key: `def_rect_${n}`
         }, [
           f("linearGradient", {
-            id: `rectGradient_pos_${c}_${r.uniqueId}`,
+            id: `rectGradient_pos_${n}_${r.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
             f("stop", {
               offset: "0%",
               "stop-color": l.color
-            }, null, 8, It),
+            }, null, 8, Nt),
             f("stop", {
               offset: "62%",
               "stop-color": `${e.shiftHue(l.color, 0.02)}`
-            }, null, 8, Nt),
+            }, null, 8, xt),
             f("stop", {
               offset: "100%",
               "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, xt)
-          ], 8, ft),
+            }, null, 8, mt)
+          ], 8, It),
           f("linearGradient", {
-            id: `rectGradient_neg_${c}_${r.uniqueId}`,
+            id: `rectGradient_neg_${n}_${r.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
             f("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, bt),
+            }, null, 8, Ft),
             f("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(l.color, 0.02)}`
-            }, null, 8, Ft),
+            }, null, 8, _t),
             f("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, _t)
-          ], 8, mt)
+            }, null, 8, yt)
+          ], 8, bt)
         ]))), 128)),
-        (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i("defs", {
-          key: `def_plot_${c}`
+        (a(!0), i(d, null, I(e.plotSet, (l, n) => (a(), i("defs", {
+          key: `def_plot_${n}`
         }, [
           f("radialGradient", {
-            id: `plotGradient_${c}_${r.uniqueId}`,
+            id: `plotGradient_${n}_${r.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -1582,18 +1594,18 @@ function Mr(t, n, o, g, r, e) {
             f("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, At),
+            }, null, 8, Lt),
             f("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, Lt)
-          ], 8, yt)
+            }, null, 8, Ct)
+          ], 8, At)
         ]))), 128)),
-        (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("defs", {
-          key: `def_line_${c}`
+        (a(!0), i(d, null, I(e.lineSet, (l, n) => (a(), i("defs", {
+          key: `def_line_${n}`
         }, [
           f("radialGradient", {
-            id: `lineGradient_${c}_${r.uniqueId}`,
+            id: `lineGradient_${n}_${r.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -1603,14 +1615,14 @@ function Mr(t, n, o, g, r, e) {
             f("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, St),
+            }, null, 8, kt),
             f("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, kt)
-          ], 8, Ct),
+            }, null, 8, wt)
+          ], 8, St),
           f("linearGradient", {
-            id: `areaGradient_${c}_${r.uniqueId}`,
+            id: `areaGradient_${n}_${r.uniqueId}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
@@ -1619,17 +1631,17 @@ function Mr(t, n, o, g, r, e) {
             f("stop", {
               offset: "0%",
               "stop-color": `${e.setOpacity(e.shiftHue(l.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, Ot),
+            }, null, 8, Gt),
             f("stop", {
               offset: "100%",
               "stop-color": `${e.setOpacity(l.color, e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, Gt)
-          ], 8, wt)
+            }, null, 8, vt)
+          ], 8, Ot)
         ]))), 128)),
         (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, [
+          l.show ? (a(!0), i(d, { key: 0 }, I(l.span, (n, s) => (a(), i("g", null, [
             f("rect", {
-              style: A({
+              style: y({
                 transition: "none",
                 opacity: l.from + s >= r.slicer.start && l.from + s <= r.slicer.end - 1 ? 1 : 0
               }),
@@ -1638,12 +1650,12 @@ function Mr(t, n, o, g, 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: e.setOpacity(l.color, l.opacity)
-            }, null, 12, vt),
+            }, null, 12, pt),
             l.caption.text && s === 0 ? (a(), i("foreignObject", {
               key: 0,
               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: A({
+              style: y({
                 overflow: "visible",
                 opacity: l.to >= r.slicer.start && l.from < r.slicer.end ? 1 : 0
               }),
@@ -1651,31 +1663,31 @@ function Mr(t, n, o, g, r, e) {
               width: l.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * l.span : l.caption.width
             }, [
               f("div", {
-                style: A(`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"}`)
+                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, pt)) : u("", !0)
-          ]))), 256)) : u("", !0)
+            ], 12, zt)) : h("", !0)
+          ]))), 256)) : h("", !0)
         ]))), 256)),
         f("g", null, [
-          (a(!0), i(d, null, I(e.maxSeries, (l, c) => (a(), i("g", {
-            key: `tooltip_trap_highlighter_${c}`
+          (a(!0), i(d, null, I(e.maxSeries, (l, n) => (a(), i("g", {
+            key: `tooltip_trap_highlighter_${n}`
           }, [
             f("rect", {
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c,
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * n,
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
-              fill: [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(c) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
+              fill: [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(n) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
             }, null, 8, Mt)
           ]))), 128))
         ]),
-        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: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        e.barSet.length ? (a(!0), i(d, { key: 0 }, I(e.barSet, (l, n) => (a(), i("g", {
+          key: `serie_bar_${n}`,
+          class: E(`serie_bar_${n}`),
+          style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i("g", {
-            key: `bar_plot_${c}_${h}`
+          (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i("g", {
+            key: `bar_plot_${n}_${o}`
           }, [
             e.canShowValue(s.value) ? (a(), i("rect", {
               key: 0,
@@ -1684,10 +1696,10 @@ function Mr(t, n, o, g, r, e) {
               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 ? s.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_${n}_${r.uniqueId})` : `url(#rectGradient_neg_${n}_${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, zt)) : u("", !0),
+            }, null, 8, Tt)) : h("", !0),
             e.canShowValue(s.value) && t.$slots.pattern ? (a(), i("rect", {
               key: 1,
               x: e.calcRectX(s),
@@ -1698,7 +1710,7 @@ function Mr(t, n, o, g, r, e) {
               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, Tt)) : u("", !0),
+            }, null, 8, Pt)) : h("", !0),
             s.comment && e.FINAL_CONFIG.chart.comments.show ? (a(), i("foreignObject", {
               key: 2,
               style: { overflow: "visible" },
@@ -1708,14 +1720,14 @@ function Mr(t, n, o, g, r, e) {
               y: e.checkNaN(s.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               p(t.$slots, "plot-comment", {
-                plot: { ...s, color: l.color, seriesIndex: c, datapointIndex: h }
+                plot: { ...s, color: l.color, seriesIndex: n, datapointIndex: o }
               }, void 0, !0)
-            ], 8, Pt)) : u("", !0)
+            ], 8, Vt)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (a(), i("g", Vt, [
+          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (a(), i("g", Rt, [
             f("defs", null, [
               f("marker", {
-                id: `bar_arrow_${c}`,
+                id: `bar_arrow_${n}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1725,8 +1737,8 @@ function Mr(t, n, o, g, r, e) {
                 f("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: l.color
-                }, null, 8, Ht)
-              ], 8, Rt)
+                }, null, 8, Dt)
+              ], 8, Ht)
             ]),
             l.plots.length > 1 ? (a(), i("line", {
               key: 0,
@@ -1737,8 +1749,8 @@ function Mr(t, n, o, g, r, e) {
               "stroke-width": 1,
               stroke: l.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#bar_arrow_${c})`
-            }, null, 8, Dt)) : u("", !0),
+              "marker-end": `url(#bar_arrow_${n})`
+            }, null, 8, Wt)) : h("", !0),
             l.plots.length > 1 ? (a(), i("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1750,9 +1762,9 @@ function Mr(t, n, o, g, r, e) {
               v: e.calcLinearProgression(l.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Wt)) : u("", !0)
-          ])) : u("", !0)
-        ], 6))), 128)) : u("", !0),
+            })), 9, Bt)) : h("", !0)
+          ])) : h("", !0)
+        ], 6))), 128)) : h("", !0),
         !r.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (a(), i("line", {
           key: 1,
           stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1763,8 +1775,8 @@ function Mr(t, n, o, g, r, e) {
           y2: e.forceValidValue(e.zero),
           "stroke-linecap": "round",
           style: { animation: "none !important" }
-        }, 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, [
+        }, null, 8, Et)) : h("", !0),
+        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (a(), i("g", Yt, [
           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,
@@ -1775,8 +1787,8 @@ function Mr(t, n, o, g, 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, Yt)
-        ])) : u("", !0),
+          }, null, 8, qt)
+        ])) : h("", !0),
         e.FINAL_CONFIG.chart.grid.frame.show ? (a(), i("rect", {
           key: 3,
           style: { pointerEvents: "none", transition: "none", animation: "none !important" },
@@ -1790,8 +1802,8 @@ function Mr(t, n, o, g, 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, qt)) : u("", !0),
-        e.FINAL_CONFIG.chart.grid.labels.show ? (a(), i("g", Xt, [
+        }, null, 8, Xt)) : h("", !0),
+        e.FINAL_CONFIG.chart.grid.labels.show ? (a(), i("g", Ut, [
           r.mutableConfig.useIndividualScale ? (a(), i(d, { key: 0 }, [
             (a(!0), i(d, null, I(e.allScales, (l) => (a(), i("g", null, [
               f("line", {
@@ -1802,51 +1814,51 @@ function Mr(t, n, o, g, r, e) {
                 stroke: l.color,
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
-                style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-              }, null, 12, Ut)
+                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, Zt)
             ]))), 256)),
             (a(!0), i(d, null, I(e.allScales, (l) => (a(), i("g", {
-              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               f("text", {
                 fill: l.color,
                 "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, Zt),
-              (a(!0), i(d, null, I(l.yLabels, (c, s) => (a(), i(d, null, [
+              }, T(l.name) + " " + T(l.scaleLabel && l.unique && l.scaleLabel !== l.id ? `- ${l.scaleLabel}` : ""), 9, Kt),
+              (a(!0), i(d, null, I(l.yLabels, (n, 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,
-                  y1: e.forceValidValue(c.y),
-                  y2: e.forceValidValue(c.y),
+                  y1: e.forceValidValue(n.y),
+                  y2: e.forceValidValue(n.y),
                   stroke: l.color,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Jt)) : u("", !0)
+                }, null, 8, Qt)) : h("", !0)
               ], 64))), 256)),
-              (a(!0), i(d, null, I(l.yLabels, (c, s) => (a(), i("text", {
+              (a(!0), i(d, null, I(l.yLabels, (n, 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,
+                y: e.forceValidValue(n.y) + r.fontSizes.dataLabels / 3,
                 "font-size": r.fontSizes.dataLabels,
                 "text-anchor": "end",
                 fill: l.color
               }, T(e.applyDataLabel(
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
-                c.value,
+                n.value,
                 e.dataLabel({
-                  p: c.prefix,
-                  v: c.value,
-                  s: c.suffix,
+                  p: n.prefix,
+                  v: n.value,
+                  s: n.suffix,
                   r: 1
                 }),
-                { datapoint: c.datapoint, seriesIndex: s }
-              )), 9, Kt))), 256))
+                { datapoint: n.datapoint, seriesIndex: s }
+              )), 9, Jt))), 256))
             ], 4))), 256))
-          ], 64)) : (a(!0), i(d, { key: 1 }, I(e.yLabels, (l, c) => (a(), i("g", {
-            key: `yLabel_${c}`
+          ], 64)) : (a(!0), i(d, { key: 1 }, I(e.yLabels, (l, n) => (a(), i("g", {
+            key: `yLabel_${n}`
           }, [
             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,
@@ -1858,7 +1870,7 @@ function Mr(t, n, o, g, r, e) {
               "stroke-width": "1",
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, Qt)) : u("", !0),
+            }, null, 8, jt)) : h("", !0),
             l.value >= e.niceScale.min && l.value <= e.niceScale.max ? (a(), i("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
@@ -1875,26 +1887,26 @@ function Mr(t, n, o, g, r, e) {
                 s: l.suffix,
                 r: 1
               })
-            ) : ""), 9, jt)) : u("", !0)
+            ) : ""), 9, $t)) : h("", !0)
           ]))), 128))
-        ])) : u("", !0),
-        (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i("g", {
-          key: `serie_plot_${c}`,
-          class: E(`serie_plot_${c}`),
-          style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        ])) : h("", !0),
+        (a(!0), i(d, null, I(e.plotSet, (l, n) => (a(), i("g", {
+          key: `serie_plot_${n}`,
+          class: E(`serie_plot_${n}`),
+          style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i("g", {
-            key: `circle_plot_${c}_${h}`
+          (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i("g", {
+            key: `circle_plot_${n}_${o}`
           }, [
             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,
+              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${n}_${r.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? l.color : e.FINAL_CONFIG.plot.dot.fill,
               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,
+              radius: r.selectedSerieIndex !== null && r.selectedSerieIndex === o || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === o ? (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),
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
             s.comment && e.FINAL_CONFIG.chart.comments.show ? (a(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1903,17 +1915,17 @@ function Mr(t, n, o, g, r, e) {
               x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              f("div", el, [
+              f("div", tl, [
                 p(t.$slots, "plot-comment", {
-                  plot: { ...s, color: l.color, seriesIndex: c, datapointIndex: h }
+                  plot: { ...s, color: l.color, seriesIndex: n, datapointIndex: o }
                 }, void 0, !0)
               ])
-            ], 8, $t)) : u("", !0)
+            ], 8, el)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (a(), i("g", tl, [
+          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (a(), i("g", ll, [
             f("defs", null, [
               f("marker", {
-                id: `plot_arrow_${c}`,
+                id: `plot_arrow_${n}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1923,8 +1935,8 @@ function Mr(t, n, o, g, r, e) {
                 f("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: l.color
-                }, null, 8, rl)
-              ], 8, ll)
+                }, null, 8, al)
+              ], 8, rl)
             ]),
             l.plots.length > 1 ? (a(), i("line", {
               key: 0,
@@ -1935,8 +1947,8 @@ function Mr(t, n, o, g, r, e) {
               "stroke-width": 1,
               stroke: l.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#plot_arrow_${c})`
-            }, null, 8, al)) : u("", !0),
+              "marker-end": `url(#plot_arrow_${n})`
+            }, null, 8, il)) : h("", !0),
             l.plots.length > 1 ? (a(), i("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1948,13 +1960,13 @@ function Mr(t, n, o, g, r, e) {
               v: e.calcLinearProgression(l.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, il)) : u("", !0)
-          ])) : u("", !0)
+            })), 9, sl)) : h("", !0)
+          ])) : h("", !0)
         ], 6))), 128)),
-        (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("g", {
-          key: `serie_line_${c}`,
-          class: E(`serie_line_${c}`),
-          style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        (a(!0), i(d, null, I(e.lineSet, (l, n) => (a(), i("g", {
+          key: `serie_line_${n}`,
+          class: E(`serie_line_${n}`),
+          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 && l.curve ? (a(), i("path", {
             key: 0,
@@ -1963,7 +1975,7 @@ function Mr(t, n, o, g, r, e) {
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
             "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, sl)) : l.plots.length > 1 && l.straight ? (a(), i("path", {
+          }, null, 8, nl)) : l.plots.length > 1 && l.straight ? (a(), i("path", {
             key: 1,
             d: `M${l.straight}`,
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1972,41 +1984,41 @@ function Mr(t, n, o, g, r, e) {
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, nl)) : u("", !0)
+          }, null, 8, cl)) : h("", !0)
         ], 6))), 128)),
-        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),
-        (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("g", {
-          key: `serie_line_${c}`,
-          class: E(`serie_line_${c}`),
-          style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        t.$slots.pattern ? (a(), i("defs", ol, [
+          (a(!0), i(d, null, I(e.safeDataset, (l, n) => p(t.$slots, "pattern", Q({
+            key: `serie_pattern_slot_${n}`
+          }, { ref_for: !0 }, { ...l, seriesIndex: l.slotAbsoluteIndex, patternId: `pattern_${r.uniqueId}_${n}` }), void 0, !0)), 128))
+        ])) : h("", !0),
+        (a(!0), i(d, null, I(e.lineSet, (l, n) => (a(), i("g", {
+          key: `serie_line_${n}`,
+          class: E(`serie_line_${n}`),
+          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 ? (a(), i("g", ol, [
-            l.smooth ? (a(!0), i(d, { key: 0 }, I(l.curveAreas, (s, h) => (a(), i(d, { key: h }, [
+          l.useArea && l.plots.length > 1 ? (a(), i("g", hl, [
+            l.smooth ? (a(!0), i(d, { key: 0 }, I(l.curveAreas, (s, o) => (a(), i(d, { key: o }, [
               f("path", {
                 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, hl),
+                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${n}_${r.uniqueId})` : e.setOpacity(l.color, e.FINAL_CONFIG.line.area.opacity)
+              }, null, 8, ul),
               t.$slots.pattern ? (a(), i("path", {
                 key: 0,
                 d: s,
                 fill: `url(#pattern_${r.uniqueId}_${l.slotAbsoluteIndex})`
-              }, null, 8, ul)) : u("", !0)
-            ], 64))), 128)) : (a(!0), i(d, { key: 1 }, I(l.area.split(";"), (s, h) => (a(), i(d, { key: h }, [
+              }, null, 8, dl)) : h("", !0)
+            ], 64))), 128)) : (a(!0), i(d, { key: 1 }, I(l.area.split(";"), (s, o) => (a(), i(d, { key: o }, [
               f("path", {
                 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, dl),
+                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${n}_${r.uniqueId})` : e.setOpacity(l.color, e.FINAL_CONFIG.line.area.opacity)
+              }, null, 8, gl),
               t.$slots.pattern ? (a(), i("path", {
                 key: 0,
                 d: `M${s}Z`,
                 fill: `url(#pattern_${r.uniqueId}_${l.slotAbsoluteIndex})`
-              }, null, 8, gl)) : u("", !0)
+              }, null, 8, fl)) : h("", !0)
             ], 64))), 128))
-          ])) : u("", !0),
+          ])) : h("", !0),
           l.smooth && l.plots.length > 1 && l.curve ? (a(), i("path", {
             key: 1,
             d: `M${l.curve}`,
@@ -2015,7 +2027,7 @@ function Mr(t, n, o, g, r, e) {
             "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none",
             "stroke-linecap": "round"
-          }, null, 8, fl)) : l.plots.length > 1 && l.straight ? (a(), i("path", {
+          }, null, 8, Il)) : l.plots.length > 1 && l.straight ? (a(), i("path", {
             key: 2,
             d: `M${l.straight}`,
             stroke: l.color,
@@ -2024,19 +2036,19 @@ function Mr(t, n, o, g, r, e) {
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, Il)) : u("", !0),
-          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-            key: `circle_line_${c}_${h}`
+          }, null, 8, Nl)) : h("", !0),
+          (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+            key: `circle_line_${n}_${o}`
           }, [
-            !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, {
+            !e.optimize.linePlot && s && e.canShowValue(s.value) || e.optimize.linePlot && s && e.canShowValue(s.value) && (r.selectedSerieIndex !== null && r.selectedSerieIndex === o || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === o) ? (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,
+              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${n}_${r.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? l.color : e.FINAL_CONFIG.line.dot.fill,
               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,
+              radius: r.selectedSerieIndex !== null && r.selectedSerieIndex === o || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === o ? (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),
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
             s.comment && e.FINAL_CONFIG.chart.comments.show ? (a(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -2045,17 +2057,17 @@ function Mr(t, n, o, g, r, e) {
               x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              f("div", xl, [
+              f("div", ml, [
                 p(t.$slots, "plot-comment", {
-                  plot: { ...s, color: l.color, seriesIndex: c, datapointIndex: h }
+                  plot: { ...s, color: l.color, seriesIndex: n, datapointIndex: o }
                 }, void 0, !0)
               ])
-            ], 8, Nl)) : u("", !0)
+            ], 8, xl)) : h("", !0)
           ], 64))), 128)),
-          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (a(), i("g", ml, [
+          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (a(), i("g", bl, [
             f("defs", null, [
               f("marker", {
-                id: `line_arrow_${c}`,
+                id: `line_arrow_${n}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -2065,8 +2077,8 @@ function Mr(t, n, o, g, r, e) {
                 f("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: l.color
-                }, null, 8, Fl)
-              ], 8, bl)
+                }, null, 8, _l)
+              ], 8, Fl)
             ]),
             l.plots.length > 1 ? (a(), i("line", {
               key: 0,
@@ -2077,8 +2089,8 @@ function Mr(t, n, o, g, r, e) {
               "stroke-width": 1,
               stroke: l.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#line_arrow_${c})`
-            }, null, 8, _l)) : u("", !0),
+              "marker-end": `url(#line_arrow_${n})`
+            }, null, 8, yl)) : h("", !0),
             l.plots.length > 1 ? (a(), i("text", {
               key: 1,
               "text-anchor": "middle",
@@ -2090,24 +2102,24 @@ function Mr(t, n, o, g, r, e) {
               v: e.calcLinearProgression(l.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, yl)) : u("", !0)
-          ])) : u("", !0)
+            })), 9, Al)) : h("", !0)
+          ])) : h("", !0)
         ], 6))), 128)),
-        (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}`
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && r.mutableConfig.dataLabels.show ? (a(), i("g", Ll, [
+          (a(!0), i(d, null, I(e.barSet, (l, n) => (a(), i(d, {
+            key: `xLabel_bar_${n}`
           }, [
-            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-              key: `xLabel_bar_${c}_${h}`
+            (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+              key: `xLabel_bar_${n}_${o}`
             }, [
-              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", {
+              s && (!Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === o || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === o) && e.FINAL_CONFIG.bar.labels.show ? (a(), i("text", {
                 key: 0,
                 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: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, T(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
                 s.value,
@@ -2121,7 +2133,7 @@ function Mr(t, n, o, g, r, e) {
                   datapoint: s,
                   serie: l
                 }
-              ) : ""), 13, Ll)) : u("", !0),
+              ) : ""), 13, Cl)) : h("", !0),
               s && e.FINAL_CONFIG.bar.serieName.show ? (a(), i("text", {
                 key: 1,
                 x: r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? s.x + e.slot.line / 2 : s.x + e.calcRectWidth() * 1.1,
@@ -2130,26 +2142,26 @@ function Mr(t, n, o, g, r, e) {
                 "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: A(`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, Cl)) : u("", !0)
+                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, Sl)) : h("", !0)
             ], 64))), 128))
           ], 64))), 128))
-        ])) : u("", !0),
-        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}`
+        ])) : h("", !0),
+        e.FINAL_CONFIG.plot.labels.show && r.mutableConfig.dataLabels.show ? (a(), i("g", kl, [
+          (a(!0), i(d, null, I(e.plotSet, (l, n) => (a(), i(d, {
+            key: `xLabel_plot_${n}`
           }, [
-            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-              key: `xLabel_plot_${c}_${h}`
+            (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+              key: `xLabel_plot_${n}_${o}`
             }, [
-              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h ? (a(), i("text", {
+              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === o || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === o ? (a(), i("text", {
                 key: 0,
                 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: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, T(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
                 s.value,
@@ -2163,18 +2175,18 @@ function Mr(t, n, o, g, r, e) {
                   datapoint: s,
                   serie: l
                 }
-              ) : ""), 13, kl)) : u("", !0)
+              ) : ""), 13, wl)) : h("", !0)
             ], 64))), 128))
           ], 64))), 128))
-        ])) : (a(), i("g", wl, [
-          (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i(d, {
-            key: `xLabel_plot_${c}`
+        ])) : (a(), i("g", Ol, [
+          (a(!0), i(d, null, I(e.plotSet, (l, n) => (a(), i(d, {
+            key: `xLabel_plot_${n}`
           }, [
-            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-              key: `xLabel_plot_${c}_${h}`
+            (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+              key: `xLabel_plot_${n}_${o}`
             }, [
               e.FINAL_CONFIG.plot.tag.followValue ? (a(), i(d, { key: 1 }, [
-                [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag ? (a(), i("line", {
+                [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(o) && l.useTag ? (a(), i("line", {
                   key: 0,
                   class: "vue-ui-xy-tag-plot",
                   x1: e.drawingArea.left,
@@ -2185,71 +2197,71 @@ function Mr(t, n, o, g, r, e) {
                   "stroke-linecap": "round",
                   "stroke-dasharray": "2",
                   stroke: l.color
-                }, null, 8, Ml)) : u("", !0)
+                }, null, 8, Ml)) : h("", !0)
               ], 64)) : (a(), i(d, { key: 0 }, [
-                s && h === 0 && l.useTag && l.useTag === "start" ? (a(), i("foreignObject", {
+                s && o === 0 && l.useTag && l.useTag === "start" ? (a(), i("foreignObject", {
                   key: 0,
                   x: s.x,
                   y: s.y - 20,
                   height: 24,
                   width: "150",
-                  style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   f("div", {
-                    style: A(`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;`),
+                    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,
                       s.value,
                       l.name,
                       {
                         datapoint: s,
-                        seriesIndex: h,
+                        seriesIndex: o,
                         serieName: l.name
                       }
                     )
-                  }, null, 12, Gl)
-                ], 12, Ol)) : u("", !0),
-                s && h === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (a(), i("foreignObject", {
+                  }, null, 12, vl)
+                ], 12, Gl)) : h("", !0),
+                s && o === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (a(), i("foreignObject", {
                   key: 1,
                   x: s.x - l.name.length * (r.fontSizes.plotLabels / 2),
                   y: s.y - 20,
                   height: 24,
                   width: "150",
-                  style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   f("div", {
-                    style: A(`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;`),
+                    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,
                       s.value,
                       l.name,
                       {
                         datapoint: s,
-                        seriesIndex: h,
+                        seriesIndex: o,
                         serieName: l.name
                       }
                     )
-                  }, null, 12, pl)
-                ], 12, vl)) : u("", !0)
+                  }, null, 12, zl)
+                ], 12, pl)) : h("", !0)
               ], 64))
             ], 64))), 128))
           ], 64))), 128))
         ])),
-        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}`
+        e.FINAL_CONFIG.line.labels.show && r.mutableConfig.dataLabels.show ? (a(), i("g", Tl, [
+          (a(!0), i(d, null, I(e.lineSet, (l, n) => (a(), i(d, {
+            key: `xLabel_line_${n}`
           }, [
-            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-              key: `xLabel_line_${c}_${h}`
+            (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+              key: `xLabel_line_${n}_${o}`
             }, [
-              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h ? (a(), i("text", {
+              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === o || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === o ? (a(), i("text", {
                 key: 0,
                 x: s.x,
                 y: s.y + (s.value >= 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": r.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color,
-                style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, T(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
                 s.value,
@@ -2263,18 +2275,18 @@ function Mr(t, n, o, g, r, e) {
                   datapoint: s,
                   serie: l
                 }
-              ) : ""), 13, Tl)) : u("", !0)
+              ) : ""), 13, Pl)) : h("", !0)
             ], 64))), 128))
           ], 64))), 128))
-        ])) : (a(), i("g", Pl, [
-          (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i(d, {
-            key: `xLabel_line_${c}`
+        ])) : (a(), i("g", Vl, [
+          (a(!0), i(d, null, I(e.lineSet, (l, n) => (a(), i(d, {
+            key: `xLabel_line_${n}`
           }, [
-            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-              key: `xLabel_line_${c}_${h}`
+            (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+              key: `xLabel_line_${n}_${o}`
             }, [
               e.FINAL_CONFIG.line.tag.followValue ? (a(), i(d, { key: 1 }, [
-                [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag ? (a(), i("line", {
+                [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(o) && l.useTag ? (a(), i("line", {
                   key: 0,
                   class: "vue-ui-xy-tag-line",
                   x1: e.drawingArea.left,
@@ -2285,63 +2297,63 @@ function Mr(t, n, o, g, r, e) {
                   "stroke-linecap": "round",
                   "stroke-dasharray": "2",
                   stroke: l.color
-                }, null, 8, Wl)) : u("", !0)
+                }, null, 8, Bl)) : h("", !0)
               ], 64)) : (a(), i(d, { key: 0 }, [
-                s && h === 0 && l.useTag && l.useTag === "start" ? (a(), i("foreignObject", {
+                s && o === 0 && l.useTag && l.useTag === "start" ? (a(), i("foreignObject", {
                   key: 0,
                   x: s.x,
                   y: s.y - 20,
                   height: 24,
                   width: "150",
-                  style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   f("div", {
-                    style: A(`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;`),
+                    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,
                       s.value,
                       l.name,
                       {
                         datapoint: s,
-                        seriesIndex: h,
+                        seriesIndex: o,
                         serieName: l.name
                       }
                     )
-                  }, null, 12, Rl)
-                ], 12, Vl)) : u("", !0),
-                s && h === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (a(), i("foreignObject", {
+                  }, null, 12, Hl)
+                ], 12, Rl)) : h("", !0),
+                s && o === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (a(), i("foreignObject", {
                   key: 1,
                   x: s.x,
                   y: s.y - 20,
                   height: 24,
                   width: "150",
-                  style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   f("div", {
-                    style: A(`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;`),
+                    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,
                       s.value,
                       l.name,
                       {
                         datapoint: s,
-                        seriesIndex: h,
+                        seriesIndex: o,
                         serieName: l.name
                       }
                     )
-                  }, null, 12, Dl)
-                ], 12, Hl)) : u("", !0)
+                  }, null, 12, Wl)
+                ], 12, Dl)) : h("", !0)
               ], 64))
             ], 64))), 128))
           ], 64))), 128))
         ])),
-        (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i(d, {
-          key: `xLabel_line_${c}`
+        (a(!0), i(d, null, I(e.lineSet, (l, n) => (a(), i(d, {
+          key: `xLabel_line_${n}`
         }, [
-          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-            key: `xLabel_line_${c}_${h}`
+          (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+            key: `xLabel_line_${n}_${o}`
           }, [
-            s && h === 0 && l.showSerieName && l.showSerieName === "start" ? (a(), i("text", {
+            s && o === 0 && l.showSerieName && l.showSerieName === "start" ? (a(), i("text", {
               key: 0,
               x: s.x - r.fontSizes.plotLabels,
               y: s.y,
@@ -2356,9 +2368,9 @@ function Mr(t, n, o, g, r, e) {
                 y: s.y,
                 maxWords: 2
               }),
-              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, null, 12, Bl)) : u("", !0),
-            s && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
+              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            }, null, 12, El)) : h("", !0),
+            s && o === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
               key: 1,
               x: s.x + r.fontSizes.plotLabels,
               y: s.y,
@@ -2373,17 +2385,17 @@ function Mr(t, n, o, g, r, e) {
                 y: s.y,
                 maxWords: 2
               }),
-              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, null, 12, El)) : u("", !0)
+              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            }, null, 12, Yl)) : h("", !0)
           ], 64))), 128))
         ], 64))), 128)),
-        (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i(d, {
-          key: `xLabel_plot_${c}`
+        (a(!0), i(d, null, I(e.plotSet, (l, n) => (a(), i(d, {
+          key: `xLabel_plot_${n}`
         }, [
-          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-            key: `xLabel_plot_${c}_${h}`
+          (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+            key: `xLabel_plot_${n}_${o}`
           }, [
-            s && h === 0 && l.showSerieName && l.showSerieName === "start" ? (a(), i("text", {
+            s && o === 0 && l.showSerieName && l.showSerieName === "start" ? (a(), i("text", {
               key: 0,
               x: s.x - r.fontSizes.plotLabels,
               y: s.y,
@@ -2398,9 +2410,9 @@ function Mr(t, n, o, g, r, e) {
                 y: s.y,
                 maxWords: 2
               }),
-              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, null, 12, Yl)) : u("", !0),
-            s && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
+              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            }, null, 12, ql)) : h("", !0),
+            s && o === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
               key: 1,
               x: s.x + r.fontSizes.plotLabels,
               y: s.y,
@@ -2415,14 +2427,14 @@ function Mr(t, n, o, g, r, e) {
                 y: s.y,
                 maxWords: 2
               }),
-              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, null, 12, ql)) : u("", !0)
+              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            }, null, 12, Xl)) : h("", !0)
           ], 64))), 128))
         ], 64))), 128)),
         r.mutableConfig.useIndividualScale && !r.mutableConfig.isStacked ? (a(), i(d, { key: 11 }, [
           f("defs", null, [
-            (a(!0), i(d, null, I(e.allScales, (l, c) => (a(), i("linearGradient", {
-              id: `individual_scale_gradient_${r.uniqueId}_${c}`,
+            (a(!0), i(d, null, I(e.allScales, (l, n) => (a(), i("linearGradient", {
+              id: `individual_scale_gradient_${r.uniqueId}_${n}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
@@ -2432,24 +2444,24 @@ function Mr(t, n, o, g, r, e) {
                 offset: "0%",
                 "stop-color": e.FINAL_CONFIG.chart.backgroundColor,
                 "stop-opacity": "0"
-              }, null, 8, Ul),
+              }, null, 8, Zl),
               f("stop", {
                 offset: "100%",
                 "stop-color": l.color,
                 "stop-opacity": "0.2"
-              }, null, 8, Zl)
-            ], 8, Xl))), 256))
+              }, null, 8, Kl)
+            ], 8, Ul))), 256))
           ]),
-          (a(!0), i(d, null, I(e.allScales, (l, c) => (a(), i("rect", {
+          (a(!0), i(d, null, I(e.allScales, (l, n) => (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",
+            fill: r.selectedScale === l.groupId ? `url(#individual_scale_gradient_${r.uniqueId}_${n})` : "transparent",
             onMouseenter: (s) => r.selectedScale = l.groupId,
-            onMouseleave: n[0] || (n[0] = (s) => r.selectedScale = null)
-          }, null, 40, Jl))), 256))
-        ], 64)) : u("", !0),
+            onMouseleave: c[0] || (c[0] = (s) => r.selectedScale = null)
+          }, null, 40, Ql))), 256))
+        ], 64)) : h("", !0),
         f("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !r.mutableConfig.useIndividualScale ? (a(), i("text", {
             key: 0,
@@ -2458,7 +2470,7 @@ function Mr(t, n, o, g, r, e) {
             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, Kl)) : u("", !0),
+          }, T(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Jl)) : h("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (a(), i("text", {
             key: 1,
             "text-anchor": "middle",
@@ -2466,39 +2478,39 @@ function Mr(t, n, o, g, r, e) {
             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, Ql)) : u("", !0)
+          }, T(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, jl)) : h("", !0)
         ]),
-        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}`,
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (a(), i("g", $l, [
+          t.$slots["time-label"] ? (a(!0), i(d, { key: 0 }, I(e.timeLabels, (l, n) => p(t.$slots, "time-label", Q({
+            key: `time_label_${n}`,
             ref_for: !0
           }, {
-            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2,
+            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * n + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom + r.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset,
             fontSize: 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})`,
+            transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * n + 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})`,
             absoluteIndex: l.absoluteIndex,
             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)) : (a(!0), i(d, { key: 1 }, I(e.timeLabels, (l, c) => (a(), i("g", {
-            key: `time_label_${c}`
+            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 && (n === 0 || n === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && r.selectedSerieIndex === n && !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 && n % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0
+          }), void 0, !0)), 128)) : (a(!0), i(d, { key: 1 }, I(e.timeLabels, (l, n) => (a(), i("g", {
+            key: `time_label_${n}`
           }, [
-            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", {
+            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 && (n === 0 || n === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && r.selectedSerieIndex === n && !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 && n % 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)
+              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * n + 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: y({
+                cursor: e.usesSelectTimeLabelEvent() ? "pointer" : "default"
+              }),
+              onClick: () => e.selectTimeLabel(l, n)
+            }, T(l.text || ""), 13, er)) : h("", !0)
           ]))), 128))
-        ])) : u("", !0),
-        e.annotationsY.length && !r.mutableConfig.isStacked ? (a(), i("g", er, [
+        ])) : h("", !0),
+        e.annotationsY.length && !r.mutableConfig.isStacked ? (a(), i("g", tr, [
           (a(!0), i(d, null, I(e.annotationsY, (l) => (a(), i("g", {
             key: l.uid
           }, [
@@ -2513,7 +2525,7 @@ function Mr(t, n, o, g, r, e) {
               "stroke-dasharray": l.config.line.strokeDasharray,
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, tr)) : u("", !0),
+            }, null, 8, lr)) : h("", !0),
             l.yBottom && l.show ? (a(), i("line", {
               key: 1,
               x1: l.x1,
@@ -2525,7 +2537,7 @@ function Mr(t, n, o, g, r, e) {
               "stroke-dasharray": l.config.line.strokeDasharray,
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, lr)) : u("", !0),
+            }, null, 8, rr)) : h("", !0),
             l.hasArea && l.show ? (a(), i("rect", {
               key: 2,
               y: Math.min(l.yTop, l.yBottom),
@@ -2534,11 +2546,11 @@ function Mr(t, n, o, g, r, e) {
               height: e.checkNaN(l.areaHeight, 0),
               fill: e.setOpacity(l.config.area.fill, l.config.area.opacity),
               style: { animation: "none !important" }
-            }, null, 8, rr)) : u("", !0),
-            l.config.label.text && l.show ? (a(), i("rect", K({
+            }, null, 8, ar)) : h("", !0),
+            l.config.label.text && l.show ? (a(), i("rect", Q({
               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),
+            }, { ref_for: !0 }, l._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : h("", !0),
             l.config.label.text && l.show ? (a(), i("text", {
               key: 4,
               id: l.id,
@@ -2548,23 +2560,23 @@ function Mr(t, n, o, g, 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, ar)) : u("", !0)
+            }, T(l.config.label.text), 9, ir)) : h("", !0)
           ]))), 128))
-        ])) : u("", !0),
+        ])) : h("", !0),
         f("g", null, [
-          (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,
+          (a(!0), i(d, null, I(e.maxSeries, (l, n) => (a(), i("rect", {
+            key: `tooltip_trap_${n}`,
+            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * n,
             y: e.drawingArea.top,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
             fill: "transparent",
-            onMouseenter: (s) => e.toggleTooltipVisibility(!0, c),
-            onMouseleave: n[1] || (n[1] = (s) => e.toggleTooltipVisibility(!1)),
-            onClick: (s) => e.selectX(c)
-          }, null, 40, ir))), 128))
+            onMouseenter: (s) => e.toggleTooltipVisibility(!0, n),
+            onMouseleave: c[1] || (c[1] = (s) => e.toggleTooltipVisibility(!1)),
+            onClick: (s) => e.selectX(n)
+          }, null, 40, sr))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (a(), i("g", sr, [
+        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (a(), i("g", nr, [
           (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,
@@ -2574,48 +2586,48 @@ function Mr(t, n, o, g, r, e) {
           }, [
             f("div", {
               class: "vue-ui-xy-time-tag",
-              style: A(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
+              style: 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, nr)),
+          ], 8, cr)),
           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, cr)
-        ])) : u("", !0)
-      ])) : u("", !0),
+          }, null, 8, or)
+        ])) : h("", !0)
+      ])) : h("", !0),
       p(t.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, et)) : u("", !0),
-    t.$slots.watermark ? (a(), i("div", or, [
+    ], 14, tt)) : h("", !0),
+    t.$slots.watermark ? (a(), i("div", hr, [
       p(t.$slots, "watermark", Y(q({ isPrinting: r.isPrinting || r.isImaging })), void 0, !0)
-    ])) : u("", !0),
-    (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i(d, {
-      key: `tag_line_${c}`
+    ])) : h("", !0),
+    (a(!0), i(d, null, I(e.lineSet, (l, n) => (a(), i(d, {
+      key: `tag_line_${n}`
     }, [
-      (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-        key: `tag_line_${c}_${h}`
+      (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+        key: `tag_line_${n}_${o}`
       }, [
-        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.line.tag.followValue ? (a(), i("div", {
+        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(o) && 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: (L) => e.setTagRef(n, o, L, "right", "line"),
           class: "vue-ui-xy-tag",
           "data-tag": "right",
-          style: A({
+          style: y({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.line.tag.fontSize / 1.5,
               y: s.y,
-              element: r.tagRefs[`${c}_${h}_right_line`],
+              element: r.tagRefs[`${n}_${o}_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: s.y,
-              element: r.tagRefs[`${c}_${h}_right_line`],
+              element: r.tagRefs[`${n}_${o}_right_line`],
               position: "right"
             }).left + "px",
             height: "fit-content",
@@ -2627,12 +2639,12 @@ function Mr(t, n, o, g, r, e) {
             opacity: 1
           })
         }, [
-          (a(), i("svg", hr, [
+          (a(), i("svg", ur, [
             f("path", {
               d: "M 0,10 10,0 10,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, ur)
+            }, null, 8, dr)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
@@ -2642,32 +2654,32 @@ function Mr(t, n, o, g, r, e) {
               l.name,
               {
                 datapoint: s,
-                seriesIndex: h,
+                seriesIndex: o,
                 serieName: l.name
               }
             )
-          }, 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 ? (a(), i("div", {
+          }, null, 8, gr)
+        ], 4)) : h("", !0),
+        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(o) && 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: (L) => e.setTagRef(n, o, L, "left", "line"),
           class: "vue-ui-xy-tag",
           "data-tag": "left",
-          style: A({
+          style: y({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.line.tag.fontSize / 1.5,
               y: s.y,
-              element: r.tagRefs[`${c}_${h}_left_line`],
+              element: r.tagRefs[`${n}_${o}_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: s.y,
-              element: r.tagRefs[`${c}_${h}_left_line`],
+              element: r.tagRefs[`${n}_${o}_left_line`],
               position: "left"
             }).left + "px",
             height: "fit-content",
@@ -2679,12 +2691,12 @@ function Mr(t, n, o, g, r, e) {
             opacity: 1
           })
         }, [
-          (a(), i("svg", gr, [
+          (a(), i("svg", fr, [
             f("path", {
               d: "M 0,0 10,10 0,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, fr)
+            }, null, 8, Ir)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
@@ -2694,40 +2706,40 @@ function Mr(t, n, o, g, r, e) {
               l.name,
               {
                 datapoint: s,
-                seriesIndex: h,
+                seriesIndex: o,
                 serieName: l.name
               }
             )
-          }, null, 8, Ir)
-        ], 4)) : u("", !0)
+          }, null, 8, Nr)
+        ], 4)) : h("", !0)
       ], 64))), 128))
     ], 64))), 128)),
-    (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i(d, {
-      key: `tag_plot_${c}`
+    (a(!0), i(d, null, I(e.plotSet, (l, n) => (a(), i(d, {
+      key: `tag_plot_${n}`
     }, [
-      (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
-        key: `tag_plot_${c}_${h}`
+      (a(!0), i(d, null, I(l.plots, (s, o) => (a(), i(d, {
+        key: `tag_plot_${n}_${o}`
       }, [
-        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.plot.tag.followValue ? (a(), i("div", {
+        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(o) && 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: (L) => e.setTagRef(n, o, L, "right", "plot"),
           class: "vue-ui-xy-tag",
           "data-tag": "right",
-          style: A({
+          style: y({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
               y: s.y,
-              element: r.tagRefs[`${c}_${h}_right_plot`],
+              element: r.tagRefs[`${n}_${o}_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: s.y,
-              element: r.tagRefs[`${c}_${h}_right_plot`],
+              element: r.tagRefs[`${n}_${o}_right_plot`],
               position: "right"
             }).left + "px",
             height: "fit-content",
@@ -2739,12 +2751,12 @@ function Mr(t, n, o, g, r, e) {
             opacity: 1
           })
         }, [
-          (a(), i("svg", Nr, [
+          (a(), i("svg", xr, [
             f("path", {
               d: "M 0,10 10,0 10,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, xr)
+            }, null, 8, mr)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
@@ -2754,32 +2766,32 @@ function Mr(t, n, o, g, r, e) {
               l.name,
               {
                 datapoint: s,
-                seriesIndex: h,
+                seriesIndex: o,
                 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 ? (a(), i("div", {
+          }, null, 8, br)
+        ], 4)) : h("", !0),
+        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(o) && 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: (L) => e.setTagRef(n, o, L, "left", "plot"),
           class: "vue-ui-xy-tag",
           "data-tag": "left",
-          style: A({
+          style: y({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
               y: s.y,
-              element: r.tagRefs[`${c}_${h}_left_plot`],
+              element: r.tagRefs[`${n}_${o}_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: s.y,
-              element: r.tagRefs[`${c}_${h}_left_plot`],
+              element: r.tagRefs[`${n}_${o}_left_plot`],
               position: "left"
             }).left + "px",
             height: "fit-content",
@@ -2791,12 +2803,12 @@ function Mr(t, n, o, g, r, e) {
             opacity: 1
           })
         }, [
-          (a(), i("svg", br, [
+          (a(), i("svg", Fr, [
             f("path", {
               d: "M 0,0 10,10 0,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, Fr)
+            }, null, 8, _r)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
@@ -2806,15 +2818,15 @@ function Mr(t, n, o, g, r, e) {
               l.name,
               {
                 datapoint: s,
-                seriesIndex: h,
+                seriesIndex: o,
                 serieName: l.name
               }
             )
-          }, null, 8, _r)
-        ], 4)) : u("", !0)
+          }, null, 8, yr)
+        ], 4)) : h("", !0)
       ], 64))), 128))
     ], 64))), 128)),
-    e.isDataset ? u("", !0) : (a(), W(w, {
+    e.isDataset ? h("", !0) : (a(), W(w, {
       key: 6,
       config: {
         type: "line",
@@ -2838,8 +2850,8 @@ function Mr(t, n, o, g, r, e) {
       background: e.FINAL_CONFIG.chart.zoom.color,
       fontSize: e.FINAL_CONFIG.chart.zoom.fontSize,
       useResetSlot: e.FINAL_CONFIG.chart.zoom.useResetSlot,
-      labelLeft: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[r.slicer.start],
-      labelRight: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[r.slicer.end - 1],
+      labelLeft: e.timeLabels[0].text,
+      labelRight: e.timeLabels.at(-1).text,
       textColor: e.FINAL_CONFIG.chart.color,
       inputColor: e.FINAL_CONFIG.chart.zoom.color,
       selectColor: e.FINAL_CONFIG.chart.zoom.highlightColor,
@@ -2858,11 +2870,11 @@ function Mr(t, n, o, g, r, e) {
       valueStart: r.slicer.start,
       valueEnd: r.slicer.end,
       start: r.slicer.start,
-      "onUpdate:start": n[2] || (n[2] = (l) => r.slicer.start = l),
+      "onUpdate:start": c[2] || (c[2] = (l) => r.slicer.start = l),
       end: r.slicer.end,
-      "onUpdate:end": n[3] || (n[3] = (l) => r.slicer.end = l),
+      "onUpdate:end": c[3] || (c[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)),
+      refreshEndPoint: e.FINAL_CONFIG.chart.zoom.endIndex !== null ? e.FINAL_CONFIG.chart.zoom.endIndex + 1 : Math.max(...u.dataset.map((l) => e.largestTriangleThreeBucketsArray({ data: l.series, threshold: e.FINAL_CONFIG.downsample.threshold }).length)),
       enableRangeHandles: e.FINAL_CONFIG.chart.zoom.enableRangeHandles,
       enableSelectionDrag: e.FINAL_CONFIG.chart.zoom.enableSelectionDrag,
       onReset: e.refreshSlicer,
@@ -2872,19 +2884,19 @@ function Mr(t, n, o, g, r, e) {
         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),
+    }, 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"])) : h("", !0),
     e.FINAL_CONFIG.chart.legend.show ? (a(), i("div", {
       key: 8,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
-      style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
+      style: y(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (a(!0), i(d, null, I(e.absoluteDataset, (l, c) => (a(), i("div", {
-        key: `div_legend_item_${c}`,
+      (a(!0), i(d, null, I(e.absoluteDataset, (l, n) => (a(), i("div", {
+        key: `div_legend_item_${n}`,
         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" ? (a(), i("svg", Ar, [
+        r.icons[l.type] === "line" ? (a(), i("svg", Lr, [
           f("rect", {
             x: "0",
             y: "7.5",
@@ -2894,7 +2906,7 @@ function Mr(t, n, o, g, r, e) {
             height: "3",
             width: "20",
             fill: l.color
-          }, null, 8, Lr),
+          }, null, 8, Cr),
           U(k, {
             plot: { x: 10, y: 9 },
             radius: 4,
@@ -2903,7 +2915,7 @@ function Mr(t, n, o, g, r, e) {
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 0.5
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : r.icons[l.type] === "bar" ? (a(), i("svg", Cr, [
+        ])) : r.icons[l.type] === "bar" ? (a(), i("svg", Sr, [
           r.icons[l.type] === "bar" && t.$slots.pattern ? (a(), i("rect", {
             key: 0,
             x: "0",
@@ -2913,7 +2925,7 @@ function Mr(t, n, o, g, r, e) {
             width: "40",
             stroke: "none",
             fill: l.color
-          }, null, 8, Sr)) : u("", !0),
+          }, null, 8, kr)) : h("", !0),
           r.icons[l.type] === "bar" ? (a(), i("rect", {
             key: 1,
             x: "0",
@@ -2923,8 +2935,8 @@ function Mr(t, n, o, g, r, e) {
             width: "40",
             stroke: "none",
             fill: t.$slots.pattern ? `url(#pattern_${r.uniqueId}_${l.slotAbsoluteIndex})` : l.color
-          }, null, 8, kr)) : u("", !0)
-        ])) : (a(), i("svg", wr, [
+          }, null, 8, wr)) : h("", !0)
+        ])) : (a(), i("svg", Or, [
           U(k, {
             plot: { x: 6, y: 6 },
             radius: 5,
@@ -2933,15 +2945,15 @@ function Mr(t, n, o, g, r, e) {
           }, null, 8, ["color", "shape"])
         ])),
         f("span", {
-          style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
+          style: y(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, T(l.name), 5)
-      ], 10, yr))), 128))
-    ], 4)) : (a(), i("div", Or, [
+      ], 10, Ar))), 128))
+    ], 4)) : (a(), i("div", Gr, [
       p(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    t.$slots.source ? (a(), i("div", Gr, [
+    t.$slots.source ? (a(), i("div", vr, [
       p(t.$slots, "source", {}, void 0, !0)
-    ], 512)) : u("", !0),
+    ], 512)) : h("", !0),
     U(N, {
       show: r.mutableConfig.showTooltip && r.isTooltip,
       backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
@@ -2966,7 +2978,7 @@ function Mr(t, n, o, g, r, e) {
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-    e.isDataset ? (a(), W(M, {
+    e.isDataset ? (a(), W(z, {
       key: 11,
       hideDetails: "",
       config: {
@@ -2984,17 +2996,17 @@ function Mr(t, n, o, g, r, e) {
     }, {
       content: V(() => [
         f("div", {
-          style: A(`${r.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
+          style: y(`${r.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          f("div", vr, [
-            Ee(f("input", {
+          f("div", pr, [
+            Ye(f("input", {
               type: "checkbox",
-              "onUpdate:modelValue": n[4] || (n[4] = (l) => r.showSparklineTable = l)
+              "onUpdate:modelValue": c[4] || (c[4] = (l) => r.showSparklineTable = l)
             }, null, 512), [
-              [Ye, r.showSparklineTable]
+              [qe, r.showSparklineTable]
             ]),
             f("div", {
-              onClick: n[5] || (n[5] = (l) => r.showSparklineTable = !r.showSparklineTable),
+              onClick: c[5] || (c[5] = (l) => r.showSparklineTable = !r.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
               U(F, {
@@ -3015,13 +3027,13 @@ function Mr(t, n, o, g, r, e) {
             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: n[6] || (n[6] = (l) => r.mutableConfig.showTable = !1)
+            onClose: c[6] || (c[6] = (l) => r.mutableConfig.showTable = !1)
           }, {
             th: V(({ th: l }) => [
-              f("div", { innerHTML: l }, null, 8, pr)
+              f("div", { innerHTML: l }, null, 8, zr)
             ]),
             td: V(({ td: l }) => [
-              qe(T(isNaN(Number(l)) ? l : e.dataLabel({
+              Xe(T(isNaN(Number(l)) ? l : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
                 v: l,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
@@ -3033,10 +3045,10 @@ function Mr(t, n, o, g, r, e) {
         ], 4)
       ]),
       _: 1
-    }, 8, ["config"])) : u("", !0)
-  ], 46, je);
+    }, 8, ["config"])) : h("", !0)
+  ], 46, $e);
 }
-const Br = /* @__PURE__ */ Je(Qe, [["render", Mr], ["__scopeId", "data-v-ca56f262"]]);
+const Yr = /* @__PURE__ */ Qe(je, [["render", Mr], ["__scopeId", "data-v-fc22fb5f"]]);
 export {
-  Br as default
+  Yr as default
 };