vue-data-ui 2.3.73 → 2.3.75

package/dist/{vue-ui-xy-9_2IHEOX.js → vue-ui-xy-BMBYAC4z.js}

@@ -1,17 +1,17 @@
 import { p as K } from "./pdf-97UbtKC2.js";
-import { U as Q, s as j } from "./usePrinter-B8-keRMa.js";
-import { c as J, a as $, t as ee, w as te, p as ae, u as ie, S as q, M as P, f as Z, H as le, E as re, i as se, Y as ne, V as oe, Z as ce, s as he, _ as de, d as ue, A as ge, b as fe, q as me, P as Ne, $ as Ie, r as be, e as xe, y as _e, K as Fe, x as ye, a0 as Ae, o as Le, v as ke, D as Se, z as Ce } from "./index-Dvs5Ra-u.js";
-import { D as we } from "./DataTable-BOdJVZzF.js";
-import { _ as Oe } from "./Title-Ngy9HNqO.js";
-import { _ as ve, u as Ge } from "./Tooltip-BCtg7xYX.js";
-import { _ as ze } from "./Shape-DNbJlwSU.js";
-import Me from "./BaseIcon-_V_BEdy8.js";
-import pe from "./vue-ui-table-sparkline-Bzqs2Hcp.js";
-import Pe from "./vue-ui-skeleton-CAvlIcgk.js";
-import { S as Te } from "./Slicer-8Gg45iGX.js";
-import Ve from "./vue-ui-accordion-C-qAry7P.js";
-import { u as U } from "./useNestedProp-UohhCyBz.js";
-import { resolveComponent as T, openBlock as l, createElementBlock as r, normalizeClass as p, normalizeStyle as A, createVNode as X, createCommentVNode as c, createBlock as V, 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 k, withDirectives as De, vModelCheckbox as He, createTextVNode as Ee } from "vue";
+import { U as Q, s as j } from "./usePrinter-B8RnF8_q.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-Cm4Iry5c.js";
+import { D as we } from "./DataTable-CQANRZju.js";
+import { _ as Oe } from "./Title-C26I_HC3.js";
+import { _ as ve, u as Ge } from "./Tooltip-CH8GmDCG.js";
+import { _ as ze } from "./Shape-kqcyauhC.js";
+import pe from "./BaseIcon-BAOfPaXs.js";
+import Me from "./vue-ui-table-sparkline-Y6Lrrzxy.js";
+import Pe from "./vue-ui-skeleton-C1oUnz7R.js";
+import { S as Te } from "./Slicer-yaJs-izT.js";
+import Ve from "./vue-ui-accordion-Cb6XBCbu.js";
+import { u as U } from "./useNestedProp-CurQIHTa.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 = {
   name: "vue-ui-xy",
@@ -35,22 +35,22 @@ const Be = J(), Ye = {
     Title: Oe,
     Tooltip: ve,
     UserOptions: Q,
-    BaseIcon: Me,
-    TableSparkline: pe,
+    BaseIcon: pe,
+    TableSparkline: Me,
     Skeleton: Pe,
     Slicer: Te,
     Accordion: Ve
   },
   data() {
-    this.dataset.forEach((h, f) => {
-      [null, void 0].includes(h.series) && this.error({
+    this.dataset.forEach((c, f) => {
+      [null, void 0].includes(c.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
         index: f
       });
     });
-    const i = Math.max(...this.dataset.map((h) => h.series.length)), s = {
+    const i = Math.max(...this.dataset.map((c) => c.series.length)), s = {
       start: 0,
       end: i
     };
@@ -98,6 +98,8 @@ const Be = J(), Ye = {
       segregatedSeries: [],
       uniqueId: J(),
       step: 0,
+      tableStep: 0,
+      titleStep: 0,
       slicer: s,
       __to__: null,
       maxX: i,
@@ -117,14 +119,31 @@ const Be = J(), Ye = {
       selectedMinimapIndex: null
     };
   },
+  watch: {
+    dataset: {
+      handler(i, s) {
+        this.maxX = Math.max(...this.dataset.map((c) => c.series.length)), this.slicer = {
+          start: 0,
+          end: this.maxX
+        }, this.slicerStep += 1, this.segregateStep += 1;
+      },
+      deep: !0
+    },
+    config: {
+      handler(i, s) {
+        this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1;
+      },
+      deep: !0
+    }
+  },
   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)), h = [];
+      const i = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), s = Math.max(...i.map((t) => t.series.length)), c = [];
       for (let t = 0; t < s; t += 1)
-        h.push(i.map((e) => e.series[t] || 0).reduce((e, I) => (e || 0) + (I || 0), 0));
-      const f = Math.min(...h);
-      return h.map((t) => t + (f < 0 ? Math.abs(f) : 0));
+        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));
     },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
@@ -159,7 +178,7 @@ const Be = J(), Ye = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), h = this.plotSet.map((t) => ({
+      })), c = this.plotSet.map((t) => ({
         name: t.name,
         color: t.color,
         scale: t.individualScale,
@@ -171,8 +190,8 @@ const Be = J(), Ye = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), f = [...i, ...s, ...h].flatMap((t) => t).length;
-      return [...i, ...s, ...h].flatMap((t, e) => ({
+      })), f = [...i, ...s, ...c].flatMap((t) => t).length;
+      return [...i, ...s, ...c].flatMap((t, e) => ({
         id: t.id,
         scaleLabel: t.scaleLabel,
         name: t.name,
@@ -196,20 +215,7 @@ const Be = J(), Ye = {
     },
     FINAL_CONFIG: {
       get: function() {
-        const i = ie().vue_ui_xy;
-        if (!Object.keys(this.config || {}).length)
-          return i;
-        const s = this.useNestedProp({
-          userConfig: this.config,
-          defaultConfig: i
-        });
-        return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? s.chart.highlightArea = this.config.chart.highlightArea : s.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? s.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : s.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? s.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : s.chart.grid.labels.yAxis.scaleMax = null, s.theme ? {
-          ...U({
-            userConfig: this.themes.vue_ui_xy[s.theme] || this.config,
-            defaultConfig: s
-          }),
-          customPalette: this.themePalettes[s.theme] || this.palette
-        } : s;
+        return this.prepareConfig();
       },
       set: function(i) {
         return i;
@@ -245,7 +251,7 @@ const Be = J(), Ye = {
     safeDataset() {
       return this.useSafeValues ? this.dataset.map((i, s) => ({
         ...i,
-        series: i.series.map((h) => this.isSafeValue(h) ? h : null).slice(this.slicer.start, this.slicer.end),
+        series: i.series.map((c) => this.isSafeValue(c) ? c : 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;
@@ -253,13 +259,13 @@ const Be = J(), Ye = {
     relativeDataset() {
       return this.safeDataset.map((i, s) => ({
         ...i,
-        series: i.series.map((h) => h + this.relativeZero),
+        series: i.series.map((c) => c + this.relativeZero),
         absoluteValues: i.series
       })).filter((i) => !this.segregatedSeries.includes(i.id));
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((i) => {
-        const s = i.absoluteValues.map((h) => [void 0, null].includes(h) ? 0 : h);
+        const s = i.absoluteValues.map((c) => [void 0, null].includes(c) ? 0 : c);
         return {
           id: i.id,
           name: i.name,
@@ -298,7 +304,7 @@ const Be = J(), Ye = {
       return this.safeDataset.map((i, s) => ({
         absoluteIndex: s,
         ...i,
-        series: i.series.map((h) => h + this.relativeZero),
+        series: i.series.map((c) => c + this.relativeZero),
         absoluteValues: i.series,
         segregate: () => this.segregate(i),
         isSegregated: this.segregatedSeries.includes(i.id)
@@ -307,15 +313,15 @@ const Be = J(), Ye = {
     barSet() {
       return this.activeSeriesWithStackRatios.filter((i) => i.type === "bar").map((i, s) => {
         this.checkAutoScaleError(i);
-        const h = 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 - h) / (f - h)),
-          valueMin: h,
+        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,
           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), 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, o = 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 E = this.mutableConfig.useIndividualScale ? (i.absoluteValues[_] + M) / 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), 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;
           return {
             yOffset: this.checkNaN(x),
             individualHeight: this.checkNaN(a),
@@ -341,7 +347,7 @@ const Be = J(), Ye = {
         }), F = N.ticks.map((d) => ({
           y: d >= 0 ? o - a * (d / G) : o + a * Math.abs(d) / G,
           value: d
-        })), C = y.ticks.map((d) => {
+        })), k = y.ticks.map((d) => {
           const _ = (d - y.min) / (y.max - y.min);
           return {
             y: d >= 0 ? n - a * _ : n + a * _,
@@ -351,9 +357,9 @@ const Be = J(), Ye = {
         return {
           ...i,
           yOffset: x,
-          autoScaleYLabels: C,
+          autoScaleYLabels: k,
           individualHeight: a,
-          scaleYLabels: i.autoScaling ? C : F,
+          scaleYLabels: i.autoScaling ? k : F,
           individualScale: i.autoScaling ? y : N,
           individualMax: i.autoScaling ? v : G,
           zeroPosition: i.autoScaling ? n : o,
@@ -370,15 +376,15 @@ 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))), h = 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) / (h - s)),
+        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)),
           valueMin: s,
-          valueMax: h
+          valueMax: c
         }, 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), 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, o = this.drawingArea.bottom - v - x * M / G, n = i.series.map((d, _) => {
-          const E = this.mutableConfig.useIndividualScale ? (i.absoluteValues[_] + Math.abs(y)) / S : 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), 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);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * _),
             y: this.checkNaN(this.drawingArea.bottom - v - x * E),
@@ -394,9 +400,9 @@ 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 / S) : a + x * Math.abs(d) / S,
+          y: d >= 0 ? a - x * (d / C) : a + x * Math.abs(d) / C,
           value: d
-        })), C = N.ticks.map((d) => {
+        })), k = N.ticks.map((d) => {
           const _ = (d - N.min) / (N.max - N.min);
           return {
             y: d >= 0 ? o - x * _ : o + x * _,
@@ -406,11 +412,11 @@ const Be = J(), Ye = {
         return {
           ...i,
           yOffset: v,
-          autoScaleYLabels: C,
+          autoScaleYLabels: k,
           individualHeight: x,
-          scaleYLabels: i.autoScaling ? C : F,
+          scaleYLabels: i.autoScaling ? k : F,
           individualScale: i.autoScaling ? N : L,
-          individualMax: i.autoScaling ? G : S,
+          individualMax: i.autoScaling ? G : C,
           zeroPosition: i.autoScaling ? o : a,
           curve: i.autoScaling ? D : H,
           plots: i.autoScaling ? R : n,
@@ -421,33 +427,33 @@ const Be = J(), Ye = {
     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))), h = 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) / (h - s)),
+        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)),
           valueMin: s,
-          valueMax: h
+          valueMax: c
         }, 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), 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, o = this.drawingArea.bottom - v - x * M / G, n = i.series.map((F, C) => {
-          const d = this.mutableConfig.useIndividualScale ? (i.absoluteValues[C] + Math.abs(y)) / S : 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), 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);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * C),
+            x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * k),
             y: this.checkNaN(this.drawingArea.bottom - v - x * d),
-            value: i.absoluteValues[C],
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[C] || ""
+            value: i.absoluteValues[k],
+            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[k] || ""
           };
-        }), g = i.absoluteValues.map((F) => N.min >= 0 ? (F - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (F + Math.abs(N.min)) / (N.max + Math.abs(N.min))), R = i.series.map((F, C) => ({
-          x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * C),
-          y: this.checkNaN(this.drawingArea.bottom - v - (x * g[C] || 0)),
-          value: i.absoluteValues[C],
-          comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[C] || ""
+        }), g = i.absoluteValues.map((F) => N.min >= 0 ? (F - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (F + Math.abs(N.min)) / (N.max + Math.abs(N.min))), R = i.series.map((F, k) => ({
+          x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * k),
+          y: this.checkNaN(this.drawingArea.bottom - v - (x * g[k] || 0)),
+          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 / S) : a + x * Math.abs(F) / S,
+          y: F >= 0 ? a - x * (F / C) : a + x * Math.abs(F) / C,
           value: F
         })), D = N.ticks.map((F) => {
-          const C = (F - N.min) / (N.max - N.min);
+          const k = (F - N.min) / (N.max - N.min);
           return {
-            y: F >= 0 ? o - x * C : o + x * C,
+            y: F >= 0 ? o - x * k : o + x * k,
             value: F
           };
         });
@@ -458,7 +464,7 @@ const Be = J(), Ye = {
           individualHeight: x,
           scaleYLabels: i.autoScaling ? D : H,
           individualScale: i.autoScaling ? N : L,
-          individualMax: i.autoScaling ? G : S,
+          individualMax: i.autoScaling ? G : C,
           zeroPosition: i.autoScaling ? o : a,
           plots: i.autoScaling ? R : n
         };
@@ -512,13 +518,13 @@ const Be = J(), Ye = {
     },
     table() {
       if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const i = this.relativeDataset.map((h) => ({
-        label: h.name,
-        color: h.color,
-        type: h.type
+      const i = this.relativeDataset.map((c) => ({
+        label: c.name,
+        color: c.color,
+        type: c.type
       })), s = [];
-      return this.timeLabels.forEach((h, f) => {
-        const t = [h];
+      return this.timeLabels.forEach((c, f) => {
+        const t = [c];
         this.relativeDataset.forEach((e) => {
           t.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
         }), s.push(t);
@@ -531,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 h = {
+      const c = {
         th: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
           color: this.FINAL_CONFIG.table.th.color,
@@ -544,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: h, colNames: f };
+      return { head: i, body: s, config: c, colNames: f };
     },
     dataTooltipSlot() {
       return {
@@ -563,13 +569,13 @@ const Be = J(), Ye = {
         name: i.name,
         color: i.color,
         type: i.type,
-        value: i.absoluteValues.find((s, h) => h === this.selectedSerieIndex),
+        value: i.absoluteValues.find((s, c) => c === 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 h = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      const c = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
       return this.isFunction(f) && this.functionReturnsString(() => f({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
@@ -586,7 +592,7 @@ const Be = J(), Ye = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      }) : (h && (i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${h}</div>`), this.selectedSeries.forEach((t) => {
+      }) : (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) => {
         if (this.isSafeValue(t.value)) {
           let e = "", I = "";
           switch (this.icons[t.type]) {
@@ -594,7 +600,7 @@ const Be = J(), Ye = {
               e = `<svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" rx="1" stroke="none" height="12" width="12" fill="${t.color}" /></svg>`;
               break;
             case "line":
-              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? I = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" />` : t.shape === "triangle" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "square" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "diamond" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "pentagon" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "hexagon" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "star" && (I = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${q({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${t.color}" />${I}</svg>`;
+              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? I = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" />` : t.shape === "triangle" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "square" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "diamond" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "pentagon" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "hexagon" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "star" && (I = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${X({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${t.color}" />${I}</svg>`;
               break;
             case "plot":
               if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
@@ -602,7 +608,7 @@ const Be = J(), Ye = {
                 break;
               }
               if (t.shape === "star") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${q({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${X({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
               if (t.shape === "triangle") {
@@ -661,79 +667,98 @@ const Be = J(), Ye = {
     }
   },
   mounted() {
-    if (this.objectIsEmpty(this.dataset) ? this.error({
-      componentName: "VueUiXy",
-      type: "dataset"
-    }) : this.dataset.forEach((i, s) => {
-      [null, void 0].includes(i.name) && this.error({
-        componentName: "VueUiXy",
-        type: "datasetSerieAttribute",
-        property: "name (string)",
-        index: s
-      });
-    }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((i) => {
-      i.series.forEach((s, h) => {
-        this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${i.name}' contains the value '${s}' at index ${h}.
-'${s}' was converted to null to allow the chart to display.`);
-      });
-    }), document.addEventListener("mousemove", (i) => {
+    this.prepareChart(), document.addEventListener("mousemove", (i) => {
       this.clientPosition = {
         x: i.clientX,
         y: i.clientY
       };
-    }), this.mutableConfig = {
-      dataLabels: {
-        show: !0
-      },
-      showTooltip: this.FINAL_CONFIG.chart.tooltip.show === !0,
-      showTable: this.FINAL_CONFIG.showTable === !0,
-      isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
-      useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
-    }, this.FINAL_CONFIG.responsive) {
-      const s = this.$refs.chart.parentNode, { height: h, 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 = h - 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;
+    });
   },
   methods: {
-    abbreviate: le,
-    adaptColorToBackground: re,
-    applyDataLabel: se,
-    assignStackRatios: ne,
-    calcLinearProgression: oe,
-    calculateNiceScaleWithExactExtremes: ce,
-    checkNaN: he,
-    closestDecimal: de,
-    convertColorToHex: ue,
-    convertConfigColors: ge,
-    convertCustomPalette: fe,
-    createCsvContent: me,
-    createSmoothPath: Ne,
-    createTSpans: Ie,
+    abbreviate: ie,
+    adaptColorToBackground: le,
+    applyDataLabel: re,
+    assignStackRatios: se,
+    calcLinearProgression: ne,
+    calculateNiceScaleWithExactExtremes: oe,
+    checkNaN: ce,
+    closestDecimal: he,
+    convertColorToHex: de,
+    convertConfigColors: ue,
+    convertCustomPalette: ge,
+    createCsvContent: fe,
+    createSmoothPath: me,
+    createTSpans: Ne,
     dataLabel: Z,
-    downloadCsv: be,
-    error: xe,
-    functionReturnsString: _e,
-    hasDeepProperty: Fe,
+    downloadCsv: Ie,
+    error: be,
+    functionReturnsString: xe,
+    hasDeepProperty: _e,
     img: j,
-    isFunction: ye,
-    isSafeValue: Ae,
-    objectIsEmpty: Le,
+    isFunction: Fe,
+    isSafeValue: ye,
+    objectIsEmpty: Ae,
     pdf: K,
-    shiftHue: ke,
+    shiftHue: Le,
     translateSize: Se,
     treeShake: Ce,
     useMouse: Ge,
     useNestedProp: U,
+    prepareConfig() {
+      const i = ke().vue_ui_xy;
+      if (!Object.keys(this.config || {}).length)
+        return i;
+      const s = this.useNestedProp({
+        userConfig: this.config,
+        defaultConfig: i
+      });
+      return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? s.chart.highlightArea = this.config.chart.highlightArea : s.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? s.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : s.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? s.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : s.chart.grid.labels.yAxis.scaleMax = null, s.theme ? {
+        ...U({
+          userConfig: this.themes.vue_ui_xy[s.theme] || this.config,
+          defaultConfig: s
+        }),
+        customPalette: this.themePalettes[s.theme] || this.palette
+      } : s;
+    },
+    prepareChart() {
+      if (this.objectIsEmpty(this.dataset) ? this.error({
+        componentName: "VueUiXy",
+        type: "dataset"
+      }) : this.dataset.forEach((i, s) => {
+        [null, void 0].includes(i.name) && this.error({
+          componentName: "VueUiXy",
+          type: "datasetSerieAttribute",
+          property: "name (string)",
+          index: s
+        });
+      }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((i) => {
+        i.series.forEach((s, c) => {
+          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}.
+'${s}' was converted to null to allow the chart to display.`);
+        });
+      }), this.mutableConfig = {
+        dataLabels: {
+          show: !0
+        },
+        showTooltip: this.FINAL_CONFIG.chart.tooltip.show === !0,
+        showTable: this.FINAL_CONFIG.showTable === !0,
+        isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
+        useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
+      }, this.FINAL_CONFIG.responsive) {
+        const s = this.$refs.chart.parentNode, { height: c, 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();
+        }).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;
+    },
     selectMinimapIndex(i) {
       this.selectedMinimapIndex = i;
     },
@@ -793,25 +818,25 @@ const Be = J(), Ye = {
     },
     createArea(i) {
       if (!i[0]) return [-10, -10, "", -10, -10];
-      const s = { x: i[0].x, y: this.zero }, h = { x: i.at(-1).x, y: this.zero }, f = [];
+      const s = { x: i[0].x, y: this.zero }, c = { x: i.at(-1).x, y: this.zero }, f = [];
       return i.forEach((t) => {
         f.push(`${t.x},${t.y} `);
-      }), [s.x, s.y, ...f, h.x, h.y].toString();
+      }), [s.x, s.y, ...f, c.x, c.y].toString();
     },
     createIndividualArea(i, s) {
       if (!i[0]) return [-10, -10, "", -10, -10];
-      const h = { 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 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 = [];
       return i.filter((e) => !!e).forEach((e) => {
         t.push(`${e.x},${e.y} `);
-      }), [h.x, h.y, ...t, f.x, f.y].toString();
+      }), [c.x, c.y, ...t, f.x, f.y].toString();
     },
-    createStar: q,
+    createStar: X,
     createPolygonPath: P,
     fillArray(i, s) {
-      let h = Array(i).fill(0);
+      let c = Array(i).fill(0);
       for (let f = 0; f < s.length && f < i; f += 1)
-        h[f] = s[f];
-      return h;
+        c[f] = s[f];
+      return c;
     },
     refreshSlicer() {
       this.slicer = {
@@ -841,12 +866,12 @@ const Be = J(), Ye = {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(i);
     },
     findClosestValue(i, s) {
-      let h = s[0], f = Math.abs(i - s[0]);
+      let c = 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 && (h = s[t], f = e);
+        e < f && s[t] < i && (c = s[t], f = e);
       }
-      return h;
+      return c;
     },
     ratioToMax(i) {
       return i / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
@@ -908,7 +933,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)], h = this.table.body, f = i.concat([s]).concat(h), 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)], c = this.table.body, f = i.concat([s]).concat(c), t = this.createCsvContent(f);
       this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -926,7 +951,7 @@ 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"], kt = { key: 0 }, St = ["id"], Ct = ["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"], Mt = ["y", "width", "height", "fill"], pt = ["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"], ka = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["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"], Ma = { key: 10 }, pa = ["x", "y"], Pa = ["cx", "cy", "r", "fill"], Ta = {
+}, 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 = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, Va = ["onClick"], Ra = {
@@ -946,11 +971,11 @@ const Be = J(), Ye = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
 }, Ya = ["innerHTML"];
-function Xa(i, s, h, 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");
+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");
   return l(), r("div", {
     id: `vue-ui-xy_${t.uniqueId}`,
-    class: p(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
+    class: M(`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%" : ""}`)
   }, [
@@ -960,7 +985,8 @@ function Xa(i, s, h, f, t, e) {
       class: "vue-ui-xy-title",
       style: A(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      X(I, {
+      (l(), V(I, {
+        key: `title_${t.titleStep}`,
         config: {
           title: {
             cy: "xy-div-title",
@@ -971,8 +997,8 @@ function Xa(i, s, h, f, t, e) {
             ...e.FINAL_CONFIG.chart.title.subtitle
           }
         }
-      }, null, 8, ["config"])
-    ], 4)) : c("", !0),
+      }, null, 8, ["config"]))
+    ], 4)) : h("", !0),
     e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (l(), V(w, {
       ref: "defails",
       key: `user_options_${t.step}`,
@@ -987,7 +1013,7 @@ function Xa(i, s, h, 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: h.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
+      hasStack: c.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,
@@ -1059,11 +1085,11 @@ function Xa(i, s, h, f, t, e) {
         ]),
         key: "7"
       } : void 0
-    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : c("", !0),
+    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : h("", !0),
     e.isDataset ? (l(), r("svg", {
       key: 2,
       xmlns: "http://www.w3.org/2000/svg",
-      class: p([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
+      class: M([{ "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}`)
@@ -1079,7 +1105,7 @@ function Xa(i, s, h, f, t, e) {
             y1: e.drawingArea.bottom,
             y2: e.drawingArea.bottom,
             "stroke-linecap": "round"
-          }, null, 8, Je)) : c("", !0),
+          }, null, 8, Je)) : 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", {
               x1: e.drawingArea.left + e.xPadding,
@@ -1097,8 +1123,8 @@ function Xa(i, s, h, f, t, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, et))), 256)) : c("", !0)
-          ]))), 256)) : c("", !0) : (l(), r(m, { key: 1 }, [
+            }, null, 8, et))), 256)) : h("", !0)
+          ]))), 256)) : h("", !0) : (l(), r(m, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (l(), r("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1108,7 +1134,7 @@ function Xa(i, s, h, f, t, e) {
               y1: e.drawingArea.top,
               y2: e.drawingArea.bottom,
               "stroke-linecap": "round"
-            }, null, 8, Ke)) : c("", !0),
+            }, null, 8, Ke)) : h("", !0),
             e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(), r("g", Qe, [
               (l(!0), r(m, null, b(e.yLabels, (a) => (l(), r("line", {
                 x1: e.drawingArea.left + e.xPadding,
@@ -1119,7 +1145,7 @@ function Xa(i, s, h, f, t, e) {
                 "stroke-width": 0.5,
                 "stroke-linecap": "round"
               }, null, 8, je))), 256))
-            ])) : c("", !0)
+            ])) : 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", {
@@ -1131,7 +1157,7 @@ function Xa(i, s, h, f, t, e) {
               "stroke-width": "0.5",
               stroke: e.FINAL_CONFIG.chart.grid.stroke
             }, null, 8, at))), 128))
-          ])) : c("", !0)
+          ])) : h("", !0)
         ]),
         (l(!0), r(m, null, b(e.barSet, (a, o) => (l(), r("defs", {
           key: `def_rect_${o}`
@@ -1251,9 +1277,9 @@ function Xa(i, s, h, 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"}`)
-              }, k(a.caption.text), 5)
-            ], 8, Ft)) : c("", !0)
-          ], 64)) : c("", !0)
+              }, S(a.caption.text), 5)
+            ], 8, Ft)) : h("", !0)
+          ], 64)) : h("", !0)
         ]))), 256)),
         u("g", null, [
           (l(!0), r(m, null, b(e.maxSeries, (a, o) => (l(), r("g", {
@@ -1270,7 +1296,7 @@ function Xa(i, s, h, f, t, e) {
         ]),
         e.barSet.length ? (l(!0), r(m, { key: 0 }, b(e.barSet, (a, o) => (l(), r("g", {
           key: `serie_bar_${o}`,
-          class: p(`serie_bar_${o}`),
+          class: M(`serie_bar_${o}`),
           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", {
@@ -1286,7 +1312,7 @@ function Xa(i, s, h, f, t, e) {
               fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${o}_${t.uniqueId})` : `url(#rectGradient_neg_${o}_${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)) : c("", !0),
+            }, null, 8, At)) : h("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1298,9 +1324,9 @@ function Xa(i, s, h, f, t, e) {
               O(i.$slots, "plot-comment", {
                 plot: { ...n, color: a.color }
               }, void 0, !0)
-            ], 8, Lt)) : c("", !0)
+            ], 8, Lt)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", kt, [
+          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}`,
@@ -1313,8 +1339,8 @@ function Xa(i, s, h, f, t, e) {
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, Ct)
-              ], 8, St)
+                }, null, 8, kt)
+              ], 8, Ct)
             ]),
             a.plots.length > 1 ? (l(), r("line", {
               key: 0,
@@ -1326,7 +1352,7 @@ function Xa(i, s, h, f, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#bar_arrow_${o})`
-            }, null, 8, wt)) : c("", !0),
+            }, null, 8, wt)) : h("", !0),
             a.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1334,13 +1360,13 @@ function Xa(i, s, h, f, t, e) {
               y: e.calcLinearProgression(a.plots).y2 - 6,
               "font-size": t.fontSizes.plotLabels,
               fill: a.color
-            }, k(e.dataLabel({
+            }, S(e.dataLabel({
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Ot)) : c("", !0)
-          ])) : c("", !0)
-        ], 6))), 128)) : c("", !0),
+            })), 9, Ot)) : h("", !0)
+          ])) : h("", !0)
+        ], 6))), 128)) : h("", !0),
         !t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (l(), r("line", {
           key: 1,
           stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1350,7 +1376,7 @@ function Xa(i, s, h, f, t, e) {
           y1: e.checkNaN(e.zero),
           y2: e.checkNaN(e.zero),
           "stroke-linecap": "round"
-        }, null, 8, vt)) : c("", !0),
+        }, null, 8, vt)) : h("", !0),
         e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || t.selectedMinimapIndex !== null) ? (l(), r("g", Gt, [
           u("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.selectedSerieIndex || t.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
@@ -1363,7 +1389,7 @@ function Xa(i, s, h, f, t, e) {
             "stroke-linecap": "round",
             style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
           }, null, 8, zt)
-        ])) : c("", !0),
+        ])) : h("", !0),
         u("g", null, [
           u("rect", {
             style: { transition: "none" },
@@ -1372,7 +1398,7 @@ function Xa(i, s, h, f, t, e) {
             width: e.FINAL_CONFIG.chart.padding.left - 1 + e.xPadding,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             fill: e.FINAL_CONFIG.chart.backgroundColor
-          }, null, 8, Mt),
+          }, null, 8, pt),
           u("rect", {
             style: { transition: "none" },
             x: e.drawingArea.right + 1 - e.xPadding,
@@ -1380,7 +1406,7 @@ function Xa(i, s, h, 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, pt)
+          }, null, 8, Mt)
         ]),
         e.FINAL_CONFIG.chart.grid.frame.show ? (l(), r("rect", {
           key: 3,
@@ -1395,7 +1421,7 @@ function Xa(i, s, h, 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)) : c("", !0),
+        }, null, 8, Pt)) : h("", !0),
         e.FINAL_CONFIG.chart.grid.labels.show ? (l(), r("g", Tt, [
           t.mutableConfig.useIndividualScale ? (l(), r(m, { key: 0 }, [
             (l(!0), r(m, null, b(e.allScales, (a) => (l(), r("g", null, [
@@ -1418,7 +1444,7 @@ function Xa(i, s, h, 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)`
-              }, k(a.name) + " " + k(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Rt),
+              }, S(a.name) + " " + S(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Rt),
               (l(!0), r(m, null, b(a.yLabels, (o, n) => (l(), r("line", {
                 x1: a.x - 3 + e.xPadding,
                 x2: a.x + e.xPadding,
@@ -1434,7 +1460,7 @@ function Xa(i, s, h, f, t, e) {
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "end",
                 fill: a.color
-              }, k(e.applyDataLabel(
+              }, S(e.applyDataLabel(
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
                 o.value,
                 e.dataLabel({
@@ -1457,7 +1483,7 @@ function Xa(i, s, h, f, t, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
-            }, null, 8, Et)) : c("", !0),
+            }, null, 8, Et)) : h("", !0),
             a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (l(), r("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
@@ -1465,7 +1491,7 @@ function Xa(i, s, h, f, t, e) {
               "font-size": t.fontSizes.dataLabels,
               "text-anchor": "end",
               fill: e.FINAL_CONFIG.chart.grid.labels.color
-            }, k(e.canShowValue(a.value) ? e.applyDataLabel(
+            }, S(e.canShowValue(a.value) ? e.applyDataLabel(
               e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
               a.value,
               e.dataLabel({
@@ -1474,12 +1500,12 @@ function Xa(i, s, h, f, t, e) {
                 s: e.FINAL_CONFIG.chart.labels.suffix,
                 r: 1
               })
-            ) : ""), 9, Wt)) : c("", !0)
+            ) : ""), 9, Wt)) : h("", !0)
           ]))), 128))
-        ])) : c("", !0),
+        ])) : h("", !0),
         (l(!0), r(m, null, b(e.plotSet, (a, o) => (l(), r("g", {
           key: `serie_plot_${o}`,
-          class: p(`serie_plot_${o}`),
+          class: M(`serie_plot_${o}`),
           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", {
@@ -1493,7 +1519,7 @@ function Xa(i, s, h, f, t, e) {
               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,
               strokeWidth: 0.5
-            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : c("", !0),
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : h("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1507,7 +1533,7 @@ function Xa(i, s, h, f, t, e) {
                   plot: { ...n, color: a.color }
                 }, void 0, !0)
               ])
-            ], 8, Bt)) : c("", !0)
+            ], 8, Bt)) : h("", !0)
           ]))), 128)),
           Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", Xt, [
             u("defs", null, [
@@ -1535,7 +1561,7 @@ function Xa(i, s, h, f, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#plot_arrow_${o})`
-            }, null, 8, Ut)) : c("", !0),
+            }, null, 8, Ut)) : h("", !0),
             a.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1543,16 +1569,16 @@ function Xa(i, s, h, f, t, e) {
               y: e.calcLinearProgression(a.plots).y2 - 6,
               "font-size": t.fontSizes.plotLabels,
               fill: a.color
-            }, k(e.dataLabel({
+            }, S(e.dataLabel({
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Jt)) : c("", !0)
-          ])) : c("", !0)
+            })), 9, Jt)) : h("", !0)
+          ])) : h("", !0)
         ], 6))), 128)),
         (l(!0), r(m, null, b(e.lineSet, (a, o) => (l(), r("g", {
           key: `serie_line_${o}`,
-          class: p(`serie_line_${o}`),
+          class: M(`serie_line_${o}`),
           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", {
@@ -1577,13 +1603,13 @@ function Xa(i, s, h, f, t, e) {
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, jt)) : c("", !0)
+              }, null, 8, jt)) : h("", !0)
             ]))), 128))
-          ])) : c("", !0)
+          ])) : h("", !0)
         ], 6))), 128)),
         (l(!0), r(m, null, b(e.lineSet, (a, o) => (l(), r("g", {
           key: `serie_line_${o}`,
-          class: p(`serie_line_${o}`),
+          class: M(`serie_line_${o}`),
           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, [
@@ -1596,7 +1622,7 @@ function Xa(i, s, h, f, t, e) {
               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))
-          ])) : c("", !0),
+          ])) : h("", !0),
           a.smooth && a.plots.length > 1 ? (l(), r("path", {
             key: 1,
             d: `M${a.curve}`,
@@ -1619,9 +1645,9 @@ function Xa(i, s, h, f, t, e) {
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, la)) : c("", !0)
+              }, null, 8, la)) : h("", !0)
             ]))), 128))
-          ])) : c("", !0),
+          ])) : h("", !0),
           (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
             key: `circle_line_${o}_${g}`
           }, [
@@ -1633,7 +1659,7 @@ function Xa(i, s, h, f, t, e) {
               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,
               strokeWidth: 0.5
-            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : c("", !0),
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : h("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1647,7 +1673,7 @@ function Xa(i, s, h, f, t, e) {
                   plot: { ...n, color: a.color }
                 }, void 0, !0)
               ])
-            ], 8, ra)) : c("", !0)
+            ], 8, ra)) : h("", !0)
           ]))), 128)),
           Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", na, [
             u("defs", null, [
@@ -1675,7 +1701,7 @@ function Xa(i, s, h, f, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${o})`
-            }, null, 8, ha)) : c("", !0),
+            }, null, 8, ha)) : h("", !0),
             a.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1683,17 +1709,17 @@ function Xa(i, s, h, f, t, e) {
               y: e.calcLinearProgression(a.plots).y2 - 6,
               "font-size": t.fontSizes.plotLabels,
               fill: a.color
-            }, k(e.dataLabel({
+            }, S(e.dataLabel({
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, da)) : c("", !0)
-          ])) : c("", !0)
+            })), 9, da)) : 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: p(`xLabel_bar_${o}`),
+            class: M(`xLabel_bar_${o}`),
             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", {
@@ -1706,7 +1732,7 @@ function Xa(i, s, h, f, t, e) {
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
-              }, k(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
                 n.value,
                 e.dataLabel({
@@ -1719,7 +1745,7 @@ function Xa(i, s, h, f, t, e) {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, ga)) : c("", !0),
+              ) : ""), 9, ga)) : 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,
@@ -1728,14 +1754,14 @@ function Xa(i, s, h, 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"
-              }, k(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, fa)) : c("", !0)
+              }, 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)
             ]))), 128))
           ], 6))), 128))
-        ])) : c("", !0),
+        ])) : 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: p(`xLabel_plot_${o}`),
+            class: M(`xLabel_plot_${o}`),
             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", {
@@ -1748,7 +1774,7 @@ function Xa(i, s, h, f, t, e) {
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color
-              }, k(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
                 n.value,
                 e.dataLabel({
@@ -1761,7 +1787,7 @@ function Xa(i, s, h, f, t, e) {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, Na)) : c("", !0),
+              ) : ""), 9, Na)) : h("", !0),
               n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
                 x: n.x,
@@ -1772,8 +1798,8 @@ function Xa(i, s, h, f, t, e) {
               }, [
                 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;`)
-                }, k(a.name), 5)
-              ], 8, Ia)) : c("", !0),
+                }, S(a.name), 5)
+              ], 8, Ia)) : 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),
@@ -1784,15 +1810,15 @@ function Xa(i, s, h, f, t, e) {
               }, [
                 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;`)
-                }, k(a.name), 5)
-              ], 8, ba)) : c("", !0)
+                }, S(a.name), 5)
+              ], 8, ba)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : c("", !0),
+        ])) : 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: p(`xLabel_line_${o}`),
+            class: M(`xLabel_line_${o}`),
             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", {
@@ -1805,7 +1831,7 @@ function Xa(i, s, h, f, t, e) {
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color
-              }, k(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
                 n.value,
                 e.dataLabel({
@@ -1818,7 +1844,7 @@ function Xa(i, s, h, f, t, e) {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, _a)) : c("", !0),
+              ) : ""), 9, _a)) : h("", !0),
               n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
                 x: n.x,
@@ -1829,8 +1855,8 @@ function Xa(i, s, h, f, t, e) {
               }, [
                 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;`)
-                }, k(a.name), 5)
-              ], 8, Fa)) : c("", !0),
+                }, S(a.name), 5)
+              ], 8, Fa)) : 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),
@@ -1841,14 +1867,14 @@ function Xa(i, s, h, f, t, e) {
               }, [
                 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;`)
-                }, k(a.name), 5)
-              ], 8, ya)) : c("", !0)
+                }, S(a.name), 5)
+              ], 8, ya)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : c("", !0),
+        ])) : h("", !0),
         (l(!0), r(m, null, b(e.lineSet, (a, o) => (l(), r("g", {
           key: `xLabel_line_${o}`,
-          class: p(`xLabel_line_${o}`),
+          class: M(`xLabel_line_${o}`),
           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", {
@@ -1869,7 +1895,7 @@ function Xa(i, s, h, f, t, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Aa)) : c("", !0),
+            }, null, 8, Aa)) : h("", !0),
             n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (l(), r("text", {
               key: 1,
               x: n.x + t.fontSizes.plotLabels,
@@ -1885,12 +1911,12 @@ function Xa(i, s, h, f, t, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, La)) : c("", !0)
+            }, null, 8, La)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
         (l(!0), r(m, null, b(e.plotSet, (a, o) => (l(), r("g", {
           key: `xLabel_plot_${o}`,
-          class: p(`xLabel_plot_${o}`),
+          class: M(`xLabel_plot_${o}`),
           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", {
@@ -1911,7 +1937,7 @@ function Xa(i, s, h, f, t, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, ka)) : c("", !0),
+            }, null, 8, Sa)) : h("", !0),
             n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (l(), r("text", {
               key: 1,
               x: n.x + t.fontSizes.plotLabels,
@@ -1927,7 +1953,7 @@ function Xa(i, s, h, f, t, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Sa)) : c("", !0)
+            }, null, 8, Ca)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
         t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (l(!0), r(m, { key: 8 }, b(e.allScales, (a) => (l(), r("rect", {
@@ -1938,7 +1964,7 @@ function Xa(i, s, h, f, t, e) {
           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, Ca))), 256)) : c("", !0),
+        }, null, 40, ka))), 256)) : h("", !0),
         u("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (l(), r("text", {
             key: 0,
@@ -1947,7 +1973,7 @@ function Xa(i, s, h, 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" }
-          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, wa)) : c("", !0),
+          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, wa)) : h("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (l(), r("text", {
             key: 1,
             "text-anchor": "middle",
@@ -1955,7 +1981,7 @@ function Xa(i, s, h, 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
-          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Oa)) : c("", !0)
+          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Oa)) : 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", {
@@ -1967,9 +1993,9 @@ function Xa(i, s, h, f, t, e) {
               "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})`
-            }, k(a || ""), 9, Ga)) : c("", !0)
+            }, S(a || ""), 9, Ga)) : h("", !0)
           ]))), 128))
-        ])) : c("", !0),
+        ])) : h("", !0),
         u("g", null, [
           (l(!0), r(m, null, b(e.maxSeries, (a, o) => (l(), r("g", {
             key: `tooltip_trap_${o}`
@@ -1987,7 +2013,7 @@ function Xa(i, s, h, f, t, e) {
             }, null, 40, za)
           ]))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (l(), r("g", Ma, [
+        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (l(), r("g", pa, [
           (l(), r("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
@@ -1998,22 +2024,22 @@ function Xa(i, s, h, 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`)
-            }, k(e.timeLabels[t.selectedSerieIndex] || t.selectedSerieIndex), 5)
-          ], 8, pa)),
+            }, S(e.timeLabels[t.selectedSerieIndex] || t.selectedSerieIndex), 5)
+          ], 8, Ma)),
           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)
-        ])) : c("", !0)
-      ])) : c("", !0),
+        ])) : h("", !0)
+      ])) : h("", !0),
       O(i.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, qe)) : c("", !0),
+    ], 14, qe)) : h("", !0),
     i.$slots.watermark ? (l(), r("div", Ta, [
       O(i.$slots, "watermark", B(Y({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
-    ])) : c("", !0),
-    e.isDataset ? c("", !0) : (l(), V(N, {
+    ])) : h("", !0),
+    e.isDataset ? h("", !0) : (l(), V(N, {
       key: 4,
       config: {
         type: "line",
@@ -2066,7 +2092,7 @@ function Xa(i, s, h, f, t, e) {
         O(i.$slots, "reset-action", B(Y({ reset: a })), void 0, !0)
       ]),
       _: 3
-    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "onReset", "onTrapMouse"])) : c("", !0),
+    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "onReset", "onTrapMouse"])) : h("", !0),
     e.FINAL_CONFIG.chart.legend.show ? (l(), r("div", {
       key: 6,
       ref: "chartLegend",
@@ -2076,7 +2102,7 @@ function Xa(i, s, h, f, t, e) {
       (l(!0), r(m, null, b(e.absoluteDataset, (a, o) => (l(), r("div", {
         key: `div_legend_item_${o}`,
         onClick: (n) => e.segregate(a),
-        class: p({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
+        class: M({ "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, [
           u("rect", {
@@ -2088,7 +2114,7 @@ function Xa(i, s, h, f, t, e) {
             width: "20",
             fill: a.color
           }, null, 8, Da),
-          X(L, {
+          q(L, {
             plot: { x: 10, y: 9 },
             radius: 4,
             color: a.color,
@@ -2116,12 +2142,12 @@ function Xa(i, s, h, f, t, e) {
         ])),
         u("span", {
           style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
-        }, k(a.name), 5)
+        }, S(a.name), 5)
       ], 10, Va))), 128))
     ], 4)) : (l(), r("div", Wa, [
       O(i.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    X(M, {
+    q(p, {
       show: t.mutableConfig.showTooltip && t.isTooltip,
       backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
       color: e.FINAL_CONFIG.chart.tooltip.color,
@@ -2175,7 +2201,7 @@ function Xa(i, s, h, f, t, e) {
               onClick: s[5] || (s[5] = (a) => t.showSparklineTable = !t.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
-              X(S, {
+              q(C, {
                 name: "chartLine",
                 size: 20,
                 stroke: e.FINAL_CONFIG.chart.color
@@ -2187,7 +2213,7 @@ function Xa(i, s, h, f, t, e) {
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
           }, null, 8, ["dataset", "config"])) : (l(), V(v, {
-            key: 1,
+            key: `table_${t.tableStep}`,
             colNames: e.dataTable.colNames,
             head: e.dataTable.head,
             body: e.dataTable.body,
@@ -2199,7 +2225,7 @@ function Xa(i, s, h, f, t, e) {
               u("div", { innerHTML: a }, null, 8, Ya)
             ]),
             td: z(({ td: a }) => [
-              Ee(k(isNaN(Number(a)) ? a : e.dataLabel({
+              Ee(S(isNaN(Number(a)) ? a : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
                 v: a,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
@@ -2211,10 +2237,10 @@ function Xa(i, s, h, f, t, e) {
         ], 4)
       ]),
       _: 1
-    }, 8, ["config"])) : c("", !0)
+    }, 8, ["config"])) : h("", !0)
   ], 14, Xe);
 }
-const ni = /* @__PURE__ */ We(Ye, [["render", Xa], ["__scopeId", "data-v-19f5eb68"]]);
+const ni = /* @__PURE__ */ We(Ye, [["render", Xa], ["__scopeId", "data-v-b7919a68"]]);
 export {
   ni as default
 };