vue-data-ui 2.4.85 → 2.4.87

package/dist/{vue-ui-xy-tB-6IP2y.js → vue-ui-xy-DPT3SYuU.js}

@@ -1,20 +1,20 @@
-import { c as J, a as K, t as j, z as $, p as ee, V as X, O as H, f as U, L as te, G as ie, i as re, a4 as ae, a1 as le, a5 as se, v as ne, a6 as he, d as oe, B as ce, b as de, q as ue, R as ge, Q as fe, a7 as Ie, r as me, e as Ne, a2 as xe, y as be, C as Fe, x as _e, a8 as Ae, Z as ye, o as Le, s as Ce, w as Se, F as ke, A as we, u as Oe } from "./index-B7nCQFK0.js";
-import { D as Ge } from "./DataTable-C0tCPQ9i.js";
-import { _ as ve } from "./Title-CaET2xuF.js";
-import { _ as ze, u as Me } from "./Tooltip-Bkc4233T.js";
-import { U as pe } from "./usePrinter-CQMn1b4E.js";
-import { _ as Te } from "./Shape-zFv85Gc2.js";
-import Pe from "./BaseIcon-B8U62FEj.js";
-import Ve from "./vue-ui-table-sparkline-DjxKXWQm.js";
-import Re from "./vue-ui-skeleton-D66ZIUln.js";
-import { S as De } from "./Slicer-BUYuk07t.js";
-import He from "./vue-ui-accordion-B8ptB5BQ.js";
-import { u as Z } from "./useNestedProp-C9rlBRTT.js";
-import { _ as Be } from "./PackageVersion-CENy3Lm2.js";
-import { P as We } from "./PenAndPaper-Dr7ndoP_.js";
-import { resolveComponent as R, openBlock as a, createElementBlock as s, normalizeClass as D, normalizeStyle as L, createBlock as B, createCommentVNode as c, createSlots as Ee, withCtx as P, renderSlot as k, normalizeProps as W, guardReactiveProps as E, createVNode as q, createElementVNode as u, Fragment as f, renderList as m, toDisplayString as w, mergeProps as Ye, withDirectives as qe, vModelCheckbox as Xe, createTextVNode as Ue } from "vue";
+import { c as K, a as $, t as ee, z as te, p as re, V as X, O as D, f as U, L as ie, G as ae, i as le, a4 as se, a1 as ne, a5 as he, v as oe, a6 as ce, d as de, B as ue, b as ge, q as fe, R as Ie, Q as me, a7 as Ne, r as xe, e as be, a2 as Fe, y as _e, C as Ae, x as ye, a8 as Ce, Z as Le, o as Se, s as ke, w as we, F as Oe, A as Ge, u as ve } from "./index-BG5J_ybN.js";
+import { D as ze } from "./DataTable-CKke7C6w.js";
+import { _ as Me } from "./Title-BU5Aq1_x.js";
+import { _ as pe, u as Te } from "./Tooltip-Dm-obTbx.js";
+import { U as Pe } from "./usePrinter-CWeJt84b.js";
+import { _ as Ve } from "./Shape-CL3HglYL.js";
+import Re from "./BaseIcon-plElWres.js";
+import De from "./vue-ui-table-sparkline-BIQAc-eX.js";
+import He from "./vue-ui-skeleton-c211TxZ8.js";
+import { S as Be } from "./Slicer-ZryQKOl5.js";
+import We from "./vue-ui-accordion-JBOceVq2.js";
+import { u as Z } from "./useNestedProp-BN1ZmAKT.js";
+import { _ as Ee } from "./PackageVersion-Rh3rgo6A.js";
+import { P as Ye } from "./PenAndPaper-DqVsdeLc.js";
+import { resolveComponent as R, openBlock as a, createElementBlock as s, normalizeClass as B, normalizeStyle as O, createBlock as H, createCommentVNode as c, createSlots as qe, withCtx as P, renderSlot as S, normalizeProps as W, guardReactiveProps as Y, createVNode as q, createElementVNode as g, Fragment as u, renderList as m, toDisplayString as k, mergeProps as J, createTextVNode as Q, withDirectives as Xe, vModelCheckbox as Ue } from "vue";
 import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Je = J(), Qe = {
+const Je = K(), Qe = {
   name: "vue-ui-xy",
   props: {
     config: {
@@ -31,18 +31,18 @@ const Je = J(), Qe = {
     }
   },
   components: {
-    DataTable: Ge,
-    Shape: Te,
-    Title: ve,
-    Tooltip: ze,
-    UserOptions: pe,
-    BaseIcon: Pe,
-    TableSparkline: Ve,
-    Skeleton: Re,
-    Slicer: De,
-    Accordion: He,
-    PackageVersion: Be,
-    PenAndPaper: We
+    DataTable: ze,
+    Shape: Ve,
+    Title: Me,
+    Tooltip: pe,
+    UserOptions: Pe,
+    BaseIcon: Re,
+    TableSparkline: De,
+    Skeleton: He,
+    Slicer: Be,
+    Accordion: We,
+    PackageVersion: Ee,
+    PenAndPaper: Ye
   },
   data() {
     this.dataset.forEach((d, t) => {
@@ -53,20 +53,20 @@ const Je = J(), Qe = {
         index: t
       });
     });
-    const i = this.config.downsample && this.config.downsample.threshold ? this.config.downsample.threshold : 500, l = Math.max(...this.dataset.map((d) => this.largestTriangleThreeBucketsArray({ data: d.series, threshold: i }).length)), o = {
+    const r = this.config.downsample && this.config.downsample.threshold ? this.config.downsample.threshold : 500, l = Math.max(...this.dataset.map((d) => this.largestTriangleThreeBucketsArray({ data: d.series, threshold: r }).length)), o = {
       start: 0,
       end: l
     };
     return {
-      themePalettes: K,
-      themes: j,
+      themePalettes: $,
+      themes: ee,
       slicerStep: 0,
       selectedScale: null,
       CTX: null,
       CANVAS: null,
-      opacity: $,
+      opacity: te,
       useSafeValues: !0,
-      palette: ee,
+      palette: re,
       height: 600,
       width: 1e3,
       viewBox: "0 0 1000 600",
@@ -100,7 +100,7 @@ const Je = J(), Qe = {
       selectedSerieIndex: null,
       selectedRowIndex: null,
       segregatedSeries: [],
-      uniqueId: J(),
+      uniqueId: K(),
       step: 0,
       tableStep: 0,
       titleStep: 0,
@@ -128,7 +128,7 @@ const Je = J(), Qe = {
   },
   watch: {
     dataset: {
-      handler(i, l) {
+      handler(r, l) {
         this.maxX = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({
           data: o.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
@@ -140,8 +140,16 @@ const Je = J(), Qe = {
       deep: !0
     },
     config: {
-      handler(i, l) {
-        this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1;
+      handler(r, l) {
+        this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1, this.mutableConfig = {
+          dataLabels: {
+            show: !0
+          },
+          showTooltip: this.FINAL_CONFIG.chart.tooltip.show === !0,
+          showTable: this.FINAL_CONFIG.showTable === !0,
+          isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
+          useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
+        };
       },
       deep: !0
     }
@@ -157,9 +165,9 @@ const Je = J(), Qe = {
     },
     minimap() {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
-      const i = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), l = Math.max(...i.map((t) => t.series.length)), o = [];
+      const r = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), l = Math.max(...r.map((t) => t.series.length)), o = [];
       for (let t = 0; t < l; t += 1)
-        o.push(i.map((e) => e.series[t] || 0).reduce((e, N) => (e || 0) + (N || 0), 0));
+        o.push(r.map((e) => e.series[t] || 0).reduce((e, N) => (e || 0) + (N || 0), 0));
       const d = Math.min(...o);
       return o.map((t) => t + (d < 0 ? Math.abs(d) : 0));
     },
@@ -173,7 +181,7 @@ const Je = J(), Qe = {
       return this.FINAL_CONFIG.chart.zoom.color;
     },
     allScales() {
-      const i = this.lineSet.map((t) => ({
+      const r = this.lineSet.map((t) => ({
         name: t.name,
         color: t.color,
         scale: t.individualScale,
@@ -208,8 +216,8 @@ const Je = J(), Qe = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), d = [...i, ...l, ...o].flatMap((t) => t).length;
-      return [...i, ...l, ...o].flatMap((t, e) => ({
+      })), d = [...r, ...l, ...o].flatMap((t) => t).length;
+      return [...r, ...l, ...o].flatMap((t, e) => ({
         id: t.id,
         scaleLabel: t.scaleLabel,
         name: t.name,
@@ -228,19 +236,19 @@ const Je = J(), Qe = {
       return !!this.dataset && this.dataset.length;
     },
     chartFont() {
-      const i = document.getElementById(`vue-ui-xy_${this.uniqueId}`);
-      return window.getComputedStyle(i, null).getPropertyValue("font-family");
+      const r = document.getElementById(`vue-ui-xy_${this.uniqueId}`);
+      return window.getComputedStyle(r, null).getPropertyValue("font-family");
     },
     FINAL_CONFIG: {
       get: function() {
         return this.prepareConfig();
       },
-      set: function(i) {
-        return i;
+      set: function(r) {
+        return r;
       }
     },
     hasHighlightArea() {
-      return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((i) => i.show) : this.FINAL_CONFIG.chart.highlightArea && this.FINAL_CONFIG.chart.highlightArea.show;
+      return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((r) => r.show) : this.FINAL_CONFIG.chart.highlightArea && this.FINAL_CONFIG.chart.highlightArea.show;
     },
     highlightAreas() {
       if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
@@ -248,8 +256,8 @@ const Je = J(), Qe = {
           ...l,
           span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1
         }));
-      const i = this.FINAL_CONFIG.chart.highlightArea;
-      return [{ ...i, span: i.from === i.to ? 1 : i.to < i.from ? 0 : i.to - i.from + 1 }];
+      const r = this.FINAL_CONFIG.chart.highlightArea;
+      return [{ ...r, span: r.from === r.to ? 1 : r.to < r.from ? 0 : r.to - r.from + 1 }];
     },
     xPadding() {
       return this.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : this.drawingArea.width / this.maxSeries / 2;
@@ -261,44 +269,44 @@ const Je = J(), Qe = {
       return this.niceScale.max + this.relativeZero;
     },
     datasetWithIds() {
-      return this.useSafeValues ? this.dataset.map((i, l) => ({
-        ...i,
+      return this.useSafeValues ? this.dataset.map((r, l) => ({
+        ...r,
         series: this.largestTriangleThreeBucketsArray({
-          data: i.series,
+          data: r.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
         }),
         id: `uniqueId_${l}`
       })) : this.dataset;
     },
     safeDataset() {
-      return this.useSafeValues ? this.dataset.map((i, l) => {
+      return this.useSafeValues ? this.dataset.map((r, l) => {
         const o = this.largestTriangleThreeBucketsArray({
-          data: i.series,
+          data: r.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
         });
         return {
-          ...i,
+          ...r,
           slotAbsoluteIndex: l,
           series: o.map((d) => this.isSafeValue(d) ? d : null).slice(this.slicer.start, this.slicer.end),
-          color: this.convertColorToHex(i.color ? i.color : this.customPalette[l] ? this.customPalette[l] : this.palette[l]),
+          color: this.convertColorToHex(r.color ? r.color : this.customPalette[l] ? this.customPalette[l] : this.palette[l]),
           id: `uniqueId_${l}`
         };
       }) : this.dataset;
     },
     relativeDataset() {
-      return this.safeDataset.map((i, l) => ({
-        ...i,
-        series: i.series.map((o) => o + this.relativeZero),
-        absoluteValues: i.series
-      })).filter((i) => !this.segregatedSeries.includes(i.id));
+      return this.safeDataset.map((r, l) => ({
+        ...r,
+        series: r.series.map((o) => o + this.relativeZero),
+        absoluteValues: r.series
+      })).filter((r) => !this.segregatedSeries.includes(r.id));
     },
     tableSparklineDataset() {
-      return this.relativeDataset.map((i) => {
-        const l = i.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
+      return this.relativeDataset.map((r) => {
+        const l = r.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
         return {
-          id: i.id,
-          name: i.name,
-          color: i.color,
+          id: r.id,
+          name: r.name,
+          color: r.color,
           values: this.fillArray(this.maxSeries, l)
         };
       });
@@ -330,75 +338,75 @@ const Je = J(), Qe = {
       };
     },
     absoluteDataset() {
-      return this.safeDataset.map((i, l) => ({
+      return this.safeDataset.map((r, l) => ({
         absoluteIndex: l,
-        ...i,
-        series: i.series.map((o) => o + this.relativeZero),
-        absoluteValues: i.series,
-        segregate: () => this.segregate(i),
-        isSegregated: this.segregatedSeries.includes(i.id)
+        ...r,
+        series: r.series.map((o) => o + this.relativeZero),
+        absoluteValues: r.series,
+        segregate: () => this.segregate(r),
+        isSegregated: this.segregatedSeries.includes(r.id)
       }));
     },
     barSet() {
-      return this.activeSeriesWithStackRatios.filter((i) => i.type === "bar").map((i, l) => {
-        this.checkAutoScaleError(i);
-        const o = Math.min(...i.absoluteValues.filter((x) => ![null, void 0].includes(x))), d = Math.max(...i.absoluteValues.filter((x) => ![null, void 0].includes(x))), e = {
-          ratios: i.absoluteValues.filter((x) => ![null, void 0].includes(x)).map((x) => (x - o) / (d - o)),
+      return this.activeSeriesWithStackRatios.filter((r) => r.type === "bar").map((r, l) => {
+        this.checkAutoScaleError(r);
+        const o = Math.min(...r.absoluteValues.filter((x) => ![null, void 0].includes(x))), d = Math.max(...r.absoluteValues.filter((x) => ![null, void 0].includes(x))), e = {
+          ratios: r.absoluteValues.filter((x) => ![null, void 0].includes(x)).map((x) => (x - o) / (d - o)),
           valueMin: o,
           valueMax: d < 0 ? 0 : d
         }, N = {
-          max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
-          min: i.scaleMin || Math.min(...i.absoluteValues.filter((x) => ![void 0, null].includes(x))) > 0 ? 0 : Math.min(...i.absoluteValues.filter((x) => ![null, void 0].includes(x)))
-        }, _ = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, O = 1.0000001, I = this.calculateNiceScaleWithExactExtremes(N.min, N.max === N.min ? N.max * O : N.max, _), b = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * O : e.valueMax, _), V = I.min >= 0 ? 0 : Math.abs(I.min), v = 0, z = I.max + V, G = b.max + Math.abs(v), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, T = this.drawingArea.bottom - F - C * V / z, r = this.drawingArea.bottom - F - C * v / G, h = this.absoluteDataset.filter((x) => x.type === "bar").filter((x) => !this.segregatedSeries.includes(x.id)).length, n = i.series.map((x, p) => {
-          const y = this.mutableConfig.useIndividualScale ? (i.absoluteValues[p] + V) / z : this.ratioToMax(x), S = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * p : this.drawingArea.left + this.slot.bar * l + this.slot.bar * p * h - this.barSlot / 2 - l * this.barPeriodGap;
+          max: r.scaleMax || Math.max(...r.absoluteValues) || 1,
+          min: r.scaleMin || Math.min(...r.absoluteValues.filter((x) => ![void 0, null].includes(x))) > 0 ? 0 : Math.min(...r.absoluteValues.filter((x) => ![null, void 0].includes(x)))
+        }, _ = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, I = this.calculateNiceScaleWithExactExtremes(N.min, N.max === N.min ? N.max * w : N.max, _), b = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * w : e.valueMax, _), V = I.min >= 0 ? 0 : Math.abs(I.min), v = 0, z = I.max + V, G = b.max + Math.abs(v), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, T = this.drawingArea.bottom - F - C * V / z, i = this.drawingArea.bottom - F - C * v / G, h = this.absoluteDataset.filter((x) => x.type === "bar").filter((x) => !this.segregatedSeries.includes(x.id)).length, n = r.series.map((x, p) => {
+          const y = this.mutableConfig.useIndividualScale ? (r.absoluteValues[p] + V) / z : this.ratioToMax(x), L = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * p : this.drawingArea.left + this.slot.bar * l + this.slot.bar * p * h - this.barSlot / 2 - l * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(F),
             individualHeight: this.checkNaN(C),
-            x: this.checkNaN(S),
+            x: this.checkNaN(L),
             y: this.drawingArea.bottom - F - C * y,
-            value: i.absoluteValues[p],
+            value: r.absoluteValues[p],
             zeroPosition: this.checkNaN(T),
             individualMax: this.checkNaN(z),
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[p] || ""
+            comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[p] || ""
           };
-        }), g = i.absoluteValues.map((x) => b.min >= 0 ? (x - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (x + Math.abs(b.min)) / (b.max + Math.abs(b.min))), Y = i.series.map((x, p) => {
-          const y = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * p : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * l + this.slot.bar * p * this.absoluteDataset.filter((S) => S.type === "bar").filter((S) => !this.segregatedSeries.includes(S.id)).length;
+        }), f = r.absoluteValues.map((x) => b.min >= 0 ? (x - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (x + Math.abs(b.min)) / (b.max + Math.abs(b.min))), E = r.series.map((x, p) => {
+          const y = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * p : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * l + this.slot.bar * p * this.absoluteDataset.filter((L) => L.type === "bar").filter((L) => !this.segregatedSeries.includes(L.id)).length;
           return {
             yOffset: this.checkNaN(F),
             individualHeight: this.checkNaN(C),
             x: this.checkNaN(y),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * g[p] || 0)),
-            value: i.absoluteValues[p],
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * f[p] || 0)),
+            value: r.absoluteValues[p],
             zeroPosition: this.checkNaN(T),
             individualMax: this.checkNaN(z),
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[p] || ""
+            comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[p] || ""
           };
         }), A = I.ticks.map((x) => ({
           y: x >= 0 ? T - C * (x / z) : T + C * Math.abs(x) / z,
           value: x,
-          prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-          suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
-          datapoint: i
+          prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+          suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+          datapoint: r
         })), M = b.ticks.map((x) => {
           const p = (x - b.min) / (b.max - b.min);
           return {
-            y: x >= 0 ? r - C * p : r + C * p,
+            y: x >= 0 ? i - C * p : i + C * p,
             value: x,
-            prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-            suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
-            datapoint: i
+            prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+            suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+            datapoint: r
           };
         });
         return {
-          ...i,
+          ...r,
           yOffset: F,
           autoScaleYLabels: M,
           individualHeight: C,
-          scaleYLabels: i.autoScaling ? M : A,
-          individualScale: i.autoScaling ? b : I,
-          individualMax: i.autoScaling ? G : z,
-          zeroPosition: i.autoScaling ? r : T,
-          plots: i.autoScaling ? Y : n
+          scaleYLabels: r.autoScaling ? M : A,
+          individualScale: r.autoScaling ? b : I,
+          individualMax: r.autoScaling ? G : z,
+          zeroPosition: r.autoScaling ? i : T,
+          plots: r.autoScaling ? E : n
         };
       });
     },
@@ -406,139 +414,139 @@ const Je = J(), Qe = {
       return this.absoluteDataset.length;
     },
     activeSeriesWithStackRatios() {
-      return this.assignStackRatios(this.absoluteDataset.filter((i) => !this.segregatedSeries.includes(i.id)));
+      return this.assignStackRatios(this.absoluteDataset.filter((r) => !this.segregatedSeries.includes(r.id)));
     },
     lineSet() {
-      return this.activeSeriesWithStackRatios.filter((i) => i.type === "line").map((i) => {
-        this.checkAutoScaleError(i);
-        const l = Math.min(...i.absoluteValues.filter((y) => ![void 0, null].includes(y))), o = Math.max(...i.absoluteValues.filter((y) => ![void 0, null].includes(y))) || 1, t = {
-          ratios: i.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - l) / (o - l)),
+      return this.activeSeriesWithStackRatios.filter((r) => r.type === "line").map((r) => {
+        this.checkAutoScaleError(r);
+        const l = Math.min(...r.absoluteValues.filter((y) => ![void 0, null].includes(y))), o = Math.max(...r.absoluteValues.filter((y) => ![void 0, null].includes(y))) || 1, t = {
+          ratios: r.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - l) / (o - l)),
           valueMin: l,
           valueMax: o
         }, e = {
-          max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
-          min: i.scaleMin || (Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues))
-        }, N = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, O = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, N), I = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * _ : t.valueMax, N), b = O.min >= 0 ? 0 : Math.abs(O.min), V = 0, v = O.max + Math.abs(b), z = I.max + Math.abs(V), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - G - F * b / v, T = this.drawingArea.bottom - G - F * V / z, r = i.series.map((y, S) => {
-          const Q = this.mutableConfig.useIndividualScale ? (i.absoluteValues[S] + Math.abs(b)) / v : this.ratioToMax(y);
+          max: r.scaleMax || Math.max(...r.absoluteValues) || 1,
+          min: r.scaleMin || (Math.min(...r.absoluteValues) > 0 ? 0 : Math.min(...r.absoluteValues))
+        }, N = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, w = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, N), I = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * _ : t.valueMax, N), b = w.min >= 0 ? 0 : Math.abs(w.min), V = 0, v = w.max + Math.abs(b), z = I.max + Math.abs(V), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - G - F * b / v, T = this.drawingArea.bottom - G - F * V / z, i = r.series.map((y, L) => {
+          const j = this.mutableConfig.useIndividualScale ? (r.absoluteValues[L] + Math.abs(b)) / v : this.ratioToMax(y);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * S),
-            y: this.checkNaN(this.drawingArea.bottom - G - F * Q),
-            value: i.absoluteValues[S],
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[S] || ""
+            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * L),
+            y: this.checkNaN(this.drawingArea.bottom - G - F * j),
+            value: r.absoluteValues[L],
+            comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[L] || ""
           };
-        }), h = i.absoluteValues.map((y) => I.min >= 0 ? (y - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (y + Math.abs(I.min)) / (I.max + Math.abs(I.min))), n = i.series.map((y, S) => [void 0, null].includes(i.absoluteValues[S]) ? {
-          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * S),
+        }), h = r.absoluteValues.map((y) => I.min >= 0 ? (y - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (y + Math.abs(I.min)) / (I.max + Math.abs(I.min))), n = r.series.map((y, L) => [void 0, null].includes(r.absoluteValues[L]) ? {
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * L),
           y: C,
-          value: i.absoluteValues[S],
-          comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[S] || ""
+          value: r.absoluteValues[L],
+          comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[L] || ""
         } : {
-          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * S),
-          y: this.checkNaN(this.drawingArea.bottom - G - (F * h[S] || 0)),
-          value: i.absoluteValues[S],
-          comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[S] || ""
-        }), g = this.createSmoothPath(r), Y = this.createSmoothPath(n), A = this.createStraightPath(r), M = this.createStraightPath(n), x = O.ticks.map((y) => ({
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * L),
+          y: this.checkNaN(this.drawingArea.bottom - G - (F * h[L] || 0)),
+          value: r.absoluteValues[L],
+          comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[L] || ""
+        }), f = this.createSmoothPath(i), E = this.createSmoothPath(n), A = this.createStraightPath(i), M = this.createStraightPath(n), x = w.ticks.map((y) => ({
           y: y >= 0 ? C - F * (y / v) : C + F * Math.abs(y) / v,
           value: y,
-          prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-          suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
-          datapoint: i
+          prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+          suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+          datapoint: r
         })), p = I.ticks.map((y) => {
-          const S = (y - I.min) / (I.max - I.min);
+          const L = (y - I.min) / (I.max - I.min);
           return {
-            y: y >= 0 ? T - F * S : T + F * S,
+            y: y >= 0 ? T - F * L : T + F * L,
             value: y,
-            prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-            suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
-            datapoint: i
+            prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+            suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+            datapoint: r
           };
         });
         return {
-          ...i,
+          ...r,
           yOffset: G,
           autoScaleYLabels: p,
           individualHeight: F,
-          scaleYLabels: i.autoScaling ? p : x,
-          individualScale: i.autoScaling ? I : O,
-          individualMax: i.autoScaling ? z : v,
-          zeroPosition: i.autoScaling ? T : C,
-          curve: i.autoScaling ? Y : g,
-          plots: i.autoScaling ? n : r,
-          area: i.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(i.autoScaling ? n : r, i.autoScaling ? T : C) : this.createArea(r) : "",
-          straight: i.autoScaling ? M : A
+          scaleYLabels: r.autoScaling ? p : x,
+          individualScale: r.autoScaling ? I : w,
+          individualMax: r.autoScaling ? z : v,
+          zeroPosition: r.autoScaling ? T : C,
+          curve: r.autoScaling ? E : f,
+          plots: r.autoScaling ? n : i,
+          area: r.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(r.autoScaling ? n : i, r.autoScaling ? T : C) : this.createArea(i) : "",
+          straight: r.autoScaling ? M : A
         };
       });
     },
     plotSet() {
-      return this.activeSeriesWithStackRatios.filter((i) => i.type === "plot").map((i) => {
-        this.checkAutoScaleError(i);
-        const l = Math.min(...i.absoluteValues.filter((A) => ![null, void 0].includes(A))), o = Math.max(...i.absoluteValues.filter((A) => ![null, void 0].includes(A))) || 1, t = {
-          ratios: i.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - l) / (o - l)),
+      return this.activeSeriesWithStackRatios.filter((r) => r.type === "plot").map((r) => {
+        this.checkAutoScaleError(r);
+        const l = Math.min(...r.absoluteValues.filter((A) => ![null, void 0].includes(A))), o = Math.max(...r.absoluteValues.filter((A) => ![null, void 0].includes(A))) || 1, t = {
+          ratios: r.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - l) / (o - l)),
           valueMin: l,
           valueMax: o
         }, e = {
-          max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
-          min: i.scaleMin || Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues)
-        }, N = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, O = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, N), I = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * _ : t.valueMax, N), b = O.min >= 0 ? 0 : Math.abs(O.min), V = 0, v = O.max + b, z = I.max + Math.abs(V), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - G - F * b / v, T = this.drawingArea.bottom - G - F * V / z, r = i.series.map((A, M) => {
-          const x = this.mutableConfig.useIndividualScale ? (i.absoluteValues[M] + Math.abs(b)) / v : this.ratioToMax(A);
+          max: r.scaleMax || Math.max(...r.absoluteValues) || 1,
+          min: r.scaleMin || Math.min(...r.absoluteValues) > 0 ? 0 : Math.min(...r.absoluteValues)
+        }, N = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, w = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, N), I = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * _ : t.valueMax, N), b = w.min >= 0 ? 0 : Math.abs(w.min), V = 0, v = w.max + b, z = I.max + Math.abs(V), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - G - F * b / v, T = this.drawingArea.bottom - G - F * V / z, i = r.series.map((A, M) => {
+          const x = this.mutableConfig.useIndividualScale ? (r.absoluteValues[M] + Math.abs(b)) / v : this.ratioToMax(A);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * M),
             y: this.checkNaN(this.drawingArea.bottom - G - F * x),
-            value: i.absoluteValues[M],
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
+            value: r.absoluteValues[M],
+            comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
           };
-        }), h = i.absoluteValues.map((A) => I.min >= 0 ? (A - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (A + Math.abs(I.min)) / (I.max + Math.abs(I.min))), n = i.series.map((A, M) => ({
+        }), h = r.absoluteValues.map((A) => I.min >= 0 ? (A - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (A + Math.abs(I.min)) / (I.max + Math.abs(I.min))), n = r.series.map((A, M) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * M),
           y: this.checkNaN(this.drawingArea.bottom - G - (F * h[M] || 0)),
-          value: i.absoluteValues[M],
-          comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
-        })), g = O.ticks.map((A) => ({
+          value: r.absoluteValues[M],
+          comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
+        })), f = w.ticks.map((A) => ({
           y: A >= 0 ? C - F * (A / v) : C + F * Math.abs(A) / v,
           value: A,
-          prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-          suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
-          datapoint: i
-        })), Y = I.ticks.map((A) => {
+          prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+          suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+          datapoint: r
+        })), E = I.ticks.map((A) => {
           const M = (A - I.min) / (I.max - I.min);
           return {
             y: A >= 0 ? T - F * M : T + F * M,
             value: A,
-            prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-            suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
-            datapoint: i
+            prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+            suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+            datapoint: r
           };
         });
         return {
-          ...i,
+          ...r,
           yOffset: G,
-          autoScaleYLabels: Y,
+          autoScaleYLabels: E,
           individualHeight: F,
-          scaleYLabels: i.autoScaling ? Y : g,
-          individualScale: i.autoScaling ? I : O,
-          individualMax: i.autoScaling ? z : v,
-          zeroPosition: i.autoScaling ? T : C,
-          plots: i.autoScaling ? n : r
+          scaleYLabels: r.autoScaling ? E : f,
+          individualScale: r.autoScaling ? I : w,
+          individualMax: r.autoScaling ? z : v,
+          zeroPosition: r.autoScaling ? T : C,
+          plots: r.autoScaling ? n : i
         };
       });
     },
     drawingArea() {
-      const i = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((l) => !this.segregatedSeries.includes(l.id)).length * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
+      const r = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((l) => !this.segregatedSeries.includes(l.id)).length * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
       return {
         top: this.FINAL_CONFIG.chart.padding.top,
         right: this.width - this.FINAL_CONFIG.chart.padding.right,
         bottom: this.height - this.FINAL_CONFIG.chart.padding.bottom,
-        left: this.FINAL_CONFIG.chart.padding.left + i,
+        left: this.FINAL_CONFIG.chart.padding.left + r,
         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 + i)
+        width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + r)
       };
     },
     max() {
-      return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((i) => !this.segregatedSeries.includes(i.id)).map((i) => Math.max(...i.series)));
+      return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((r) => !this.segregatedSeries.includes(r.id)).map((r) => Math.max(...r.series)));
     },
     min() {
       if (this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin !== null)
         return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin;
-      const i = Math.min(...this.safeDataset.filter((l) => !this.segregatedSeries.includes(l.id)).map((l) => Math.min(...l.series)));
-      return i > 0 ? 0 : i;
+      const r = Math.min(...this.safeDataset.filter((l) => !this.segregatedSeries.includes(l.id)).map((l) => Math.min(...l.series)));
+      return r > 0 ? 0 : r;
     },
     niceScale() {
       return this.calculateNiceScaleWithExactExtremes(this.min, this.max < 0 ? 0 : this.max, this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps);
@@ -547,8 +555,8 @@ const Je = J(), Qe = {
       return this.slicer.end - this.slicer.start;
     },
     timeLabels() {
-      const i = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({ data: o.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length)), l = [];
-      for (let o = 0; o < i; o += 1)
+      const r = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({ data: o.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length)), l = [];
+      for (let o = 0; o < r; o += 1)
         l.push({
           text: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[o] || String(o),
           absoluteIndex: o
@@ -557,24 +565,24 @@ const Je = J(), Qe = {
     },
     slot() {
       return {
-        bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((i) => i.type === "bar").filter((i) => !this.segregatedSeries.includes(i.id)).length,
+        bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((r) => r.type === "bar").filter((r) => !this.segregatedSeries.includes(r.id)).length,
         plot: this.drawingArea.width / this.maxSeries,
         line: this.drawingArea.width / this.maxSeries
       };
     },
     barSlot() {
-      const i = this.safeDataset.filter((l) => l.type === "bar").filter((l) => !this.segregatedSeries.includes(l.id)).length;
-      return this.drawingArea.width / this.maxSeries / i - this.barPeriodGap * i;
+      const r = this.safeDataset.filter((l) => l.type === "bar").filter((l) => !this.segregatedSeries.includes(l.id)).length;
+      return this.drawingArea.width / this.maxSeries / r - this.barPeriodGap * r;
     },
     barPeriodGap() {
       return this.slot.line * this.FINAL_CONFIG.bar.periodGap;
     },
     maxSlot() {
-      return Math.max(...Object.values(this.slot).filter((i) => i !== 1 / 0));
+      return Math.max(...Object.values(this.slot).filter((r) => r !== 1 / 0));
     },
     table() {
       if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const i = this.relativeDataset.map((o) => ({
+      const r = this.relativeDataset.map((o) => ({
         label: o.name,
         color: o.color,
         type: o.type
@@ -584,15 +592,15 @@ const Je = J(), Qe = {
         this.relativeDataset.forEach((e) => {
           t.push(this.canShowValue(e.absoluteValues[d]) ? Number(e.absoluteValues[d].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
         }), l.push(t);
-      }), { head: i, body: l };
+      }), { head: r, body: l };
     },
     dataTable() {
-      const i = this.FINAL_CONFIG.table.showSum;
+      const r = this.FINAL_CONFIG.table.showSum;
       let l = [""].concat(this.relativeDataset.map((e) => e.name));
-      i && (l = l.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>'));
+      r && (l = l.concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'));
       let o = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
-        const N = this.relativeDataset.map((_) => _.absoluteValues[e] ?? 0).reduce((_, O) => _ + O, 0);
+        const N = this.relativeDataset.map((_) => _.absoluteValues[e] ?? 0).reduce((_, w) => _ + w, 0);
         o.push(
           [
             this.timeLabels[e].text ?? "-"
@@ -607,7 +615,7 @@ const Je = J(), Qe = {
                 r: this.FINAL_CONFIG.table.rounding
               })
             )
-          )).concat(i ? (N ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
+          )).concat(r ? (N ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
         );
       }
       const d = {
@@ -637,20 +645,20 @@ const Je = J(), Qe = {
       };
     },
     selectedSeries() {
-      return this.relativeDataset.map((i) => ({
-        slotAbsoluteIndex: i.slotAbsoluteIndex,
-        shape: i.shape || null,
-        name: i.name,
-        color: i.color,
-        type: i.type,
-        value: i.absoluteValues.find((l, o) => o === this.selectedSerieIndex),
-        comments: i.comments || [],
-        prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-        suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix
+      return this.relativeDataset.map((r) => ({
+        slotAbsoluteIndex: r.slotAbsoluteIndex,
+        shape: r.shape || null,
+        name: r.name,
+        color: r.color,
+        type: r.type,
+        value: r.absoluteValues.find((l, o) => o === this.selectedSerieIndex),
+        comments: r.comments || [],
+        prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+        suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix
       }));
     },
     tooltipContent() {
-      let i = "", l = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
+      let r = "", l = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
       const o = this.timeLabels[this.selectedSerieIndex], d = this.FINAL_CONFIG.chart.tooltip.customFormat;
       return this.isFunction(d) && this.functionReturnsString(() => d({
         seriesIndex: this.selectedSerieIndex,
@@ -668,7 +676,7 @@ const Je = J(), Qe = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      }) : (o && o.text && this.FINAL_CONFIG.chart.tooltip.showTimeLabel && (i += `<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((t) => {
+      }) : (o && o.text && this.FINAL_CONFIG.chart.tooltip.showTimeLabel && (r += `<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((t) => {
         if (this.isSafeValue(t.value)) {
           let e = "", N = "";
           switch (this.icons[t.type]) {
@@ -676,7 +684,7 @@ const Je = J(), Qe = {
               e = `<svg viewBox="0 0 40 40" height="14" width="14">${this.$slots.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${t.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${this.$slots.pattern ? `url(#pattern_${this.uniqueId}_${t.slotAbsoluteIndex}` : t.color}" /></svg>`;
               break;
             case "line":
-              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? N = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? N = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? N = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? N = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? N = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? N = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (N = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${X({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${N}</svg>`;
+              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? N = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? N = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? N = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? N = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? N = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? N = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (N = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${X({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${N}</svg>`;
               break;
             case "plot":
               if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
@@ -688,27 +696,27 @@ const Je = J(), Qe = {
                 break;
               }
               if (t.shape === "triangle") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${H({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${D({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "square") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${H({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${D({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "diamond") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${H({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${D({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "pentagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${H({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${D({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "hexagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${H({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${D({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
-          i += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${t.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
+          r += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${t.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
             t.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : t.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
             t.value,
             this.dataLabel({
@@ -722,9 +730,9 @@ const Je = J(), Qe = {
             v: this.checkNaN(Math.abs(t.value) / l * 100),
             s: "%",
             r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (i += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
+          })})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (r += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
         }
-      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${i}</div>`);
+      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${r}</div>`);
     },
     svg() {
       return {
@@ -733,9 +741,9 @@ const Je = J(), Qe = {
       };
     },
     yLabels() {
-      return this.niceScale.ticks.map((i) => ({
-        y: i >= 0 ? this.zero - this.drawingArea.height * this.ratioToMax(i) : this.zero + this.drawingArea.height * this.ratioToMax(Math.abs(i)),
-        value: i,
+      return this.niceScale.ticks.map((r) => ({
+        y: r >= 0 ? this.zero - this.drawingArea.height * this.ratioToMax(r) : this.zero + this.drawingArea.height * this.ratioToMax(Math.abs(r)),
+        value: r,
         prefix: this.FINAL_CONFIG.chart.labels.prefix,
         suffix: this.FINAL_CONFIG.chart.labels.suffix
       }));
@@ -745,52 +753,52 @@ const Je = J(), Qe = {
     }
   },
   mounted() {
-    this.prepareChart(), this.setupSlicer(), document.addEventListener("mousemove", (i) => {
+    this.prepareChart(), this.setupSlicer(), document.addEventListener("mousemove", (r) => {
       this.clientPosition = {
-        x: i.clientX,
-        y: i.clientY
+        x: r.clientX,
+        y: r.clientY
       };
     });
   },
   methods: {
-    abbreviate: te,
-    adaptColorToBackground: ie,
-    applyDataLabel: re,
-    assignStackRatios: ae,
-    calcLinearProgression: le,
-    calculateNiceScaleWithExactExtremes: se,
-    checkNaN: ne,
-    closestDecimal: he,
-    convertColorToHex: oe,
-    convertConfigColors: ce,
-    convertCustomPalette: de,
-    createCsvContent: ue,
-    createSmoothPath: ge,
-    createStraightPath: fe,
-    createTSpans: Ie,
+    abbreviate: ie,
+    adaptColorToBackground: ae,
+    applyDataLabel: le,
+    assignStackRatios: se,
+    calcLinearProgression: ne,
+    calculateNiceScaleWithExactExtremes: he,
+    checkNaN: oe,
+    closestDecimal: ce,
+    convertColorToHex: de,
+    convertConfigColors: ue,
+    convertCustomPalette: ge,
+    createCsvContent: fe,
+    createSmoothPath: Ie,
+    createStraightPath: me,
+    createTSpans: Ne,
     dataLabel: U,
-    downloadCsv: me,
-    error: Ne,
-    forceValidValue: xe,
-    functionReturnsString: be,
-    hasDeepProperty: Fe,
-    isFunction: _e,
-    isSafeValue: Ae,
-    largestTriangleThreeBucketsArray: ye,
-    objectIsEmpty: Le,
-    setOpacity: Ce,
-    shiftHue: Se,
-    translateSize: ke,
-    treeShake: we,
-    useMouse: Me,
+    downloadCsv: xe,
+    error: be,
+    forceValidValue: Fe,
+    functionReturnsString: _e,
+    hasDeepProperty: Ae,
+    isFunction: ye,
+    isSafeValue: Ce,
+    largestTriangleThreeBucketsArray: Le,
+    objectIsEmpty: Se,
+    setOpacity: ke,
+    shiftHue: we,
+    translateSize: Oe,
+    treeShake: Ge,
+    useMouse: Te,
     useNestedProp: Z,
-    setUserOptionsVisibility(i = !1) {
-      this.showUserOptionsOnChartHover && (this.userOptionsVisible = i);
+    setUserOptionsVisibility(r = !1) {
+      this.showUserOptionsOnChartHover && (this.userOptionsVisible = r);
     },
     toggleAnnotator() {
       this.isAnnotator = !this.isAnnotator;
     },
-    selectTimeLabel(i, l) {
+    selectTimeLabel(r, l) {
       const o = this.relativeDataset.map((d) => ({
         shape: d.shape || null,
         name: d.name,
@@ -803,24 +811,24 @@ const Je = J(), Qe = {
       }));
       this.$emit("selectTimeLabel", {
         datapoint: o,
-        absoluteIndex: i.absoluteIndex,
-        label: i.text
+        absoluteIndex: r.absoluteIndex,
+        label: r.text
       });
     },
-    getHighlightAreaPosition(i) {
-      const l = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (i.from - this.slicer.start), o = this.drawingArea.width / (this.slicer.end - this.slicer.start) * i.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * i.span;
+    getHighlightAreaPosition(r) {
+      const l = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (r.from - this.slicer.start), o = this.drawingArea.width / (this.slicer.end - this.slicer.start) * r.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * r.span;
       return {
         x: l < this.drawingArea.left ? this.drawingArea.left : l,
         width: o
       };
     },
     prepareConfig() {
-      const i = Oe().vue_ui_xy;
+      const r = ve().vue_ui_xy;
       if (!Object.keys(this.config || {}).length)
-        return i;
+        return r;
       const l = this.useNestedProp({
         userConfig: this.config,
-        defaultConfig: i
+        defaultConfig: r
       });
       return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? l.chart.highlightArea = this.config.chart.highlightArea : l.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? l.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : l.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? l.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : l.chart.grid.labels.yAxis.scaleMax = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.startIndex") ? l.chart.zoom.startIndex = this.config.chart.zoom.startIndex : l.chart.zoom.startIndex = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.endIndex") ? l.chart.zoom.endIndex = this.config.chart.zoom.endIndex : l.chart.zoom.endIndex = null, l.theme ? {
         ...Z({
@@ -834,17 +842,17 @@ const Je = J(), Qe = {
       if (this.objectIsEmpty(this.dataset) ? this.error({
         componentName: "VueUiXy",
         type: "dataset"
-      }) : this.dataset.forEach((i, l) => {
-        [null, void 0].includes(i.name) && this.error({
+      }) : this.dataset.forEach((r, l) => {
+        [null, void 0].includes(r.name) && this.error({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
           index: l
         });
-      }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((i) => {
-        i.series.forEach((l, o) => {
+      }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((r) => {
+        r.series.forEach((l, o) => {
           this.isSafeValue(l) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${i.name}' contains the value '${l}' at index ${o}.
+-----> The serie '${r.name}' contains the value '${l}' at index ${o}.
 '${l}' 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 = {
@@ -861,8 +869,8 @@ const Je = J(), Qe = {
         this.FINAL_CONFIG.chart.title.show && (t = this.$refs.chartTitle, e = t.getBoundingClientRect().height);
         let N = null, _ = 0;
         this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (N = this.$refs.chartSlicer.$el, _ = N.getBoundingClientRect().height);
-        let O = null, I = 0;
-        this.FINAL_CONFIG.chart.legend.show && (O = this.$refs.chartLegend, I = O.getBoundingClientRect().height);
+        let w = null, I = 0;
+        this.FINAL_CONFIG.chart.legend.show && (w = this.$refs.chartLegend, I = w.getBoundingClientRect().height);
         let b = 0;
         this.$refs.source && (b = this.$refs.source.getBoundingClientRect().height);
         let V = 0;
@@ -875,8 +883,8 @@ const Je = J(), Qe = {
       } 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;
     },
-    selectMinimapIndex(i) {
-      this.selectedMinimapIndex = i;
+    selectMinimapIndex(r) {
+      this.selectedMinimapIndex = r;
     },
     convertSizes() {
       this.fontSizes.dataLabels = this.translateSize({
@@ -929,106 +937,106 @@ const Je = J(), Qe = {
     toggleTooltip() {
       this.mutableConfig.showTooltip = !this.mutableConfig.showTooltip;
     },
-    checkAutoScaleError(i) {
-      i.autoScaling && (this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${i.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: ${i.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+    checkAutoScaleError(r) {
+      r.autoScaling && (this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${r.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: ${r.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     },
-    createArea(i) {
-      if (!i[0]) return [-10, -10, "", -10, -10];
-      const l = { x: i[0].x, y: this.zero }, o = { x: i.at(-1).x, y: this.zero }, d = [];
-      return i.forEach((t) => {
+    createArea(r) {
+      if (!r[0]) return [-10, -10, "", -10, -10];
+      const l = { x: r[0].x, y: this.zero }, o = { x: r.at(-1).x, y: this.zero }, d = [];
+      return r.forEach((t) => {
         d.push(`${t.x},${t.y} `);
       }), [l.x, l.y, ...d, o.x, o.y].toString();
     },
-    createIndividualArea(i, l) {
-      if (!i[0]) return [-10, -10, "", -10, -10];
-      const o = { x: i[0] ? i[0].x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: l }, d = { x: i.at(-1) ? i.at(-1).x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: l }, t = [];
-      return i.filter((e) => !!e).forEach((e) => {
+    createIndividualArea(r, l) {
+      if (!r[0]) return [-10, -10, "", -10, -10];
+      const o = { x: r[0] ? r[0].x : Math.min(...r.filter((e) => !!e).map((e) => e.x)), y: l }, d = { x: r.at(-1) ? r.at(-1).x : Math.min(...r.filter((e) => !!e).map((e) => e.x)), y: l }, t = [];
+      return r.filter((e) => !!e).forEach((e) => {
         t.push(`${e.x},${e.y} `);
       }), [o.x, o.y, ...t, d.x, d.y].toString();
     },
     createStar: X,
-    createPolygonPath: H,
-    fillArray(i, l) {
-      let o = Array(i).fill(0);
-      for (let d = 0; d < l.length && d < i; d += 1)
+    createPolygonPath: D,
+    fillArray(r, l) {
+      let o = Array(r).fill(0);
+      for (let d = 0; d < l.length && d < r; d += 1)
         o[d] = l[d];
       return o;
     },
     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 = {
         start: 0,
-        end: Math.max(...this.dataset.map((i) => this.largestTriangleThreeBucketsArray({ data: i.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length))
+        end: Math.max(...this.dataset.map((r) => this.largestTriangleThreeBucketsArray({ data: r.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length))
       }, this.slicerStep += 1);
     },
     refreshSlicer() {
       this.setupSlicer();
     },
-    validSlicerEnd(i) {
+    validSlicerEnd(r) {
       const l = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({ data: o.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length));
-      return i > l ? l : i < 0 || this.FINAL_CONFIG.chart.zoom.startIndex !== null && i < this.FINAL_CONFIG.chart.zoom.startIndex ? this.FINAL_CONFIG.chart.zoom.startIndex !== null ? this.FINAL_CONFIG.chart.zoom.startIndex + 1 : 1 : i;
+      return r > l ? l : r < 0 || this.FINAL_CONFIG.chart.zoom.startIndex !== null && r < this.FINAL_CONFIG.chart.zoom.startIndex ? this.FINAL_CONFIG.chart.zoom.startIndex !== null ? this.FINAL_CONFIG.chart.zoom.startIndex + 1 : 1 : r;
     },
-    calcRectHeight(i) {
+    calcRectHeight(r) {
       const l = ![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 i.value >= 0 ? this.checkNaN(l - i.y <= 0 ? 1e-5 : l - i.y) : this.checkNaN(i.y - this.zero <= 0 ? 1e-5 : i.y - this.zero);
+      return r.value >= 0 ? this.checkNaN(l - r.y <= 0 ? 1e-5 : l - r.y) : this.checkNaN(r.y - this.zero <= 0 ? 1e-5 : r.y - this.zero);
     },
-    calcIndividualHeight(i) {
-      return i.value >= 0 ? this.checkNaN(i.zeroPosition - i.y <= 0 ? 1e-5 : i.zeroPosition - i.y) : this.checkNaN(i.y - i.zeroPosition <= 0 ? 1e-5 : i.zeroPosition - i.y);
+    calcIndividualHeight(r) {
+      return r.value >= 0 ? this.checkNaN(r.zeroPosition - r.y <= 0 ? 1e-5 : r.zeroPosition - r.y) : this.checkNaN(r.y - r.zeroPosition <= 0 ? 1e-5 : r.zeroPosition - r.y);
     },
     calcRectWidth() {
       return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.slot.line - this.drawingArea.width / this.maxSeries * 0.1 : this.slot.bar;
     },
-    calcRectX(i) {
-      return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? i.x + this.drawingArea.width / this.maxSeries * 0.05 : i.x + this.slot.bar / 2;
+    calcRectX(r) {
+      return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? r.x + this.drawingArea.width / this.maxSeries * 0.05 : r.x + this.slot.bar / 2;
     },
-    calcRectY(i) {
-      return i.value >= 0 ? i.y : this.zero;
+    calcRectY(r) {
+      return r.value >= 0 ? r.y : this.zero;
     },
-    calcIndividualRectY(i) {
-      return i.value >= 0 ? i.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(i.zeroPosition) ? 0 : i.zeroPosition;
+    calcIndividualRectY(r) {
+      return r.value >= 0 ? r.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(r.zeroPosition) ? 0 : r.zeroPosition;
     },
-    canShowValue(i) {
-      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(i);
+    canShowValue(r) {
+      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(r);
     },
-    findClosestValue(i, l) {
-      let o = l[0], d = Math.abs(i - l[0]);
+    findClosestValue(r, l) {
+      let o = l[0], d = Math.abs(r - l[0]);
       for (let t = 1; t < l.length; t += 1) {
-        const e = Math.abs(i - l[t]);
-        e < d && l[t] < i && (o = l[t], d = e);
+        const e = Math.abs(r - l[t]);
+        e < d && l[t] < r && (o = l[t], d = e);
       }
       return o;
     },
-    ratioToMax(i) {
-      return i / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
+    ratioToMax(r) {
+      return r / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
     },
-    selectX(i) {
+    selectX(r) {
       this.$emit(
         "selectX",
         {
           dataset: this.relativeDataset.map((l) => ({
             name: l.name,
-            value: [null, void 0, NaN].includes(l.absoluteValues[i]) ? null : l.absoluteValues[i],
+            value: [null, void 0, NaN].includes(l.absoluteValues[r]) ? null : l.absoluteValues[r],
             color: l.color,
             type: l.type
           })),
-          index: i,
-          indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[i]
+          index: r,
+          indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[r]
         }
       );
     },
     getData() {
-      return this.absoluteDataset.map((i) => ({
-        values: i.absoluteValues,
-        color: i.color,
-        name: i.name,
-        type: i.type
+      return this.absoluteDataset.map((r) => ({
+        values: r.absoluteValues,
+        color: r.color,
+        name: r.name,
+        type: r.type
       }));
     },
-    segregate(i) {
-      if (this.segregatedSeries.includes(i.id))
-        this.segregatedSeries = this.segregatedSeries.filter((l) => l !== i.id);
+    segregate(r) {
+      if (this.segregatedSeries.includes(r.id))
+        this.segregatedSeries = this.segregatedSeries.filter((l) => l !== r.id);
       else {
         if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
-        this.segregatedSeries.push(i.id);
+        this.segregatedSeries.push(r.id);
       }
       this.$emit("selectLegend", this.relativeDataset.map((l) => ({
         name: l.name,
@@ -1037,11 +1045,11 @@ const Je = J(), Qe = {
         type: l.type
       }))), this.segregateStep += 1;
     },
-    toggleTooltipVisibility(i, l = null) {
-      this.isTooltip = i, i ? this.selectedSerieIndex = l : this.selectedSerieIndex = null;
+    toggleTooltipVisibility(r, l = null) {
+      this.isTooltip = r, r ? this.selectedSerieIndex = l : this.selectedSerieIndex = null;
     },
-    toggleFullscreen(i) {
-      this.isFullscreen = i, this.step += 1;
+    toggleFullscreen(r) {
+      this.isFullscreen = r, this.step += 1;
     },
     showSpinnerPdf() {
       this.isPrinting = !0;
@@ -1049,20 +1057,20 @@ const Je = J(), Qe = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: i } = await import("./pdf-B7oVat64.js");
-          await i({
+          const { default: r } = await import("./pdf-B7oVat64.js");
+          await r({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy"
           });
-        } catch (i) {
-          console.error("Error generating PDF:", i);
+        } catch (r) {
+          console.error("Error generating PDF:", r);
         } finally {
           this.isPrinting = !1;
         }
       }, 100);
     },
     generateCsv() {
-      const i = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], l = ["", ...this.table.head.map((e) => e.label)], o = this.table.body, d = i.concat([l]).concat(o), t = this.createCsvContent(d);
+      const r = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], l = ["", ...this.table.head.map((e) => e.label)], o = this.table.body, d = r.concat([l]).concat(o), t = this.createCsvContent(d);
       this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -1071,14 +1079,14 @@ const Je = J(), Qe = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: i } = await import("./img-DGzWcJ4Y.js");
-          await i({
+          const { default: r } = await import("./img-DGzWcJ4Y.js");
+          await r({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
             format: "png"
           });
-        } catch (i) {
-          console.error("Error generating image:", i);
+        } catch (r) {
+          console.error("Error generating image:", r);
         } finally {
           this.isImaging = !1;
         }
@@ -1090,48 +1098,51 @@ const Je = J(), Qe = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, $e = ["viewBox"], et = ["x", "y", "width", "height"], tt = { key: 1 }, it = { class: "vue-ui-xy-grid" }, rt = ["stroke", "x1", "x2", "y1", "y2"], at = ["stroke", "x1", "x2", "y1", "y2"], lt = { key: 1 }, st = ["x1", "x2", "y1", "y2", "stroke"], nt = ["x1", "x2", "y1", "y2", "stroke"], ht = ["x1", "x2", "y1", "y2", "stroke"], ot = { key: 3 }, ct = ["x1", "x2", "y1", "y2", "stroke"], dt = ["id"], ut = ["stop-color"], gt = ["stop-color"], ft = ["stop-color"], It = ["id"], mt = ["stop-color"], Nt = ["stop-color"], xt = ["stop-color"], bt = ["id"], Ft = ["stop-color"], _t = ["stop-color"], At = ["id"], yt = ["stop-color"], Lt = ["stop-color"], Ct = ["id"], St = ["stop-color"], kt = ["stop-color"], wt = ["x", "y", "height", "width", "fill"], Ot = ["x", "y", "width"], Gt = ["x", "y", "height", "width", "fill"], vt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], zt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Mt = ["width", "x", "y"], pt = { key: 0 }, Tt = ["id"], Pt = ["fill"], Vt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Rt = ["x", "y", "font-size", "fill"], Dt = ["stroke", "x1", "x2", "y1", "y2"], Ht = { key: 2 }, Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Wt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Et = { key: 4 }, Yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qt = ["fill", "font-size", "transform"], Xt = ["x1", "x2", "y1", "y2", "stroke"], Ut = ["x", "y", "font-size", "fill"], Zt = ["x1", "x2", "y1", "y2", "stroke"], Jt = ["x", "y", "font-size", "fill"], Qt = ["width", "x", "y"], Kt = { style: { width: "100%" } }, jt = { key: 0 }, $t = ["id"], ei = ["fill"], ti = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ii = ["x", "y", "font-size", "fill"], ri = ["d", "stroke", "stroke-width", "stroke-dasharray"], ai = ["d", "stroke", "stroke-width", "stroke-dasharray"], li = { key: 5 }, si = { key: 0 }, ni = ["d", "fill"], hi = ["d", "fill"], oi = ["d", "fill"], ci = ["d", "fill"], di = ["d", "stroke", "stroke-width", "stroke-dasharray"], ui = ["d", "stroke", "stroke-width", "stroke-dasharray"], gi = ["width", "x", "y"], fi = { style: { width: "100%" } }, Ii = { key: 3 }, mi = ["id"], Ni = ["fill"], xi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], bi = ["x", "y", "font-size", "fill"], Fi = { key: 6 }, _i = ["x", "y", "font-size", "fill"], Ai = ["x", "y", "font-size", "fill", "font-weight"], yi = { key: 7 }, Li = ["x", "y", "font-size", "fill"], Ci = ["x", "y"], Si = ["x", "y"], ki = { key: 8 }, wi = ["x", "y", "font-size", "fill"], Oi = ["x", "y"], Gi = ["x", "y"], vi = ["x", "y", "font-size", "fill", "innerHTML"], zi = ["x", "y", "font-size", "fill", "innerHTML"], Mi = ["x", "y", "font-size", "fill", "innerHTML"], pi = ["x", "y", "font-size", "fill", "innerHTML"], Ti = ["x", "y", "width", "height", "fill", "onMouseenter"], Pi = ["font-size", "fill", "transform"], Vi = ["x", "y", "font-size", "fill"], Ri = { key: 10 }, Di = ["text-anchor", "font-size", "fill", "transform", "onClick"], Hi = ["x", "y", "height", "width", "onMouseenter", "onClick"], Bi = { key: 11 }, Wi = ["x", "y"], Ei = ["cx", "cy", "r", "fill"], Yi = {
+}, $e = ["viewBox"], et = ["x", "y", "width", "height"], tt = { key: 1 }, rt = { class: "vue-ui-xy-grid" }, it = ["stroke", "x1", "x2", "y1", "y2"], at = ["stroke", "x1", "x2", "y1", "y2"], lt = { key: 1 }, st = ["x1", "x2", "y1", "y2", "stroke"], nt = ["x1", "x2", "y1", "y2", "stroke"], ht = ["x1", "x2", "y1", "y2", "stroke"], ot = { key: 3 }, ct = ["x1", "x2", "y1", "y2", "stroke"], dt = ["id"], ut = ["stop-color"], gt = ["stop-color"], ft = ["stop-color"], It = ["id"], mt = ["stop-color"], Nt = ["stop-color"], xt = ["stop-color"], bt = ["id"], Ft = ["stop-color"], _t = ["stop-color"], At = ["id"], yt = ["stop-color"], Ct = ["stop-color"], Lt = ["id"], St = ["stop-color"], kt = ["stop-color"], wt = ["x", "y", "height", "width", "fill"], Ot = ["x", "y", "width"], Gt = ["x", "y", "height", "width", "fill"], vt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], zt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Mt = ["width", "x", "y"], pt = { key: 0 }, Tt = ["id"], Pt = ["fill"], Vt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Rt = ["x", "y", "font-size", "fill"], Dt = ["stroke", "x1", "x2", "y1", "y2"], Ht = { key: 2 }, Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Wt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Et = { key: 4 }, Yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qt = ["fill", "font-size", "transform"], Xt = ["x1", "x2", "y1", "y2", "stroke"], Ut = ["x", "y", "font-size", "fill"], Zt = ["x1", "x2", "y1", "y2", "stroke"], Jt = ["x", "y", "font-size", "fill"], Qt = ["width", "x", "y"], Kt = { style: { width: "100%" } }, jt = { key: 0 }, $t = ["id"], er = ["fill"], tr = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], rr = ["x", "y", "font-size", "fill"], ir = ["d", "stroke", "stroke-width", "stroke-dasharray"], ar = ["d", "stroke", "stroke-width", "stroke-dasharray"], lr = { key: 5 }, sr = { key: 0 }, nr = ["d", "fill"], hr = ["d", "fill"], or = ["d", "fill"], cr = ["d", "fill"], dr = ["d", "stroke", "stroke-width", "stroke-dasharray"], ur = ["d", "stroke", "stroke-width", "stroke-dasharray"], gr = ["width", "x", "y"], fr = { style: { width: "100%" } }, Ir = { key: 3 }, mr = ["id"], Nr = ["fill"], xr = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], br = ["x", "y", "font-size", "fill"], Fr = { key: 6 }, _r = ["x", "y", "font-size", "fill"], Ar = ["x", "y", "font-size", "fill", "font-weight"], yr = { key: 7 }, Cr = ["x", "y", "font-size", "fill"], Lr = ["x", "y"], Sr = ["x", "y"], kr = { key: 8 }, wr = ["x", "y", "font-size", "fill"], Or = ["x", "y"], Gr = ["x", "y"], vr = ["x", "y", "font-size", "fill", "innerHTML"], zr = ["x", "y", "font-size", "fill", "innerHTML"], Mr = ["x", "y", "font-size", "fill", "innerHTML"], pr = ["x", "y", "font-size", "fill", "innerHTML"], Tr = ["x", "y", "width", "height", "fill", "onMouseenter"], Pr = ["font-size", "fill", "transform"], Vr = ["x", "y", "font-size", "fill"], Rr = { key: 10 }, Dr = ["text-anchor", "font-size", "fill", "transform", "onClick"], Hr = ["x", "y", "height", "width", "onMouseenter", "onClick"], Br = {
+  key: 11,
+  style: { "pointer-events": "none" }
+}, Wr = ["x", "y"], Er = ["cx", "cy", "r", "fill"], Yr = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, qi = ["onClick"], Xi = {
+}, qr = ["onClick"], Xr = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Ui = ["stroke", "fill"], Zi = {
+}, Ur = ["stroke", "fill"], Zr = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "14",
   width: "14"
-}, Ji = ["fill"], Qi = ["fill"], Ki = {
+}, Jr = ["fill"], Qr = ["fill"], Kr = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, ji = {
+}, jr = {
   key: 9,
   ref: "chartLegend"
-}, $i = {
+}, $r = {
   key: 10,
   ref: "source",
   dir: "auto"
-}, er = {
+}, ei = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
-}, tr = ["innerHTML"];
-function ir(i, l, o, d, t, e) {
-  const N = R("PenAndPaper"), _ = R("Title"), O = R("UserOptions"), I = R("PackageVersion"), b = R("Shape"), V = R("Skeleton"), v = R("Slicer"), z = R("Tooltip"), G = R("BaseIcon"), F = R("TableSparkline"), C = R("DataTable"), T = R("Accordion");
+}, ti = ["innerHTML"];
+function ri(r, l, o, d, t, e) {
+  const N = R("PenAndPaper"), _ = R("Title"), w = R("UserOptions"), I = R("PackageVersion"), b = R("Shape"), V = R("Skeleton"), v = R("Slicer"), z = R("Tooltip"), G = R("BaseIcon"), F = R("TableSparkline"), C = R("DataTable"), T = R("Accordion");
   return a(), s("div", {
     id: `vue-ui-xy_${t.uniqueId}`,
-    class: D(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
+    class: B(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
     ref: "chart",
-    style: L(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`),
+    style: O(`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: l[7] || (l[7] = () => e.setUserOptionsVisibility(!0)),
     onMouseleave: l[8] || (l[8] = () => e.setUserOptionsVisibility(!1))
   }, [
-    e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (a(), B(N, {
+    e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (a(), H(N, {
       key: 0,
-      parent: i.$refs.chart,
+      parent: r.$refs.chart,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
       color: e.FINAL_CONFIG.chart.color,
       active: t.isAnnotator,
@@ -1142,9 +1153,9 @@ function ir(i, l, o, d, t, e) {
       key: 2,
       ref: "chartTitle",
       class: "vue-ui-xy-title",
-      style: L(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: O(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      (a(), B(_, {
+      (a(), H(_, {
         key: `title_${t.titleStep}`,
         config: {
           title: {
@@ -1158,7 +1169,7 @@ function ir(i, l, o, d, t, e) {
         }
       }, null, 8, ["config"]))
     ], 4)) : c("", !0),
-    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset && (t.keepUserOptionState || t.userOptionsVisible) ? (a(), B(O, {
+    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset && (t.keepUserOptionState || t.userOptionsVisible) ? (a(), H(w, {
       ref: "defails",
       key: `user_options_${t.step}`,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1176,7 +1187,7 @@ function ir(i, l, o, d, t, e) {
       hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
       isStacked: t.mutableConfig.isStacked,
       isFullscreen: t.isFullscreen,
-      chartElement: i.$refs.chart,
+      chartElement: r.$refs.chart,
       position: e.FINAL_CONFIG.chart.userOptions.position,
       isTooltip: t.mutableConfig.showTooltip,
       titles: { ...e.FINAL_CONFIG.chart.userOptions.buttonTitles },
@@ -1191,70 +1202,70 @@ function ir(i, l, o, d, t, e) {
       onToggleStack: e.toggleStack,
       onToggleTooltip: e.toggleTooltip,
       onToggleAnnotator: e.toggleAnnotator,
-      style: L({
+      style: O({
         visibility: t.keepUserOptionState ? t.userOptionsVisible ? "visible" : "hidden" : "visible"
       })
-    }, Ee({ _: 2 }, [
-      i.$slots.optionTooltip ? {
+    }, qe({ _: 2 }, [
+      r.$slots.optionTooltip ? {
         name: "optionTooltip",
         fn: P(() => [
-          k(i.$slots, "optionTooltip", {}, void 0, !0)
+          S(r.$slots, "optionTooltip", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
-      i.$slots.optionPdf ? {
+      r.$slots.optionPdf ? {
         name: "optionPdf",
         fn: P(() => [
-          k(i.$slots, "optionPdf", {}, void 0, !0)
+          S(r.$slots, "optionPdf", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
-      i.$slots.optionCsv ? {
+      r.$slots.optionCsv ? {
         name: "optionCsv",
         fn: P(() => [
-          k(i.$slots, "optionCsv", {}, void 0, !0)
+          S(r.$slots, "optionCsv", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0,
-      i.$slots.optionImg ? {
+      r.$slots.optionImg ? {
         name: "optionImg",
         fn: P(() => [
-          k(i.$slots, "optionImg", {}, void 0, !0)
+          S(r.$slots, "optionImg", {}, void 0, !0)
         ]),
         key: "3"
       } : void 0,
-      i.$slots.optionTable ? {
+      r.$slots.optionTable ? {
         name: "optionTable",
         fn: P(() => [
-          k(i.$slots, "optionTable", {}, void 0, !0)
+          S(r.$slots, "optionTable", {}, void 0, !0)
         ]),
         key: "4"
       } : void 0,
-      i.$slots.optionLabels ? {
+      r.$slots.optionLabels ? {
         name: "optionLabels",
         fn: P(() => [
-          k(i.$slots, "optionLabels", {}, void 0, !0)
+          S(r.$slots, "optionLabels", {}, void 0, !0)
         ]),
         key: "5"
       } : void 0,
-      i.$slots.optionStack ? {
+      r.$slots.optionStack ? {
         name: "optionStack",
         fn: P(() => [
-          k(i.$slots, "optionStack", {}, void 0, !0)
+          S(r.$slots, "optionStack", {}, void 0, !0)
         ]),
         key: "6"
       } : void 0,
-      i.$slots.optionFullscreen ? {
+      r.$slots.optionFullscreen ? {
         name: "optionFullscreen",
-        fn: P(({ toggleFullscreen: r, isFullscreen: h }) => [
-          k(i.$slots, "optionFullscreen", W(E({ toggleFullscreen: r, isFullscreen: h })), void 0, !0)
+        fn: P(({ toggleFullscreen: i, isFullscreen: h }) => [
+          S(r.$slots, "optionFullscreen", W(Y({ toggleFullscreen: i, isFullscreen: h })), void 0, !0)
         ]),
         key: "7"
       } : void 0,
-      i.$slots.optionAnnotator ? {
+      r.$slots.optionAnnotator ? {
         name: "optionAnnotator",
-        fn: P(({ toggleAnnotator: r, isAnnotator: h }) => [
-          k(i.$slots, "optionAnnotator", W(E({ toggleAnnotator: r, isAnnotator: h })), void 0, !0)
+        fn: P(({ toggleAnnotator: i, isAnnotator: h }) => [
+          S(r.$slots, "optionAnnotator", W(Y({ toggleAnnotator: i, isAnnotator: h })), void 0, !0)
         ]),
         key: "8"
       } : void 0
@@ -1262,13 +1273,13 @@ function ir(i, l, o, d, t, e) {
     e.isDataset ? (a(), s("svg", {
       key: 4,
       xmlns: "http://www.w3.org/2000/svg",
-      class: D([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
+      class: B([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
       viewBox: t.viewBox,
-      style: L(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: O(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
       q(I),
-      i.$slots["chart-background"] ? (a(), s("foreignObject", {
+      r.$slots["chart-background"] ? (a(), s("foreignObject", {
         key: 0,
         x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
         y: e.drawingArea.top,
@@ -1278,10 +1289,10 @@ function ir(i, l, o, d, t, e) {
           pointerEvents: "none"
         }
       }, [
-        k(i.$slots, "chart-background", {}, void 0, !0)
+        S(r.$slots, "chart-background", {}, void 0, !0)
       ], 8, et)) : c("", !0),
       e.maxSeries > 0 ? (a(), s("g", tt, [
-        u("g", it, [
+        g("g", rt, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (a(), s("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1291,17 +1302,17 @@ function ir(i, l, o, d, t, e) {
             y1: e.forceValidValue(e.drawingArea.bottom),
             y2: e.forceValidValue(e.drawingArea.bottom),
             "stroke-linecap": "round"
-          }, null, 8, rt)) : c("", !0),
-          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(!0), s(f, { key: 2 }, m(e.allScales, (r) => (a(), s("g", null, [
-            r.id === t.selectedScale && r.yLabels.length ? (a(!0), s(f, { key: 0 }, m(r.yLabels, (h) => (a(), s("line", {
+          }, null, 8, it)) : c("", !0),
+          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(!0), s(u, { key: 2 }, m(e.allScales, (i) => (a(), s("g", null, [
+            i.id === t.selectedScale && i.yLabels.length ? (a(!0), s(u, { key: 0 }, m(i.yLabels, (h) => (a(), s("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.forceValidValue(h.y),
               y2: e.forceValidValue(h.y),
-              stroke: r.color,
+              stroke: i.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, nt))), 256)) : r.yLabels.length ? (a(!0), s(f, { key: 1 }, m(r.yLabels, (h) => (a(), s("line", {
+            }, null, 8, nt))), 256)) : i.yLabels.length ? (a(!0), s(u, { key: 1 }, m(i.yLabels, (h) => (a(), s("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.forceValidValue(h.y),
@@ -1310,7 +1321,7 @@ function ir(i, l, o, d, t, e) {
               "stroke-width": 0.5,
               "stroke-linecap": "round"
             }, null, 8, ht))), 256)) : c("", !0)
-          ]))), 256)) : c("", !0) : (a(), s(f, { key: 1 }, [
+          ]))), 256)) : c("", !0) : (a(), s(u, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (a(), s("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1322,11 +1333,11 @@ function ir(i, l, o, d, t, e) {
               "stroke-linecap": "round"
             }, null, 8, at)) : c("", !0),
             e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(), s("g", lt, [
-              (a(!0), s(f, null, m(e.yLabels, (r) => (a(), s("line", {
+              (a(!0), s(u, null, m(e.yLabels, (i) => (a(), s("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
-                y1: e.forceValidValue(r.y),
-                y2: e.forceValidValue(r.y),
+                y1: e.forceValidValue(i.y),
+                y2: e.forceValidValue(i.y),
                 stroke: e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-width": 0.5,
                 "stroke-linecap": "round"
@@ -1334,7 +1345,7 @@ function ir(i, l, o, d, t, e) {
             ])) : c("", !0)
           ], 64)),
           e.FINAL_CONFIG.chart.grid.showVerticalLines ? (a(), s("g", ot, [
-            (a(!0), s(f, null, m(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (r, h) => (a(), s("line", {
+            (a(!0), s(u, null, m(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (i, h) => (a(), s("line", {
               key: `grid_vertical_line_${h}`,
               x1: e.drawingArea.width / e.maxSeries * h + e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.width / e.maxSeries * h + e.drawingArea.left + e.xPadding,
@@ -1345,50 +1356,50 @@ function ir(i, l, o, d, t, e) {
             }, null, 8, ct))), 128))
           ])) : c("", !0)
         ]),
-        (a(!0), s(f, null, m(e.barSet, (r, h) => (a(), s("defs", {
+        (a(!0), s(u, null, m(e.barSet, (i, h) => (a(), s("defs", {
           key: `def_rect_${h}`
         }, [
-          u("linearGradient", {
+          g("linearGradient", {
             id: `rectGradient_pos_${h}_${t.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
-              "stop-color": r.color
+              "stop-color": i.color
             }, null, 8, ut),
-            u("stop", {
+            g("stop", {
               offset: "62%",
-              "stop-color": `${e.shiftHue(r.color, 0.02)}`
+              "stop-color": `${e.shiftHue(i.color, 0.02)}`
             }, null, 8, gt),
-            u("stop", {
+            g("stop", {
               offset: "100%",
-              "stop-color": `${e.shiftHue(r.color, 0.05)}`
+              "stop-color": `${e.shiftHue(i.color, 0.05)}`
             }, null, 8, ft)
           ], 8, dt),
-          u("linearGradient", {
+          g("linearGradient", {
             id: `rectGradient_neg_${h}_${t.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(r.color, 0.05)}`
+              "stop-color": `${e.shiftHue(i.color, 0.05)}`
             }, null, 8, mt),
-            u("stop", {
+            g("stop", {
               offset: "38%",
-              "stop-color": `${e.shiftHue(r.color, 0.02)}`
+              "stop-color": `${e.shiftHue(i.color, 0.02)}`
             }, null, 8, Nt),
-            u("stop", {
+            g("stop", {
               offset: "100%",
-              "stop-color": r.color
+              "stop-color": i.color
             }, null, 8, xt)
           ], 8, It)
         ]))), 128)),
-        (a(!0), s(f, null, m(e.plotSet, (r, h) => (a(), s("defs", {
+        (a(!0), s(u, null, m(e.plotSet, (i, h) => (a(), s("defs", {
           key: `def_plot_${h}`
         }, [
-          u("radialGradient", {
+          g("radialGradient", {
             id: `plotGradient_${h}_${t.uniqueId}`,
             cx: "50%",
             cy: "50%",
@@ -1396,20 +1407,20 @@ function ir(i, l, o, d, t, e) {
             fx: "50%",
             fy: "50%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(r.color, 0.05)}`
+              "stop-color": `${e.shiftHue(i.color, 0.05)}`
             }, null, 8, Ft),
-            u("stop", {
+            g("stop", {
               offset: "100%",
-              "stop-color": r.color
+              "stop-color": i.color
             }, null, 8, _t)
           ], 8, bt)
         ]))), 128)),
-        (a(!0), s(f, null, m(e.lineSet, (r, h) => (a(), s("defs", {
+        (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s("defs", {
           key: `def_line_${h}`
         }, [
-          u("radialGradient", {
+          g("radialGradient", {
             id: `lineGradient_${h}_${t.uniqueId}`,
             cx: "50%",
             cy: "50%",
@@ -1417,67 +1428,67 @@ function ir(i, l, o, d, t, e) {
             fx: "50%",
             fy: "50%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(r.color, 0.05)}`
+              "stop-color": `${e.shiftHue(i.color, 0.05)}`
             }, null, 8, yt),
-            u("stop", {
+            g("stop", {
               offset: "100%",
-              "stop-color": r.color
-            }, null, 8, Lt)
+              "stop-color": i.color
+            }, null, 8, Ct)
           ], 8, At),
-          u("linearGradient", {
+          g("linearGradient", {
             id: `areaGradient_${h}_${t.uniqueId}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
             y2: "0%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
-              "stop-color": `${e.setOpacity(e.shiftHue(r.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
+              "stop-color": `${e.setOpacity(e.shiftHue(i.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
             }, null, 8, St),
-            u("stop", {
+            g("stop", {
               offset: "100%",
-              "stop-color": `${e.setOpacity(r.color, e.FINAL_CONFIG.line.area.opacity)}`
+              "stop-color": `${e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)}`
             }, null, 8, kt)
-          ], 8, Ct)
+          ], 8, Lt)
         ]))), 128)),
-        (a(!0), s(f, null, m(e.highlightAreas, (r) => (a(), s("g", null, [
-          r.show ? (a(!0), s(f, { key: 0 }, m(r.span, (h, n) => (a(), s("g", null, [
-            u("rect", {
-              style: L({
+        (a(!0), s(u, null, m(e.highlightAreas, (i) => (a(), s("g", null, [
+          i.show ? (a(!0), s(u, { key: 0 }, m(i.span, (h, n) => (a(), s("g", null, [
+            g("rect", {
+              style: O({
                 transition: "none",
-                opacity: r.from + n >= t.slicer.start && r.from + n <= t.slicer.end - 1 ? 1 : 0
+                opacity: i.from + n >= t.slicer.start && i.from + n <= t.slicer.end - 1 ? 1 : 0
               }),
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (r.from + n - t.slicer.start),
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.from + n - t.slicer.start),
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
-              fill: e.setOpacity(r.color, r.opacity)
+              fill: e.setOpacity(i.color, i.opacity)
             }, null, 12, wt),
-            r.caption.text && n === 0 ? (a(), s("foreignObject", {
+            i.caption.text && n === 0 ? (a(), s("foreignObject", {
               key: 0,
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (r.from + n - t.slicer.start) - (r.caption.width === "auto" ? 0 : r.caption.width / 2 - e.drawingArea.width / e.maxSeries * r.span / 2),
-              y: e.drawingArea.top + r.caption.offsetY,
-              style: L({
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.from + n - t.slicer.start) - (i.caption.width === "auto" ? 0 : i.caption.width / 2 - e.drawingArea.width / e.maxSeries * i.span / 2),
+              y: e.drawingArea.top + i.caption.offsetY,
+              style: O({
                 overflow: "visible",
-                opacity: r.to >= t.slicer.start && r.from < t.slicer.end ? 1 : 0
+                opacity: i.to >= t.slicer.start && i.from < t.slicer.end ? 1 : 0
               }),
               height: "1",
-              width: r.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * r.span : r.caption.width
+              width: i.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * i.span : i.caption.width
             }, [
-              u("div", {
-                style: L(`padding:${r.caption.padding}px;text-align:${r.caption.textAlign};font-size:${r.caption.fontSize}px;color:${r.caption.color};font-weight:${r.caption.bold ? "bold" : "normal"}`)
-              }, w(r.caption.text), 5)
+              g("div", {
+                style: O(`padding:${i.caption.padding}px;text-align:${i.caption.textAlign};font-size:${i.caption.fontSize}px;color:${i.caption.color};font-weight:${i.caption.bold ? "bold" : "normal"}`)
+              }, k(i.caption.text), 5)
             ], 12, Ot)) : c("", !0)
           ]))), 256)) : c("", !0)
         ]))), 256)),
-        u("g", null, [
-          (a(!0), s(f, null, m(e.maxSeries, (r, h) => (a(), s("g", {
+        g("g", null, [
+          (a(!0), s(u, null, m(e.maxSeries, (i, h) => (a(), s("g", {
             key: `tooltip_trap_highlighter_${h}`
           }, [
-            u("rect", {
+            g("rect", {
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h,
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
@@ -1486,13 +1497,13 @@ function ir(i, l, o, d, t, e) {
             }, null, 8, Gt)
           ]))), 128))
         ]),
-        e.barSet.length ? (a(!0), s(f, { key: 0 }, m(e.barSet, (r, h) => (a(), s("g", {
+        e.barSet.length ? (a(!0), s(u, { key: 0 }, m(e.barSet, (i, h) => (a(), s("g", {
           key: `serie_bar_${h}`,
-          class: D(`serie_bar_${h}`),
-          style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: B(`serie_bar_${h}`),
+          style: O(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (a(!0), s(f, null, m(r.plots, (n, g) => (a(), s("g", {
-            key: `bar_plot_${h}_${g}`
+          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s("g", {
+            key: `bar_plot_${h}_${f}`
           }, [
             e.canShowValue(n.value) ? (a(), s("rect", {
               key: 0,
@@ -1501,19 +1512,19 @@ function ir(i, l, o, d, t, e) {
               height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
               width: e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap),
               rx: e.FINAL_CONFIG.bar.borderRadius,
-              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${h}_${t.uniqueId})` : `url(#rectGradient_neg_${h}_${t.uniqueId})` : r.color,
-              stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? r.color : e.FINAL_CONFIG.bar.border.stroke,
+              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${h}_${t.uniqueId})` : `url(#rectGradient_neg_${h}_${t.uniqueId})` : i.color,
+              stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? i.color : e.FINAL_CONFIG.bar.border.stroke,
               "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
             }, null, 8, vt)) : c("", !0),
-            e.canShowValue(n.value) && i.$slots.pattern ? (a(), s("rect", {
+            e.canShowValue(n.value) && r.$slots.pattern ? (a(), s("rect", {
               key: 1,
               x: e.calcRectX(n),
               y: t.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
               height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
               width: e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap),
               rx: e.FINAL_CONFIG.bar.borderRadius,
-              fill: `url(#pattern_${t.uniqueId}_${r.slotAbsoluteIndex})`,
-              stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? r.color : e.FINAL_CONFIG.bar.border.stroke,
+              fill: `url(#pattern_${t.uniqueId}_${i.slotAbsoluteIndex})`,
+              stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? i.color : e.FINAL_CONFIG.bar.border.stroke,
               "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
             }, null, 8, zt)) : c("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (a(), s("foreignObject", {
@@ -1524,14 +1535,14 @@ function ir(i, l, o, d, t, e) {
               x: e.calcRectX(n) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: e.checkNaN(n.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              k(i.$slots, "plot-comment", {
-                plot: { ...n, color: r.color, seriesIndex: h, datapointIndex: g }
+              S(r.$slots, "plot-comment", {
+                plot: { ...n, color: i.color, seriesIndex: h, datapointIndex: f }
               }, void 0, !0)
             ], 8, Mt)) : c("", !0)
           ]))), 128)),
-          Object.hasOwn(r, "useProgression") && r.useProgression === !0 && !isNaN(e.calcLinearProgression(r.plots).trend) ? (a(), s("g", pt, [
-            u("defs", null, [
-              u("marker", {
+          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (a(), s("g", pt, [
+            g("defs", null, [
+              g("marker", {
                 id: `bar_arrow_${h}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1539,32 +1550,32 @@ function ir(i, l, o, d, t, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                u("polygon", {
+                g("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: r.color
+                  fill: i.color
                 }, null, 8, Pt)
               ], 8, Tt)
             ]),
-            r.plots.length > 1 ? (a(), s("line", {
+            i.plots.length > 1 ? (a(), s("line", {
               key: 0,
-              x1: e.calcLinearProgression(r.plots).x1,
-              x2: e.calcLinearProgression(r.plots).x2,
-              y1: e.forceValidValue(e.calcLinearProgression(r.plots).y1),
-              y2: e.forceValidValue(e.calcLinearProgression(r.plots).y2),
+              x1: e.calcLinearProgression(i.plots).x1,
+              x2: e.calcLinearProgression(i.plots).x2,
+              y1: e.forceValidValue(e.calcLinearProgression(i.plots).y1),
+              y2: e.forceValidValue(e.calcLinearProgression(i.plots).y2),
               "stroke-width": 1,
-              stroke: r.color,
+              stroke: i.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#bar_arrow_${h})`
             }, null, 8, Vt)) : c("", !0),
-            r.plots.length > 1 ? (a(), s("text", {
+            i.plots.length > 1 ? (a(), s("text", {
               key: 1,
               "text-anchor": "middle",
-              x: e.calcLinearProgression(r.plots).x2,
-              y: e.calcLinearProgression(r.plots).y2 - 6,
+              x: e.calcLinearProgression(i.plots).x2,
+              y: e.calcLinearProgression(i.plots).y2 - 6,
               "font-size": t.fontSizes.plotLabels,
-              fill: r.color
-            }, w(e.dataLabel({
-              v: e.calcLinearProgression(r.plots).trend * 100,
+              fill: i.color
+            }, k(e.dataLabel({
+              v: e.calcLinearProgression(i.plots).trend * 100,
               s: "%",
               r: 2
             })), 9, Rt)) : c("", !0)
@@ -1581,7 +1592,7 @@ function ir(i, l, o, d, t, e) {
           "stroke-linecap": "round"
         }, null, 8, Dt)) : c("", !0),
         e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (a(), s("g", Ht, [
-          u("line", {
+          g("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
             x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
             y1: e.forceValidValue(e.drawingArea.top),
@@ -1608,44 +1619,44 @@ function ir(i, l, o, d, t, e) {
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
         }, null, 8, Wt)) : c("", !0),
         e.FINAL_CONFIG.chart.grid.labels.show ? (a(), s("g", Et, [
-          t.mutableConfig.useIndividualScale ? (a(), s(f, { key: 0 }, [
-            (a(!0), s(f, null, m(e.allScales, (r) => (a(), s("g", null, [
-              u("line", {
-                x1: r.x + e.xPadding,
-                x2: r.x + e.xPadding,
-                y1: t.mutableConfig.isStacked ? e.forceValidValue(e.drawingArea.bottom - r.yOffset - r.individualHeight) : e.forceValidValue(e.drawingArea.top),
-                y2: t.mutableConfig.isStacked ? e.forceValidValue(e.drawingArea.bottom - r.yOffset) : e.forceValidValue(e.drawingArea.bottom),
-                stroke: r.color,
+          t.mutableConfig.useIndividualScale ? (a(), s(u, { key: 0 }, [
+            (a(!0), s(u, null, m(e.allScales, (i) => (a(), s("g", null, [
+              g("line", {
+                x1: i.x + e.xPadding,
+                x2: i.x + e.xPadding,
+                y1: t.mutableConfig.isStacked ? e.forceValidValue(e.drawingArea.bottom - i.yOffset - i.individualHeight) : e.forceValidValue(e.drawingArea.top),
+                y2: t.mutableConfig.isStacked ? e.forceValidValue(e.drawingArea.bottom - i.yOffset) : e.forceValidValue(e.drawingArea.bottom),
+                stroke: i.color,
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
-                style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+                style: O(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
               }, null, 12, Yt)
             ]))), 256)),
-            (a(!0), s(f, null, m(e.allScales, (r) => (a(), s("g", {
-              style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+            (a(!0), s(u, null, m(e.allScales, (i) => (a(), s("g", {
+              style: O(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              u("text", {
-                fill: r.color,
+              g("text", {
+                fill: i.color,
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "middle",
-                transform: `translate(${r.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5 + e.xPadding}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset - r.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, w(r.name) + " " + w(r.scaleLabel ? `- ${r.scaleLabel}` : ""), 9, qt),
-              (a(!0), s(f, null, m(r.yLabels, (h, n) => (a(), s("line", {
-                x1: r.x - 3 + e.xPadding,
-                x2: r.x + e.xPadding,
+                transform: `translate(${i.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5 + e.xPadding}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset - i.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
+              }, k(i.name) + " " + k(i.scaleLabel ? `- ${i.scaleLabel}` : ""), 9, qt),
+              (a(!0), s(u, null, m(i.yLabels, (h, n) => (a(), s("line", {
+                x1: i.x - 3 + e.xPadding,
+                x2: i.x + e.xPadding,
                 y1: e.forceValidValue(h.y),
                 y2: e.forceValidValue(h.y),
-                stroke: r.color,
+                stroke: i.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
               }, null, 8, Xt))), 256)),
-              (a(!0), s(f, null, m(r.yLabels, (h, n) => (a(), s("text", {
-                x: r.x - 5 + e.xPadding,
+              (a(!0), s(u, null, m(i.yLabels, (h, n) => (a(), s("text", {
+                x: i.x - 5 + e.xPadding,
                 y: e.forceValidValue(h.y) + t.fontSizes.dataLabels / 3,
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "end",
-                fill: r.color
-              }, w(e.applyDataLabel(
+                fill: i.color
+              }, k(e.applyDataLabel(
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
                 h.value,
                 e.dataLabel({
@@ -1657,53 +1668,53 @@ function ir(i, l, o, d, t, e) {
                 { datapoint: h.datapoint, seriesIndex: n }
               )), 9, Ut))), 256))
             ], 4))), 256))
-          ], 64)) : (a(!0), s(f, { key: 1 }, m(e.yLabels, (r, h) => (a(), s("g", {
+          ], 64)) : (a(!0), s(u, { key: 1 }, m(e.yLabels, (i, h) => (a(), s("g", {
             key: `yLabel_${h}`
           }, [
-            e.canShowValue(r) && r.value >= e.niceScale.min && r.value <= e.niceScale.max ? (a(), s("line", {
+            e.canShowValue(i) && i.value >= e.niceScale.min && i.value <= e.niceScale.max ? (a(), s("line", {
               key: 0,
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.left - 5 + e.xPadding,
-              y1: e.forceValidValue(r.y),
-              y2: e.forceValidValue(r.y),
+              y1: e.forceValidValue(i.y),
+              y2: e.forceValidValue(i.y),
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
             }, null, 8, Zt)) : c("", !0),
-            r.value >= e.niceScale.min && r.value <= e.niceScale.max ? (a(), s("text", {
+            i.value >= e.niceScale.min && i.value <= e.niceScale.max ? (a(), s("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
-              y: e.checkNaN(r.y + t.fontSizes.dataLabels / 3),
+              y: e.checkNaN(i.y + t.fontSizes.dataLabels / 3),
               "font-size": t.fontSizes.dataLabels,
               "text-anchor": "end",
               fill: e.FINAL_CONFIG.chart.grid.labels.color
-            }, w(e.canShowValue(r.value) ? e.applyDataLabel(
+            }, k(e.canShowValue(i.value) ? e.applyDataLabel(
               e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
-              r.value,
+              i.value,
               e.dataLabel({
-                p: r.prefix,
-                v: r.value,
-                s: r.suffix,
+                p: i.prefix,
+                v: i.value,
+                s: i.suffix,
                 r: 1
               })
             ) : ""), 9, Jt)) : c("", !0)
           ]))), 128))
         ])) : c("", !0),
-        (a(!0), s(f, null, m(e.plotSet, (r, h) => (a(), s("g", {
+        (a(!0), s(u, null, m(e.plotSet, (i, h) => (a(), s("g", {
           key: `serie_plot_${h}`,
-          class: D(`serie_plot_${h}`),
-          style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: B(`serie_plot_${h}`),
+          style: O(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (a(!0), s(f, null, m(r.plots, (n, g) => (a(), s("g", {
-            key: `circle_plot_${h}_${g}`
+          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s("g", {
+            key: `circle_plot_${h}_${f}`
           }, [
-            n && e.canShowValue(n.value) ? (a(), B(b, {
+            n && e.canShowValue(n.value) ? (a(), H(b, {
               key: 0,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(r.shape) ? r.shape : "circle",
-              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${h}_${t.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? r.color : e.FINAL_CONFIG.plot.dot.fill,
+              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(i.shape) ? i.shape : "circle",
+              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${h}_${t.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? i.color : e.FINAL_CONFIG.plot.dot.fill,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
-              radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.plot || 6) * 1.5 : t.plotRadii.plot || 6,
-              stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : r.color,
+              radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f ? (t.plotRadii.plot || 6) * 1.5 : t.plotRadii.plot || 6,
+              stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : i.color,
               strokeWidth: e.FINAL_CONFIG.plot.dot.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : c("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (a(), s("foreignObject", {
@@ -1714,16 +1725,16 @@ function ir(i, l, o, d, t, e) {
               x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              u("div", Kt, [
-                k(i.$slots, "plot-comment", {
-                  plot: { ...n, color: r.color, seriesIndex: h, datapointIndex: g }
+              g("div", Kt, [
+                S(r.$slots, "plot-comment", {
+                  plot: { ...n, color: i.color, seriesIndex: h, datapointIndex: f }
                 }, void 0, !0)
               ])
             ], 8, Qt)) : c("", !0)
           ]))), 128)),
-          Object.hasOwn(r, "useProgression") && r.useProgression === !0 && !isNaN(e.calcLinearProgression(r.plots).trend) ? (a(), s("g", jt, [
-            u("defs", null, [
-              u("marker", {
+          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (a(), s("g", jt, [
+            g("defs", null, [
+              g("marker", {
                 id: `plot_arrow_${h}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1731,121 +1742,121 @@ function ir(i, l, o, d, t, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                u("polygon", {
+                g("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: r.color
-                }, null, 8, ei)
+                  fill: i.color
+                }, null, 8, er)
               ], 8, $t)
             ]),
-            r.plots.length > 1 ? (a(), s("line", {
+            i.plots.length > 1 ? (a(), s("line", {
               key: 0,
-              x1: e.calcLinearProgression(r.plots).x1,
-              x2: e.calcLinearProgression(r.plots).x2,
-              y1: e.forceValidValue(e.calcLinearProgression(r.plots).y1),
-              y2: e.forceValidValue(e.calcLinearProgression(r.plots).y2),
+              x1: e.calcLinearProgression(i.plots).x1,
+              x2: e.calcLinearProgression(i.plots).x2,
+              y1: e.forceValidValue(e.calcLinearProgression(i.plots).y1),
+              y2: e.forceValidValue(e.calcLinearProgression(i.plots).y2),
               "stroke-width": 1,
-              stroke: r.color,
+              stroke: i.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#plot_arrow_${h})`
-            }, null, 8, ti)) : c("", !0),
-            r.plots.length > 1 ? (a(), s("text", {
+            }, null, 8, tr)) : c("", !0),
+            i.plots.length > 1 ? (a(), s("text", {
               key: 1,
               "text-anchor": "middle",
-              x: e.calcLinearProgression(r.plots).x2,
-              y: e.calcLinearProgression(r.plots).y2 - 6,
+              x: e.calcLinearProgression(i.plots).x2,
+              y: e.calcLinearProgression(i.plots).y2 - 6,
               "font-size": t.fontSizes.plotLabels,
-              fill: r.color
-            }, w(e.dataLabel({
-              v: e.calcLinearProgression(r.plots).trend * 100,
+              fill: i.color
+            }, k(e.dataLabel({
+              v: e.calcLinearProgression(i.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, ii)) : c("", !0)
+            })), 9, rr)) : c("", !0)
           ])) : c("", !0)
         ], 6))), 128)),
-        (a(!0), s(f, null, m(e.lineSet, (r, h) => (a(), s("g", {
+        (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s("g", {
           key: `serie_line_${h}`,
-          class: D(`serie_line_${h}`),
-          style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: B(`serie_line_${h}`),
+          style: O(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          r.smooth && r.plots.length > 1 ? (a(), s("path", {
+          i.smooth && i.plots.length > 1 ? (a(), s("path", {
             key: 0,
-            d: `M${r.curve}`,
+            d: `M${i.curve}`,
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
-            "stroke-dasharray": r.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+            "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, ri)) : r.plots.length > 1 ? (a(), s("path", {
+          }, null, 8, ir)) : i.plots.length > 1 ? (a(), s("path", {
             key: 1,
-            d: `M${r.straight}`,
+            d: `M${i.straight}`,
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
-            "stroke-dasharray": r.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+            "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, ai)) : c("", !0)
+          }, null, 8, ar)) : c("", !0)
         ], 6))), 128)),
-        i.$slots.pattern ? (a(), s("defs", li, [
-          (a(!0), s(f, null, m(e.safeDataset, (r, h) => k(i.$slots, "pattern", Ye({
+        r.$slots.pattern ? (a(), s("defs", lr, [
+          (a(!0), s(u, null, m(e.safeDataset, (i, h) => S(r.$slots, "pattern", J({
             key: `serie_pattern_slot_${h}`
-          }, { ...r, seriesIndex: r.slotAbsoluteIndex, patternId: `pattern_${t.uniqueId}_${h}` }), void 0, !0)), 128))
+          }, { ...i, seriesIndex: i.slotAbsoluteIndex, patternId: `pattern_${t.uniqueId}_${h}` }), void 0, !0)), 128))
         ])) : c("", !0),
-        (a(!0), s(f, null, m(e.lineSet, (r, h) => (a(), s("g", {
+        (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s("g", {
           key: `serie_line_${h}`,
-          class: D(`serie_line_${h}`),
-          style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: B(`serie_line_${h}`),
+          style: O(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          r.useArea && r.plots.length > 1 ? (a(), s("g", si, [
-            r.smooth ? (a(), s(f, { key: 0 }, [
-              u("path", {
-                d: `M ${r.plots[0] ? r.plots[0].x : Math.min(...r.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset : e.drawingArea.bottom} ${r.curve} L ${r.plots.at(-1) ? r.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset : e.drawingArea.bottom} Z`,
-                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(r.color, e.FINAL_CONFIG.line.area.opacity)
-              }, null, 8, ni),
-              i.$slots.pattern ? (a(), s("path", {
+          i.useArea && i.plots.length > 1 ? (a(), s("g", sr, [
+            i.smooth ? (a(), s(u, { key: 0 }, [
+              g("path", {
+                d: `M ${i.plots[0] ? i.plots[0].x : Math.min(...i.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} ${i.curve} L ${i.plots.at(-1) ? i.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} Z`,
+                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)
+              }, null, 8, nr),
+              r.$slots.pattern ? (a(), s("path", {
                 key: 0,
-                d: `M ${r.plots[0] ? r.plots[0].x : Math.min(...r.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset : e.drawingArea.bottom} ${r.curve} L ${r.plots.at(-1) ? r.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset : e.drawingArea.bottom} Z`,
-                fill: `url(#pattern_${t.uniqueId}_${r.slotAbsoluteIndex})`
-              }, null, 8, hi)) : c("", !0)
-            ], 64)) : (a(), s(f, { key: 1 }, [
-              u("path", {
-                d: `M${r.area}Z`,
-                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(r.color, e.FINAL_CONFIG.line.area.opacity)
-              }, null, 8, oi),
-              i.$slots.pattern ? (a(), s("path", {
+                d: `M ${i.plots[0] ? i.plots[0].x : Math.min(...i.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} ${i.curve} L ${i.plots.at(-1) ? i.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} Z`,
+                fill: `url(#pattern_${t.uniqueId}_${i.slotAbsoluteIndex})`
+              }, null, 8, hr)) : c("", !0)
+            ], 64)) : (a(), s(u, { key: 1 }, [
+              g("path", {
+                d: `M${i.area}Z`,
+                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)
+              }, null, 8, or),
+              r.$slots.pattern ? (a(), s("path", {
                 key: 0,
-                d: `M${r.area}Z`,
-                fill: `url(#pattern_${t.uniqueId}_${r.slotAbsoluteIndex})`
-              }, null, 8, ci)) : c("", !0)
+                d: `M${i.area}Z`,
+                fill: `url(#pattern_${t.uniqueId}_${i.slotAbsoluteIndex})`
+              }, null, 8, cr)) : c("", !0)
             ], 64))
           ])) : c("", !0),
-          r.smooth && r.plots.length > 1 ? (a(), s("path", {
+          i.smooth && i.plots.length > 1 ? (a(), s("path", {
             key: 1,
-            d: `M${r.curve}`,
-            stroke: r.color,
+            d: `M${i.curve}`,
+            stroke: i.color,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
-            "stroke-dasharray": r.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+            "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none",
             "stroke-linecap": "round"
-          }, null, 8, di)) : r.plots.length > 1 ? (a(), s("path", {
+          }, null, 8, dr)) : i.plots.length > 1 ? (a(), s("path", {
             key: 2,
-            d: `M${r.straight}`,
-            stroke: r.color,
+            d: `M${i.straight}`,
+            stroke: i.color,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
-            "stroke-dasharray": r.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+            "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, ui)) : c("", !0),
-          (a(!0), s(f, null, m(r.plots, (n, g) => (a(), s("g", {
-            key: `circle_line_${h}_${g}`
+          }, null, 8, ur)) : c("", !0),
+          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+            key: `circle_line_${h}_${f}`
           }, [
-            !e.optimize.linePlot && n && e.canShowValue(n.value) || e.optimize.linePlot && n && e.canShowValue(n.value) && (t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g) ? (a(), B(b, {
+            !e.optimize.linePlot && n && e.canShowValue(n.value) || e.optimize.linePlot && n && e.canShowValue(n.value) && (t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f) ? (a(), H(b, {
               key: 0,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(r.shape) ? r.shape : "circle",
-              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${h}_${t.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? r.color : e.FINAL_CONFIG.line.dot.fill,
+              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(i.shape) ? i.shape : "circle",
+              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${h}_${t.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? i.color : e.FINAL_CONFIG.line.dot.fill,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
-              radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.line || 6) * 1.5 : t.plotRadii.line || 6,
-              stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : r.color,
+              radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f ? (t.plotRadii.line || 6) * 1.5 : t.plotRadii.line || 6,
+              stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : i.color,
               strokeWidth: e.FINAL_CONFIG.line.dot.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : c("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (a(), s("foreignObject", {
@@ -1856,16 +1867,16 @@ function ir(i, l, o, d, t, e) {
               x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              u("div", fi, [
-                k(i.$slots, "plot-comment", {
-                  plot: { ...n, color: r.color, seriesIndex: h, datapointIndex: g }
+              g("div", fr, [
+                S(r.$slots, "plot-comment", {
+                  plot: { ...n, color: i.color, seriesIndex: h, datapointIndex: f }
                 }, void 0, !0)
               ])
-            ], 8, gi)) : c("", !0)
-          ]))), 128)),
-          Object.hasOwn(r, "useProgression") && r.useProgression === !0 && !isNaN(e.calcLinearProgression(r.plots).trend) ? (a(), s("g", Ii, [
-            u("defs", null, [
-              u("marker", {
+            ], 8, gr)) : c("", !0)
+          ], 64))), 128)),
+          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (a(), s("g", Ir, [
+            g("defs", null, [
+              g("marker", {
                 id: `line_arrow_${h}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1873,110 +1884,106 @@ function ir(i, l, o, d, t, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                u("polygon", {
+                g("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: r.color
-                }, null, 8, Ni)
-              ], 8, mi)
+                  fill: i.color
+                }, null, 8, Nr)
+              ], 8, mr)
             ]),
-            r.plots.length > 1 ? (a(), s("line", {
+            i.plots.length > 1 ? (a(), s("line", {
               key: 0,
-              x1: e.calcLinearProgression(r.plots).x1,
-              x2: e.calcLinearProgression(r.plots).x2,
-              y1: e.forceValidValue(e.calcLinearProgression(r.plots).y1),
-              y2: e.forceValidValue(e.calcLinearProgression(r.plots).y2),
+              x1: e.calcLinearProgression(i.plots).x1,
+              x2: e.calcLinearProgression(i.plots).x2,
+              y1: e.forceValidValue(e.calcLinearProgression(i.plots).y1),
+              y2: e.forceValidValue(e.calcLinearProgression(i.plots).y2),
               "stroke-width": 1,
-              stroke: r.color,
+              stroke: i.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${h})`
-            }, null, 8, xi)) : c("", !0),
-            r.plots.length > 1 ? (a(), s("text", {
+            }, null, 8, xr)) : c("", !0),
+            i.plots.length > 1 ? (a(), s("text", {
               key: 1,
               "text-anchor": "middle",
-              x: e.calcLinearProgression(r.plots).x2,
-              y: e.calcLinearProgression(r.plots).y2 - 6,
+              x: e.calcLinearProgression(i.plots).x2,
+              y: e.calcLinearProgression(i.plots).y2 - 6,
               "font-size": t.fontSizes.plotLabels,
-              fill: r.color
-            }, w(e.dataLabel({
-              v: e.calcLinearProgression(r.plots).trend * 100,
+              fill: i.color
+            }, k(e.dataLabel({
+              v: e.calcLinearProgression(i.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, bi)) : c("", !0)
+            })), 9, br)) : c("", !0)
           ])) : c("", !0)
         ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (a(), s("g", Fi, [
-          (a(!0), s(f, null, m(e.barSet, (r, h) => (a(), s("g", {
-            key: `xLabel_bar_${h}`,
-            class: D(`xLabel_bar_${h}`),
-            style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (a(), s("g", Fr, [
+          (a(!0), s(u, null, m(e.barSet, (i, h) => (a(), s(u, {
+            key: `xLabel_bar_${h}`
           }, [
-            (a(!0), s(f, null, m(r.plots, (n, g) => (a(), s("g", {
-              key: `xLabel_bar_${h}_${g}`
+            (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+              key: `xLabel_bar_${h}_${f}`
             }, [
-              n && (!Object.hasOwn(r, "dataLabels") || r.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g) && e.FINAL_CONFIG.bar.labels.show ? (a(), s("text", {
+              n && (!Object.hasOwn(i, "dataLabels") || i.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f) && e.FINAL_CONFIG.bar.labels.show ? (a(), s("text", {
                 key: 0,
                 x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
                 y: e.checkNaN(n.y) + (n.value >= 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
-              }, w(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, k(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: r.prefix || e.FINAL_CONFIG.chart.labels.prefix,
+                  p: i.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: r.suffix || e.FINAL_CONFIG.chart.labels.suffix,
+                  s: i.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.bar.labels.rounding
                 }),
                 {
                   datapoint: n,
-                  serie: r
+                  serie: i
                 }
-              ) : ""), 9, _i)) : c("", !0),
+              ) : ""), 9, _r)) : c("", !0),
               n && e.FINAL_CONFIG.bar.serieName.show ? (a(), s("text", {
                 key: 1,
                 x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
                 y: n.y + (n.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
-                fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? r.color : e.FINAL_CONFIG.bar.serieName.color,
+                fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? i.color : e.FINAL_CONFIG.bar.serieName.color,
                 "font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
-              }, w(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: r.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : r.name), 9, Ai)) : c("", !0)
-            ]))), 128))
-          ], 6))), 128))
+              }, k(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: i.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : i.name), 9, Ar)) : c("", !0)
+            ], 64))), 128))
+          ], 64))), 128))
         ])) : c("", !0),
-        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (a(), s("g", yi, [
-          (a(!0), s(f, null, m(e.plotSet, (r, h) => (a(), s("g", {
-            key: `xLabel_plot_${h}`,
-            class: D(`xLabel_plot_${h}`),
-            style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (a(), s("g", yr, [
+          (a(!0), s(u, null, m(e.plotSet, (i, h) => (a(), s(u, {
+            key: `xLabel_plot_${h}`
           }, [
-            (a(!0), s(f, null, m(r.plots, (n, g) => (a(), s("g", {
-              key: `xLabel_plot_${h}_${g}`
+            (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+              key: `xLabel_plot_${h}_${f}`
             }, [
-              n && !Object.hasOwn(r, "dataLabels") || r.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (a(), s("text", {
+              n && !Object.hasOwn(i, "dataLabels") || i.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f ? (a(), s("text", {
                 key: 0,
                 x: n.x,
                 y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color
-              }, w(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, k(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: r.prefix || e.FINAL_CONFIG.chart.labels.prefix,
+                  p: i.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: r.suffix || e.FINAL_CONFIG.chart.labels.suffix,
+                  s: i.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.plot.labels.rounding
                 }),
                 {
                   datapoint: n,
-                  serie: r
+                  serie: i
                 }
-              ) : ""), 9, Li)) : c("", !0),
-              n && g === 0 && r.useTag && r.useTag === "start" ? (a(), s("foreignObject", {
+              ) : ""), 9, Cr)) : c("", !0),
+              n && f === 0 && i.useTag && i.useTag === "start" ? (a(), s("foreignObject", {
                 key: 1,
                 x: n.x,
                 y: n.y - 20,
@@ -1984,56 +1991,54 @@ function ir(i, l, o, d, t, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                u("div", {
-                  style: L(`padding: 3px; background:${e.setOpacity(r.color, 80)};color:${e.adaptColorToBackground(r.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, w(r.name), 5)
-              ], 8, Ci)) : c("", !0),
-              n && g === r.plots.length - 1 && r.useTag && r.useTag === "end" ? (a(), s("foreignObject", {
+                g("div", {
+                  style: O(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, k(i.name), 5)
+              ], 8, Lr)) : c("", !0),
+              n && f === i.plots.length - 1 && i.useTag && i.useTag === "end" ? (a(), s("foreignObject", {
                 key: 2,
-                x: n.x - r.name.length * (t.fontSizes.plotLabels / 2),
+                x: n.x - i.name.length * (t.fontSizes.plotLabels / 2),
                 y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                u("div", {
-                  style: L(`padding: 3px; background:${e.setOpacity(r.color, 80)};color:${e.adaptColorToBackground(r.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, w(r.name), 5)
-              ], 8, Si)) : c("", !0)
-            ]))), 128))
-          ], 6))), 128))
+                g("div", {
+                  style: O(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, k(i.name), 5)
+              ], 8, Sr)) : c("", !0)
+            ], 64))), 128))
+          ], 64))), 128))
         ])) : c("", !0),
-        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (a(), s("g", ki, [
-          (a(!0), s(f, null, m(e.lineSet, (r, h) => (a(), s("g", {
-            key: `xLabel_line_${h}`,
-            class: D(`xLabel_line_${h}`),
-            style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (a(), s("g", kr, [
+          (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s(u, {
+            key: `xLabel_line_${h}`
           }, [
-            (a(!0), s(f, null, m(r.plots, (n, g) => (a(), s("g", {
-              key: `xLabel_line_${h}_${g}`
+            (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+              key: `xLabel_line_${h}_${f}`
             }, [
-              n && !Object.hasOwn(r, "dataLabels") || r.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (a(), s("text", {
+              n && !Object.hasOwn(i, "dataLabels") || i.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f ? (a(), s("text", {
                 key: 0,
                 x: n.x,
                 y: n.y + (n.value >= 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color
-              }, w(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, k(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: r.prefix || e.FINAL_CONFIG.chart.labels.prefix,
+                  p: i.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: r.suffix || e.FINAL_CONFIG.chart.labels.suffix,
+                  s: i.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.line.labels.rounding
                 }),
                 {
                   datapoint: n,
-                  serie: r
+                  serie: i
                 }
-              ) : ""), 9, wi)) : c("", !0),
-              n && g === 0 && r.useTag && r.useTag === "start" ? (a(), s("foreignObject", {
+              ) : ""), 9, wr)) : c("", !0),
+              n && f === 0 && i.useTag && i.useTag === "start" ? (a(), s("foreignObject", {
                 key: 1,
                 x: n.x,
                 y: n.y - 20,
@@ -2041,119 +2046,115 @@ function ir(i, l, o, d, t, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                u("div", {
-                  style: L(`padding: 3px; background:${e.setOpacity(r.color, 80)};color:${e.adaptColorToBackground(r.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, w(r.name), 5)
-              ], 8, Oi)) : c("", !0),
-              n && g === r.plots.length - 1 && r.useTag && r.useTag === "end" ? (a(), s("foreignObject", {
+                g("div", {
+                  style: O(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, k(i.name), 5)
+              ], 8, Or)) : c("", !0),
+              n && f === i.plots.length - 1 && i.useTag && i.useTag === "end" ? (a(), s("foreignObject", {
                 key: 2,
-                x: n.x - r.name.length * (t.fontSizes.plotLabels / 2),
+                x: n.x - i.name.length * (t.fontSizes.plotLabels / 2),
                 y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                u("div", {
-                  style: L(`padding: 3px; background:${e.setOpacity(r.color, 80)};color:${e.adaptColorToBackground(r.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, w(r.name), 5)
-              ], 8, Gi)) : c("", !0)
-            ]))), 128))
-          ], 6))), 128))
+                g("div", {
+                  style: O(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, k(i.name), 5)
+              ], 8, Gr)) : c("", !0)
+            ], 64))), 128))
+          ], 64))), 128))
         ])) : c("", !0),
-        (a(!0), s(f, null, m(e.lineSet, (r, h) => (a(), s("g", {
-          key: `xLabel_line_${h}`,
-          class: D(`xLabel_line_${h}`),
-          style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s(u, {
+          key: `xLabel_line_${h}`
         }, [
-          (a(!0), s(f, null, m(r.plots, (n, g) => (a(), s("g", {
-            key: `xLabel_line_${h}_${g}`
+          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+            key: `xLabel_line_${h}_${f}`
           }, [
-            n && g === 0 && r.showSerieName && r.showSerieName === "start" ? (a(), s("text", {
+            n && f === 0 && i.showSerieName && i.showSerieName === "start" ? (a(), s("text", {
               key: 0,
               x: n.x - t.fontSizes.plotLabels,
               y: n.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "end",
-              fill: r.color,
+              fill: i.color,
               innerHTML: e.createTSpans({
-                content: r.name,
+                content: i.name,
                 fontSize: t.fontSizes.plotLabels,
-                fill: r.color,
+                fill: i.color,
                 x: n.x - t.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, vi)) : c("", !0),
-            n && g === r.plots.length - 1 && r.showSerieName && r.showSerieName === "end" ? (a(), s("text", {
+            }, null, 8, vr)) : c("", !0),
+            n && f === i.plots.length - 1 && i.showSerieName && i.showSerieName === "end" ? (a(), s("text", {
               key: 1,
               x: n.x + t.fontSizes.plotLabels,
               y: n.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "start",
-              fill: r.color,
+              fill: i.color,
               innerHTML: e.createTSpans({
-                content: r.name,
+                content: i.name,
                 fontSize: t.fontSizes.plotLabels,
-                fill: r.color,
+                fill: i.color,
                 x: n.x + t.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, zi)) : c("", !0)
-          ]))), 128))
-        ], 6))), 128)),
-        (a(!0), s(f, null, m(e.plotSet, (r, h) => (a(), s("g", {
-          key: `xLabel_plot_${h}`,
-          class: D(`xLabel_plot_${h}`),
-          style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            }, null, 8, zr)) : c("", !0)
+          ], 64))), 128))
+        ], 64))), 128)),
+        (a(!0), s(u, null, m(e.plotSet, (i, h) => (a(), s(u, {
+          key: `xLabel_plot_${h}`
         }, [
-          (a(!0), s(f, null, m(r.plots, (n, g) => (a(), s("g", {
-            key: `xLabel_plot_${h}_${g}`
+          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+            key: `xLabel_plot_${h}_${f}`
           }, [
-            n && g === 0 && r.showSerieName && r.showSerieName === "start" ? (a(), s("text", {
+            n && f === 0 && i.showSerieName && i.showSerieName === "start" ? (a(), s("text", {
               key: 0,
               x: n.x - t.fontSizes.plotLabels,
               y: n.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "end",
-              fill: r.color,
+              fill: i.color,
               innerHTML: e.createTSpans({
-                content: r.name,
+                content: i.name,
                 fontSize: t.fontSizes.plotLabels,
-                fill: r.color,
+                fill: i.color,
                 x: n.x - t.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Mi)) : c("", !0),
-            n && g === r.plots.length - 1 && r.showSerieName && r.showSerieName === "end" ? (a(), s("text", {
+            }, null, 8, Mr)) : c("", !0),
+            n && f === i.plots.length - 1 && i.showSerieName && i.showSerieName === "end" ? (a(), s("text", {
               key: 1,
               x: n.x + t.fontSizes.plotLabels,
               y: n.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "start",
-              fill: r.color,
+              fill: i.color,
               innerHTML: e.createTSpans({
-                content: r.name,
+                content: i.name,
                 fontSize: t.fontSizes.plotLabels,
-                fill: r.color,
+                fill: i.color,
                 x: n.x + t.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, pi)) : c("", !0)
-          ]))), 128))
-        ], 6))), 128)),
-        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (a(!0), s(f, { key: 9 }, m(e.allScales, (r) => (a(), s("rect", {
-          x: r.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + e.xPadding,
+            }, null, 8, pr)) : c("", !0)
+          ], 64))), 128))
+        ], 64))), 128)),
+        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (a(!0), s(u, { key: 9 }, m(e.allScales, (i) => (a(), s("rect", {
+          x: i.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: t.selectedScale === r.id ? e.setOpacity(r.color, 20) : "transparent",
-          onMouseenter: (h) => t.selectedScale = r.id,
+          fill: t.selectedScale === i.id ? e.setOpacity(i.color, 20) : "transparent",
+          onMouseenter: (h) => t.selectedScale = i.id,
           onMouseleave: l[0] || (l[0] = (h) => t.selectedScale = null)
-        }, null, 40, Ti))), 256)) : c("", !0),
-        u("g", null, [
+        }, null, 40, Tr))), 256)) : c("", !0),
+        g("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (a(), s("text", {
             key: 0,
             "font-size": t.fontSizes.yAxis,
@@ -2161,7 +2162,7 @@ function ir(i, l, o, d, t, e) {
             transform: `translate(${t.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
             "text-anchor": "middle",
             style: { transition: "none" }
-          }, w(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Pi)) : c("", !0),
+          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Pr)) : c("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (a(), s("text", {
             key: 1,
             "text-anchor": "middle",
@@ -2169,27 +2170,26 @@ function ir(i, l, o, d, t, e) {
             y: e.drawingArea.bottom + t.fontSizes.yAxis + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
             "font-size": t.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, w(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Vi)) : c("", !0)
+          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Vr)) : c("", !0)
         ]),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (a(), s("g", Ri, [
-          i.$slots["time-label"] ? (a(!0), s(f, { key: 0 }, m(e.timeLabels, (r, h) => (a(), s("g", {
+        Q('v-for="(label, i) in timeLabels" :key="`time_label_${i}`" '),
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (a(), s("g", Rr, [
+          r.$slots["time-label"] ? (a(!0), s(u, { key: 0 }, m(e.timeLabels, (i, h) => S(r.$slots, "time-label", W(J({
             key: `time_label_${h}`
-          }, [
-            k(i.$slots, "time-label", W(E({
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h + e.drawingArea.width / e.maxSeries / 2,
-              y: e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset,
-              fontSize: t.fontSizes.xAxis,
-              fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
-              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * h + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`,
-              absoluteIndex: r.absoluteIndex,
-              content: r.text,
-              textAnchor: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-              show: r && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (h === 0 || h === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === h && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && h % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0
-            })), void 0, !0)
-          ]))), 128)) : (a(!0), s(f, { key: 1 }, m(e.timeLabels, (r, h) => (a(), s("g", {
+          }, {
+            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h + e.drawingArea.width / e.maxSeries / 2,
+            y: e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset,
+            fontSize: t.fontSizes.xAxis,
+            fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
+            transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * h + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`,
+            absoluteIndex: i.absoluteIndex,
+            content: i.text,
+            textAnchor: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
+            show: i && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (h === 0 || h === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === h && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && h % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0
+          })), void 0, !0)), 128)) : (a(!0), s(u, { key: 1 }, m(e.timeLabels, (i, h) => (a(), s("g", {
             key: `time_label_${h}`
           }, [
-            r && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (h === 0 || h === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === h && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && h % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (a(), s("text", {
+            i && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (h === 0 || h === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === h && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && h % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (a(), s("text", {
               key: 0,
               "text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
               "font-size": t.fontSizes.xAxis,
@@ -2198,28 +2198,25 @@ function ir(i, l, o, d, t, e) {
               style: {
                 cursor: "pointer"
               },
-              onClick: () => e.selectTimeLabel(r, h)
-            }, w(r.text || ""), 9, Di)) : c("", !0)
+              onClick: () => e.selectTimeLabel(i, h)
+            }, k(i.text || ""), 9, Dr)) : c("", !0)
           ]))), 128))
         ])) : c("", !0),
-        u("g", null, [
-          (a(!0), s(f, null, m(e.maxSeries, (r, h) => (a(), s("g", {
-            key: `tooltip_trap_${h}`
-          }, [
-            u("rect", {
-              "data-cy-trap": "",
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h,
-              y: e.drawingArea.top,
-              height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-              width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
-              fill: "transparent",
-              onMouseenter: (n) => e.toggleTooltipVisibility(!0, h),
-              onMouseleave: l[1] || (l[1] = (n) => e.toggleTooltipVisibility(!1)),
-              onClick: (n) => e.selectX(h)
-            }, null, 40, Hi)
-          ]))), 128))
+        g("g", null, [
+          (a(!0), s(u, null, m(e.maxSeries, (i, h) => (a(), s("rect", {
+            key: `tooltip_trap_${h}`,
+            "data-cy-trap": "",
+            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h,
+            y: e.drawingArea.top,
+            height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
+            width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
+            fill: "transparent",
+            onMouseenter: (n) => e.toggleTooltipVisibility(!0, h),
+            onMouseleave: l[1] || (l[1] = (n) => e.toggleTooltipVisibility(!1)),
+            onClick: (n) => e.selectX(h)
+          }, null, 40, Hr))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (a(), s("g", Bi, [
+        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (a(), s("g", Br, [
           (a(), s("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
@@ -2227,25 +2224,25 @@ function ir(i, l, o, d, t, e) {
             height: "40",
             style: { overflow: "visible !important" }
           }, [
-            u("div", {
+            g("div", {
               class: "vue-ui-xy-time-tag",
-              style: L(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
-            }, w(e.timeLabels[(t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)].text || (t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)), 5)
-          ], 8, Wi)),
-          u("circle", {
+              style: O(`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`)
+            }, k(e.timeLabels[(t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)].text || (t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)), 5)
+          ], 8, Wr)),
+          g("circle", {
             cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.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, Ei)
+          }, null, 8, Er)
         ])) : c("", !0)
       ])) : c("", !0),
-      k(i.$slots, "svg", { svg: e.svg }, void 0, !0)
+      S(r.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, $e)) : c("", !0),
-    i.$slots.watermark ? (a(), s("div", Yi, [
-      k(i.$slots, "watermark", W(E({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
+    r.$slots.watermark ? (a(), s("div", Yr, [
+      S(r.$slots, "watermark", W(Y({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
     ])) : c("", !0),
-    e.isDataset ? c("", !0) : (a(), B(V, {
+    e.isDataset ? c("", !0) : (a(), H(V, {
       key: 6,
       config: {
         type: "line",
@@ -2263,7 +2260,7 @@ function ir(i, l, o, d, t, e) {
         }
       }
     }, null, 8, ["config"])),
-    e.FINAL_CONFIG.chart.zoom.show && t.maxX > 6 && e.isDataset ? (a(), B(v, {
+    e.FINAL_CONFIG.chart.zoom.show && t.maxX > 6 && e.isDataset ? (a(), H(v, {
       ref: "chartSlicer",
       key: `slicer_${t.slicerStep}`,
       background: e.FINAL_CONFIG.chart.zoom.color,
@@ -2289,18 +2286,18 @@ function ir(i, l, o, d, t, e) {
       valueStart: t.slicer.start,
       valueEnd: t.slicer.end,
       start: t.slicer.start,
-      "onUpdate:start": l[2] || (l[2] = (r) => t.slicer.start = r),
+      "onUpdate:start": l[2] || (l[2] = (i) => t.slicer.start = i),
       end: t.slicer.end,
-      "onUpdate:end": l[3] || (l[3] = (r) => t.slicer.end = r),
+      "onUpdate:end": l[3] || (l[3] = (i) => t.slicer.end = i),
       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((r) => e.largestTriangleThreeBucketsArray({ data: r.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(...o.dataset.map((i) => e.largestTriangleThreeBucketsArray({ data: i.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,
       onTrapMouse: e.selectMinimapIndex
     }, {
-      "reset-action": P(({ reset: r }) => [
-        k(i.$slots, "reset-action", W(E({ reset: r })), void 0, !0)
+      "reset-action": P(({ reset: i }) => [
+        S(r.$slots, "reset-action", W(Y({ reset: i })), 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"])) : c("", !0),
@@ -2308,15 +2305,15 @@ function ir(i, l, o, d, t, e) {
       key: 8,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
-      style: L(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
+      style: O(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (a(!0), s(f, null, m(e.absoluteDataset, (r, h) => (a(), s("div", {
+      (a(!0), s(u, null, m(e.absoluteDataset, (i, h) => (a(), s("div", {
         key: `div_legend_item_${h}`,
-        onClick: (n) => e.segregate(r),
-        class: D({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(r.id) })
+        onClick: (n) => e.segregate(i),
+        class: B({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(i.id) })
       }, [
-        t.icons[r.type] === "line" ? (a(), s("svg", Xi, [
-          u("rect", {
+        t.icons[i.type] === "line" ? (a(), s("svg", Xr, [
+          g("rect", {
             x: "0",
             y: "7.5",
             rx: "1.5",
@@ -2324,18 +2321,18 @@ function ir(i, l, o, d, t, e) {
             "stroke-width": 0.5,
             height: "3",
             width: "20",
-            fill: r.color
-          }, null, 8, Ui),
+            fill: i.color
+          }, null, 8, Ur),
           q(b, {
             plot: { x: 10, y: 9 },
             radius: 4,
-            color: r.color,
-            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(r.shape) ? r.shape : "circle",
+            color: i.color,
+            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(i.shape) ? i.shape : "circle",
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 0.5
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : t.icons[r.type] === "bar" ? (a(), s("svg", Zi, [
-          t.icons[r.type] === "bar" && i.$slots.pattern ? (a(), s("rect", {
+        ])) : t.icons[i.type] === "bar" ? (a(), s("svg", Zr, [
+          t.icons[i.type] === "bar" && r.$slots.pattern ? (a(), s("rect", {
             key: 0,
             x: "0",
             y: "0",
@@ -2343,9 +2340,9 @@ function ir(i, l, o, d, t, e) {
             height: "40",
             width: "40",
             stroke: "none",
-            fill: r.color
-          }, null, 8, Ji)) : c("", !0),
-          t.icons[r.type] === "bar" ? (a(), s("rect", {
+            fill: i.color
+          }, null, 8, Jr)) : c("", !0),
+          t.icons[i.type] === "bar" ? (a(), s("rect", {
             key: 1,
             x: "0",
             y: "0",
@@ -2353,25 +2350,25 @@ function ir(i, l, o, d, t, e) {
             height: "40",
             width: "40",
             stroke: "none",
-            fill: i.$slots.pattern ? `url(#pattern_${t.uniqueId}_${r.slotAbsoluteIndex})` : r.color
-          }, null, 8, Qi)) : c("", !0)
-        ])) : (a(), s("svg", Ki, [
+            fill: r.$slots.pattern ? `url(#pattern_${t.uniqueId}_${i.slotAbsoluteIndex})` : i.color
+          }, null, 8, Qr)) : c("", !0)
+        ])) : (a(), s("svg", Kr, [
           q(b, {
             plot: { x: 6, y: 6 },
             radius: 5,
-            color: r.color,
-            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(r.shape) ? r.shape : "circle"
+            color: i.color,
+            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(i.shape) ? i.shape : "circle"
           }, null, 8, ["color", "shape"])
         ])),
-        u("span", {
-          style: L(`color:${e.FINAL_CONFIG.chart.legend.color}`)
-        }, w(r.name), 5)
-      ], 10, qi))), 128))
-    ], 4)) : (a(), s("div", ji, [
-      k(i.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
+        g("span", {
+          style: O(`color:${e.FINAL_CONFIG.chart.legend.color}`)
+        }, k(i.name), 5)
+      ], 10, qr))), 128))
+    ], 4)) : (a(), s("div", jr, [
+      S(r.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    i.$slots.source ? (a(), s("div", $i, [
-      k(i.$slots, "source", {}, void 0, !0)
+    r.$slots.source ? (a(), s("div", $r, [
+      S(r.$slots, "source", {}, void 0, !0)
     ], 512)) : c("", !0),
     q(z, {
       show: t.mutableConfig.showTooltip && t.isTooltip,
@@ -2384,20 +2381,20 @@ function ir(i, l, o, d, t, e) {
       backgroundOpacity: e.FINAL_CONFIG.chart.tooltip.backgroundOpacity,
       position: e.FINAL_CONFIG.chart.tooltip.position,
       offsetY: e.FINAL_CONFIG.chart.tooltip.offsetY,
-      parent: i.$refs.chart,
+      parent: r.$refs.chart,
       content: e.tooltipContent,
       isFullscreen: t.isFullscreen,
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
       "tooltip-before": P(() => [
-        k(i.$slots, "tooltip-before", W(E({ ...e.dataTooltipSlot })), void 0, !0)
+        S(r.$slots, "tooltip-before", W(Y({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       "tooltip-after": P(() => [
-        k(i.$slots, "tooltip-after", W(E({ ...e.dataTooltipSlot })), void 0, !0)
+        S(r.$slots, "tooltip-after", W(Y({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-    e.isDataset ? (a(), B(T, {
+    e.isDataset ? (a(), H(T, {
       key: 11,
       hideDetails: "",
       config: {
@@ -2414,18 +2411,18 @@ function ir(i, l, o, d, t, e) {
       }
     }, {
       content: P(() => [
-        u("div", {
-          style: L(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
+        g("div", {
+          style: O(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          u("div", er, [
-            qe(u("input", {
+          g("div", ei, [
+            Xe(g("input", {
               type: "checkbox",
-              "onUpdate:modelValue": l[4] || (l[4] = (r) => t.showSparklineTable = r)
+              "onUpdate:modelValue": l[4] || (l[4] = (i) => t.showSparklineTable = i)
             }, null, 512), [
-              [Xe, t.showSparklineTable]
+              [Ue, t.showSparklineTable]
             ]),
-            u("div", {
-              onClick: l[5] || (l[5] = (r) => t.showSparklineTable = !t.showSparklineTable),
+            g("div", {
+              onClick: l[5] || (l[5] = (i) => t.showSparklineTable = !t.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
               q(G, {
@@ -2435,26 +2432,26 @@ function ir(i, l, o, d, t, e) {
               }, null, 8, ["stroke"])
             ])
           ]),
-          t.showSparklineTable ? (a(), B(F, {
+          t.showSparklineTable ? (a(), H(F, {
             key: `sparkline_${t.segregateStep}`,
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
-          }, null, 8, ["dataset", "config"])) : (a(), B(C, {
+          }, null, 8, ["dataset", "config"])) : (a(), H(C, {
             key: `table_${t.tableStep}`,
             colNames: e.dataTable.colNames,
             head: e.dataTable.head,
             body: e.dataTable.body,
             config: e.dataTable.config,
             title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
-            onClose: l[6] || (l[6] = (r) => t.mutableConfig.showTable = !1)
+            onClose: l[6] || (l[6] = (i) => t.mutableConfig.showTable = !1)
           }, {
-            th: P(({ th: r }) => [
-              u("div", { innerHTML: r }, null, 8, tr)
+            th: P(({ th: i }) => [
+              g("div", { innerHTML: i }, null, 8, ti)
             ]),
-            td: P(({ td: r }) => [
-              Ue(w(isNaN(Number(r)) ? r : e.dataLabel({
+            td: P(({ td: i }) => [
+              Q(k(isNaN(Number(i)) ? i : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
-                v: r,
+                v: i,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
                 r: e.FINAL_CONFIG.table.rounding
               })), 1)
@@ -2467,7 +2464,7 @@ function ir(i, l, o, d, t, e) {
     }, 8, ["config"])) : c("", !0)
   ], 46, Ke);
 }
-const br = /* @__PURE__ */ Ze(Qe, [["render", ir], ["__scopeId", "data-v-55fe5db9"]]);
+const bi = /* @__PURE__ */ Ze(Qe, [["render", ri], ["__scopeId", "data-v-2ea54cd5"]]);
 export {
-  br as default
+  bi as default
 };