vue-data-ui 2.3.76 → 2.3.78

package/dist/{vue-ui-xy-b1Z_HPsx.js → vue-ui-xy-DA3qqL8u.js}

@@ -1,19 +1,19 @@
-import { p as K } from "./pdf-97UbtKC2.js";
-import { U as Q, s as j } from "./usePrinter-rvJyT65A.js";
-import { c as J, a as $, t as ee, w as te, p as ae, S as X, M as P, f as Z, H as ie, E as le, i as re, Y as se, V as ne, Z as oe, s as ce, _ as he, d as de, A as ue, b as ge, q as fe, P as me, $ as Ne, r as Ie, e as be, y as xe, K as _e, x as Fe, a0 as ye, o as Ae, v as Le, D as Se, z as Ce, u as ke } from "./index-CaV1s-yZ.js";
-import { D as we } from "./DataTable-e2fnfjXV.js";
-import { _ as Oe } from "./Title-gUz6GDA3.js";
-import { _ as ve, u as Ge } from "./Tooltip-DfSM1mNP.js";
-import { _ as ze } from "./Shape-CiTElr_0.js";
-import pe from "./BaseIcon-rwm-10Hu.js";
-import Me from "./vue-ui-table-sparkline-B3zEeq6Z.js";
-import Pe from "./vue-ui-skeleton-CvFX_ExX.js";
-import { S as Te } from "./Slicer-DwBBu3kB.js";
-import Ve from "./vue-ui-accordion-CpzGQ63y.js";
-import { u as U } from "./useNestedProp-tWCzZrLx.js";
-import { resolveComponent as T, openBlock as l, createElementBlock as r, normalizeClass as M, normalizeStyle as A, createBlock as V, createCommentVNode as h, createSlots as Re, withCtx as z, renderSlot as O, normalizeProps as B, guardReactiveProps as Y, createElementVNode as u, Fragment as m, renderList as b, toDisplayString as S, createVNode as q, withDirectives as De, vModelCheckbox as He, createTextVNode as Ee } from "vue";
-import { _ as We } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Be = J(), Ye = {
+import { p as Q } from "./pdf-97UbtKC2.js";
+import { U as K, s as j } from "./usePrinter-DiuHo4LO.js";
+import { c as J, a as $, t as ee, z as te, p as ae, T as X, N as P, f as Z, I as ie, F as le, i as re, Z as se, W as ne, _ as ce, v as oe, $ as he, d as de, B as ue, b as ge, q as fe, Q as me, a0 as Ne, r as Ie, e as be, y as xe, L as _e, x as Fe, a1 as ye, o as Ae, s as Le, w as Ce, E as Se, A as ke, u as we } from "./index-DP8dqFNd.js";
+import { D as Oe } from "./DataTable-y1lX5jVj.js";
+import { _ as ve } from "./Title-Bx-VO3md.js";
+import { _ as Ge, u as ze } from "./Tooltip-Dk-cimhQ.js";
+import { _ as Me } from "./Shape-CsoTtJx6.js";
+import pe from "./BaseIcon-BIQXWVMS.js";
+import Pe from "./vue-ui-table-sparkline-CsWx1Ksy.js";
+import Te from "./vue-ui-skeleton-B30ZhUV7.js";
+import { S as Ve } from "./Slicer-DzJZ4axa.js";
+import Re from "./vue-ui-accordion-Dl8zkZPk.js";
+import { u as U } from "./useNestedProp-B-oZxD4x.js";
+import { resolveComponent as T, openBlock as l, createElementBlock as r, normalizeClass as p, normalizeStyle as A, createBlock as V, createCommentVNode as h, createSlots as De, withCtx as z, renderSlot as O, normalizeProps as B, guardReactiveProps as Y, createElementVNode as u, Fragment as m, renderList as b, toDisplayString as C, createVNode as q, withDirectives as He, vModelCheckbox as We, 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: {
@@ -30,27 +30,27 @@ const Be = J(), Ye = {
     }
   },
   components: {
-    DataTable: we,
-    Shape: ze,
-    Title: Oe,
-    Tooltip: ve,
-    UserOptions: Q,
+    DataTable: Oe,
+    Shape: Me,
+    Title: ve,
+    Tooltip: Ge,
+    UserOptions: K,
     BaseIcon: pe,
-    TableSparkline: Me,
-    Skeleton: Pe,
-    Slicer: Te,
-    Accordion: Ve
+    TableSparkline: Pe,
+    Skeleton: Te,
+    Slicer: Ve,
+    Accordion: Re
   },
   data() {
-    this.dataset.forEach((c, f) => {
-      [null, void 0].includes(c.series) && this.error({
+    this.dataset.forEach((o, f) => {
+      [null, void 0].includes(o.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
         index: f
       });
     });
-    const i = Math.max(...this.dataset.map((c) => c.series.length)), s = {
+    const i = Math.max(...this.dataset.map((o) => o.series.length)), s = {
       start: 0,
       end: i
     };
@@ -105,7 +105,7 @@ const Be = J(), Ye = {
       maxX: i,
       showSparklineTable: !0,
       segregateStep: 0,
-      sliderId: Be,
+      sliderId: Ye,
       fontSizes: {
         xAxis: 18,
         yAxis: 12,
@@ -122,7 +122,7 @@ const Be = J(), Ye = {
   watch: {
     dataset: {
       handler(i, s) {
-        this.maxX = Math.max(...this.dataset.map((c) => c.series.length)), this.slicer = {
+        this.maxX = Math.max(...this.dataset.map((o) => o.series.length)), this.slicer = {
           start: 0,
           end: this.maxX
         }, this.slicerStep += 1, this.segregateStep += 1;
@@ -139,11 +139,11 @@ const Be = J(), Ye = {
   computed: {
     minimap() {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
-      const i = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), s = Math.max(...i.map((t) => t.series.length)), c = [];
+      const i = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), s = Math.max(...i.map((t) => t.series.length)), o = [];
       for (let t = 0; t < s; t += 1)
-        c.push(i.map((e) => e.series[t] || 0).reduce((e, I) => (e || 0) + (I || 0), 0));
-      const f = Math.min(...c);
-      return c.map((t) => t + (f < 0 ? Math.abs(f) : 0));
+        o.push(i.map((e) => e.series[t] || 0).reduce((e, I) => (e || 0) + (I || 0), 0));
+      const f = Math.min(...o);
+      return o.map((t) => t + (f < 0 ? Math.abs(f) : 0));
     },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
@@ -178,7 +178,7 @@ const Be = J(), Ye = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), c = this.plotSet.map((t) => ({
+      })), o = this.plotSet.map((t) => ({
         name: t.name,
         color: t.color,
         scale: t.individualScale,
@@ -190,8 +190,8 @@ const Be = J(), Ye = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), f = [...i, ...s, ...c].flatMap((t) => t).length;
-      return [...i, ...s, ...c].flatMap((t, e) => ({
+      })), f = [...i, ...s, ...o].flatMap((t) => t).length;
+      return [...i, ...s, ...o].flatMap((t, e) => ({
         id: t.id,
         scaleLabel: t.scaleLabel,
         name: t.name,
@@ -251,7 +251,7 @@ const Be = J(), Ye = {
     safeDataset() {
       return this.useSafeValues ? this.dataset.map((i, s) => ({
         ...i,
-        series: i.series.map((c) => this.isSafeValue(c) ? c : null).slice(this.slicer.start, this.slicer.end),
+        series: i.series.map((o) => this.isSafeValue(o) ? o : null).slice(this.slicer.start, this.slicer.end),
         color: this.convertColorToHex(i.color ? i.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
         id: `uniqueId_${s}`
       })) : this.dataset;
@@ -259,13 +259,13 @@ const Be = J(), Ye = {
     relativeDataset() {
       return this.safeDataset.map((i, s) => ({
         ...i,
-        series: i.series.map((c) => c + this.relativeZero),
+        series: i.series.map((o) => o + this.relativeZero),
         absoluteValues: i.series
       })).filter((i) => !this.segregatedSeries.includes(i.id));
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((i) => {
-        const s = i.absoluteValues.map((c) => [void 0, null].includes(c) ? 0 : c);
+        const s = i.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
         return {
           id: i.id,
           name: i.name,
@@ -304,7 +304,7 @@ const Be = J(), Ye = {
       return this.safeDataset.map((i, s) => ({
         absoluteIndex: s,
         ...i,
-        series: i.series.map((c) => c + this.relativeZero),
+        series: i.series.map((o) => o + this.relativeZero),
         absoluteValues: i.series,
         segregate: () => this.segregate(i),
         isSegregated: this.segregatedSeries.includes(i.id)
@@ -313,39 +313,39 @@ const Be = J(), Ye = {
     barSet() {
       return this.activeSeriesWithStackRatios.filter((i) => i.type === "bar").map((i, s) => {
         this.checkAutoScaleError(i);
-        const c = Math.min(...i.absoluteValues.filter((d) => ![null, void 0].includes(d))), f = Math.max(...i.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
-          ratios: i.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - c) / (f - c)),
-          valueMin: c,
+        const o = Math.min(...i.absoluteValues.filter((d) => ![null, void 0].includes(d))), f = Math.max(...i.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
+          ratios: i.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - o) / (f - o)),
+          valueMin: o,
           valueMax: f < 0 ? 0 : f
         }, I = {
           max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
           min: i.scaleMin || Math.min(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...i.absoluteValues.filter((d) => ![null, void 0].includes(d)))
-        }, w = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, L = 1.0000001, N = this.calculateNiceScaleWithExactExtremes(I.min, I.max === I.min ? I.max * L : I.max, w), y = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * L : e.valueMax, w), p = N.min >= 0 ? 0 : Math.abs(N.min), C = 0, G = N.max + p, v = y.max + Math.abs(C), x = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, a = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, o = this.drawingArea.bottom - x - a * p / G, n = this.drawingArea.bottom - x - a * C / v, g = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, R = i.series.map((d, _) => {
-          const E = this.mutableConfig.useIndividualScale ? (i.absoluteValues[_] + p) / G : this.ratioToMax(d), W = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * _ : this.drawingArea.left + this.slot.bar * s + this.slot.bar * _ * g - this.barSlot / 2 - s * this.barPeriodGap;
+        }, w = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, L = 1.0000001, N = this.calculateNiceScaleWithExactExtremes(I.min, I.max === I.min ? I.max * L : I.max, w), y = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * L : e.valueMax, w), M = N.min >= 0 ? 0 : Math.abs(N.min), S = 0, G = N.max + M, v = y.max + Math.abs(S), x = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, a = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, c = this.drawingArea.bottom - x - a * M / G, n = this.drawingArea.bottom - x - a * S / v, g = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, R = i.series.map((d, _) => {
+          const W = this.mutableConfig.useIndividualScale ? (i.absoluteValues[_] + M) / G : this.ratioToMax(d), E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * _ : this.drawingArea.left + this.slot.bar * s + this.slot.bar * _ * g - this.barSlot / 2 - s * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(x),
             individualHeight: this.checkNaN(a),
-            x: this.checkNaN(W),
-            y: this.drawingArea.bottom - x - a * E,
+            x: this.checkNaN(E),
+            y: this.drawingArea.bottom - x - a * W,
             value: i.absoluteValues[_],
-            zeroPosition: this.checkNaN(o),
+            zeroPosition: this.checkNaN(c),
             individualMax: this.checkNaN(G),
             comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
           };
         }), H = i.absoluteValues.map((d) => y.min >= 0 ? (d - Math.abs(y.min)) / (y.max - Math.abs(y.min)) : (d + Math.abs(y.min)) / (y.max + Math.abs(y.min))), D = i.series.map((d, _) => {
-          const E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * _ : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * _ * this.absoluteDataset.filter((W) => W.type === "bar").filter((W) => !this.segregatedSeries.includes(W.id)).length;
+          const W = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * _ : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * _ * this.absoluteDataset.filter((E) => E.type === "bar").filter((E) => !this.segregatedSeries.includes(E.id)).length;
           return {
             yOffset: this.checkNaN(x),
             individualHeight: this.checkNaN(a),
-            x: this.checkNaN(E),
+            x: this.checkNaN(W),
             y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(x) - (this.checkNaN(a) * H[_] || 0)),
             value: i.absoluteValues[_],
-            zeroPosition: this.checkNaN(o),
+            zeroPosition: this.checkNaN(c),
             individualMax: this.checkNaN(G),
             comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
           };
         }), F = N.ticks.map((d) => ({
-          y: d >= 0 ? o - a * (d / G) : o + a * Math.abs(d) / G,
+          y: d >= 0 ? c - a * (d / G) : c + a * Math.abs(d) / G,
           value: d
         })), k = y.ticks.map((d) => {
           const _ = (d - y.min) / (y.max - y.min);
@@ -362,7 +362,7 @@ const Be = J(), Ye = {
           scaleYLabels: i.autoScaling ? k : F,
           individualScale: i.autoScaling ? y : N,
           individualMax: i.autoScaling ? v : G,
-          zeroPosition: i.autoScaling ? n : o,
+          zeroPosition: i.autoScaling ? n : c,
           plots: i.autoScaling ? D : R
         };
       });
@@ -376,18 +376,18 @@ const Be = J(), Ye = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((i) => i.type === "line").map((i) => {
         this.checkAutoScaleError(i);
-        const s = Math.min(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))), c = Math.max(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, t = {
-          ratios: i.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (c - s)),
+        const s = Math.min(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))), o = Math.max(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, t = {
+          ratios: i.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (o - s)),
           valueMin: s,
-          valueMax: c
+          valueMax: o
         }, e = {
           max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
           min: i.scaleMin || (Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues))
-        }, I = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * w : e.max, I), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * w : t.valueMax, I), y = L.min >= 0 ? 0 : Math.abs(L.min), p = 0, C = L.max + Math.abs(y), G = N.max + Math.abs(p), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - v - x * y / C, o = this.drawingArea.bottom - v - x * p / G, n = i.series.map((d, _) => {
-          const E = this.mutableConfig.useIndividualScale ? (i.absoluteValues[_] + Math.abs(y)) / C : this.ratioToMax(d);
+        }, I = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * w : e.max, I), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * w : t.valueMax, I), y = L.min >= 0 ? 0 : Math.abs(L.min), M = 0, S = L.max + Math.abs(y), G = N.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - v - x * y / S, c = this.drawingArea.bottom - v - x * M / G, n = i.series.map((d, _) => {
+          const W = this.mutableConfig.useIndividualScale ? (i.absoluteValues[_] + Math.abs(y)) / S : this.ratioToMax(d);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * _),
-            y: this.checkNaN(this.drawingArea.bottom - v - x * E),
+            y: this.checkNaN(this.drawingArea.bottom - v - x * W),
             value: i.absoluteValues[_],
             comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
           };
@@ -400,12 +400,12 @@ const Be = J(), Ye = {
               comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
             };
         }), H = this.createSmoothPath(n), D = this.createSmoothPath(R), F = L.ticks.map((d) => ({
-          y: d >= 0 ? a - x * (d / C) : a + x * Math.abs(d) / C,
+          y: d >= 0 ? a - x * (d / S) : a + x * Math.abs(d) / S,
           value: d
         })), k = N.ticks.map((d) => {
           const _ = (d - N.min) / (N.max - N.min);
           return {
-            y: d >= 0 ? o - x * _ : o + x * _,
+            y: d >= 0 ? c - x * _ : c + x * _,
             value: d
           };
         });
@@ -416,26 +416,26 @@ const Be = J(), Ye = {
           individualHeight: x,
           scaleYLabels: i.autoScaling ? k : F,
           individualScale: i.autoScaling ? N : L,
-          individualMax: i.autoScaling ? G : C,
-          zeroPosition: i.autoScaling ? o : a,
+          individualMax: i.autoScaling ? G : S,
+          zeroPosition: i.autoScaling ? c : a,
           curve: i.autoScaling ? D : H,
           plots: i.autoScaling ? R : n,
-          area: i.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(i.autoScaling ? R : n, i.autoScaling ? o : a) : this.createArea(n) : ""
+          area: i.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(i.autoScaling ? R : n, i.autoScaling ? c : a) : this.createArea(n) : ""
         };
       });
     },
     plotSet() {
       return this.activeSeriesWithStackRatios.filter((i) => i.type === "plot").map((i) => {
         this.checkAutoScaleError(i);
-        const s = Math.min(...i.absoluteValues.filter((F) => ![null, void 0].includes(F))), c = Math.max(...i.absoluteValues.filter((F) => ![null, void 0].includes(F))) || 1, t = {
-          ratios: i.absoluteValues.filter((F) => ![null, void 0].includes(F)).map((F) => (F - s) / (c - s)),
+        const s = Math.min(...i.absoluteValues.filter((F) => ![null, void 0].includes(F))), o = Math.max(...i.absoluteValues.filter((F) => ![null, void 0].includes(F))) || 1, t = {
+          ratios: i.absoluteValues.filter((F) => ![null, void 0].includes(F)).map((F) => (F - s) / (o - s)),
           valueMin: s,
-          valueMax: c
+          valueMax: o
         }, e = {
           max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
           min: i.scaleMin || Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues)
-        }, I = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * w : e.max, I), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * w : t.valueMax, I), y = L.min >= 0 ? 0 : Math.abs(L.min), p = 0, C = L.max + y, G = N.max + Math.abs(p), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - v - x * y / C, o = this.drawingArea.bottom - v - x * p / G, n = i.series.map((F, k) => {
-          const d = this.mutableConfig.useIndividualScale ? (i.absoluteValues[k] + Math.abs(y)) / C : this.ratioToMax(F);
+        }, I = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * w : e.max, I), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * w : t.valueMax, I), y = L.min >= 0 ? 0 : Math.abs(L.min), M = 0, S = L.max + y, G = N.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - v - x * y / S, c = this.drawingArea.bottom - v - x * M / G, n = i.series.map((F, k) => {
+          const d = this.mutableConfig.useIndividualScale ? (i.absoluteValues[k] + Math.abs(y)) / S : this.ratioToMax(F);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * k),
             y: this.checkNaN(this.drawingArea.bottom - v - x * d),
@@ -448,12 +448,12 @@ const Be = J(), Ye = {
           value: i.absoluteValues[k],
           comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[k] || ""
         })), H = L.ticks.map((F) => ({
-          y: F >= 0 ? a - x * (F / C) : a + x * Math.abs(F) / C,
+          y: F >= 0 ? a - x * (F / S) : a + x * Math.abs(F) / S,
           value: F
         })), D = N.ticks.map((F) => {
           const k = (F - N.min) / (N.max - N.min);
           return {
-            y: F >= 0 ? o - x * k : o + x * k,
+            y: F >= 0 ? c - x * k : c + x * k,
             value: F
           };
         });
@@ -464,8 +464,8 @@ const Be = J(), Ye = {
           individualHeight: x,
           scaleYLabels: i.autoScaling ? D : H,
           individualScale: i.autoScaling ? N : L,
-          individualMax: i.autoScaling ? G : C,
-          zeroPosition: i.autoScaling ? o : a,
+          individualMax: i.autoScaling ? G : S,
+          zeroPosition: i.autoScaling ? c : a,
           plots: i.autoScaling ? R : n
         };
       });
@@ -518,13 +518,13 @@ const Be = J(), Ye = {
     },
     table() {
       if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const i = this.relativeDataset.map((c) => ({
-        label: c.name,
-        color: c.color,
-        type: c.type
+      const i = this.relativeDataset.map((o) => ({
+        label: o.name,
+        color: o.color,
+        type: o.type
       })), s = [];
-      return this.timeLabels.forEach((c, f) => {
-        const t = [c];
+      return this.timeLabels.forEach((o, f) => {
+        const t = [o];
         this.relativeDataset.forEach((e) => {
           t.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
         }), s.push(t);
@@ -537,7 +537,7 @@ const Be = J(), Ye = {
         const e = this.relativeDataset.map((I) => I.absoluteValues[t] ?? 0).reduce((I, w) => I + w, 0);
         s.push([this.timeLabels[t] ?? "-"].concat(this.relativeDataset.map((I) => (I.absoluteValues[t] ?? 0).toFixed(this.FINAL_CONFIG.table.rounding))).concat((e ?? 0).toFixed(this.FINAL_CONFIG.table.rounding)));
       }
-      const c = {
+      const o = {
         th: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
           color: this.FINAL_CONFIG.table.th.color,
@@ -550,7 +550,7 @@ const Be = J(), Ye = {
         },
         breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
       }, f = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((t) => t.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
-      return { head: i, body: s, config: c, colNames: f };
+      return { head: i, body: s, config: o, colNames: f };
     },
     dataTooltipSlot() {
       return {
@@ -569,13 +569,13 @@ const Be = J(), Ye = {
         name: i.name,
         color: i.color,
         type: i.type,
-        value: i.absoluteValues.find((s, c) => c === this.selectedSerieIndex),
+        value: i.absoluteValues.find((s, o) => o === this.selectedSerieIndex),
         comments: i.comments || []
       }));
     },
     tooltipContent() {
       let i = "", s = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
-      const c = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      const o = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
       return this.isFunction(f) && this.functionReturnsString(() => f({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
@@ -592,7 +592,7 @@ const Be = J(), Ye = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      }) : (c && (i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${c}</div>`), this.selectedSeries.forEach((t) => {
+      }) : (o && (i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${o}</div>`), this.selectedSeries.forEach((t) => {
         if (this.isSafeValue(t.value)) {
           let e = "", I = "";
           switch (this.icons[t.type]) {
@@ -680,8 +680,8 @@ const Be = J(), Ye = {
     applyDataLabel: re,
     assignStackRatios: se,
     calcLinearProgression: ne,
-    calculateNiceScaleWithExactExtremes: oe,
-    checkNaN: ce,
+    calculateNiceScaleWithExactExtremes: ce,
+    checkNaN: oe,
     closestDecimal: he,
     convertColorToHex: de,
     convertConfigColors: ue,
@@ -698,14 +698,15 @@ const Be = J(), Ye = {
     isFunction: Fe,
     isSafeValue: ye,
     objectIsEmpty: Ae,
-    pdf: K,
-    shiftHue: Le,
+    pdf: Q,
+    setOpacity: Le,
+    shiftHue: Ce,
     translateSize: Se,
-    treeShake: Ce,
-    useMouse: Ge,
+    treeShake: ke,
+    useMouse: ze,
     useNestedProp: U,
     prepareConfig() {
-      const i = ke().vue_ui_xy;
+      const i = we().vue_ui_xy;
       if (!Object.keys(this.config || {}).length)
         return i;
       const s = this.useNestedProp({
@@ -732,9 +733,9 @@ const Be = J(), Ye = {
           index: s
         });
       }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((i) => {
-        i.series.forEach((s, c) => {
+        i.series.forEach((s, o) => {
           this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${i.name}' contains the value '${s}' at index ${c}.
+-----> The serie '${i.name}' contains the value '${s}' at index ${o}.
 '${s}' was converted to null to allow the chart to display.`);
         });
       }), this.mutableConfig = {
@@ -746,15 +747,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: f } = s.getBoundingClientRect();
+        const s = this.$refs.chart.parentNode, { height: o, width: f } = s.getBoundingClientRect();
         let t = null, e = 0;
         this.FINAL_CONFIG.chart.title.show && (t = this.$refs.chartTitle, e = t.getBoundingClientRect().height);
         let I = null, w = 0;
         this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (I = this.$refs.chartSlicer.$el, w = I.getBoundingClientRect().height);
         let L = null, N = 0;
-        this.FINAL_CONFIG.chart.legend.show && (L = this.$refs.chartLegend, N = L.getBoundingClientRect().height), this.height = c - e - N - w, 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 C of p)
-            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (w = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (N = this.$refs.chartLegend.getBoundingClientRect().height), this.height = C.contentBoxSize[0].blockSize - e - N - w - 24, this.width = C.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+        this.FINAL_CONFIG.chart.legend.show && (L = this.$refs.chartLegend, N = L.getBoundingClientRect().height), this.height = o - e - N - w, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((M) => {
+          for (const S of M)
+            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (w = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (N = this.$refs.chartLegend.getBoundingClientRect().height), this.height = S.contentBoxSize[0].blockSize - e - N - w - 24, this.width = S.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;
@@ -818,25 +819,25 @@ const Be = J(), Ye = {
     },
     createArea(i) {
       if (!i[0]) return [-10, -10, "", -10, -10];
-      const s = { x: i[0].x, y: this.zero }, c = { x: i.at(-1).x, y: this.zero }, f = [];
+      const s = { x: i[0].x, y: this.zero }, o = { x: i.at(-1).x, y: this.zero }, f = [];
       return i.forEach((t) => {
         f.push(`${t.x},${t.y} `);
-      }), [s.x, s.y, ...f, c.x, c.y].toString();
+      }), [s.x, s.y, ...f, o.x, o.y].toString();
     },
     createIndividualArea(i, s) {
       if (!i[0]) return [-10, -10, "", -10, -10];
-      const c = { x: i[0] ? i[0].x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: s }, f = { x: i.at(-1) ? i.at(-1).x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: s }, t = [];
+      const o = { x: i[0] ? i[0].x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: s }, f = { x: i.at(-1) ? i.at(-1).x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: s }, t = [];
       return i.filter((e) => !!e).forEach((e) => {
         t.push(`${e.x},${e.y} `);
-      }), [c.x, c.y, ...t, f.x, f.y].toString();
+      }), [o.x, o.y, ...t, f.x, f.y].toString();
     },
     createStar: X,
     createPolygonPath: P,
     fillArray(i, s) {
-      let c = Array(i).fill(0);
+      let o = Array(i).fill(0);
       for (let f = 0; f < s.length && f < i; f += 1)
-        c[f] = s[f];
-      return c;
+        o[f] = s[f];
+      return o;
     },
     refreshSlicer() {
       this.slicer = {
@@ -866,12 +867,12 @@ const Be = J(), Ye = {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(i);
     },
     findClosestValue(i, s) {
-      let c = s[0], f = Math.abs(i - s[0]);
+      let o = s[0], f = Math.abs(i - s[0]);
       for (let t = 1; t < s.length; t += 1) {
         const e = Math.abs(i - s[t]);
-        e < f && s[t] < i && (c = s[t], f = e);
+        e < f && s[t] < i && (o = s[t], f = e);
       }
-      return c;
+      return o;
     },
     ratioToMax(i) {
       return i / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
@@ -933,7 +934,7 @@ const Be = J(), Ye = {
       }, 100);
     },
     generateCsv() {
-      const i = [[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 = i.concat([s]).concat(c), t = this.createCsvContent(f);
+      const i = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], o = this.table.body, f = i.concat([s]).concat(o), t = this.createCsvContent(f);
       this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -951,31 +952,31 @@ const Be = J(), Ye = {
       }, 100);
     }
   }
-}, Xe = ["id"], qe = ["viewBox"], Ze = { key: 0 }, Ue = { 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"], lt = ["stop-color"], rt = ["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"], mt = ["stop-color"], Nt = ["stop-color"], It = ["id"], bt = ["stop-color"], xt = ["stop-color"], _t = ["x", "y", "height", "width", "fill"], Ft = ["x", "y", "width"], yt = ["x", "y", "height", "width", "fill"], At = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Lt = ["width", "x", "y"], St = { key: 0 }, Ct = ["id"], kt = ["fill"], wt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ot = ["x", "y", "font-size", "fill"], vt = ["stroke", "x1", "x2", "y1", "y2"], Gt = { key: 2 }, zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pt = ["y", "width", "height", "fill"], Mt = ["x", "y", "width", "height", "fill"], Pt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Tt = { key: 4 }, Vt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rt = ["fill", "font-size", "transform"], Dt = ["x1", "x2", "y1", "y2", "stroke"], Ht = ["x", "y", "font-size", "fill"], Et = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Bt = ["width", "x", "y"], Yt = { style: { width: "100%" } }, Xt = { key: 0 }, qt = ["id"], Zt = ["fill"], Ut = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Jt = ["x", "y", "font-size", "fill"], Kt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Qt = { key: 1 }, jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], $t = { key: 0 }, ea = ["d", "fill"], ta = ["d", "fill"], aa = ["d", "stroke", "stroke-width", "stroke-dasharray"], ia = { key: 2 }, la = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ra = ["width", "x", "y"], sa = { style: { width: "100%" } }, na = { key: 3 }, oa = ["id"], ca = ["fill"], ha = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], da = ["x", "y", "font-size", "fill"], ua = { key: 5 }, ga = ["x", "y", "font-size", "fill"], fa = ["x", "y", "font-size", "fill", "font-weight"], ma = { key: 6 }, Na = ["x", "y", "font-size", "fill"], Ia = ["x", "y"], ba = ["x", "y"], xa = { key: 7 }, _a = ["x", "y", "font-size", "fill"], Fa = ["x", "y"], ya = ["x", "y"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "font-size", "fill", "innerHTML"], ka = ["x", "y", "width", "height", "fill", "onMouseenter"], wa = ["font-size", "fill", "transform"], Oa = ["x", "y", "font-size", "fill"], va = { key: 9 }, Ga = ["text-anchor", "font-size", "fill", "transform"], za = ["x", "y", "height", "width", "onMouseenter", "onClick"], pa = { key: 10 }, Ma = ["x", "y"], Pa = ["cx", "cy", "r", "fill"], Ta = {
+}, qe = ["id"], Ze = ["viewBox"], Ue = { key: 0 }, Je = { class: "vue-ui-xy-grid" }, Qe = ["stroke", "x1", "x2", "y1", "y2"], Ke = ["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"], lt = ["id"], rt = ["stop-color"], st = ["stop-color"], nt = ["stop-color"], ct = ["id"], ot = ["stop-color"], ht = ["stop-color"], dt = ["stop-color"], ut = ["id"], gt = ["stop-color"], ft = ["stop-color"], mt = ["id"], Nt = ["stop-color"], It = ["stop-color"], bt = ["id"], xt = ["stop-color"], _t = ["stop-color"], Ft = ["x", "y", "height", "width", "fill"], yt = ["x", "y", "width"], At = ["x", "y", "height", "width", "fill"], Lt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ct = ["width", "x", "y"], St = { key: 0 }, kt = ["id"], wt = ["fill"], Ot = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], vt = ["x", "y", "font-size", "fill"], Gt = ["stroke", "x1", "x2", "y1", "y2"], zt = { key: 2 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pt = ["y", "width", "height", "fill"], Pt = ["x", "y", "width", "height", "fill"], Tt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Vt = { key: 4 }, Rt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = ["fill", "font-size", "transform"], Ht = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Et = ["x1", "x2", "y1", "y2", "stroke"], Bt = ["x", "y", "font-size", "fill"], Yt = ["width", "x", "y"], Xt = { style: { width: "100%" } }, qt = { key: 0 }, Zt = ["id"], Ut = ["fill"], Jt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Qt = ["x", "y", "font-size", "fill"], Kt = ["d", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 1 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ea = { key: 0 }, ta = ["d", "fill"], aa = ["d", "fill"], ia = ["d", "stroke", "stroke-width", "stroke-dasharray"], la = { key: 2 }, ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], sa = ["width", "x", "y"], na = { style: { width: "100%" } }, ca = { key: 3 }, oa = ["id"], ha = ["fill"], da = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ua = ["x", "y", "font-size", "fill"], ga = { key: 5 }, fa = ["x", "y", "font-size", "fill"], ma = ["x", "y", "font-size", "fill", "font-weight"], Na = { key: 6 }, Ia = ["x", "y", "font-size", "fill"], ba = ["x", "y"], xa = ["x", "y"], _a = { key: 7 }, Fa = ["x", "y", "font-size", "fill"], ya = ["x", "y"], Aa = ["x", "y"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "font-size", "fill", "innerHTML"], ka = ["x", "y", "font-size", "fill", "innerHTML"], wa = ["x", "y", "width", "height", "fill", "onMouseenter"], Oa = ["font-size", "fill", "transform"], va = ["x", "y", "font-size", "fill"], Ga = { key: 9 }, za = ["text-anchor", "font-size", "fill", "transform"], Ma = ["x", "y", "height", "width", "onMouseenter", "onClick"], pa = { key: 10 }, Pa = ["x", "y"], Ta = ["cx", "cy", "r", "fill"], Va = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Va = ["onClick"], Ra = {
+}, Ra = ["onClick"], Da = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Da = ["fill"], Ha = {
+}, Ha = ["fill"], Wa = {
   key: 1,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Ea = ["fill"], Wa = {
+}, Ea = ["fill"], Ba = {
   key: 7,
   ref: "chartLegend"
-}, Ba = {
+}, Ya = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
-}, Ya = ["innerHTML"];
-function Xa(i, s, c, f, t, e) {
-  const I = T("Title"), w = T("UserOptions"), L = T("Shape"), N = T("Skeleton"), y = T("Slicer"), p = T("Tooltip"), C = T("BaseIcon"), G = T("TableSparkline"), v = T("DataTable"), x = T("Accordion");
+}, Xa = ["innerHTML"];
+function qa(i, s, o, f, t, e) {
+  const I = T("Title"), w = T("UserOptions"), L = T("Shape"), N = T("Skeleton"), y = T("Slicer"), M = T("Tooltip"), S = T("BaseIcon"), G = T("TableSparkline"), v = T("DataTable"), x = T("Accordion");
   return l(), r("div", {
     id: `vue-ui-xy_${t.uniqueId}`,
-    class: M(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
+    class: p(`vue-ui-xy ${t.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%" : ""}`)
   }, [
@@ -1013,7 +1014,7 @@ function Xa(i, s, c, f, t, e) {
       hasImg: e.FINAL_CONFIG.chart.userOptions.buttons.img,
       hasLabel: e.FINAL_CONFIG.chart.userOptions.buttons.labels,
       hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
-      hasStack: c.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
+      hasStack: o.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
       hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
       isStacked: t.mutableConfig.isStacked,
       isFullscreen: t.isFullscreen,
@@ -1028,7 +1029,7 @@ function Xa(i, s, c, f, t, e) {
       onToggleLabels: e.toggleLabels,
       onToggleStack: e.toggleStack,
       onToggleTooltip: e.toggleTooltip
-    }, Re({ _: 2 }, [
+    }, De({ _: 2 }, [
       i.$slots.optionTooltip ? {
         name: "optionTooltip",
         fn: z(() => [
@@ -1080,8 +1081,8 @@ function Xa(i, s, c, f, t, e) {
       } : void 0,
       i.$slots.optionFullscreen ? {
         name: "optionFullscreen",
-        fn: z(({ toggleFullscreen: a, isFullscreen: o }) => [
-          O(i.$slots, "optionFullscreen", B(Y({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+        fn: z(({ toggleFullscreen: a, isFullscreen: c }) => [
+          O(i.$slots, "optionFullscreen", B(Y({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
         ]),
         key: "7"
       } : void 0
@@ -1089,13 +1090,13 @@ function Xa(i, s, c, f, t, e) {
     e.isDataset ? (l(), r("svg", {
       key: 2,
       xmlns: "http://www.w3.org/2000/svg",
-      class: M([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
+      class: p([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
       viewBox: t.viewBox,
       style: A(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      e.maxSeries > 0 ? (l(), r("g", Ze, [
-        u("g", Ue, [
+      e.maxSeries > 0 ? (l(), r("g", Ue, [
+        u("g", Je, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (l(), r("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1105,25 +1106,25 @@ function Xa(i, s, c, f, t, e) {
             y1: e.drawingArea.bottom,
             y2: e.drawingArea.bottom,
             "stroke-linecap": "round"
-          }, null, 8, Je)) : h("", !0),
+          }, null, 8, Qe)) : h("", !0),
           t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(!0), r(m, { key: 2 }, b(e.allScales, (a) => (l(), r("g", null, [
-            a.id === t.selectedScale && a.yLabels.length ? (l(!0), r(m, { key: 0 }, b(a.yLabels, (o) => (l(), r("line", {
+            a.id === t.selectedScale && a.yLabels.length ? (l(!0), r(m, { key: 0 }, b(a.yLabels, (c) => (l(), r("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
-              y1: e.checkNaN(o.y),
-              y2: e.checkNaN(o.y),
+              y1: e.checkNaN(c.y),
+              y2: e.checkNaN(c.y),
               stroke: a.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, $e))), 256)) : a.yLabels.length ? (l(!0), r(m, { key: 1 }, b(a.yLabels, (o) => (l(), r("line", {
+            }, null, 8, et))), 256)) : a.yLabels.length ? (l(!0), r(m, { key: 1 }, b(a.yLabels, (c) => (l(), r("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
-              y1: e.checkNaN(o.y),
-              y2: e.checkNaN(o.y),
+              y1: e.checkNaN(c.y),
+              y2: e.checkNaN(c.y),
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, et))), 256)) : h("", !0)
+            }, null, 8, tt))), 256)) : h("", !0)
           ]))), 256)) : h("", !0) : (l(), r(m, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (l(), r("line", {
               key: 0,
@@ -1135,7 +1136,7 @@ function Xa(i, s, c, f, t, e) {
               y2: e.drawingArea.bottom,
               "stroke-linecap": "round"
             }, null, 8, Ke)) : h("", !0),
-            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(), r("g", Qe, [
+            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(), r("g", je, [
               (l(!0), r(m, null, b(e.yLabels, (a) => (l(), r("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
@@ -1144,66 +1145,66 @@ function Xa(i, s, c, f, t, e) {
                 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 ? (l(), r("g", tt, [
-            (l(!0), r(m, null, b(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, o) => (l(), r("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,
+          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (l(), r("g", at, [
+            (l(!0), r(m, null, b(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, c) => (l(), r("line", {
+              key: `grid_vertical_line_${c}`,
+              x1: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
+              x2: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
               y1: e.drawingArea.top,
               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)
         ]),
-        (l(!0), r(m, null, b(e.barSet, (a, o) => (l(), r("defs", {
-          key: `def_rect_${o}`
+        (l(!0), r(m, null, b(e.barSet, (a, c) => (l(), r("defs", {
+          key: `def_rect_${c}`
         }, [
           u("linearGradient", {
-            id: `rectGradient_pos_${o}_${t.uniqueId}`,
+            id: `rectGradient_pos_${c}_${t.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
             u("stop", {
               offset: "0%",
               "stop-color": a.color
-            }, null, 8, lt),
+            }, null, 8, rt),
             u("stop", {
               offset: "62%",
-              "stop-color": `${e.shiftHue(a.color, 0.02)}DE`
-            }, null, 8, rt),
+              "stop-color": `${e.shiftHue(a.color, 0.02)}`
+            }, null, 8, st),
             u("stop", {
               offset: "100%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}66`
-            }, null, 8, st)
-          ], 8, it),
+              "stop-color": `${e.shiftHue(a.color, 0.05)}`
+            }, null, 8, nt)
+          ], 8, lt),
           u("linearGradient", {
-            id: `rectGradient_neg_${o}_${t.uniqueId}`,
+            id: `rectGradient_neg_${c}_${t.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}66`
+              "stop-color": `${e.shiftHue(a.color, 0.05)}`
             }, null, 8, ot),
             u("stop", {
               offset: "38%",
-              "stop-color": `${e.shiftHue(a.color, 0.02)}DE`
-            }, null, 8, ct),
+              "stop-color": `${e.shiftHue(a.color, 0.02)}`
+            }, null, 8, ht),
             u("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, ht)
-          ], 8, nt)
+            }, null, 8, dt)
+          ], 8, ct)
         ]))), 128)),
-        (l(!0), r(m, null, b(e.plotSet, (a, o) => (l(), r("defs", {
-          key: `def_plot_${o}`
+        (l(!0), r(m, null, b(e.plotSet, (a, c) => (l(), r("defs", {
+          key: `def_plot_${c}`
         }, [
           u("radialGradient", {
-            id: `plotGradient_${o}_${t.uniqueId}`,
+            id: `plotGradient_${c}_${t.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -1213,18 +1214,18 @@ function Xa(i, s, c, f, t, e) {
             u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, ut),
+            }, null, 8, gt),
             u("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, gt)
-          ], 8, dt)
+            }, null, 8, ft)
+          ], 8, ut)
         ]))), 128)),
-        (l(!0), r(m, null, b(e.lineSet, (a, o) => (l(), r("defs", {
-          key: `def_line_${o}`
+        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("defs", {
+          key: `def_line_${c}`
         }, [
           u("radialGradient", {
-            id: `lineGradient_${o}_${t.uniqueId}`,
+            id: `lineGradient_${c}_${t.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -1234,14 +1235,14 @@ function Xa(i, s, c, f, t, e) {
             u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, mt),
+            }, null, 8, Nt),
             u("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, Nt)
-          ], 8, ft),
+            }, null, 8, It)
+          ], 8, mt),
           u("linearGradient", {
-            id: `areaGradient_${o}_${t.uniqueId}`,
+            id: `areaGradient_${c}_${t.uniqueId}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
@@ -1249,13 +1250,13 @@ function Xa(i, s, c, f, t, e) {
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(a.color, 0.03)}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, bt),
+              "stop-color": `${e.setOpacity(e.shiftHue(a.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
+            }, null, 8, xt),
             u("stop", {
               offset: "100%",
-              "stop-color": `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, xt)
-          ], 8, It)
+              "stop-color": `${e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)}`
+            }, null, 8, _t)
+          ], 8, bt)
         ]))), 128)),
         (l(!0), r(m, null, b(e.highlightAreas, (a) => (l(), r("g", null, [
           a.show ? (l(), r(m, { key: 0 }, [
@@ -1265,8 +1266,8 @@ function Xa(i, s, c, f, t, e) {
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries * a.span < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries * a.span,
-              fill: `${a.color}${t.opacity[a.opacity]}`
-            }, null, 8, _t),
+              fill: e.setOpacity(a.color, a.opacity)
+            }, null, 8, Ft),
             a.caption.text ? (l(), r("foreignObject", {
               key: 0,
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from - t.slicer.start) - (a.caption.width === "auto" ? 0 : a.caption.width / 2 - e.drawingArea.width / e.maxSeries * a.span / 2),
@@ -1277,30 +1278,30 @@ function Xa(i, s, c, f, t, e) {
             }, [
               u("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)
-            ], 8, Ft)) : h("", !0)
+              }, C(a.caption.text), 5)
+            ], 8, yt)) : h("", !0)
           ], 64)) : h("", !0)
         ]))), 256)),
         u("g", null, [
-          (l(!0), r(m, null, b(e.maxSeries, (a, o) => (l(), r("g", {
-            key: `tooltip_trap_${o}`
+          (l(!0), r(m, null, b(e.maxSeries, (a, c) => (l(), r("g", {
+            key: `tooltip_trap_${c}`
           }, [
             u("rect", {
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c,
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
-              fill: [t.selectedMinimapIndex, t.selectedSerieIndex, t.selectedRowIndex].includes(o) ? `${e.FINAL_CONFIG.chart.highlighter.color}${t.opacity[e.FINAL_CONFIG.chart.highlighter.opacity]}` : "transparent"
-            }, null, 8, yt)
+              fill: [t.selectedMinimapIndex, t.selectedSerieIndex, t.selectedRowIndex].includes(c) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
+            }, null, 8, At)
           ]))), 128))
         ]),
-        e.barSet.length ? (l(!0), r(m, { key: 0 }, b(e.barSet, (a, o) => (l(), r("g", {
-          key: `serie_bar_${o}`,
-          class: M(`serie_bar_${o}`),
+        e.barSet.length ? (l(!0), r(m, { key: 0 }, b(e.barSet, (a, c) => (l(), r("g", {
+          key: `serie_bar_${c}`,
+          class: p(`serie_bar_${c}`),
           style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `bar_plot_${o}_${g}`
+            key: `bar_plot_${c}_${g}`
           }, [
             e.canShowValue(n.value) ? (l(), r("rect", {
               key: 0,
@@ -1309,10 +1310,10 @@ function Xa(i, s, c, f, t, e) {
               height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
               width: e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap),
               rx: e.FINAL_CONFIG.bar.borderRadius,
-              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${o}_${t.uniqueId})` : `url(#rectGradient_neg_${o}_${t.uniqueId})` : a.color,
+              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${c}_${t.uniqueId})` : `url(#rectGradient_neg_${c}_${t.uniqueId})` : a.color,
               stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? a.color : e.FINAL_CONFIG.bar.border.stroke,
               "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
-            }, null, 8, At)) : h("", !0),
+            }, null, 8, Lt)) : h("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1324,12 +1325,12 @@ function Xa(i, s, c, f, t, e) {
               O(i.$slots, "plot-comment", {
                 plot: { ...n, color: a.color }
               }, void 0, !0)
-            ], 8, Lt)) : h("", !0)
+            ], 8, Ct)) : h("", !0)
           ]))), 128)),
           Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", St, [
             u("defs", null, [
               u("marker", {
-                id: `bar_arrow_${o}`,
+                id: `bar_arrow_${c}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1339,8 +1340,8 @@ function Xa(i, s, c, f, t, e) {
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, kt)
-              ], 8, Ct)
+                }, null, 8, wt)
+              ], 8, kt)
             ]),
             a.plots.length > 1 ? (l(), r("line", {
               key: 0,
@@ -1351,8 +1352,8 @@ function Xa(i, s, c, f, t, e) {
               "stroke-width": 1,
               stroke: a.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#bar_arrow_${o})`
-            }, null, 8, wt)) : h("", !0),
+              "marker-end": `url(#bar_arrow_${c})`
+            }, null, 8, Ot)) : h("", !0),
             a.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1360,11 +1361,11 @@ function Xa(i, s, c, f, t, e) {
               y: e.calcLinearProgression(a.plots).y2 - 6,
               "font-size": t.fontSizes.plotLabels,
               fill: a.color
-            }, S(e.dataLabel({
+            }, C(e.dataLabel({
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Ot)) : h("", !0)
+            })), 9, vt)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)) : h("", !0),
         !t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (l(), r("line", {
@@ -1376,8 +1377,8 @@ function Xa(i, s, c, f, t, e) {
           y1: e.checkNaN(e.zero),
           y2: e.checkNaN(e.zero),
           "stroke-linecap": "round"
-        }, null, 8, vt)) : h("", !0),
-        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || t.selectedMinimapIndex !== null) ? (l(), r("g", Gt, [
+        }, null, 8, Gt)) : h("", !0),
+        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || t.selectedMinimapIndex !== null) ? (l(), r("g", zt, [
           u("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.selectedSerieIndex || t.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
             x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.selectedSerieIndex || t.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
@@ -1388,7 +1389,7 @@ function Xa(i, s, c, f, t, e) {
             "stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
             "stroke-linecap": "round",
             style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-          }, null, 8, zt)
+          }, null, 8, Mt)
         ])) : h("", !0),
         u("g", null, [
           u("rect", {
@@ -1406,7 +1407,7 @@ function Xa(i, s, c, f, t, e) {
             width: e.FINAL_CONFIG.chart.padding.right - 1 + e.xPadding,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             fill: e.FINAL_CONFIG.chart.backgroundColor
-          }, null, 8, Mt)
+          }, null, 8, Pt)
         ]),
         e.FINAL_CONFIG.chart.grid.frame.show ? (l(), r("rect", {
           key: 3,
@@ -1421,8 +1422,8 @@ function Xa(i, s, c, f, t, e) {
           "stroke-linecap": e.FINAL_CONFIG.chart.grid.frame.strokeLinecap,
           "stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
-        }, null, 8, Pt)) : h("", !0),
-        e.FINAL_CONFIG.chart.grid.labels.show ? (l(), r("g", Tt, [
+        }, null, 8, Tt)) : h("", !0),
+        e.FINAL_CONFIG.chart.grid.labels.show ? (l(), r("g", Vt, [
           t.mutableConfig.useIndividualScale ? (l(), r(m, { key: 0 }, [
             (l(!0), r(m, null, b(e.allScales, (a) => (l(), r("g", null, [
               u("line", {
@@ -1434,7 +1435,7 @@ function Xa(i, s, c, f, t, e) {
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
                 style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
-              }, null, 12, Vt)
+              }, null, 12, Rt)
             ]))), 256)),
             (l(!0), r(m, null, b(e.allScales, (a) => (l(), r("g", {
               style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
@@ -1444,35 +1445,35 @@ function Xa(i, s, c, f, t, e) {
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "middle",
                 transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, S(a.name) + " " + S(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Rt),
-              (l(!0), r(m, null, b(a.yLabels, (o, n) => (l(), r("line", {
+              }, C(a.name) + " " + C(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Dt),
+              (l(!0), r(m, null, b(a.yLabels, (c, n) => (l(), r("line", {
                 x1: a.x - 3 + e.xPadding,
                 x2: a.x + e.xPadding,
-                y1: e.checkNaN(o.y),
-                y2: e.checkNaN(o.y),
+                y1: e.checkNaN(c.y),
+                y2: e.checkNaN(c.y),
                 stroke: a.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
-              }, null, 8, Dt))), 256)),
-              (l(!0), r(m, null, b(a.yLabels, (o, n) => (l(), r("text", {
+              }, null, 8, Ht))), 256)),
+              (l(!0), r(m, null, b(a.yLabels, (c, n) => (l(), r("text", {
                 x: a.x - 5 + e.xPadding,
-                y: e.checkNaN(o.y) + t.fontSizes.dataLabels / 3,
+                y: e.checkNaN(c.y) + t.fontSizes.dataLabels / 3,
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "end",
                 fill: a.color
-              }, S(e.applyDataLabel(
+              }, C(e.applyDataLabel(
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
-                o.value,
+                c.value,
                 e.dataLabel({
                   p: e.FINAL_CONFIG.chart.labels.prefix,
-                  v: o.value,
+                  v: c.value,
                   s: e.FINAL_CONFIG.chart.labels.suffix,
                   r: 1
                 })
-              )), 9, Ht))), 256))
+              )), 9, Wt))), 256))
             ], 4))), 256))
-          ], 64)) : (l(!0), r(m, { key: 1 }, b(e.yLabels, (a, o) => (l(), r("g", {
-            key: `yLabel_${o}`
+          ], 64)) : (l(!0), r(m, { key: 1 }, b(e.yLabels, (a, c) => (l(), r("g", {
+            key: `yLabel_${c}`
           }, [
             e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (l(), r("line", {
               key: 0,
@@ -1491,7 +1492,7 @@ function Xa(i, s, c, f, t, e) {
               "font-size": t.fontSizes.dataLabels,
               "text-anchor": "end",
               fill: e.FINAL_CONFIG.chart.grid.labels.color
-            }, S(e.canShowValue(a.value) ? e.applyDataLabel(
+            }, C(e.canShowValue(a.value) ? e.applyDataLabel(
               e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
               a.value,
               e.dataLabel({
@@ -1500,21 +1501,21 @@ function Xa(i, s, c, f, t, e) {
                 s: e.FINAL_CONFIG.chart.labels.suffix,
                 r: 1
               })
-            ) : ""), 9, Wt)) : h("", !0)
+            ) : ""), 9, Bt)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
-        (l(!0), r(m, null, b(e.plotSet, (a, o) => (l(), r("g", {
-          key: `serie_plot_${o}`,
-          class: M(`serie_plot_${o}`),
+        (l(!0), r(m, null, b(e.plotSet, (a, c) => (l(), r("g", {
+          key: `serie_plot_${c}`,
+          class: p(`serie_plot_${c}`),
           style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `circle_plot_${o}_${g}`
+            key: `circle_plot_${c}_${g}`
           }, [
             e.canShowValue(n.value) ? (l(), V(L, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${o}_${t.uniqueId})` : a.color,
+              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${t.uniqueId})` : a.color,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
               radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.plot || 6) * 1.5 : t.plotRadii.plot || 6,
               stroke: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1528,17 +1529,17 @@ function Xa(i, s, c, f, t, e) {
               x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              u("div", Yt, [
+              u("div", Xt, [
                 O(i.$slots, "plot-comment", {
                   plot: { ...n, color: a.color }
                 }, void 0, !0)
               ])
-            ], 8, Bt)) : h("", !0)
+            ], 8, Yt)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", Xt, [
+          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", qt, [
             u("defs", null, [
               u("marker", {
-                id: `plot_arrow_${o}`,
+                id: `plot_arrow_${c}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1548,8 +1549,8 @@ function Xa(i, s, c, f, t, e) {
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, Zt)
-              ], 8, qt)
+                }, null, 8, Ut)
+              ], 8, Zt)
             ]),
             a.plots.length > 1 ? (l(), r("line", {
               key: 0,
@@ -1560,8 +1561,8 @@ function Xa(i, s, c, f, t, e) {
               "stroke-width": 1,
               stroke: a.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#plot_arrow_${o})`
-            }, null, 8, Ut)) : h("", !0),
+              "marker-end": `url(#plot_arrow_${c})`
+            }, null, 8, Jt)) : h("", !0),
             a.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1569,16 +1570,16 @@ function Xa(i, s, c, f, t, e) {
               y: e.calcLinearProgression(a.plots).y2 - 6,
               "font-size": t.fontSizes.plotLabels,
               fill: a.color
-            }, S(e.dataLabel({
+            }, C(e.dataLabel({
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Jt)) : h("", !0)
+            })), 9, Qt)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
-        (l(!0), r(m, null, b(e.lineSet, (a, o) => (l(), r("g", {
-          key: `serie_line_${o}`,
-          class: M(`serie_line_${o}`),
+        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("g", {
+          key: `serie_line_${c}`,
+          class: p(`serie_line_${c}`),
           style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           a.smooth && a.plots.length > 1 ? (l(), r("path", {
@@ -1588,9 +1589,9 @@ function Xa(i, s, c, f, t, e) {
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, Kt)) : a.plots.length > 1 ? (l(), r("g", Qt, [
+          }, null, 8, Kt)) : a.plots.length > 1 ? (l(), r("g", jt, [
             (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `line_${o}_${g}`
+              key: `line_${c}_${g}`
             }, [
               n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (l(), r("line", {
                 key: 0,
@@ -1603,25 +1604,25 @@ function Xa(i, s, c, f, t, e) {
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, jt)) : h("", !0)
+              }, null, 8, $t)) : h("", !0)
             ]))), 128))
           ])) : h("", !0)
         ], 6))), 128)),
-        (l(!0), r(m, null, b(e.lineSet, (a, o) => (l(), r("g", {
-          key: `serie_line_${o}`,
-          class: M(`serie_line_${o}`),
+        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("g", {
+          key: `serie_line_${c}`,
+          class: p(`serie_line_${c}`),
           style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          a.useArea && a.plots.length > 1 ? (l(), r("g", $t, [
+          a.useArea && a.plots.length > 1 ? (l(), r("g", ea, [
             a.smooth ? (l(), r("path", {
               key: 0,
-              d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * o + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${t.uniqueId})` : `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, ea)) : (l(), r("path", {
+              d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * c + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
+              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+            }, null, 8, ta)) : (l(), r("path", {
               key: 1,
               d: `M${a.area}Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${t.uniqueId})` : `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, ta))
+              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+            }, null, 8, aa))
           ])) : h("", !0),
           a.smooth && a.plots.length > 1 ? (l(), r("path", {
             key: 1,
@@ -1630,9 +1631,9 @@ function Xa(i, s, c, f, t, e) {
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, aa)) : a.plots.length > 1 ? (l(), r("g", ia, [
+          }, null, 8, ia)) : a.plots.length > 1 ? (l(), r("g", la, [
             (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `line_${o}_${g}`
+              key: `line_${c}_${g}`
             }, [
               n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (l(), r("line", {
                 key: 0,
@@ -1645,16 +1646,16 @@ function Xa(i, s, c, f, t, e) {
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, la)) : h("", !0)
+              }, null, 8, ra)) : h("", !0)
             ]))), 128))
           ])) : h("", !0),
           (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `circle_line_${o}_${g}`
+            key: `circle_line_${c}_${g}`
           }, [
             n && e.canShowValue(n.value) ? (l(), V(L, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${o}_${t.uniqueId})` : a.color,
+              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${t.uniqueId})` : a.color,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
               radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.line || 6) * 1.5 : t.plotRadii.line || 6,
               stroke: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1668,17 +1669,17 @@ function Xa(i, s, c, f, t, e) {
               x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              u("div", sa, [
+              u("div", na, [
                 O(i.$slots, "plot-comment", {
                   plot: { ...n, color: a.color }
                 }, void 0, !0)
               ])
-            ], 8, ra)) : h("", !0)
+            ], 8, sa)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", na, [
+          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", ca, [
             u("defs", null, [
               u("marker", {
-                id: `line_arrow_${o}`,
+                id: `line_arrow_${c}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1688,7 +1689,7 @@ function Xa(i, s, c, f, t, e) {
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, ca)
+                }, null, 8, ha)
               ], 8, oa)
             ]),
             a.plots.length > 1 ? (l(), r("line", {
@@ -1700,8 +1701,8 @@ function Xa(i, s, c, f, t, e) {
               "stroke-width": 1,
               stroke: a.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#line_arrow_${o})`
-            }, null, 8, ha)) : h("", !0),
+              "marker-end": `url(#line_arrow_${c})`
+            }, null, 8, da)) : h("", !0),
             a.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1709,21 +1710,21 @@ function Xa(i, s, c, f, t, e) {
               y: e.calcLinearProgression(a.plots).y2 - 6,
               "font-size": t.fontSizes.plotLabels,
               fill: a.color
-            }, S(e.dataLabel({
+            }, C(e.dataLabel({
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, da)) : h("", !0)
+            })), 9, ua)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (l(), r("g", ua, [
-          (l(!0), r(m, null, b(e.barSet, (a, o) => (l(), r("g", {
-            key: `xLabel_bar_${o}`,
-            class: M(`xLabel_bar_${o}`),
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (l(), r("g", ga, [
+          (l(!0), r(m, null, b(e.barSet, (a, c) => (l(), r("g", {
+            key: `xLabel_bar_${c}`,
+            class: p(`xLabel_bar_${c}`),
             style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
             (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `xLabel_bar_${o}_${g}`
+              key: `xLabel_bar_${c}_${g}`
             }, [
               n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (l(), r("text", {
                 key: 0,
@@ -1732,7 +1733,7 @@ function Xa(i, s, c, f, t, e) {
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
-              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, C(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
                 n.value,
                 e.dataLabel({
@@ -1745,7 +1746,7 @@ function Xa(i, s, c, f, t, e) {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, ga)) : h("", !0),
+              ) : ""), 9, fa)) : h("", !0),
               n && e.FINAL_CONFIG.bar.serieName.show ? (l(), r("text", {
                 key: 1,
                 x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
@@ -1754,18 +1755,18 @@ function Xa(i, s, c, f, t, e) {
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? a.color : e.FINAL_CONFIG.bar.serieName.color,
                 "font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
-              }, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, fa)) : h("", !0)
+              }, C(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, ma)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", ma, [
-          (l(!0), r(m, null, b(e.plotSet, (a, o) => (l(), r("g", {
-            key: `xLabel_plot_${o}`,
-            class: M(`xLabel_plot_${o}`),
+        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", Na, [
+          (l(!0), r(m, null, b(e.plotSet, (a, c) => (l(), r("g", {
+            key: `xLabel_plot_${c}`,
+            class: p(`xLabel_plot_${c}`),
             style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
             (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `xLabel_plot_${o}_${g}`
+              key: `xLabel_plot_${c}_${g}`
             }, [
               n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (l(), r("text", {
                 key: 0,
@@ -1774,7 +1775,7 @@ function Xa(i, s, c, f, t, e) {
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color
-              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, C(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
                 n.value,
                 e.dataLabel({
@@ -1787,7 +1788,7 @@ function Xa(i, s, c, f, t, e) {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, Na)) : h("", !0),
+              ) : ""), 9, Ia)) : h("", !0),
               n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
                 x: n.x,
@@ -1797,9 +1798,9 @@ function Xa(i, s, c, f, t, e) {
                 style: { overflow: "visible" }
               }, [
                 u("div", {
-                  style: A(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, S(a.name), 5)
-              ], 8, Ia)) : h("", !0),
+                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, C(a.name), 5)
+              ], 8, ba)) : h("", !0),
               n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (l(), r("foreignObject", {
                 key: 2,
                 x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
@@ -1809,20 +1810,20 @@ function Xa(i, s, c, f, t, e) {
                 style: { overflow: "visible" }
               }, [
                 u("div", {
-                  style: A(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, S(a.name), 5)
-              ], 8, ba)) : h("", !0)
+                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, C(a.name), 5)
+              ], 8, xa)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", xa, [
-          (l(!0), r(m, null, b(e.lineSet, (a, o) => (l(), r("g", {
-            key: `xLabel_line_${o}`,
-            class: M(`xLabel_line_${o}`),
+        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", _a, [
+          (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("g", {
+            key: `xLabel_line_${c}`,
+            class: p(`xLabel_line_${c}`),
             style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
             (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `xLabel_line_${o}_${g}`
+              key: `xLabel_line_${c}_${g}`
             }, [
               n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (l(), r("text", {
                 key: 0,
@@ -1831,7 +1832,7 @@ function Xa(i, s, c, f, t, e) {
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color
-              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, C(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
                 n.value,
                 e.dataLabel({
@@ -1844,7 +1845,7 @@ function Xa(i, s, c, f, t, e) {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, _a)) : h("", !0),
+              ) : ""), 9, Fa)) : h("", !0),
               n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
                 x: n.x,
@@ -1854,9 +1855,9 @@ function Xa(i, s, c, f, t, e) {
                 style: { overflow: "visible" }
               }, [
                 u("div", {
-                  style: A(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, S(a.name), 5)
-              ], 8, Fa)) : h("", !0),
+                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, C(a.name), 5)
+              ], 8, ya)) : h("", !0),
               n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (l(), r("foreignObject", {
                 key: 2,
                 x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
@@ -1866,19 +1867,19 @@ function Xa(i, s, c, f, t, e) {
                 style: { overflow: "visible" }
               }, [
                 u("div", {
-                  style: A(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, S(a.name), 5)
-              ], 8, ya)) : h("", !0)
+                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                }, C(a.name), 5)
+              ], 8, Aa)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        (l(!0), r(m, null, b(e.lineSet, (a, o) => (l(), r("g", {
-          key: `xLabel_line_${o}`,
-          class: M(`xLabel_line_${o}`),
+        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("g", {
+          key: `xLabel_line_${c}`,
+          class: p(`xLabel_line_${c}`),
           style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `xLabel_line_${o}_${g}`
+            key: `xLabel_line_${c}_${g}`
           }, [
             n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (l(), r("text", {
               key: 0,
@@ -1895,7 +1896,7 @@ function Xa(i, s, c, f, t, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Aa)) : h("", !0),
+            }, null, 8, La)) : h("", !0),
             n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (l(), r("text", {
               key: 1,
               x: n.x + t.fontSizes.plotLabels,
@@ -1911,16 +1912,16 @@ function Xa(i, s, c, f, t, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, La)) : h("", !0)
+            }, null, 8, Ca)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
-        (l(!0), r(m, null, b(e.plotSet, (a, o) => (l(), r("g", {
-          key: `xLabel_plot_${o}`,
-          class: M(`xLabel_plot_${o}`),
+        (l(!0), r(m, null, b(e.plotSet, (a, c) => (l(), r("g", {
+          key: `xLabel_plot_${c}`,
+          class: p(`xLabel_plot_${c}`),
           style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `xLabel_plot_${o}_${g}`
+            key: `xLabel_plot_${c}_${g}`
           }, [
             n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (l(), r("text", {
               key: 0,
@@ -1953,7 +1954,7 @@ function Xa(i, s, c, f, t, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Ca)) : h("", !0)
+            }, null, 8, ka)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
         t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (l(!0), r(m, { key: 8 }, b(e.allScales, (a) => (l(), r("rect", {
@@ -1961,10 +1962,10 @@ function Xa(i, s, c, f, t, e) {
           y: e.drawingArea.top,
           width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-          fill: t.selectedScale === a.id ? `${a.color}20` : "transparent",
-          onMouseenter: (o) => t.selectedScale = a.id,
-          onMouseleave: s[0] || (s[0] = (o) => t.selectedScale = null)
-        }, null, 40, ka))), 256)) : h("", !0),
+          fill: t.selectedScale === a.id ? e.setOpacity(a.color, 20) : "transparent",
+          onMouseenter: (c) => t.selectedScale = a.id,
+          onMouseleave: s[0] || (s[0] = (c) => t.selectedScale = null)
+        }, null, 40, wa))), 256)) : h("", !0),
         u("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (l(), r("text", {
             key: 0,
@@ -1973,7 +1974,7 @@ function Xa(i, s, c, f, t, e) {
             transform: `translate(${t.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
             "text-anchor": "middle",
             style: { transition: "none" }
-          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, wa)) : h("", !0),
+          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Oa)) : h("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (l(), r("text", {
             key: 1,
             "text-anchor": "middle",
@@ -1981,36 +1982,36 @@ function Xa(i, s, c, f, t, e) {
             y: e.drawingArea.bottom + t.fontSizes.yAxis + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
             "font-size": t.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Oa)) : h("", !0)
+          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, va)) : h("", !0)
         ]),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (l(), r("g", va, [
-          (l(!0), r(m, null, b(e.timeLabels, (a, o) => (l(), r("g", {
-            key: `time_label_${o}`
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (l(), r("g", Ga, [
+          (l(!0), r(m, null, b(e.timeLabels, (a, c) => (l(), r("g", {
+            key: `time_label_${c}`
           }, [
-            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 && t.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 ? (l(), r("text", {
+            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 && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === c && !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 && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (l(), r("text", {
               key: 0,
               "text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
               "font-size": t.fontSizes.xAxis,
               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 + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
-            }, S(a || ""), 9, Ga)) : h("", !0)
+              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
+            }, C(a || ""), 9, za)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
         u("g", null, [
-          (l(!0), r(m, null, b(e.maxSeries, (a, o) => (l(), r("g", {
-            key: `tooltip_trap_${o}`
+          (l(!0), r(m, null, b(e.maxSeries, (a, c) => (l(), r("g", {
+            key: `tooltip_trap_${c}`
           }, [
             u("rect", {
               "data-cy-trap": "",
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c,
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
               fill: "transparent",
-              onMouseenter: (n) => e.toggleTooltipVisibility(!0, o),
+              onMouseenter: (n) => e.toggleTooltipVisibility(!0, c),
               onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
-              onClick: (n) => e.selectX(o)
-            }, null, 40, za)
+              onClick: (n) => e.selectX(c)
+            }, null, 40, Ma)
           ]))), 128))
         ]),
         e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (l(), r("g", pa, [
@@ -2024,19 +2025,19 @@ function Xa(i, s, c, f, t, e) {
             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[t.selectedSerieIndex] || t.selectedSerieIndex), 5)
-          ], 8, Ma)),
+            }, C(e.timeLabels[t.selectedSerieIndex] || t.selectedSerieIndex), 5)
+          ], 8, Pa)),
           u("circle", {
             cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
             cy: e.drawingArea.bottom,
             r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
             fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
-          }, null, 8, Pa)
+          }, null, 8, Ta)
         ])) : h("", !0)
       ])) : h("", !0),
       O(i.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, qe)) : h("", !0),
-    i.$slots.watermark ? (l(), r("div", Ta, [
+    ], 14, Ze)) : h("", !0),
+    i.$slots.watermark ? (l(), r("div", Va, [
       O(i.$slots, "watermark", B(Y({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
     ])) : h("", !0),
     e.isDataset ? h("", !0) : (l(), V(N, {
@@ -2099,12 +2100,12 @@ function Xa(i, s, c, f, t, e) {
       class: "vue-ui-xy-legend",
       style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (l(!0), r(m, null, b(e.absoluteDataset, (a, o) => (l(), r("div", {
-        key: `div_legend_item_${o}`,
+      (l(!0), r(m, null, b(e.absoluteDataset, (a, c) => (l(), r("div", {
+        key: `div_legend_item_${c}`,
         onClick: (n) => e.segregate(a),
-        class: M({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
+        class: p({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
       }, [
-        t.icons[a.type] === "line" ? (l(), r("svg", Ra, [
+        t.icons[a.type] === "line" ? (l(), r("svg", Da, [
           u("rect", {
             x: "0",
             y: "7",
@@ -2113,7 +2114,7 @@ function Xa(i, s, c, f, t, e) {
             height: "4",
             width: "20",
             fill: a.color
-          }, null, 8, Da),
+          }, null, 8, Ha),
           q(L, {
             plot: { x: 10, y: 9 },
             radius: 4,
@@ -2122,7 +2123,7 @@ function Xa(i, s, c, f, t, e) {
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 1
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : (l(), r("svg", Ha, [
+        ])) : (l(), r("svg", Wa, [
           t.icons[a.type] === "bar" ? (l(), r("rect", {
             key: 0,
             x: "0",
@@ -2142,12 +2143,12 @@ function Xa(i, s, c, f, t, e) {
         ])),
         u("span", {
           style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
-        }, S(a.name), 5)
-      ], 10, Va))), 128))
-    ], 4)) : (l(), r("div", Wa, [
+        }, C(a.name), 5)
+      ], 10, Ra))), 128))
+    ], 4)) : (l(), r("div", Ba, [
       O(i.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    q(p, {
+    q(M, {
       show: t.mutableConfig.showTooltip && t.isTooltip,
       backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
       color: e.FINAL_CONFIG.chart.tooltip.color,
@@ -2190,18 +2191,18 @@ function Xa(i, s, c, f, t, e) {
         u("div", {
           style: A(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          u("div", Ba, [
-            De(u("input", {
+          u("div", Ya, [
+            He(u("input", {
               type: "checkbox",
               "onUpdate:modelValue": s[4] || (s[4] = (a) => t.showSparklineTable = a)
             }, null, 512), [
-              [He, t.showSparklineTable]
+              [We, t.showSparklineTable]
             ]),
             u("div", {
               onClick: s[5] || (s[5] = (a) => t.showSparklineTable = !t.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
-              q(C, {
+              q(S, {
                 name: "chartLine",
                 size: 20,
                 stroke: e.FINAL_CONFIG.chart.color
@@ -2222,10 +2223,10 @@ function Xa(i, s, c, f, t, e) {
             onClose: s[6] || (s[6] = (a) => t.mutableConfig.showTable = !1)
           }, {
             th: z(({ th: a }) => [
-              u("div", { innerHTML: a }, null, 8, Ya)
+              u("div", { innerHTML: a }, null, 8, Xa)
             ]),
             td: z(({ td: a }) => [
-              Ee(S(isNaN(Number(a)) ? a : e.dataLabel({
+              Ee(C(isNaN(Number(a)) ? a : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
                 v: a,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
@@ -2238,9 +2239,9 @@ function Xa(i, s, c, f, t, e) {
       ]),
       _: 1
     }, 8, ["config"])) : h("", !0)
-  ], 14, Xe);
+  ], 14, qe);
 }
-const ni = /* @__PURE__ */ We(Ye, [["render", Xa], ["__scopeId", "data-v-b7919a68"]]);
+const ci = /* @__PURE__ */ Be(Xe, [["render", qa], ["__scopeId", "data-v-0874a101"]]);
 export {
-  ni as default
+  ci as default
 };