vue-data-ui 2.4.1 → 2.4.2

package/dist/{vue-ui-xy-x8KEsGV-.js → vue-ui-xy-CqlRuFMc.js}

@@ -1,19 +1,20 @@
-import { c as J, a as K, t as Q, z as j, p as $, U as q, O as T, f as U, K as ee, F as te, i as ae, $ as ie, Z as re, a0 as le, v as se, a1 as ne, d as oe, B as ce, b as he, q as de, R as ue, a2 as ge, r as fe, e as Ne, y as me, M as Ie, x as xe, a3 as be, o as Fe, s as _e, w as ye, E as Ae, A as Le, u as Ce } from "./index-DDXisDKy.js";
-import { D as Se } from "./DataTable-DL2agEJ3.js";
-import { _ as ke } from "./Title-DYNLqCCT.js";
-import { _ as we, u as Oe } from "./Tooltip-CICAYyQj.js";
-import { U as Ge } from "./usePrinter-8ofTb2MJ.js";
-import { _ as ve } from "./Shape-CO_Ak9Zm.js";
-import pe from "./BaseIcon-CXDdkPfN.js";
-import ze from "./vue-ui-table-sparkline-eg2Qd8ws.js";
-import Me from "./vue-ui-skeleton-B2sRnIXX.js";
-import { S as Pe } from "./Slicer-BZfUZr1J.js";
-import Te from "./vue-ui-accordion-D_1fE5EF.js";
-import { u as Z } from "./useNestedProp-S1UXxUgm.js";
-import { _ as Ve } from "./PackageVersion-DtnhR89q.js";
-import { resolveComponent as V, openBlock as r, createElementBlock as l, normalizeClass as P, normalizeStyle as A, createBlock as R, createCommentVNode as h, createSlots as Re, withCtx as z, renderSlot as G, normalizeProps as B, guardReactiveProps as Y, createVNode as X, createElementVNode as g, Fragment as m, renderList as I, toDisplayString as S, withDirectives as De, vModelCheckbox as We, createTextVNode as He } from "vue";
-import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Be = J(), Ye = {
+import { c as J, a as K, t as Q, z as j, p as $, U as q, O as R, f as U, K as ee, F as te, i as ae, $ as ie, Z as re, a0 as le, v as se, a1 as ne, d as oe, B as ce, b as he, q as de, R as ue, a2 as ge, r as fe, e as Ne, y as me, M as Ie, x as xe, a3 as be, o as Fe, s as _e, w as ye, E as Ae, A as Ce, u as Le } from "./index-DnVHQ2xI.js";
+import { D as Se } from "./DataTable-DTk7C4Pr.js";
+import { _ as ke } from "./Title-5VmBwT4i.js";
+import { _ as we, u as Oe } from "./Tooltip-Cj4EF7v1.js";
+import { U as Ge } from "./usePrinter-BEeNAqS5.js";
+import { _ as ve } from "./Shape-BpPn4eWR.js";
+import pe from "./BaseIcon-rRli6Sfv.js";
+import ze from "./vue-ui-table-sparkline-DdwVrfUj.js";
+import Me from "./vue-ui-skeleton-aZmkNzAe.js";
+import { S as Pe } from "./Slicer-CU7dRZR0.js";
+import Te from "./vue-ui-accordion-DspS4q3f.js";
+import { u as Z } from "./useNestedProp-Cox0K0Y5.js";
+import { _ as Ve } from "./PackageVersion-CvCRsT5_.js";
+import { P as Re } from "./PenAndPaper-Jb0pLt3G.js";
+import { resolveComponent as T, openBlock as r, createElementBlock as l, normalizeClass as V, normalizeStyle as C, createBlock as D, createCommentVNode as h, createSlots as De, withCtx as M, renderSlot as G, normalizeProps as H, guardReactiveProps as E, createVNode as X, createElementVNode as u, Fragment as N, renderList as I, toDisplayString as S, withDirectives as We, vModelCheckbox as He, createTextVNode as Ee } from "vue";
+import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ye = J(), Xe = {
   name: "vue-ui-xy",
   props: {
     config: {
@@ -40,15 +41,16 @@ const Be = J(), Ye = {
     Skeleton: Me,
     Slicer: Pe,
     Accordion: Te,
-    PackageVersion: Ve
+    PackageVersion: Ve,
+    PenAndPaper: Re
   },
   data() {
-    this.dataset.forEach((c, N) => {
+    this.dataset.forEach((c, f) => {
       [null, void 0].includes(c.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
-        index: N
+        index: f
       });
     });
     const t = Math.max(...this.dataset.map((c) => c.series.length)), s = {
@@ -81,6 +83,7 @@ const Be = J(), Ye = {
         bar: "bar",
         plot: "plot"
       },
+      isAnnotator: !1,
       isFullscreen: !1,
       isPrinting: !1,
       isImaging: !1,
@@ -106,7 +109,7 @@ const Be = J(), Ye = {
       maxX: t,
       showSparklineTable: !0,
       segregateStep: 0,
-      sliderId: Be,
+      sliderId: Ye,
       fontSizes: {
         xAxis: 18,
         yAxis: 12,
@@ -140,11 +143,11 @@ const Be = J(), Ye = {
   computed: {
     minimap() {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
-      const t = this.datasetWithIds.filter((i) => !this.segregatedSeries.includes(i.id)), s = Math.max(...t.map((i) => i.series.length)), c = [];
-      for (let i = 0; i < s; i += 1)
-        c.push(t.map((e) => e.series[i] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
-      const N = Math.min(...c);
-      return c.map((i) => i + (N < 0 ? Math.abs(N) : 0));
+      const t = this.datasetWithIds.filter((a) => !this.segregatedSeries.includes(a.id)), s = Math.max(...t.map((a) => a.series.length)), c = [];
+      for (let a = 0; a < s; a += 1)
+        c.push(t.map((e) => e.series[a] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
+      const f = Math.min(...c);
+      return c.map((a) => a + (f < 0 ? Math.abs(f) : 0));
     },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
@@ -156,53 +159,53 @@ const Be = J(), Ye = {
       return this.FINAL_CONFIG.chart.zoom.color;
     },
     allScales() {
-      const t = this.lineSet.map((i) => ({
-        name: i.name,
-        color: i.color,
-        scale: i.individualScale,
-        scaleYLabels: i.scaleYLabels,
-        zero: i.zeroPosition,
-        max: i.individualMax,
-        scaleLabel: i.scaleLabel || "",
-        id: i.id,
-        yOffset: i.yOffset || 0,
-        individualHeight: i.individualHeight || this.drawingArea.height,
-        autoScaleYLabels: i.autoScaleYLabels
-      })), s = this.barSet.map((i) => ({
-        name: i.name,
-        color: i.color,
-        scale: i.individualScale,
-        scaleYLabels: i.scaleYLabels,
-        zero: i.zeroPosition,
-        max: i.individualMax,
-        scaleLabel: i.scaleLabel || "",
-        id: i.id,
-        yOffset: i.yOffset || 0,
-        individualHeight: i.individualHeight || this.drawingArea.height
-      })), c = this.plotSet.map((i) => ({
-        name: i.name,
-        color: i.color,
-        scale: i.individualScale,
-        scaleYLabels: i.scaleYLabels,
+      const t = this.lineSet.map((a) => ({
+        name: a.name,
+        color: a.color,
+        scale: a.individualScale,
+        scaleYLabels: a.scaleYLabels,
+        zero: a.zeroPosition,
+        max: a.individualMax,
+        scaleLabel: a.scaleLabel || "",
+        id: a.id,
+        yOffset: a.yOffset || 0,
+        individualHeight: a.individualHeight || this.drawingArea.height,
+        autoScaleYLabels: a.autoScaleYLabels
+      })), s = this.barSet.map((a) => ({
+        name: a.name,
+        color: a.color,
+        scale: a.individualScale,
+        scaleYLabels: a.scaleYLabels,
+        zero: a.zeroPosition,
+        max: a.individualMax,
+        scaleLabel: a.scaleLabel || "",
+        id: a.id,
+        yOffset: a.yOffset || 0,
+        individualHeight: a.individualHeight || this.drawingArea.height
+      })), c = this.plotSet.map((a) => ({
+        name: a.name,
+        color: a.color,
+        scale: a.individualScale,
+        scaleYLabels: a.scaleYLabels,
         // FIX
-        zero: i.zeroPosition,
-        max: i.individualMax,
-        scaleLabel: i.scaleLabel || "",
-        id: i.id,
-        yOffset: i.yOffset || 0,
-        individualHeight: i.individualHeight || this.drawingArea.height
-      })), N = [...t, ...s, ...c].flatMap((i) => i).length;
-      return [...t, ...s, ...c].flatMap((i, e) => ({
-        id: i.id,
-        scaleLabel: i.scaleLabel,
-        name: i.name,
-        color: i.color,
-        scale: i.scale,
-        yOffset: i.yOffset,
-        individualHeight: i.individualHeight,
-        x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / N * (e + 1),
-        yLabels: i.scaleYLabels || i.scale.ticks.map((x) => ({
-          y: x >= 0 ? i.zero - i.individualHeight * (x / i.max) : i.zero + i.individualHeight * Math.abs(x) / i.max,
+        zero: a.zeroPosition,
+        max: a.individualMax,
+        scaleLabel: a.scaleLabel || "",
+        id: a.id,
+        yOffset: a.yOffset || 0,
+        individualHeight: a.individualHeight || this.drawingArea.height
+      })), f = [...t, ...s, ...c].flatMap((a) => a).length;
+      return [...t, ...s, ...c].flatMap((a, e) => ({
+        id: a.id,
+        scaleLabel: a.scaleLabel,
+        name: a.name,
+        color: a.color,
+        scale: a.scale,
+        yOffset: a.yOffset,
+        individualHeight: a.individualHeight,
+        x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / f * (e + 1),
+        yLabels: a.scaleYLabels || a.scale.ticks.map((x) => ({
+          y: x >= 0 ? a.zero - a.individualHeight * (x / a.max) : a.zero + a.individualHeight * Math.abs(x) / a.max,
           value: x
         }))
       }));
@@ -314,47 +317,47 @@ const Be = J(), Ye = {
     barSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, s) => {
         this.checkAutoScaleError(t);
-        const c = Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), N = Math.max(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
-          ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - c) / (N - c)),
+        const c = Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), f = Math.max(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
+          ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - c) / (f - c)),
           valueMin: c,
-          valueMax: N < 0 ? 0 : N
+          valueMax: f < 0 ? 0 : f
         }, x = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d)))
-        }, _ = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, f = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * k : x.max, _), L = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * k : e.valueMax, _), M = f.min >= 0 ? 0 : Math.abs(f.min), w = 0, p = f.max + M, v = L.max + Math.abs(w), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - F - C * M / p, o = this.drawingArea.bottom - F - C * w / v, n = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, u = t.series.map((d, b) => {
-          const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + M) / p : this.ratioToMax(d), E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left + this.slot.bar * s + this.slot.bar * b * n - this.barSlot / 2 - s * this.barPeriodGap;
+        }, y = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * k : x.max, y), _ = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * k : e.valueMax, y), P = m.min >= 0 ? 0 : Math.abs(m.min), w = 0, z = m.max + P, v = _.max + Math.abs(w), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, p = this.drawingArea.bottom - F - L * P / z, i = this.drawingArea.bottom - F - L * w / v, o = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, n = t.series.map((d, b) => {
+          const B = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + P) / z : this.ratioToMax(d), Y = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left + this.slot.bar * s + this.slot.bar * b * o - this.barSlot / 2 - s * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(F),
-            individualHeight: this.checkNaN(C),
-            x: this.checkNaN(E),
-            y: this.drawingArea.bottom - F - C * H,
+            individualHeight: this.checkNaN(L),
+            x: this.checkNaN(Y),
+            y: this.drawingArea.bottom - F - L * B,
             value: t.absoluteValues[b],
-            zeroPosition: this.checkNaN(a),
-            individualMax: this.checkNaN(p),
+            zeroPosition: this.checkNaN(p),
+            individualMax: this.checkNaN(z),
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
-        }), W = t.absoluteValues.map((d) => L.min >= 0 ? (d - Math.abs(L.min)) / (L.max - Math.abs(L.min)) : (d + Math.abs(L.min)) / (L.max + Math.abs(L.min))), D = t.series.map((d, b) => {
-          const H = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * b * this.absoluteDataset.filter((E) => E.type === "bar").filter((E) => !this.segregatedSeries.includes(E.id)).length;
+        }), g = t.absoluteValues.map((d) => _.min >= 0 ? (d - Math.abs(_.min)) / (_.max - Math.abs(_.min)) : (d + Math.abs(_.min)) / (_.max + Math.abs(_.min))), W = t.series.map((d, b) => {
+          const B = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * b * this.absoluteDataset.filter((Y) => Y.type === "bar").filter((Y) => !this.segregatedSeries.includes(Y.id)).length;
           return {
             yOffset: this.checkNaN(F),
-            individualHeight: this.checkNaN(C),
-            x: this.checkNaN(H),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * W[b] || 0)),
+            individualHeight: this.checkNaN(L),
+            x: this.checkNaN(B),
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(L) * g[b] || 0)),
             value: t.absoluteValues[b],
-            zeroPosition: this.checkNaN(a),
-            individualMax: this.checkNaN(p),
+            zeroPosition: this.checkNaN(p),
+            individualMax: this.checkNaN(z),
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
-        }), y = f.ticks.map((d) => ({
-          y: d >= 0 ? a - C * (d / p) : a + C * Math.abs(d) / p,
+        }), A = m.ticks.map((d) => ({
+          y: d >= 0 ? p - L * (d / z) : p + L * Math.abs(d) / z,
           value: d,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), O = L.ticks.map((d) => {
-          const b = (d - L.min) / (L.max - L.min);
+        })), O = _.ticks.map((d) => {
+          const b = (d - _.min) / (_.max - _.min);
           return {
-            y: d >= 0 ? o - C * b : o + C * b,
+            y: d >= 0 ? i - L * b : i + L * b,
             value: d,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -365,12 +368,12 @@ const Be = J(), Ye = {
           ...t,
           yOffset: F,
           autoScaleYLabels: O,
-          individualHeight: C,
-          scaleYLabels: t.autoScaling ? O : y,
-          individualScale: t.autoScaling ? L : f,
-          individualMax: t.autoScaling ? v : p,
-          zeroPosition: t.autoScaling ? o : a,
-          plots: t.autoScaling ? D : u
+          individualHeight: L,
+          scaleYLabels: t.autoScaling ? O : A,
+          individualScale: t.autoScaling ? _ : m,
+          individualMax: t.autoScaling ? v : z,
+          zeroPosition: t.autoScaling ? i : p,
+          plots: t.autoScaling ? W : n
         };
       });
     },
@@ -383,41 +386,41 @@ const Be = J(), Ye = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "line").map((t) => {
         this.checkAutoScaleError(t);
-        const s = Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))), c = Math.max(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, i = {
+        const s = Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))), c = Math.max(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, a = {
           ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (c - s)),
           valueMin: s,
           valueMax: c
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
-        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), f = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), L = k.min >= 0 ? 0 : Math.abs(k.min), M = 0, w = k.max + Math.abs(L), p = f.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * L / w, a = this.drawingArea.bottom - v - F * M / p, o = t.series.map((d, b) => {
-          const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + Math.abs(L)) / w : this.ratioToMax(d);
+        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), _ = k.min >= 0 ? 0 : Math.abs(k.min), P = 0, w = k.max + Math.abs(_), z = m.max + Math.abs(P), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - v - F * _ / w, p = this.drawingArea.bottom - v - F * P / z, i = t.series.map((d, b) => {
+          const B = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + Math.abs(_)) / w : this.ratioToMax(d);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
-            y: this.checkNaN(this.drawingArea.bottom - v - F * H),
+            y: this.checkNaN(this.drawingArea.bottom - v - F * B),
             value: t.absoluteValues[b],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
-        }), n = t.absoluteValues.map((d) => f.min >= 0 ? (d - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (d + Math.abs(f.min)) / (f.max + Math.abs(f.min))), u = t.series.map((d, b) => [void 0, null].includes(t.absoluteValues[b]) ? {
+        }), o = t.absoluteValues.map((d) => m.min >= 0 ? (d - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (d + Math.abs(m.min)) / (m.max + Math.abs(m.min))), n = t.series.map((d, b) => [void 0, null].includes(t.absoluteValues[b]) ? {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
-          y: C,
+          y: L,
           value: t.absoluteValues[b],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
         } : {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
-          y: this.checkNaN(this.drawingArea.bottom - v - (F * n[b] || 0)),
+          y: this.checkNaN(this.drawingArea.bottom - v - (F * o[b] || 0)),
           value: t.absoluteValues[b],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
-        }), W = this.createSmoothPath(o), D = this.createSmoothPath(u), y = k.ticks.map((d) => ({
-          y: d >= 0 ? C - F * (d / w) : C + F * Math.abs(d) / w,
+        }), g = this.createSmoothPath(i), W = this.createSmoothPath(n), A = k.ticks.map((d) => ({
+          y: d >= 0 ? L - F * (d / w) : L + F * Math.abs(d) / w,
           value: d,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), O = f.ticks.map((d) => {
-          const b = (d - f.min) / (f.max - f.min);
+        })), O = m.ticks.map((d) => {
+          const b = (d - m.min) / (m.max - m.min);
           return {
-            y: d >= 0 ? a - F * b : a + F * b,
+            y: d >= 0 ? p - F * b : p + F * b,
             value: d,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -429,50 +432,50 @@ const Be = J(), Ye = {
           yOffset: v,
           autoScaleYLabels: O,
           individualHeight: F,
-          scaleYLabels: t.autoScaling ? O : y,
-          individualScale: t.autoScaling ? f : k,
-          individualMax: t.autoScaling ? p : w,
-          zeroPosition: t.autoScaling ? a : C,
-          curve: t.autoScaling ? D : W,
-          plots: t.autoScaling ? u : o,
-          area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ? u : o, t.autoScaling ? a : C) : this.createArea(o) : ""
+          scaleYLabels: t.autoScaling ? O : A,
+          individualScale: t.autoScaling ? m : k,
+          individualMax: t.autoScaling ? z : w,
+          zeroPosition: t.autoScaling ? p : L,
+          curve: t.autoScaling ? W : g,
+          plots: t.autoScaling ? n : i,
+          area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ? n : i, t.autoScaling ? p : L) : this.createArea(i) : ""
         };
       });
     },
     plotSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "plot").map((t) => {
         this.checkAutoScaleError(t);
-        const s = Math.min(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))), c = Math.max(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, i = {
-          ratios: t.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - s) / (c - s)),
+        const s = Math.min(...t.absoluteValues.filter((A) => ![null, void 0].includes(A))), c = Math.max(...t.absoluteValues.filter((A) => ![null, void 0].includes(A))) || 1, a = {
+          ratios: t.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - s) / (c - s)),
           valueMin: s,
           valueMax: c
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
-        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), f = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), L = k.min >= 0 ? 0 : Math.abs(k.min), M = 0, w = k.max + L, p = f.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * L / w, a = this.drawingArea.bottom - v - F * M / p, o = t.series.map((y, O) => {
-          const d = this.mutableConfig.useIndividualScale ? (t.absoluteValues[O] + Math.abs(L)) / w : this.ratioToMax(y);
+        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), _ = k.min >= 0 ? 0 : Math.abs(k.min), P = 0, w = k.max + _, z = m.max + Math.abs(P), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - v - F * _ / w, p = this.drawingArea.bottom - v - F * P / z, i = t.series.map((A, O) => {
+          const d = this.mutableConfig.useIndividualScale ? (t.absoluteValues[O] + Math.abs(_)) / w : this.ratioToMax(A);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O),
             y: this.checkNaN(this.drawingArea.bottom - v - F * d),
             value: t.absoluteValues[O],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
           };
-        }), n = t.absoluteValues.map((y) => f.min >= 0 ? (y - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (y + Math.abs(f.min)) / (f.max + Math.abs(f.min))), u = t.series.map((y, O) => ({
+        }), o = t.absoluteValues.map((A) => m.min >= 0 ? (A - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (A + Math.abs(m.min)) / (m.max + Math.abs(m.min))), n = t.series.map((A, O) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O),
-          y: this.checkNaN(this.drawingArea.bottom - v - (F * n[O] || 0)),
+          y: this.checkNaN(this.drawingArea.bottom - v - (F * o[O] || 0)),
           value: t.absoluteValues[O],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
-        })), W = k.ticks.map((y) => ({
-          y: y >= 0 ? C - F * (y / w) : C + F * Math.abs(y) / w,
-          value: y,
+        })), g = k.ticks.map((A) => ({
+          y: A >= 0 ? L - F * (A / w) : L + F * Math.abs(A) / w,
+          value: A,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), D = f.ticks.map((y) => {
-          const O = (y - f.min) / (f.max - f.min);
+        })), W = m.ticks.map((A) => {
+          const O = (A - m.min) / (m.max - m.min);
           return {
-            y: y >= 0 ? a - F * O : a + F * O,
-            value: y,
+            y: A >= 0 ? p - F * O : p + F * O,
+            value: A,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: t
@@ -481,13 +484,13 @@ const Be = J(), Ye = {
         return {
           ...t,
           yOffset: v,
-          autoScaleYLabels: D,
+          autoScaleYLabels: W,
           individualHeight: F,
-          scaleYLabels: t.autoScaling ? D : W,
-          individualScale: t.autoScaling ? f : k,
-          individualMax: t.autoScaling ? p : w,
-          zeroPosition: t.autoScaling ? a : C,
-          plots: t.autoScaling ? u : o
+          scaleYLabels: t.autoScaling ? W : g,
+          individualScale: t.autoScaling ? m : k,
+          individualMax: t.autoScaling ? z : w,
+          zeroPosition: t.autoScaling ? p : L,
+          plots: t.autoScaling ? n : i
         };
       });
     },
@@ -544,11 +547,11 @@ const Be = J(), Ye = {
         color: c.color,
         type: c.type
       })), s = [];
-      return this.timeLabels.forEach((c, N) => {
-        const i = [c];
+      return this.timeLabels.forEach((c, f) => {
+        const a = [c];
         this.relativeDataset.forEach((e) => {
-          i.push(this.canShowValue(e.absoluteValues[N]) ? Number(e.absoluteValues[N].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
-        }), s.push(i);
+          a.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
+        }), s.push(a);
       }), { head: t, body: s };
     },
     dataTable() {
@@ -557,25 +560,25 @@ const Be = J(), Ye = {
       t && (s = s.concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'));
       let c = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
-        const x = this.relativeDataset.map((_) => _.absoluteValues[e] ?? 0).reduce((_, k) => _ + k, 0);
+        const x = this.relativeDataset.map((y) => y.absoluteValues[e] ?? 0).reduce((y, k) => y + k, 0);
         c.push(
           [
             this.timeLabels[e] ?? "-"
           ].concat(this.relativeDataset.map(
-            (_) => this.applyDataLabel(
-              _.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : _.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
-              _.absoluteValues[e] ?? 0,
+            (y) => this.applyDataLabel(
+              y.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : y.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
+              y.absoluteValues[e] ?? 0,
               this.dataLabel({
-                p: _.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-                v: _.absoluteValues[e] ?? 0,
-                s: _.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+                p: y.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+                v: y.absoluteValues[e] ?? 0,
+                s: y.suffix || this.FINAL_CONFIG.chart.labels.suffix,
                 r: this.FINAL_CONFIG.table.rounding
               })
             )
           )).concat(t ? (x ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
         );
       }
-      const N = {
+      const f = {
         th: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
           color: this.FINAL_CONFIG.table.th.color,
@@ -587,8 +590,8 @@ const Be = J(), Ye = {
           outline: this.FINAL_CONFIG.table.td.outline
         },
         breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
-      }, i = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((e) => e.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
-      return { head: s, body: c, config: N, colNames: i };
+      }, a = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((e) => e.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
+      return { head: s, body: c, config: f, colNames: a };
     },
     dataTooltipSlot() {
       return {
@@ -614,9 +617,9 @@ const Be = J(), Ye = {
       }));
     },
     tooltipContent() {
-      let t = "", s = this.selectedSeries.map((i) => i.value).filter((i) => this.isSafeValue(i) && i !== null).reduce((i, e) => Math.abs(i) + Math.abs(e), 0);
-      const c = this.timeLabels[this.selectedSerieIndex], N = this.FINAL_CONFIG.chart.tooltip.customFormat;
-      return this.isFunction(N) && this.functionReturnsString(() => N({
+      let t = "", s = this.selectedSeries.map((a) => a.value).filter((a) => this.isSafeValue(a) && a !== null).reduce((a, e) => Math.abs(a) + Math.abs(e), 0);
+      const c = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      return this.isFunction(f) && this.functionReturnsString(() => f({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
         series: this.absoluteDataset,
@@ -624,7 +627,7 @@ const Be = J(), Ye = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      })) ? N({
+      })) ? f({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
         series: this.absoluteDataset,
@@ -632,61 +635,61 @@ const Be = J(), Ye = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      }) : (c && (t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${c}</div>`), this.selectedSeries.forEach((i) => {
-        if (this.isSafeValue(i.value)) {
+      }) : (c && (t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${c}</div>`), this.selectedSeries.forEach((a) => {
+        if (this.isSafeValue(a.value)) {
           let e = "", x = "";
-          switch (this.icons[i.type]) {
+          switch (this.icons[a.type]) {
             case "bar":
-              e = `<svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" rx="1" stroke="none" height="12" width="12" fill="${i.color}" /></svg>`;
+              e = `<svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" rx="1" stroke="none" height="12" width="12" fill="${a.color}" /></svg>`;
               break;
             case "line":
-              !i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape) ? x = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" />` : i.shape === "triangle" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "square" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "diamond" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "pentagon" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "hexagon" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "star" && (x = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" points="${q({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${i.color}" />${x}</svg>`;
+              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? x = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" />` : a.shape === "triangle" ? x = `<path d="${R({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : a.shape === "square" ? x = `<path d="${R({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : a.shape === "diamond" ? x = `<path d="${R({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : a.shape === "pentagon" ? x = `<path d="${R({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : a.shape === "hexagon" ? x = `<path d="${R({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : a.shape === "star" && (x = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${q({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${a.color}" />${x}</svg>`;
               break;
             case "plot":
-              if (!i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape)) {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" /></svg>`;
+              if (!a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape)) {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" /></svg>`;
                 break;
               }
-              if (i.shape === "star") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" points="${q({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+              if (a.shape === "star") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${q({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
-              if (i.shape === "triangle") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "triangle") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${R({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (i.shape === "square") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "square") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${R({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (i.shape === "diamond") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "diamond") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${R({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (i.shape === "pentagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "pentagon") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${R({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (i.shape === "hexagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "hexagon") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${R({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
-          t += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${i.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
-            i.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : i.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
-            i.value,
+          t += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${a.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
+            a.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : a.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
+            a.value,
             this.dataLabel({
-              p: i.prefix,
-              v: i.value,
-              s: i.suffix,
+              p: a.prefix,
+              v: a.value,
+              s: a.suffix,
               r: this.FINAL_CONFIG.chart.tooltip.roundingValue
             }),
-            { datapoint: i }
+            { datapoint: a }
           ) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${U({
-            v: this.checkNaN(Math.abs(i.value) / s * 100),
+            v: this.checkNaN(Math.abs(a.value) / s * 100),
             s: "%",
             r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && i.comments.length && i.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (t += `<div class="vue-data-ui-tooltip-comment" style="background:${i.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${i.color}">${i.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
+          })})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && a.comments.length && a.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (t += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.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}">${t}</div>`);
     },
@@ -742,9 +745,12 @@ const Be = J(), Ye = {
     setOpacity: _e,
     shiftHue: ye,
     translateSize: Ae,
-    treeShake: Le,
+    treeShake: Ce,
     useMouse: Oe,
     useNestedProp: Z,
+    toggleAnnotator() {
+      this.isAnnotator = !this.isAnnotator;
+    },
     getHighlightAreaPosition(t) {
       const s = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (t.from - this.slicer.start), c = this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span;
       return {
@@ -753,7 +759,7 @@ const Be = J(), Ye = {
       };
     },
     prepareConfig() {
-      const t = Ce().vue_ui_xy;
+      const t = Le().vue_ui_xy;
       if (!Object.keys(this.config || {}).length)
         return t;
       const s = this.useNestedProp({
@@ -794,15 +800,15 @@ const Be = J(), Ye = {
         isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
         useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
       }, this.FINAL_CONFIG.responsive) {
-        const s = this.$refs.chart.parentNode, { height: c, width: N } = s.getBoundingClientRect();
-        let i = null, e = 0;
-        this.FINAL_CONFIG.chart.title.show && (i = this.$refs.chartTitle, e = i.getBoundingClientRect().height);
-        let x = null, _ = 0;
-        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (x = this.$refs.chartSlicer.$el, _ = x.getBoundingClientRect().height);
-        let k = null, f = 0;
-        this.FINAL_CONFIG.chart.legend.show && (k = this.$refs.chartLegend, f = k.getBoundingClientRect().height), this.height = c - e - f - _, this.width = N, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((M) => {
-          for (const w of M)
-            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (_ = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (f = this.$refs.chartLegend.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - f - _ - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+        const s = this.$refs.chart.parentNode, { height: c, width: f } = s.getBoundingClientRect();
+        let a = null, e = 0;
+        this.FINAL_CONFIG.chart.title.show && (a = this.$refs.chartTitle, e = a.getBoundingClientRect().height);
+        let x = null, y = 0;
+        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (x = this.$refs.chartSlicer.$el, y = x.getBoundingClientRect().height);
+        let k = null, m = 0;
+        this.FINAL_CONFIG.chart.legend.show && (k = this.$refs.chartLegend, m = k.getBoundingClientRect().height), this.height = c - e - m - y, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((P) => {
+          for (const w of P)
+            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (y = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (m = this.$refs.chartLegend.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - m - y - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
         }).observe(s);
       } else
         this.height = this.FINAL_CONFIG.chart.height, this.width = this.FINAL_CONFIG.chart.width, this.viewBox = `0 0 ${this.width} ${this.height}`, this.fontSizes.dataLabels = this.FINAL_CONFIG.chart.grid.labels.fontSize, this.fontSizes.yAxis = this.FINAL_CONFIG.chart.grid.labels.axis.fontSize, this.fontSizes.xAxis = this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.fontSize, this.fontSizes.plotLabels = this.FINAL_CONFIG.chart.labels.fontSize, this.plotRadii.plot = this.FINAL_CONFIG.plot.radius, this.plotRadii.line = this.FINAL_CONFIG.line.radius;
@@ -866,24 +872,24 @@ const Be = J(), Ye = {
     },
     createArea(t) {
       if (!t[0]) return [-10, -10, "", -10, -10];
-      const s = { x: t[0].x, y: this.zero }, c = { x: t.at(-1).x, y: this.zero }, N = [];
-      return t.forEach((i) => {
-        N.push(`${i.x},${i.y} `);
-      }), [s.x, s.y, ...N, c.x, c.y].toString();
+      const s = { x: t[0].x, y: this.zero }, c = { x: t.at(-1).x, y: this.zero }, f = [];
+      return t.forEach((a) => {
+        f.push(`${a.x},${a.y} `);
+      }), [s.x, s.y, ...f, c.x, c.y].toString();
     },
     createIndividualArea(t, s) {
       if (!t[0]) return [-10, -10, "", -10, -10];
-      const c = { x: t[0] ? t[0].x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, N = { x: t.at(-1) ? t.at(-1).x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, i = [];
+      const c = { x: t[0] ? t[0].x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, f = { x: t.at(-1) ? t.at(-1).x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, a = [];
       return t.filter((e) => !!e).forEach((e) => {
-        i.push(`${e.x},${e.y} `);
-      }), [c.x, c.y, ...i, N.x, N.y].toString();
+        a.push(`${e.x},${e.y} `);
+      }), [c.x, c.y, ...a, f.x, f.y].toString();
     },
     createStar: q,
-    createPolygonPath: T,
+    createPolygonPath: R,
     fillArray(t, s) {
       let c = Array(t).fill(0);
-      for (let N = 0; N < s.length && N < t; N += 1)
-        c[N] = s[N];
+      for (let f = 0; f < s.length && f < t; f += 1)
+        c[f] = s[f];
       return c;
     },
     refreshSlicer() {
@@ -914,10 +920,10 @@ const Be = J(), Ye = {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(t);
     },
     findClosestValue(t, s) {
-      let c = s[0], N = Math.abs(t - s[0]);
-      for (let i = 1; i < s.length; i += 1) {
-        const e = Math.abs(t - s[i]);
-        e < N && s[i] < t && (c = s[i], N = e);
+      let c = s[0], f = Math.abs(t - s[0]);
+      for (let a = 1; a < s.length; a += 1) {
+        const e = Math.abs(t - s[a]);
+        e < f && s[a] < t && (c = s[a], f = e);
       }
       return c;
     },
@@ -986,8 +992,8 @@ const Be = J(), Ye = {
       }, 100);
     },
     generateCsv() {
-      const t = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], c = this.table.body, N = t.concat([s]).concat(c), i = this.createCsvContent(N);
-      this.downloadCsv({ csvContent: i, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
+      const t = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], c = this.table.body, f = t.concat([s]).concat(c), a = this.createCsvContent(f);
+      this.downloadCsv({ csvContent: a, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
       this.isImaging = !0;
@@ -1009,42 +1015,50 @@ const Be = J(), Ye = {
       }, 100);
     }
   }
-}, Xe = ["id"], qe = ["viewBox"], Ue = { key: 0 }, Ze = { class: "vue-ui-xy-grid" }, Je = ["stroke", "x1", "x2", "y1", "y2"], Ke = ["stroke", "x1", "x2", "y1", "y2"], Qe = { key: 1 }, je = ["x1", "x2", "y1", "y2", "stroke"], $e = ["x1", "x2", "y1", "y2", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke"], tt = { key: 3 }, at = ["x1", "x2", "y1", "y2", "stroke"], it = ["id"], rt = ["stop-color"], lt = ["stop-color"], st = ["stop-color"], nt = ["id"], ot = ["stop-color"], ct = ["stop-color"], ht = ["stop-color"], dt = ["id"], ut = ["stop-color"], gt = ["stop-color"], ft = ["id"], Nt = ["stop-color"], mt = ["stop-color"], It = ["id"], xt = ["stop-color"], bt = ["stop-color"], Ft = ["x", "y", "height", "width", "fill"], _t = ["x", "y", "width"], yt = ["x", "y", "height", "width", "fill"], At = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Lt = ["width", "x", "y"], Ct = { key: 0 }, St = ["id"], kt = ["fill"], wt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ot = ["x", "y", "font-size", "fill"], Gt = ["stroke", "x1", "x2", "y1", "y2"], vt = { key: 2 }, pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Mt = { key: 4 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["fill", "font-size", "transform"], Vt = ["x1", "x2", "y1", "y2", "stroke"], Rt = ["x", "y", "font-size", "fill"], Dt = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Ht = ["width", "x", "y"], Et = { style: { width: "100%" } }, Bt = { key: 0 }, Yt = ["id"], Xt = ["fill"], qt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ut = ["x", "y", "font-size", "fill"], Zt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Jt = { key: 1 }, Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Qt = { key: 0 }, jt = ["d", "fill"], $t = ["d", "fill"], ea = ["d", "stroke", "stroke-width", "stroke-dasharray"], ta = { key: 2 }, aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ia = ["width", "x", "y"], ra = { style: { width: "100%" } }, la = { key: 3 }, sa = ["id"], na = ["fill"], oa = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ca = ["x", "y", "font-size", "fill"], ha = { key: 5 }, da = ["x", "y", "font-size", "fill"], ua = ["x", "y", "font-size", "fill", "font-weight"], ga = { key: 6 }, fa = ["x", "y", "font-size", "fill"], Na = ["x", "y"], ma = ["x", "y"], Ia = { key: 7 }, xa = ["x", "y", "font-size", "fill"], ba = ["x", "y"], Fa = ["x", "y"], _a = ["x", "y", "font-size", "fill", "innerHTML"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "width", "height", "fill", "onMouseenter"], Sa = ["font-size", "fill", "transform"], ka = ["x", "y", "font-size", "fill"], wa = { key: 9 }, Oa = ["text-anchor", "font-size", "fill", "transform"], Ga = ["x", "y", "height", "width", "onMouseenter", "onClick"], va = { key: 10 }, pa = ["x", "y"], za = ["cx", "cy", "r", "fill"], Ma = {
-  key: 3,
+}, qe = ["id"], Ue = ["viewBox"], Ze = { key: 0 }, Je = { class: "vue-ui-xy-grid" }, Ke = ["stroke", "x1", "x2", "y1", "y2"], Qe = ["stroke", "x1", "x2", "y1", "y2"], je = { key: 1 }, $e = ["x1", "x2", "y1", "y2", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke"], tt = ["x1", "x2", "y1", "y2", "stroke"], at = { key: 3 }, it = ["x1", "x2", "y1", "y2", "stroke"], rt = ["id"], lt = ["stop-color"], st = ["stop-color"], nt = ["stop-color"], ot = ["id"], ct = ["stop-color"], ht = ["stop-color"], dt = ["stop-color"], ut = ["id"], gt = ["stop-color"], ft = ["stop-color"], Nt = ["id"], mt = ["stop-color"], It = ["stop-color"], xt = ["id"], bt = ["stop-color"], Ft = ["stop-color"], _t = ["x", "y", "height", "width", "fill"], yt = ["x", "y", "width"], At = ["x", "y", "height", "width", "fill"], Ct = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Lt = ["width", "x", "y"], St = { key: 0 }, kt = ["id"], wt = ["fill"], Ot = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Gt = ["x", "y", "font-size", "fill"], vt = ["stroke", "x1", "x2", "y1", "y2"], pt = { key: 2 }, zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Pt = { key: 4 }, Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = ["fill", "font-size", "transform"], Rt = ["x1", "x2", "y1", "y2", "stroke"], Dt = ["x", "y", "font-size", "fill"], Wt = ["x1", "x2", "y1", "y2", "stroke"], Ht = ["x", "y", "font-size", "fill"], Et = ["width", "x", "y"], Bt = { style: { width: "100%" } }, Yt = { key: 0 }, Xt = ["id"], qt = ["fill"], Ut = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Zt = ["x", "y", "font-size", "fill"], Jt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Kt = { key: 1 }, Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 0 }, $t = ["d", "fill"], ea = ["d", "fill"], ta = ["d", "stroke", "stroke-width", "stroke-dasharray"], aa = { key: 2 }, ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ra = ["width", "x", "y"], la = { style: { width: "100%" } }, sa = { key: 3 }, na = ["id"], oa = ["fill"], ca = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ha = ["x", "y", "font-size", "fill"], da = { key: 5 }, ua = ["x", "y", "font-size", "fill"], ga = ["x", "y", "font-size", "fill", "font-weight"], fa = { key: 6 }, Na = ["x", "y", "font-size", "fill"], ma = ["x", "y"], Ia = ["x", "y"], xa = { key: 7 }, ba = ["x", "y", "font-size", "fill"], Fa = ["x", "y"], _a = ["x", "y"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "width", "height", "fill", "onMouseenter"], ka = ["font-size", "fill", "transform"], wa = ["x", "y", "font-size", "fill"], Oa = { key: 9 }, Ga = ["text-anchor", "font-size", "fill", "transform"], va = ["x", "y", "height", "width", "onMouseenter", "onClick"], pa = { key: 10 }, za = ["x", "y"], Ma = ["cx", "cy", "r", "fill"], Pa = {
+  key: 4,
   class: "vue-data-ui-watermark"
-}, Pa = ["onClick"], Ta = {
+}, Ta = ["onClick"], Va = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Va = ["fill"], Ra = {
+}, Ra = ["fill"], Da = {
   key: 1,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Da = ["fill"], Wa = {
-  key: 7,
+}, Wa = ["fill"], Ha = {
+  key: 8,
   ref: "chartLegend"
-}, Ha = {
+}, Ea = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
-}, Ea = ["innerHTML"];
-function Ba(t, s, c, N, i, e) {
-  const x = V("Title"), _ = V("UserOptions"), k = V("PackageVersion"), f = V("Shape"), L = V("Skeleton"), M = V("Slicer"), w = V("Tooltip"), p = V("BaseIcon"), v = V("TableSparkline"), F = V("DataTable"), C = V("Accordion");
+}, Ba = ["innerHTML"];
+function Ya(t, s, c, f, a, e) {
+  const x = T("PenAndPaper"), y = T("Title"), k = T("UserOptions"), m = T("PackageVersion"), _ = T("Shape"), P = T("Skeleton"), w = T("Slicer"), z = T("Tooltip"), v = T("BaseIcon"), F = T("TableSparkline"), L = T("DataTable"), p = T("Accordion");
   return r(), l("div", {
-    id: `vue-ui-xy_${i.uniqueId}`,
-    class: P(`vue-ui-xy ${i.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
+    id: `vue-ui-xy_${a.uniqueId}`,
+    class: V(`vue-ui-xy ${a.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
     ref: "chart",
-    style: A(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;${e.FINAL_CONFIG.chart.title.text ? "" : "padding-top:36px"};font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`)
+    style: C(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;${e.FINAL_CONFIG.chart.title.text ? "" : "padding-top:36px"};font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`)
   }, [
-    e.FINAL_CONFIG.chart.title.show ? (r(), l("div", {
+    e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (r(), D(x, {
       key: 0,
+      parent: t.$refs.chart,
+      backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
+      color: e.FINAL_CONFIG.chart.color,
+      active: a.isAnnotator,
+      onClose: e.toggleAnnotator
+    }, null, 8, ["parent", "backgroundColor", "color", "active", "onClose"])) : h("", !0),
+    e.FINAL_CONFIG.chart.title.show ? (r(), l("div", {
+      key: 1,
       ref: "chartTitle",
       class: "vue-ui-xy-title",
-      style: A(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: C(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      (r(), R(x, {
-        key: `title_${i.titleStep}`,
+      (r(), D(y, {
+        key: `title_${a.titleStep}`,
         config: {
           title: {
             cy: "xy-div-title",
@@ -1057,14 +1071,14 @@ function Ba(t, s, c, N, i, e) {
         }
       }, null, 8, ["config"]))
     ], 4)) : h("", !0),
-    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (r(), R(_, {
+    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (r(), D(k, {
       ref: "defails",
-      key: `user_options_${i.step}`,
+      key: `user_options_${a.step}`,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
       color: e.FINAL_CONFIG.chart.color,
-      isPrinting: i.isPrinting,
-      isImaging: i.isImaging,
-      uid: i.uniqueId,
+      isPrinting: a.isPrinting,
+      isImaging: a.isImaging,
+      uid: a.uniqueId,
       hasTooltip: e.FINAL_CONFIG.chart.userOptions.buttons.tooltip && e.FINAL_CONFIG.chart.tooltip.show,
       hasPdf: e.FINAL_CONFIG.chart.userOptions.buttons.pdf,
       hasXls: e.FINAL_CONFIG.chart.userOptions.buttons.csv,
@@ -1073,12 +1087,14 @@ function Ba(t, s, c, N, i, e) {
       hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
       hasStack: c.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
       hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
-      isStacked: i.mutableConfig.isStacked,
-      isFullscreen: i.isFullscreen,
+      isStacked: a.mutableConfig.isStacked,
+      isFullscreen: a.isFullscreen,
       chartElement: t.$refs.chart,
       position: e.FINAL_CONFIG.chart.userOptions.position,
-      isTooltip: i.mutableConfig.showTooltip,
+      isTooltip: a.mutableConfig.showTooltip,
       titles: { ...e.FINAL_CONFIG.chart.userOptions.buttonTitles },
+      hasAnnotator: e.FINAL_CONFIG.chart.userOptions.buttons.annotator,
+      isAnnotation: a.isAnnotator,
       onToggleFullscreen: e.toggleFullscreen,
       onGeneratePdf: e.generatePdf,
       onGenerateCsv: e.generateCsv,
@@ -1086,76 +1102,84 @@ function Ba(t, s, c, N, i, e) {
       onToggleTable: e.toggleTable,
       onToggleLabels: e.toggleLabels,
       onToggleStack: e.toggleStack,
-      onToggleTooltip: e.toggleTooltip
-    }, Re({ _: 2 }, [
+      onToggleTooltip: e.toggleTooltip,
+      onToggleAnnotator: e.toggleAnnotator
+    }, De({ _: 2 }, [
       t.$slots.optionTooltip ? {
         name: "optionTooltip",
-        fn: z(() => [
+        fn: M(() => [
           G(t.$slots, "optionTooltip", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
       t.$slots.optionPdf ? {
         name: "optionPdf",
-        fn: z(() => [
+        fn: M(() => [
           G(t.$slots, "optionPdf", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
       t.$slots.optionCsv ? {
         name: "optionCsv",
-        fn: z(() => [
+        fn: M(() => [
           G(t.$slots, "optionCsv", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0,
       t.$slots.optionImg ? {
         name: "optionImg",
-        fn: z(() => [
+        fn: M(() => [
           G(t.$slots, "optionImg", {}, void 0, !0)
         ]),
         key: "3"
       } : void 0,
       t.$slots.optionTable ? {
         name: "optionTable",
-        fn: z(() => [
+        fn: M(() => [
           G(t.$slots, "optionTable", {}, void 0, !0)
         ]),
         key: "4"
       } : void 0,
       t.$slots.optionLabels ? {
         name: "optionLabels",
-        fn: z(() => [
+        fn: M(() => [
           G(t.$slots, "optionLabels", {}, void 0, !0)
         ]),
         key: "5"
       } : void 0,
       t.$slots.optionStack ? {
         name: "optionStack",
-        fn: z(() => [
+        fn: M(() => [
           G(t.$slots, "optionStack", {}, void 0, !0)
         ]),
         key: "6"
       } : void 0,
       t.$slots.optionFullscreen ? {
         name: "optionFullscreen",
-        fn: z(({ toggleFullscreen: a, isFullscreen: o }) => [
-          G(t.$slots, "optionFullscreen", B(Y({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+        fn: M(({ toggleFullscreen: i, isFullscreen: o }) => [
+          G(t.$slots, "optionFullscreen", H(E({ toggleFullscreen: i, isFullscreen: o })), void 0, !0)
         ]),
         key: "7"
+      } : void 0,
+      t.$slots.optionAnnotator ? {
+        name: "optionAnnotator",
+        fn: M(({ toggleAnnotator: i, isAnnotator: o }) => [
+          G(t.$slots, "optionAnnotator", H(E({ toggleAnnotator: i, isAnnotator: o })), void 0, !0)
+        ]),
+        key: "8"
       } : void 0
-    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : h("", !0),
+    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip", "onToggleAnnotator"])) : h("", !0),
     e.isDataset ? (r(), l("svg", {
-      key: 2,
+      key: 3,
       xmlns: "http://www.w3.org/2000/svg",
-      class: P([{ "vue-data-ui-fullscreen--on": i.isFullscreen, "vue-data-ui-fulscreen--off": !i.isFullscreen }, "vue-ui-xy-svg"]),
+      class: V([{ "vue-data-ui-fullscreen--on": a.isFullscreen, "vue-data-ui-fulscreen--off": !a.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
-      viewBox: i.viewBox,
-      style: A(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      viewBox: a.viewBox,
+      style: C(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      X(k),
-      e.maxSeries > 0 ? (r(), l("g", Ue, [
-        g("g", Ze, [
+      X(m),
+      e.maxSeries > 0 ? (r(), l("g", Ze, [
+        u("g", Je, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), l("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1165,17 +1189,17 @@ function Ba(t, s, c, N, i, e) {
             y1: e.drawingArea.bottom,
             y2: e.drawingArea.bottom,
             "stroke-linecap": "round"
-          }, null, 8, Je)) : h("", !0),
-          i.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(m, { key: 2 }, I(e.allScales, (a) => (r(), l("g", null, [
-            a.id === i.selectedScale && a.yLabels.length ? (r(!0), l(m, { key: 0 }, I(a.yLabels, (o) => (r(), l("line", {
+          }, null, 8, Ke)) : h("", !0),
+          a.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(N, { key: 2 }, I(e.allScales, (i) => (r(), l("g", null, [
+            i.id === a.selectedScale && i.yLabels.length ? (r(!0), l(N, { key: 0 }, I(i.yLabels, (o) => (r(), l("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.checkNaN(o.y),
               y2: e.checkNaN(o.y),
-              stroke: a.color,
+              stroke: i.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, $e))), 256)) : a.yLabels.length ? (r(!0), l(m, { key: 1 }, I(a.yLabels, (o) => (r(), l("line", {
+            }, null, 8, et))), 256)) : i.yLabels.length ? (r(!0), l(N, { key: 1 }, I(i.yLabels, (o) => (r(), l("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.checkNaN(o.y),
@@ -1183,8 +1207,8 @@ function Ba(t, s, c, N, i, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, et))), 256)) : h("", !0)
-          ]))), 256)) : h("", !0) : (r(), l(m, { key: 1 }, [
+            }, null, 8, tt))), 256)) : h("", !0)
+          ]))), 256)) : h("", !0) : (r(), l(N, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (r(), l("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1194,21 +1218,21 @@ function Ba(t, s, c, N, i, e) {
               y1: e.drawingArea.top,
               y2: e.drawingArea.bottom,
               "stroke-linecap": "round"
-            }, null, 8, Ke)) : h("", !0),
-            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), l("g", Qe, [
-              (r(!0), l(m, null, I(e.yLabels, (a) => (r(), l("line", {
+            }, null, 8, Qe)) : h("", !0),
+            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), l("g", je, [
+              (r(!0), l(N, null, I(e.yLabels, (i) => (r(), l("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
-                y1: e.checkNaN(a.y),
-                y2: e.checkNaN(a.y),
+                y1: e.checkNaN(i.y),
+                y2: e.checkNaN(i.y),
                 stroke: e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-width": 0.5,
                 "stroke-linecap": "round"
-              }, null, 8, je))), 256))
+              }, null, 8, $e))), 256))
             ])) : h("", !0)
           ], 64)),
-          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), l("g", tt, [
-            (r(!0), l(m, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, o) => (r(), l("line", {
+          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), l("g", at, [
+            (r(!0), l(N, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (i, o) => (r(), l("line", {
               key: `grid_vertical_line_${o}`,
               x1: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
@@ -1216,185 +1240,185 @@ function Ba(t, s, c, N, i, e) {
               y2: e.drawingArea.bottom,
               "stroke-width": "0.5",
               stroke: e.FINAL_CONFIG.chart.grid.stroke
-            }, null, 8, at))), 128))
+            }, null, 8, it))), 128))
           ])) : h("", !0)
         ]),
-        (r(!0), l(m, null, I(e.barSet, (a, o) => (r(), l("defs", {
+        (r(!0), l(N, null, I(e.barSet, (i, o) => (r(), l("defs", {
           key: `def_rect_${o}`
         }, [
-          g("linearGradient", {
-            id: `rectGradient_pos_${o}_${i.uniqueId}`,
+          u("linearGradient", {
+            id: `rectGradient_pos_${o}_${a.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
-              "stop-color": a.color
-            }, null, 8, rt),
-            g("stop", {
-              offset: "62%",
-              "stop-color": `${e.shiftHue(a.color, 0.02)}`
+              "stop-color": i.color
             }, null, 8, lt),
-            g("stop", {
+            u("stop", {
+              offset: "62%",
+              "stop-color": `${e.shiftHue(i.color, 0.02)}`
+            }, null, 8, st),
+            u("stop", {
               offset: "100%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, st)
-          ], 8, it),
-          g("linearGradient", {
-            id: `rectGradient_neg_${o}_${i.uniqueId}`,
+              "stop-color": `${e.shiftHue(i.color, 0.05)}`
+            }, null, 8, nt)
+          ], 8, rt),
+          u("linearGradient", {
+            id: `rectGradient_neg_${o}_${a.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, ot),
-            g("stop", {
-              offset: "38%",
-              "stop-color": `${e.shiftHue(a.color, 0.02)}`
+              "stop-color": `${e.shiftHue(i.color, 0.05)}`
             }, null, 8, ct),
-            g("stop", {
+            u("stop", {
+              offset: "38%",
+              "stop-color": `${e.shiftHue(i.color, 0.02)}`
+            }, null, 8, ht),
+            u("stop", {
               offset: "100%",
-              "stop-color": a.color
-            }, null, 8, ht)
-          ], 8, nt)
+              "stop-color": i.color
+            }, null, 8, dt)
+          ], 8, ot)
         ]))), 128)),
-        (r(!0), l(m, null, I(e.plotSet, (a, o) => (r(), l("defs", {
+        (r(!0), l(N, null, I(e.plotSet, (i, o) => (r(), l("defs", {
           key: `def_plot_${o}`
         }, [
-          g("radialGradient", {
-            id: `plotGradient_${o}_${i.uniqueId}`,
+          u("radialGradient", {
+            id: `plotGradient_${o}_${a.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
             fx: "50%",
             fy: "50%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, ut),
-            g("stop", {
+              "stop-color": `${e.shiftHue(i.color, 0.05)}`
+            }, null, 8, gt),
+            u("stop", {
               offset: "100%",
-              "stop-color": a.color
-            }, null, 8, gt)
-          ], 8, dt)
+              "stop-color": i.color
+            }, null, 8, ft)
+          ], 8, ut)
         ]))), 128)),
-        (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("defs", {
+        (r(!0), l(N, null, I(e.lineSet, (i, o) => (r(), l("defs", {
           key: `def_line_${o}`
         }, [
-          g("radialGradient", {
-            id: `lineGradient_${o}_${i.uniqueId}`,
+          u("radialGradient", {
+            id: `lineGradient_${o}_${a.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
             fx: "50%",
             fy: "50%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, Nt),
-            g("stop", {
+              "stop-color": `${e.shiftHue(i.color, 0.05)}`
+            }, null, 8, mt),
+            u("stop", {
               offset: "100%",
-              "stop-color": a.color
-            }, null, 8, mt)
-          ], 8, ft),
-          g("linearGradient", {
-            id: `areaGradient_${o}_${i.uniqueId}`,
+              "stop-color": i.color
+            }, null, 8, It)
+          ], 8, Nt),
+          u("linearGradient", {
+            id: `areaGradient_${o}_${a.uniqueId}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
             y2: "0%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
-              "stop-color": `${e.setOpacity(e.shiftHue(a.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, xt),
-            g("stop", {
+              "stop-color": `${e.setOpacity(e.shiftHue(i.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
+            }, null, 8, bt),
+            u("stop", {
               offset: "100%",
-              "stop-color": `${e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, bt)
-          ], 8, It)
+              "stop-color": `${e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)}`
+            }, null, 8, Ft)
+          ], 8, xt)
         ]))), 128)),
-        (r(!0), l(m, null, I(e.highlightAreas, (a) => (r(), l("g", null, [
-          a.show ? (r(!0), l(m, { key: 0 }, I(a.span, (o, n) => (r(), l("g", null, [
-            g("rect", {
-              style: A({
+        (r(!0), l(N, null, I(e.highlightAreas, (i) => (r(), l("g", null, [
+          i.show ? (r(!0), l(N, { key: 0 }, I(i.span, (o, n) => (r(), l("g", null, [
+            u("rect", {
+              style: C({
                 transition: "none",
-                opacity: a.from + n >= i.slicer.start && a.from + n <= i.slicer.end - 1 ? 1 : 0
+                opacity: i.from + n >= a.slicer.start && i.from + n <= a.slicer.end - 1 ? 1 : 0
               }),
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from + n - i.slicer.start),
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.from + n - a.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(a.color, a.opacity)
-            }, null, 12, Ft),
-            a.caption.text && n === 0 ? (r(), l("foreignObject", {
+              fill: e.setOpacity(i.color, i.opacity)
+            }, null, 12, _t),
+            i.caption.text && n === 0 ? (r(), l("foreignObject", {
               key: 0,
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from + n - i.slicer.start) - (a.caption.width === "auto" ? 0 : a.caption.width / 2 - e.drawingArea.width / e.maxSeries * a.span / 2),
-              y: e.drawingArea.top + a.caption.offsetY,
-              style: A({
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.from + n - a.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: C({
                 overflow: "visible",
-                opacity: a.to >= i.slicer.start && a.from < i.slicer.end ? 1 : 0
+                opacity: i.to >= a.slicer.start && i.from < a.slicer.end ? 1 : 0
               }),
               height: "1",
-              width: a.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * a.span : a.caption.width
+              width: i.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * i.span : i.caption.width
             }, [
-              g("div", {
-                style: A(`padding:${a.caption.padding}px;text-align:${a.caption.textAlign};font-size:${a.caption.fontSize}px;color:${a.caption.color};font-weight:${a.caption.bold ? "bold" : "normal"}`)
-              }, S(a.caption.text), 5)
-            ], 12, _t)) : h("", !0)
+              u("div", {
+                style: C(`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"}`)
+              }, S(i.caption.text), 5)
+            ], 12, yt)) : h("", !0)
           ]))), 256)) : h("", !0)
         ]))), 256)),
-        g("g", null, [
-          (r(!0), l(m, null, I(e.maxSeries, (a, o) => (r(), l("g", {
+        u("g", null, [
+          (r(!0), l(N, null, I(e.maxSeries, (i, o) => (r(), l("g", {
             key: `tooltip_trap_${o}`
           }, [
-            g("rect", {
+            u("rect", {
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
-              fill: [i.selectedMinimapIndex, i.selectedSerieIndex, i.selectedRowIndex].includes(o) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
-            }, null, 8, yt)
+              fill: [a.selectedMinimapIndex, a.selectedSerieIndex, a.selectedRowIndex].includes(o) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
+            }, null, 8, At)
           ]))), 128))
         ]),
-        e.barSet.length ? (r(!0), l(m, { key: 0 }, I(e.barSet, (a, o) => (r(), l("g", {
+        e.barSet.length ? (r(!0), l(N, { key: 0 }, I(e.barSet, (i, o) => (r(), l("g", {
           key: `serie_bar_${o}`,
-          class: P(`serie_bar_${o}`),
-          style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: V(`serie_bar_${o}`),
+          style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-            key: `bar_plot_${o}_${u}`
+          (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+            key: `bar_plot_${o}_${g}`
           }, [
             e.canShowValue(n.value) ? (r(), l("rect", {
               key: 0,
               x: e.calcRectX(n),
-              y: i.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
-              height: i.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
-              width: e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap),
+              y: a.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
+              height: a.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
+              width: e.calcRectWidth() - (a.mutableConfig.useIndividualScale && a.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (a.mutableConfig.useIndividualScale && a.mutableConfig.isStacked ? 0 : e.barPeriodGap),
               rx: e.FINAL_CONFIG.bar.borderRadius,
-              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${o}_${i.uniqueId})` : `url(#rectGradient_neg_${o}_${i.uniqueId})` : a.color,
-              stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? a.color : e.FINAL_CONFIG.bar.border.stroke,
+              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${o}_${a.uniqueId})` : `url(#rectGradient_neg_${o}_${a.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, At)) : h("", !0),
+            }, null, 8, Ct)) : h("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
-              width: (e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) / 2) + e.FINAL_CONFIG.chart.comments.width,
+              width: (e.calcRectWidth() - (a.mutableConfig.useIndividualScale && a.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (a.mutableConfig.useIndividualScale && a.mutableConfig.isStacked ? 0 : e.barPeriodGap) / 2) + e.FINAL_CONFIG.chart.comments.width,
               x: e.calcRectX(n) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: e.checkNaN(n.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               G(t.$slots, "plot-comment", {
-                plot: { ...n, color: a.color, seriesIndex: o, datapointIndex: u }
+                plot: { ...n, color: i.color, seriesIndex: o, datapointIndex: g }
               }, void 0, !0)
             ], 8, Lt)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", Ct, [
-            g("defs", null, [
-              g("marker", {
+          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (r(), l("g", St, [
+            u("defs", null, [
+              u("marker", {
                 id: `bar_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1402,38 +1426,38 @@ function Ba(t, s, c, N, i, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                g("polygon", {
+                u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: a.color
-                }, null, 8, kt)
-              ], 8, St)
+                  fill: i.color
+                }, null, 8, wt)
+              ], 8, kt)
             ]),
-            a.plots.length > 1 ? (r(), l("line", {
+            i.plots.length > 1 ? (r(), l("line", {
               key: 0,
-              x1: e.calcLinearProgression(a.plots).x1,
-              x2: e.calcLinearProgression(a.plots).x2,
-              y1: e.calcLinearProgression(a.plots).y1,
-              y2: e.calcLinearProgression(a.plots).y2,
+              x1: e.calcLinearProgression(i.plots).x1,
+              x2: e.calcLinearProgression(i.plots).x2,
+              y1: e.calcLinearProgression(i.plots).y1,
+              y2: e.calcLinearProgression(i.plots).y2,
               "stroke-width": 1,
-              stroke: a.color,
+              stroke: i.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#bar_arrow_${o})`
-            }, null, 8, wt)) : h("", !0),
-            a.plots.length > 1 ? (r(), l("text", {
+            }, null, 8, Ot)) : h("", !0),
+            i.plots.length > 1 ? (r(), l("text", {
               key: 1,
               "text-anchor": "middle",
-              x: e.calcLinearProgression(a.plots).x2,
-              y: e.calcLinearProgression(a.plots).y2 - 6,
-              "font-size": i.fontSizes.plotLabels,
-              fill: a.color
+              x: e.calcLinearProgression(i.plots).x2,
+              y: e.calcLinearProgression(i.plots).y2 - 6,
+              "font-size": a.fontSizes.plotLabels,
+              fill: i.color
             }, S(e.dataLabel({
-              v: e.calcLinearProgression(a.plots).trend * 100,
+              v: e.calcLinearProgression(i.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Ot)) : h("", !0)
+            })), 9, Gt)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)) : h("", !0),
-        !i.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (r(), l("line", {
+        !a.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (r(), l("line", {
           key: 1,
           stroke: e.FINAL_CONFIG.chart.grid.stroke,
           "stroke-width": "1",
@@ -1442,11 +1466,11 @@ function Ba(t, s, c, N, i, e) {
           y1: e.checkNaN(e.zero),
           y2: e.checkNaN(e.zero),
           "stroke-linecap": "round"
-        }, null, 8, Gt)) : h("", !0),
-        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(i.selectedSerieIndex) || i.selectedMinimapIndex !== null) ? (r(), l("g", vt, [
-          g("line", {
-            x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.selectedSerieIndex || i.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
-            x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.selectedSerieIndex || i.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
+        }, null, 8, vt)) : h("", !0),
+        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(a.selectedSerieIndex) || a.selectedMinimapIndex !== null) ? (r(), l("g", pt, [
+          u("line", {
+            x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.selectedSerieIndex || a.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
+            x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.selectedSerieIndex || a.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
             y1: e.drawingArea.top,
             y2: e.drawingArea.bottom,
             stroke: e.FINAL_CONFIG.chart.highlighter.color,
@@ -1454,7 +1478,7 @@ function Ba(t, s, c, N, i, e) {
             "stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
             "stroke-linecap": "round",
             style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-          }, null, 8, pt)
+          }, null, 8, zt)
         ])) : h("", !0),
         e.FINAL_CONFIG.chart.grid.frame.show ? (r(), l("rect", {
           key: 3,
@@ -1469,45 +1493,45 @@ function Ba(t, s, c, N, i, e) {
           "stroke-linecap": e.FINAL_CONFIG.chart.grid.frame.strokeLinecap,
           "stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
-        }, null, 8, zt)) : h("", !0),
-        e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g", Mt, [
-          i.mutableConfig.useIndividualScale ? (r(), l(m, { key: 0 }, [
-            (r(!0), l(m, null, I(e.allScales, (a) => (r(), l("g", null, [
-              g("line", {
-                x1: a.x + e.xPadding,
-                x2: a.x + e.xPadding,
-                y1: i.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - a.yOffset - a.individualHeight) : e.checkNaN(e.drawingArea.top),
-                y2: i.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - a.yOffset) : e.checkNaN(e.drawingArea.bottom),
-                stroke: a.color,
+        }, null, 8, Mt)) : h("", !0),
+        e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g", Pt, [
+          a.mutableConfig.useIndividualScale ? (r(), l(N, { key: 0 }, [
+            (r(!0), l(N, null, I(e.allScales, (i) => (r(), l("g", null, [
+              u("line", {
+                x1: i.x + e.xPadding,
+                x2: i.x + e.xPadding,
+                y1: a.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - i.yOffset - i.individualHeight) : e.checkNaN(e.drawingArea.top),
+                y2: a.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - i.yOffset) : e.checkNaN(e.drawingArea.bottom),
+                stroke: i.color,
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
-                style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
-              }, null, 12, Pt)
+                style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+              }, null, 12, Tt)
             ]))), 256)),
-            (r(!0), l(m, null, I(e.allScales, (a) => (r(), l("g", {
-              style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+            (r(!0), l(N, null, I(e.allScales, (i) => (r(), l("g", {
+              style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              g("text", {
-                fill: a.color,
-                "font-size": i.fontSizes.dataLabels,
+              u("text", {
+                fill: i.color,
+                "font-size": a.fontSizes.dataLabels,
                 "text-anchor": "middle",
-                transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, S(a.name) + " " + S(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Tt),
-              (r(!0), l(m, null, I(a.yLabels, (o, n) => (r(), l("line", {
-                x1: a.x - 3 + e.xPadding,
-                x2: a.x + e.xPadding,
+                transform: `translate(${i.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${a.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset - i.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
+              }, S(i.name) + " " + S(i.scaleLabel ? `- ${i.scaleLabel}` : ""), 9, Vt),
+              (r(!0), l(N, null, I(i.yLabels, (o, n) => (r(), l("line", {
+                x1: i.x - 3 + e.xPadding,
+                x2: i.x + e.xPadding,
                 y1: e.checkNaN(o.y),
                 y2: e.checkNaN(o.y),
-                stroke: a.color,
+                stroke: i.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
-              }, null, 8, Vt))), 256)),
-              (r(!0), l(m, null, I(a.yLabels, (o, n) => (r(), l("text", {
-                x: a.x - 5 + e.xPadding,
-                y: e.checkNaN(o.y) + i.fontSizes.dataLabels / 3,
-                "font-size": i.fontSizes.dataLabels,
+              }, null, 8, Rt))), 256)),
+              (r(!0), l(N, null, I(i.yLabels, (o, n) => (r(), l("text", {
+                x: i.x - 5 + e.xPadding,
+                y: e.checkNaN(o.y) + a.fontSizes.dataLabels / 3,
+                "font-size": a.fontSizes.dataLabels,
                 "text-anchor": "end",
-                fill: a.color
+                fill: i.color
               }, S(e.applyDataLabel(
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
                 o.value,
@@ -1518,55 +1542,55 @@ function Ba(t, s, c, N, i, e) {
                   r: 1
                 }),
                 { datapoint: o.datapoint, seriesIndex: n }
-              )), 9, Rt))), 256))
+              )), 9, Dt))), 256))
             ], 4))), 256))
-          ], 64)) : (r(!0), l(m, { key: 1 }, I(e.yLabels, (a, o) => (r(), l("g", {
+          ], 64)) : (r(!0), l(N, { key: 1 }, I(e.yLabels, (i, o) => (r(), l("g", {
             key: `yLabel_${o}`
           }, [
-            e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), l("line", {
+            e.canShowValue(i) && i.value >= e.niceScale.min && i.value <= e.niceScale.max ? (r(), l("line", {
               key: 0,
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.left - 5 + e.xPadding,
-              y1: e.checkNaN(a.y),
-              y2: e.checkNaN(a.y),
+              y1: e.checkNaN(i.y),
+              y2: e.checkNaN(i.y),
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
-            }, null, 8, Dt)) : h("", !0),
-            a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), l("text", {
+            }, null, 8, Wt)) : h("", !0),
+            i.value >= e.niceScale.min && i.value <= e.niceScale.max ? (r(), l("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
-              y: e.checkNaN(a.y + i.fontSizes.dataLabels / 3),
-              "font-size": i.fontSizes.dataLabels,
+              y: e.checkNaN(i.y + a.fontSizes.dataLabels / 3),
+              "font-size": a.fontSizes.dataLabels,
               "text-anchor": "end",
               fill: e.FINAL_CONFIG.chart.grid.labels.color
-            }, S(e.canShowValue(a.value) ? e.applyDataLabel(
+            }, S(e.canShowValue(i.value) ? e.applyDataLabel(
               e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
-              a.value,
+              i.value,
               e.dataLabel({
-                p: a.prefix,
-                v: a.value,
-                s: a.suffix,
+                p: i.prefix,
+                v: i.value,
+                s: i.suffix,
                 r: 1
               })
-            ) : ""), 9, Wt)) : h("", !0)
+            ) : ""), 9, Ht)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
-        (r(!0), l(m, null, I(e.plotSet, (a, o) => (r(), l("g", {
+        (r(!0), l(N, null, I(e.plotSet, (i, o) => (r(), l("g", {
           key: `serie_plot_${o}`,
-          class: P(`serie_plot_${o}`),
-          style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: V(`serie_plot_${o}`),
+          style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-            key: `circle_plot_${o}_${u}`
+          (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+            key: `circle_plot_${o}_${g}`
           }, [
-            n && e.canShowValue(n.value) ? (r(), R(f, {
+            n && e.canShowValue(n.value) ? (r(), D(_, {
               key: 0,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${o}_${i.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? a.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_${o}_${a.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: i.selectedSerieIndex !== null && i.selectedSerieIndex === u || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === u ? (i.plotRadii.plot || 6) * 1.5 : i.plotRadii.plot || 6,
-              stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : a.color,
+              radius: a.selectedSerieIndex !== null && a.selectedSerieIndex === g || a.selectedMinimapIndex !== null && a.selectedMinimapIndex === g ? (a.plotRadii.plot || 6) * 1.5 : a.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"])) : h("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
@@ -1577,16 +1601,16 @@ function Ba(t, s, c, N, i, 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
             }, [
-              g("div", Et, [
+              u("div", Bt, [
                 G(t.$slots, "plot-comment", {
-                  plot: { ...n, color: a.color, seriesIndex: o, datapointIndex: u }
+                  plot: { ...n, color: i.color, seriesIndex: o, datapointIndex: g }
                 }, void 0, !0)
               ])
-            ], 8, Ht)) : h("", !0)
+            ], 8, Et)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", Bt, [
-            g("defs", null, [
-              g("marker", {
+          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (r(), l("g", Yt, [
+            u("defs", null, [
+              u("marker", {
                 id: `plot_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1594,119 +1618,119 @@ function Ba(t, s, c, N, i, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                g("polygon", {
+                u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: a.color
-                }, null, 8, Xt)
-              ], 8, Yt)
+                  fill: i.color
+                }, null, 8, qt)
+              ], 8, Xt)
             ]),
-            a.plots.length > 1 ? (r(), l("line", {
+            i.plots.length > 1 ? (r(), l("line", {
               key: 0,
-              x1: e.calcLinearProgression(a.plots).x1,
-              x2: e.calcLinearProgression(a.plots).x2,
-              y1: e.calcLinearProgression(a.plots).y1,
-              y2: e.calcLinearProgression(a.plots).y2,
+              x1: e.calcLinearProgression(i.plots).x1,
+              x2: e.calcLinearProgression(i.plots).x2,
+              y1: e.calcLinearProgression(i.plots).y1,
+              y2: e.calcLinearProgression(i.plots).y2,
               "stroke-width": 1,
-              stroke: a.color,
+              stroke: i.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#plot_arrow_${o})`
-            }, null, 8, qt)) : h("", !0),
-            a.plots.length > 1 ? (r(), l("text", {
+            }, null, 8, Ut)) : h("", !0),
+            i.plots.length > 1 ? (r(), l("text", {
               key: 1,
               "text-anchor": "middle",
-              x: e.calcLinearProgression(a.plots).x2,
-              y: e.calcLinearProgression(a.plots).y2 - 6,
-              "font-size": i.fontSizes.plotLabels,
-              fill: a.color
+              x: e.calcLinearProgression(i.plots).x2,
+              y: e.calcLinearProgression(i.plots).y2 - 6,
+              "font-size": a.fontSizes.plotLabels,
+              fill: i.color
             }, S(e.dataLabel({
-              v: e.calcLinearProgression(a.plots).trend * 100,
+              v: e.calcLinearProgression(i.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Ut)) : h("", !0)
+            })), 9, Zt)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
-        (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("g", {
+        (r(!0), l(N, null, I(e.lineSet, (i, o) => (r(), l("g", {
           key: `serie_line_${o}`,
-          class: P(`serie_line_${o}`),
-          style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: V(`serie_line_${o}`),
+          style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          a.smooth && a.plots.length > 1 ? (r(), l("path", {
+          i.smooth && i.plots.length > 1 ? (r(), l("path", {
             key: 0,
-            d: `M${a.curve}`,
+            d: `M${i.curve}`,
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
-            "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+            "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, Zt)) : a.plots.length > 1 ? (r(), l("g", Jt, [
-            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-              key: `line_${o}_${u}`
+          }, null, 8, Jt)) : i.plots.length > 1 ? (r(), l("g", Kt, [
+            (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+              key: `line_${o}_${g}`
             }, [
-              n && u < a.plots.length - 1 && a.plots[u + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[u + 1].value) ? (r(), l("line", {
+              n && g < i.plots.length - 1 && i.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(i.plots[g + 1].value) ? (r(), l("line", {
                 key: 0,
                 x1: n.x,
-                x2: a.plots[u + 1].x,
+                x2: i.plots[g + 1].x,
                 y1: n.y,
-                y2: a.plots[u + 1].y,
+                y2: i.plots[g + 1].y,
                 stroke: e.FINAL_CONFIG.chart.backgroundColor,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
-                "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+                "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, Kt)) : h("", !0)
+              }, null, 8, Qt)) : h("", !0)
             ]))), 128))
           ])) : h("", !0)
         ], 6))), 128)),
-        (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("g", {
+        (r(!0), l(N, null, I(e.lineSet, (i, o) => (r(), l("g", {
           key: `serie_line_${o}`,
-          class: P(`serie_line_${o}`),
-          style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: V(`serie_line_${o}`),
+          style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          a.useArea && a.plots.length > 1 ? (r(), l("g", Qt, [
-            a.smooth ? (r(), l("path", {
+          i.useArea && i.plots.length > 1 ? (r(), l("g", jt, [
+            i.smooth ? (r(), l("path", {
               key: 0,
-              d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * o + e.slot.line / 2},${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
-            }, null, 8, jt)) : (r(), l("path", {
+              d: `M ${i.plots[0] ? i.plots[0].x : Math.min(...i.plots.filter((n) => !!n).map((n) => n.x))},${a.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 * o + e.slot.line / 2},${a.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} Z`,
+              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${a.uniqueId})` : e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)
+            }, null, 8, $t)) : (r(), l("path", {
               key: 1,
-              d: `M${a.area}Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
-            }, null, 8, $t))
+              d: `M${i.area}Z`,
+              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${a.uniqueId})` : e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)
+            }, null, 8, ea))
           ])) : h("", !0),
-          a.smooth && a.plots.length > 1 ? (r(), l("path", {
+          i.smooth && i.plots.length > 1 ? (r(), l("path", {
             key: 1,
-            d: `M${a.curve}`,
-            stroke: a.color,
+            d: `M${i.curve}`,
+            stroke: i.color,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
-            "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+            "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, ea)) : a.plots.length > 1 ? (r(), l("g", ta, [
-            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-              key: `line_${o}_${u}`
+          }, null, 8, ta)) : i.plots.length > 1 ? (r(), l("g", aa, [
+            (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+              key: `line_${o}_${g}`
             }, [
-              n && u < a.plots.length - 1 && a.plots[u + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[u + 1].value) ? (r(), l("line", {
+              n && g < i.plots.length - 1 && i.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(i.plots[g + 1].value) ? (r(), l("line", {
                 key: 0,
                 x1: n.x,
-                x2: a.plots[u + 1].x,
+                x2: i.plots[g + 1].x,
                 y1: n.y,
-                y2: a.plots[u + 1].y,
-                stroke: a.color,
+                y2: i.plots[g + 1].y,
+                stroke: i.color,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
-                "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+                "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, aa)) : h("", !0)
+              }, null, 8, ia)) : h("", !0)
             ]))), 128))
           ])) : h("", !0),
-          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-            key: `circle_line_${o}_${u}`
+          (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+            key: `circle_line_${o}_${g}`
           }, [
-            n && e.canShowValue(n.value) ? (r(), R(f, {
+            n && e.canShowValue(n.value) ? (r(), D(_, {
               key: 0,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${o}_${i.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? a.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_${o}_${a.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: i.selectedSerieIndex !== null && i.selectedSerieIndex === u || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === u ? (i.plotRadii.line || 6) * 1.5 : i.plotRadii.line || 6,
-              stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : a.color,
+              radius: a.selectedSerieIndex !== null && a.selectedSerieIndex === g || a.selectedMinimapIndex !== null && a.selectedMinimapIndex === g ? (a.plotRadii.line || 6) * 1.5 : a.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"])) : h("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
@@ -1717,16 +1741,16 @@ function Ba(t, s, c, N, i, 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
             }, [
-              g("div", ra, [
+              u("div", la, [
                 G(t.$slots, "plot-comment", {
-                  plot: { ...n, color: a.color, seriesIndex: o, datapointIndex: u }
+                  plot: { ...n, color: i.color, seriesIndex: o, datapointIndex: g }
                 }, void 0, !0)
               ])
-            ], 8, ia)) : h("", !0)
+            ], 8, ra)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", la, [
-            g("defs", null, [
-              g("marker", {
+          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (r(), l("g", sa, [
+            u("defs", null, [
+              u("marker", {
                 id: `line_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1734,110 +1758,110 @@ function Ba(t, s, c, N, i, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                g("polygon", {
+                u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: a.color
-                }, null, 8, na)
-              ], 8, sa)
+                  fill: i.color
+                }, null, 8, oa)
+              ], 8, na)
             ]),
-            a.plots.length > 1 ? (r(), l("line", {
+            i.plots.length > 1 ? (r(), l("line", {
               key: 0,
-              x1: e.calcLinearProgression(a.plots).x1,
-              x2: e.calcLinearProgression(a.plots).x2,
-              y1: e.calcLinearProgression(a.plots).y1,
-              y2: e.calcLinearProgression(a.plots).y2,
+              x1: e.calcLinearProgression(i.plots).x1,
+              x2: e.calcLinearProgression(i.plots).x2,
+              y1: e.calcLinearProgression(i.plots).y1,
+              y2: e.calcLinearProgression(i.plots).y2,
               "stroke-width": 1,
-              stroke: a.color,
+              stroke: i.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${o})`
-            }, null, 8, oa)) : h("", !0),
-            a.plots.length > 1 ? (r(), l("text", {
+            }, null, 8, ca)) : h("", !0),
+            i.plots.length > 1 ? (r(), l("text", {
               key: 1,
               "text-anchor": "middle",
-              x: e.calcLinearProgression(a.plots).x2,
-              y: e.calcLinearProgression(a.plots).y2 - 6,
-              "font-size": i.fontSizes.plotLabels,
-              fill: a.color
+              x: e.calcLinearProgression(i.plots).x2,
+              y: e.calcLinearProgression(i.plots).y2 - 6,
+              "font-size": a.fontSizes.plotLabels,
+              fill: i.color
             }, S(e.dataLabel({
-              v: e.calcLinearProgression(a.plots).trend * 100,
+              v: e.calcLinearProgression(i.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, ca)) : h("", !0)
+            })), 9, ha)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && i.mutableConfig.dataLabels.show ? (r(), l("g", ha, [
-          (r(!0), l(m, null, I(e.barSet, (a, o) => (r(), l("g", {
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && a.mutableConfig.dataLabels.show ? (r(), l("g", da, [
+          (r(!0), l(N, null, I(e.barSet, (i, o) => (r(), l("g", {
             key: `xLabel_bar_${o}`,
-            class: P(`xLabel_bar_${o}`),
-            style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            class: V(`xLabel_bar_${o}`),
+            style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-              key: `xLabel_bar_${o}_${u}`
+            (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+              key: `xLabel_bar_${o}_${g}`
             }, [
-              n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), l("text", {
+              n && (!Object.hasOwn(i, "dataLabels") || i.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), l("text", {
                 key: 0,
-                x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
+                x: a.mutableConfig.useIndividualScale && a.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": i.fontSizes.plotLabels,
+                "font-size": a.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
               }, S(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
+                  p: i.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: a.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: a
+                  serie: i
                 }
-              ) : ""), 9, da)) : h("", !0),
+              ) : ""), 9, ua)) : h("", !0),
               n && e.FINAL_CONFIG.bar.serieName.show ? (r(), l("text", {
                 key: 1,
-                x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
+                x: a.mutableConfig.useIndividualScale && a.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": i.fontSizes.plotLabels,
-                fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? a.color : e.FINAL_CONFIG.bar.serieName.color,
+                "font-size": a.fontSizes.plotLabels,
+                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"
-              }, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, ua)) : h("", !0)
+              }, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: i.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : i.name), 9, ga)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        e.FINAL_CONFIG.plot.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", ga, [
-          (r(!0), l(m, null, I(e.plotSet, (a, o) => (r(), l("g", {
+        e.FINAL_CONFIG.plot.labels.show && a.mutableConfig.dataLabels.show ? (r(), l("g", fa, [
+          (r(!0), l(N, null, I(e.plotSet, (i, o) => (r(), l("g", {
             key: `xLabel_plot_${o}`,
-            class: P(`xLabel_plot_${o}`),
-            style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            class: V(`xLabel_plot_${o}`),
+            style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-              key: `xLabel_plot_${o}_${u}`
+            (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+              key: `xLabel_plot_${o}_${g}`
             }, [
-              n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), l("text", {
+              n && !Object.hasOwn(i, "dataLabels") || i.dataLabels === !0 ? (r(), l("text", {
                 key: 0,
                 x: n.x,
                 y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
                 "text-anchor": "middle",
-                "font-size": i.fontSizes.plotLabels,
+                "font-size": a.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color
               }, S(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
+                  p: i.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: a.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: a
+                  serie: i
                 }
-              ) : ""), 9, fa)) : h("", !0),
-              n && u === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
+              ) : ""), 9, Na)) : h("", !0),
+              n && g === 0 && i.useTag && i.useTag === "start" ? (r(), l("foreignObject", {
                 key: 1,
                 x: n.x,
                 y: n.y - 20,
@@ -1845,56 +1869,56 @@ function Ba(t, s, c, N, i, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                g("div", {
-                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, S(a.name), 5)
-              ], 8, Na)) : h("", !0),
-              n && u === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
+                u("div", {
+                  style: C(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${a.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, S(i.name), 5)
+              ], 8, ma)) : h("", !0),
+              n && g === i.plots.length - 1 && i.useTag && i.useTag === "end" ? (r(), l("foreignObject", {
                 key: 2,
-                x: n.x - a.name.length * (i.fontSizes.plotLabels / 2),
+                x: n.x - i.name.length * (a.fontSizes.plotLabels / 2),
                 y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                g("div", {
-                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, S(a.name), 5)
-              ], 8, ma)) : h("", !0)
+                u("div", {
+                  style: C(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${a.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, S(i.name), 5)
+              ], 8, Ia)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        e.FINAL_CONFIG.line.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", Ia, [
-          (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("g", {
+        e.FINAL_CONFIG.line.labels.show && a.mutableConfig.dataLabels.show ? (r(), l("g", xa, [
+          (r(!0), l(N, null, I(e.lineSet, (i, o) => (r(), l("g", {
             key: `xLabel_line_${o}`,
-            class: P(`xLabel_line_${o}`),
-            style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            class: V(`xLabel_line_${o}`),
+            style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-              key: `xLabel_line_${o}_${u}`
+            (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+              key: `xLabel_line_${o}_${g}`
             }, [
-              n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), l("text", {
+              n && !Object.hasOwn(i, "dataLabels") || i.dataLabels === !0 ? (r(), l("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": i.fontSizes.plotLabels,
+                "font-size": a.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color
               }, S(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
+                  p: i.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: a.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: a
+                  serie: i
                 }
-              ) : ""), 9, xa)) : h("", !0),
-              n && u === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
+              ) : ""), 9, ba)) : h("", !0),
+              n && g === 0 && i.useTag && i.useTag === "start" ? (r(), l("foreignObject", {
                 key: 1,
                 x: n.x,
                 y: n.y - 20,
@@ -1902,154 +1926,154 @@ function Ba(t, s, c, N, i, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                g("div", {
-                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, S(a.name), 5)
-              ], 8, ba)) : h("", !0),
-              n && u === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
+                u("div", {
+                  style: C(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${a.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, S(i.name), 5)
+              ], 8, Fa)) : h("", !0),
+              n && g === i.plots.length - 1 && i.useTag && i.useTag === "end" ? (r(), l("foreignObject", {
                 key: 2,
-                x: n.x - a.name.length * (i.fontSizes.plotLabels / 2),
+                x: n.x - i.name.length * (a.fontSizes.plotLabels / 2),
                 y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                g("div", {
-                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, S(a.name), 5)
-              ], 8, Fa)) : h("", !0)
+                u("div", {
+                  style: C(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${a.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, S(i.name), 5)
+              ], 8, _a)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("g", {
+        (r(!0), l(N, null, I(e.lineSet, (i, o) => (r(), l("g", {
           key: `xLabel_line_${o}`,
-          class: P(`xLabel_line_${o}`),
-          style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: V(`xLabel_line_${o}`),
+          style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-            key: `xLabel_line_${o}_${u}`
+          (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+            key: `xLabel_line_${o}_${g}`
           }, [
-            n && u === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
+            n && g === 0 && i.showSerieName && i.showSerieName === "start" ? (r(), l("text", {
               key: 0,
-              x: n.x - i.fontSizes.plotLabels,
+              x: n.x - a.fontSizes.plotLabels,
               y: n.y,
-              "font-size": i.fontSizes.plotLabels,
+              "font-size": a.fontSizes.plotLabels,
               "text-anchor": "end",
-              fill: a.color,
+              fill: i.color,
               innerHTML: e.createTSpans({
-                content: a.name,
-                fontSize: i.fontSizes.plotLabels,
-                fill: a.color,
-                x: n.x - i.fontSizes.plotLabels,
+                content: i.name,
+                fontSize: a.fontSizes.plotLabels,
+                fill: i.color,
+                x: n.x - a.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, _a)) : h("", !0),
-            n && u === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
+            }, null, 8, ya)) : h("", !0),
+            n && g === i.plots.length - 1 && i.showSerieName && i.showSerieName === "end" ? (r(), l("text", {
               key: 1,
-              x: n.x + i.fontSizes.plotLabels,
+              x: n.x + a.fontSizes.plotLabels,
               y: n.y,
-              "font-size": i.fontSizes.plotLabels,
+              "font-size": a.fontSizes.plotLabels,
               "text-anchor": "start",
-              fill: a.color,
+              fill: i.color,
               innerHTML: e.createTSpans({
-                content: a.name,
-                fontSize: i.fontSizes.plotLabels,
-                fill: a.color,
-                x: n.x + i.fontSizes.plotLabels,
+                content: i.name,
+                fontSize: a.fontSizes.plotLabels,
+                fill: i.color,
+                x: n.x + a.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, ya)) : h("", !0)
+            }, null, 8, Aa)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
-        (r(!0), l(m, null, I(e.plotSet, (a, o) => (r(), l("g", {
+        (r(!0), l(N, null, I(e.plotSet, (i, o) => (r(), l("g", {
           key: `xLabel_plot_${o}`,
-          class: P(`xLabel_plot_${o}`),
-          style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          class: V(`xLabel_plot_${o}`),
+          style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
-            key: `xLabel_plot_${o}_${u}`
+          (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
+            key: `xLabel_plot_${o}_${g}`
           }, [
-            n && u === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
+            n && g === 0 && i.showSerieName && i.showSerieName === "start" ? (r(), l("text", {
               key: 0,
-              x: n.x - i.fontSizes.plotLabels,
+              x: n.x - a.fontSizes.plotLabels,
               y: n.y,
-              "font-size": i.fontSizes.plotLabels,
+              "font-size": a.fontSizes.plotLabels,
               "text-anchor": "end",
-              fill: a.color,
+              fill: i.color,
               innerHTML: e.createTSpans({
-                content: a.name,
-                fontSize: i.fontSizes.plotLabels,
-                fill: a.color,
-                x: n.x - i.fontSizes.plotLabels,
+                content: i.name,
+                fontSize: a.fontSizes.plotLabels,
+                fill: i.color,
+                x: n.x - a.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Aa)) : h("", !0),
-            n && u === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
+            }, null, 8, Ca)) : h("", !0),
+            n && g === i.plots.length - 1 && i.showSerieName && i.showSerieName === "end" ? (r(), l("text", {
               key: 1,
-              x: n.x + i.fontSizes.plotLabels,
+              x: n.x + a.fontSizes.plotLabels,
               y: n.y,
-              "font-size": i.fontSizes.plotLabels,
+              "font-size": a.fontSizes.plotLabels,
               "text-anchor": "start",
-              fill: a.color,
+              fill: i.color,
               innerHTML: e.createTSpans({
-                content: a.name,
-                fontSize: i.fontSizes.plotLabels,
-                fill: a.color,
-                x: n.x + i.fontSizes.plotLabels,
+                content: i.name,
+                fontSize: a.fontSizes.plotLabels,
+                fill: i.color,
+                x: n.x + a.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
             }, null, 8, La)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
-        i.mutableConfig.useIndividualScale && !i.mutableConfig.isStacked ? (r(!0), l(m, { key: 8 }, I(e.allScales, (a) => (r(), l("rect", {
-          x: a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
+        a.mutableConfig.useIndividualScale && !a.mutableConfig.isStacked ? (r(!0), l(N, { key: 8 }, I(e.allScales, (i) => (r(), l("rect", {
+          x: i.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           y: e.drawingArea.top,
           width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-          fill: i.selectedScale === a.id ? e.setOpacity(a.color, 20) : "transparent",
-          onMouseenter: (o) => i.selectedScale = a.id,
-          onMouseleave: s[0] || (s[0] = (o) => i.selectedScale = null)
-        }, null, 40, Ca))), 256)) : h("", !0),
-        g("g", null, [
-          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !i.mutableConfig.useIndividualScale ? (r(), l("text", {
+          fill: a.selectedScale === i.id ? e.setOpacity(i.color, 20) : "transparent",
+          onMouseenter: (o) => a.selectedScale = i.id,
+          onMouseleave: s[0] || (s[0] = (o) => a.selectedScale = null)
+        }, null, 40, Sa))), 256)) : h("", !0),
+        u("g", null, [
+          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !a.mutableConfig.useIndividualScale ? (r(), l("text", {
             key: 0,
-            "font-size": i.fontSizes.yAxis,
+            "font-size": a.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color,
-            transform: `translate(${i.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
+            transform: `translate(${a.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" }
-          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Sa)) : h("", !0),
+          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, ka)) : h("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (r(), l("text", {
             key: 1,
             "text-anchor": "middle",
-            x: i.width / 2,
-            y: e.drawingArea.bottom + i.fontSizes.yAxis + i.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
-            "font-size": i.fontSizes.yAxis,
+            x: a.width / 2,
+            y: e.drawingArea.bottom + a.fontSizes.yAxis + a.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
+            "font-size": a.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, ka)) : h("", !0)
+          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, wa)) : h("", !0)
         ]),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g", wa, [
-          (r(!0), l(m, null, I(e.timeLabels, (a, o) => (r(), l("g", {
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g", Oa, [
+          (r(!0), l(N, null, I(e.timeLabels, (i, o) => (r(), l("g", {
             key: `time_label_${o}`
           }, [
-            a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (o === 0 || o === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && i.selectedSerieIndex === o && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && o % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (r(), l("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 && (o === 0 || o === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && a.selectedSerieIndex === o && !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 && o % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (r(), l("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": i.fontSizes.xAxis,
+              "font-size": a.fontSizes.xAxis,
               fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
-              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * o + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + i.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
-            }, S(a || ""), 9, Oa)) : h("", !0)
+              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * o + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + a.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
+            }, S(i || ""), 9, Ga)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
-        g("g", null, [
-          (r(!0), l(m, null, I(e.maxSeries, (a, o) => (r(), l("g", {
+        u("g", null, [
+          (r(!0), l(N, null, I(e.maxSeries, (i, o) => (r(), l("g", {
             key: `tooltip_trap_${o}`
           }, [
-            g("rect", {
+            u("rect", {
               "data-cy-trap": "",
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
               y: e.drawingArea.top,
@@ -2059,37 +2083,37 @@ function Ba(t, s, c, N, i, e) {
               onMouseenter: (n) => e.toggleTooltipVisibility(!0, o),
               onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
               onClick: (n) => e.selectX(o)
-            }, null, 40, Ga)
+            }, null, 40, va)
           ]))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(i.selectedSerieIndex) ? (r(), l("g", va, [
+        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(a.selectedSerieIndex) ? (r(), l("g", pa, [
           (r(), l("foreignObject", {
-            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * i.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
+            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * a.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
             width: "200",
             height: "40",
             style: { overflow: "visible !important" }
           }, [
-            g("div", {
+            u("div", {
               class: "vue-ui-xy-time-tag",
-              style: A(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
-            }, S(e.timeLabels[i.selectedSerieIndex] || i.selectedSerieIndex), 5)
-          ], 8, pa)),
-          g("circle", {
-            cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * i.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
+              style: C(`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`)
+            }, S(e.timeLabels[a.selectedSerieIndex] || a.selectedSerieIndex), 5)
+          ], 8, za)),
+          u("circle", {
+            cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * a.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
             cy: e.drawingArea.bottom,
             r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
             fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
-          }, null, 8, za)
+          }, null, 8, Ma)
         ])) : h("", !0)
       ])) : h("", !0),
       G(t.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, qe)) : h("", !0),
-    t.$slots.watermark ? (r(), l("div", Ma, [
-      G(t.$slots, "watermark", B(Y({ isPrinting: i.isPrinting || i.isImaging })), void 0, !0)
+    ], 14, Ue)) : h("", !0),
+    t.$slots.watermark ? (r(), l("div", Pa, [
+      G(t.$slots, "watermark", H(E({ isPrinting: a.isPrinting || a.isImaging })), void 0, !0)
     ])) : h("", !0),
-    e.isDataset ? h("", !0) : (r(), R(L, {
-      key: 4,
+    e.isDataset ? h("", !0) : (r(), D(P, {
+      key: 5,
       config: {
         type: "line",
         style: {
@@ -2106,14 +2130,14 @@ function Ba(t, s, c, N, i, e) {
         }
       }
     }, null, 8, ["config"])),
-    e.FINAL_CONFIG.chart.zoom.show && i.maxX > 6 && e.isDataset ? (r(), R(M, {
+    e.FINAL_CONFIG.chart.zoom.show && a.maxX > 6 && e.isDataset ? (r(), D(w, {
       ref: "chartSlicer",
-      key: `slicer_${i.slicerStep}`,
+      key: `slicer_${a.slicerStep}`,
       background: e.FINAL_CONFIG.chart.zoom.color,
       fontSize: e.FINAL_CONFIG.chart.zoom.fontSize,
       useResetSlot: e.FINAL_CONFIG.chart.zoom.useResetSlot,
-      labelLeft: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[i.slicer.start],
-      labelRight: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[i.slicer.end - 1],
+      labelLeft: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[a.slicer.start],
+      labelRight: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[a.slicer.end - 1],
       textColor: e.FINAL_CONFIG.chart.color,
       inputColor: e.FINAL_CONFIG.chart.zoom.color,
       selectColor: e.FINAL_CONFIG.chart.zoom.highlightColor,
@@ -2124,55 +2148,55 @@ function Ba(t, s, c, N, i, e) {
       minimapSelectionRadius: e.FINAL_CONFIG.chart.zoom.minimap.selectionRadius,
       minimapLineColor: e.FINAL_CONFIG.chart.zoom.minimap.lineColor,
       minimapSelectedColorOpacity: e.FINAL_CONFIG.chart.zoom.minimap.selectedColorOpacity,
-      minimapSelectedIndex: i.selectedSerieIndex,
+      minimapSelectedIndex: a.selectedSerieIndex,
       minimapIndicatorColor: e.FINAL_CONFIG.chart.zoom.minimap.indicatorColor,
-      max: i.maxX,
+      max: a.maxX,
       min: 0,
-      valueStart: i.slicer.start,
-      valueEnd: i.slicer.end,
-      start: i.slicer.start,
-      "onUpdate:start": s[2] || (s[2] = (a) => i.slicer.start = a),
-      end: i.slicer.end,
-      "onUpdate:end": s[3] || (s[3] = (a) => i.slicer.end = a),
+      valueStart: a.slicer.start,
+      valueEnd: a.slicer.end,
+      start: a.slicer.start,
+      "onUpdate:start": s[2] || (s[2] = (i) => a.slicer.start = i),
+      end: a.slicer.end,
+      "onUpdate:end": s[3] || (s[3] = (i) => a.slicer.end = i),
       onReset: e.refreshSlicer,
       onTrapMouse: e.selectMinimapIndex
     }, {
-      "reset-action": z(({ reset: a }) => [
-        G(t.$slots, "reset-action", B(Y({ reset: a })), void 0, !0)
+      "reset-action": M(({ reset: i }) => [
+        G(t.$slots, "reset-action", H(E({ reset: i })), void 0, !0)
       ]),
       _: 3
     }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "onReset", "onTrapMouse"])) : h("", !0),
     e.FINAL_CONFIG.chart.legend.show ? (r(), l("div", {
-      key: 6,
+      key: 7,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
-      style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
+      style: C(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (r(!0), l(m, null, I(e.absoluteDataset, (a, o) => (r(), l("div", {
+      (r(!0), l(N, null, I(e.absoluteDataset, (i, o) => (r(), l("div", {
         key: `div_legend_item_${o}`,
-        onClick: (n) => e.segregate(a),
-        class: P({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": i.segregatedSeries.includes(a.id) })
+        onClick: (n) => e.segregate(i),
+        class: V({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": a.segregatedSeries.includes(i.id) })
       }, [
-        i.icons[a.type] === "line" ? (r(), l("svg", Ta, [
-          g("rect", {
+        a.icons[i.type] === "line" ? (r(), l("svg", Va, [
+          u("rect", {
             x: "0",
             y: "7",
             rx: "3",
             stroke: "none",
             height: "4",
             width: "20",
-            fill: a.color
-          }, null, 8, Va),
-          X(f, {
+            fill: i.color
+          }, null, 8, Ra),
+          X(_, {
             plot: { x: 10, y: 9 },
             radius: 4,
-            color: a.color,
-            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.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: 1
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : (r(), l("svg", Ra, [
-          i.icons[a.type] === "bar" ? (r(), l("rect", {
+        ])) : (r(), l("svg", Da, [
+          a.icons[i.type] === "bar" ? (r(), l("rect", {
             key: 0,
             x: "0",
             y: "0",
@@ -2180,24 +2204,24 @@ function Ba(t, s, c, N, i, e) {
             height: "12",
             width: "12",
             stroke: "none",
-            fill: a.color
-          }, null, 8, Da)) : (r(), R(f, {
+            fill: i.color
+          }, null, 8, Wa)) : (r(), D(_, {
             key: 1,
             plot: { x: 6, y: 6 },
             radius: 5,
-            color: a.color,
-            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle"
+            color: i.color,
+            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(i.shape) ? i.shape : "circle"
           }, null, 8, ["color", "shape"]))
         ])),
-        g("span", {
-          style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
-        }, S(a.name), 5)
-      ], 10, Pa))), 128))
-    ], 4)) : (r(), l("div", Wa, [
+        u("span", {
+          style: C(`color:${e.FINAL_CONFIG.chart.legend.color}`)
+        }, S(i.name), 5)
+      ], 10, Ta))), 128))
+    ], 4)) : (r(), l("div", Ha, [
       G(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    X(w, {
-      show: i.mutableConfig.showTooltip && i.isTooltip,
+    X(z, {
+      show: a.mutableConfig.showTooltip && a.isTooltip,
       backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
       color: e.FINAL_CONFIG.chart.tooltip.color,
       fontSize: e.FINAL_CONFIG.chart.tooltip.fontSize,
@@ -2211,19 +2235,19 @@ function Ba(t, s, c, N, i, e) {
       content: e.tooltipContent,
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
-      "tooltip-before": z(() => [
-        G(t.$slots, "tooltip-before", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
+      "tooltip-before": M(() => [
+        G(t.$slots, "tooltip-before", H(E({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
-      "tooltip-after": z(() => [
-        G(t.$slots, "tooltip-after", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
+      "tooltip-after": M(() => [
+        G(t.$slots, "tooltip-after", H(E({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-    e.isDataset ? (r(), R(C, {
-      key: 8,
+    e.isDataset ? (r(), D(p, {
+      key: 9,
       hideDetails: "",
       config: {
-        open: i.mutableConfig.showTable,
+        open: a.mutableConfig.showTable,
         maxHeight: 1e4,
         body: {
           backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
@@ -2235,48 +2259,48 @@ function Ba(t, s, c, N, i, e) {
         }
       }
     }, {
-      content: z(() => [
-        g("div", {
-          style: A(`${i.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
+      content: M(() => [
+        u("div", {
+          style: C(`${a.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          g("div", Ha, [
-            De(g("input", {
+          u("div", Ea, [
+            We(u("input", {
               type: "checkbox",
-              "onUpdate:modelValue": s[4] || (s[4] = (a) => i.showSparklineTable = a)
+              "onUpdate:modelValue": s[4] || (s[4] = (i) => a.showSparklineTable = i)
             }, null, 512), [
-              [We, i.showSparklineTable]
+              [He, a.showSparklineTable]
             ]),
-            g("div", {
-              onClick: s[5] || (s[5] = (a) => i.showSparklineTable = !i.showSparklineTable),
+            u("div", {
+              onClick: s[5] || (s[5] = (i) => a.showSparklineTable = !a.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
-              X(p, {
+              X(v, {
                 name: "chartLine",
                 size: 20,
                 stroke: e.FINAL_CONFIG.chart.color
               }, null, 8, ["stroke"])
             ])
           ]),
-          i.showSparklineTable ? (r(), R(v, {
-            key: `sparkline_${i.segregateStep}`,
+          a.showSparklineTable ? (r(), D(F, {
+            key: `sparkline_${a.segregateStep}`,
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
-          }, null, 8, ["dataset", "config"])) : (r(), R(F, {
-            key: `table_${i.tableStep}`,
+          }, null, 8, ["dataset", "config"])) : (r(), D(L, {
+            key: `table_${a.tableStep}`,
             colNames: e.dataTable.colNames,
             head: e.dataTable.head,
             body: e.dataTable.body,
             config: e.dataTable.config,
             title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
-            onClose: s[6] || (s[6] = (a) => i.mutableConfig.showTable = !1)
+            onClose: s[6] || (s[6] = (i) => a.mutableConfig.showTable = !1)
           }, {
-            th: z(({ th: a }) => [
-              g("div", { innerHTML: a }, null, 8, Ea)
+            th: M(({ th: i }) => [
+              u("div", { innerHTML: i }, null, 8, Ba)
             ]),
-            td: z(({ td: a }) => [
-              He(S(isNaN(Number(a)) ? a : e.dataLabel({
+            td: M(({ td: i }) => [
+              Ee(S(isNaN(Number(i)) ? i : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
-                v: a,
+                v: i,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
                 r: e.FINAL_CONFIG.table.rounding
               })), 1)
@@ -2287,9 +2311,9 @@ function Ba(t, s, c, N, i, e) {
       ]),
       _: 1
     }, 8, ["config"])) : h("", !0)
-  ], 14, Xe);
+  ], 14, qe);
 }
-const li = /* @__PURE__ */ Ee(Ye, [["render", Ba], ["__scopeId", "data-v-fe7409df"]]);
+const ni = /* @__PURE__ */ Be(Xe, [["render", Ya], ["__scopeId", "data-v-8d96cbc4"]]);
 export {
-  li as default
+  ni as default
 };