vue-data-ui 2.4.41 → 2.4.42

package/dist/{vue-ui-xy-D8XvOgW6.js → vue-ui-xy-B3346TfB.js}

@@ -1,18 +1,18 @@
-import { c as J, a as K, t as Q, z as j, p as $, V as q, O as R, f as U, K as ee, F as te, i as ie, a2 as ae, a0 as re, a3 as le, v as se, a4 as ne, d as oe, B as ce, b as he, q as de, R as ue, a5 as ge, r as fe, e as Ne, y as me, M as Ie, x as xe, a6 as be, Y as Fe, o as _e, s as ye, w as Ae, E as Ce, A as Le, u as Se } from "./index-B6Q1Fyk0.js";
-import { D as ke } from "./DataTable-B5DiCrf_.js";
-import { _ as we } from "./Title-BB0O0yol.js";
-import { _ as Oe, u as Ge } from "./Tooltip-GvLaModr.js";
-import { U as ve } from "./usePrinter-D8dIU7aG.js";
-import { _ as pe } from "./Shape-C3ywBhkW.js";
-import Me from "./BaseIcon-DCE3wRiG.js";
-import ze from "./vue-ui-table-sparkline-DHaEHFG_.js";
-import Te from "./vue-ui-skeleton-D7rg5vFC.js";
-import { S as Pe } from "./Slicer-D9ASV60L.js";
-import Ve from "./vue-ui-accordion-BOHicozd.js";
-import { u as Z } from "./useNestedProp-DQpuJSz3.js";
-import { _ as Re } from "./PackageVersion-S7OD_s5u.js";
-import { P as De } from "./PenAndPaper-BxJZd7k9.js";
-import { resolveComponent as P, openBlock as r, createElementBlock as l, normalizeClass as V, normalizeStyle as C, createBlock as D, createCommentVNode as c, createSlots as Be, withCtx as z, renderSlot as O, normalizeProps as H, guardReactiveProps as W, createVNode as X, createElementVNode as g, Fragment as N, renderList as I, toDisplayString as S, withDirectives as He, vModelCheckbox as We, createTextVNode as Ee } from "vue";
+import { c as J, a as K, t as Q, z as j, p as $, V as q, O as R, f as U, L as ee, G as te, i as ie, a2 as ae, a0 as re, a3 as le, v as se, a4 as ne, d as oe, B as he, b as ce, q as de, R as ue, a5 as ge, r as fe, e as Ie, y as Ne, C as me, x as xe, a6 as Fe, Y as be, o as _e, s as ye, w as Ae, F as Ce, A as Le, u as Se } from "./index-DnukYspq.js";
+import { D as ke } from "./DataTable-D_w08xos.js";
+import { _ as we } from "./Title-Cnl9ySNH.js";
+import { _ as Oe, u as Ge } from "./Tooltip-DEAOBZ8h.js";
+import { U as ve } from "./usePrinter-DVIALk5e.js";
+import { _ as pe } from "./Shape-xrlfL_v4.js";
+import ze from "./BaseIcon-C8XxmpRq.js";
+import Me from "./vue-ui-table-sparkline-CRnJVQmO.js";
+import Te from "./vue-ui-skeleton-CXdyOF4T.js";
+import { S as Pe } from "./Slicer-DIYseEL1.js";
+import Ve from "./vue-ui-accordion-f9NTID9e.js";
+import { u as Z } from "./useNestedProp-CVOQGx-X.js";
+import { _ as Re } from "./PackageVersion-CH6MCx6T.js";
+import { P as De } from "./PenAndPaper-BWTR3U2d.js";
+import { resolveComponent as P, openBlock as r, createElementBlock as l, normalizeClass as V, normalizeStyle as C, createBlock as D, createCommentVNode as c, createSlots as Be, withCtx as M, renderSlot as O, normalizeProps as E, guardReactiveProps as H, createVNode as X, createElementVNode as g, Fragment as I, renderList as m, toDisplayString as S, withDirectives as Ee, vModelCheckbox as He, createTextVNode as We } from "vue";
 import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xe = J(), qe = {
   name: "vue-ui-xy",
@@ -36,8 +36,8 @@ const Xe = J(), qe = {
     Title: we,
     Tooltip: Oe,
     UserOptions: ve,
-    BaseIcon: Me,
-    TableSparkline: ze,
+    BaseIcon: ze,
+    TableSparkline: Me,
     Skeleton: Te,
     Slicer: Pe,
     Accordion: Ve,
@@ -340,40 +340,40 @@ const Xe = J(), qe = {
         }, x = {
           max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
           min: i.scaleMin || Math.min(...i.absoluteValues.filter((u) => ![void 0, null].includes(u))) > 0 ? 0 : Math.min(...i.absoluteValues.filter((u) => ![null, void 0].includes(u)))
-        }, y = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * k : x.max, y), b = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * k : e.valueMax, y), T = m.min >= 0 ? 0 : Math.abs(m.min), v = 0, p = m.max + T, w = b.max + Math.abs(v), _ = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, M = this.drawingArea.bottom - _ - L * T / p, a = this.drawingArea.bottom - _ - L * v / w, o = this.absoluteDataset.filter((u) => u.type === "bar").filter((u) => !this.segregatedSeries.includes(u.id)).length, n = i.series.map((u, F) => {
-          const E = this.mutableConfig.useIndividualScale ? (i.absoluteValues[F] + T) / p : this.ratioToMax(u), Y = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left + this.slot.bar * s + this.slot.bar * F * o - this.barSlot / 2 - s * this.barPeriodGap;
+        }, y = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, N = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * k : x.max, y), F = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * k : e.valueMax, y), T = N.min >= 0 ? 0 : Math.abs(N.min), v = 0, p = N.max + T, w = F.max + Math.abs(v), _ = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, z = this.drawingArea.bottom - _ - L * T / p, a = this.drawingArea.bottom - _ - L * v / w, o = this.absoluteDataset.filter((u) => u.type === "bar").filter((u) => !this.segregatedSeries.includes(u.id)).length, n = i.series.map((u, b) => {
+          const W = this.mutableConfig.useIndividualScale ? (i.absoluteValues[b] + T) / p : this.ratioToMax(u), Y = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left + this.slot.bar * s + this.slot.bar * b * o - this.barSlot / 2 - s * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(_),
             individualHeight: this.checkNaN(L),
             x: this.checkNaN(Y),
-            y: this.drawingArea.bottom - _ - L * E,
-            value: i.absoluteValues[F],
-            zeroPosition: this.checkNaN(M),
+            y: this.drawingArea.bottom - _ - L * W,
+            value: i.absoluteValues[b],
+            zeroPosition: this.checkNaN(z),
             individualMax: this.checkNaN(p),
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
+            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
-        }), d = i.absoluteValues.map((u) => b.min >= 0 ? (u - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (u + Math.abs(b.min)) / (b.max + Math.abs(b.min))), B = i.series.map((u, F) => {
-          const E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * F * this.absoluteDataset.filter((Y) => Y.type === "bar").filter((Y) => !this.segregatedSeries.includes(Y.id)).length;
+        }), d = i.absoluteValues.map((u) => F.min >= 0 ? (u - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (u + Math.abs(F.min)) / (F.max + Math.abs(F.min))), B = i.series.map((u, b) => {
+          const W = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * b * this.absoluteDataset.filter((Y) => Y.type === "bar").filter((Y) => !this.segregatedSeries.includes(Y.id)).length;
           return {
             yOffset: this.checkNaN(_),
             individualHeight: this.checkNaN(L),
-            x: this.checkNaN(E),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(_) - (this.checkNaN(L) * d[F] || 0)),
-            value: i.absoluteValues[F],
-            zeroPosition: this.checkNaN(M),
+            x: this.checkNaN(W),
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(_) - (this.checkNaN(L) * d[b] || 0)),
+            value: i.absoluteValues[b],
+            zeroPosition: this.checkNaN(z),
             individualMax: this.checkNaN(p),
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
+            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
-        }), A = m.ticks.map((u) => ({
-          y: u >= 0 ? M - L * (u / p) : M + L * Math.abs(u) / p,
+        }), A = N.ticks.map((u) => ({
+          y: u >= 0 ? z - L * (u / p) : z + L * Math.abs(u) / p,
           value: u,
           prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: i
-        })), G = b.ticks.map((u) => {
-          const F = (u - b.min) / (b.max - b.min);
+        })), G = F.ticks.map((u) => {
+          const b = (u - F.min) / (F.max - F.min);
           return {
-            y: u >= 0 ? a - L * F : a + L * F,
+            y: u >= 0 ? a - L * b : a + L * b,
             value: u,
             prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -386,9 +386,9 @@ const Xe = J(), qe = {
           autoScaleYLabels: G,
           individualHeight: L,
           scaleYLabels: i.autoScaling ? G : A,
-          individualScale: i.autoScaling ? b : m,
+          individualScale: i.autoScaling ? F : N,
           individualMax: i.autoScaling ? w : p,
-          zeroPosition: i.autoScaling ? a : M,
+          zeroPosition: i.autoScaling ? a : z,
           plots: i.autoScaling ? B : n
         };
       });
@@ -409,34 +409,34 @@ const Xe = J(), qe = {
         }, e = {
           max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
           min: i.scaleMin || (Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues))
-        }, x = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * y : t.valueMax, x), b = k.min >= 0 ? 0 : Math.abs(k.min), T = 0, v = k.max + Math.abs(b), p = m.max + Math.abs(T), w = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - w - _ * b / v, M = this.drawingArea.bottom - w - _ * T / p, a = i.series.map((u, F) => {
-          const E = this.mutableConfig.useIndividualScale ? (i.absoluteValues[F] + Math.abs(b)) / v : this.ratioToMax(u);
+        }, x = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * y : t.valueMax, x), F = k.min >= 0 ? 0 : Math.abs(k.min), T = 0, v = k.max + Math.abs(F), p = N.max + Math.abs(T), w = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - w - _ * F / v, z = this.drawingArea.bottom - w - _ * T / p, a = i.series.map((u, b) => {
+          const W = this.mutableConfig.useIndividualScale ? (i.absoluteValues[b] + Math.abs(F)) / v : this.ratioToMax(u);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
-            y: this.checkNaN(this.drawingArea.bottom - w - _ * E),
-            value: i.absoluteValues[F],
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
+            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
+            y: this.checkNaN(this.drawingArea.bottom - w - _ * W),
+            value: i.absoluteValues[b],
+            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
-        }), o = i.absoluteValues.map((u) => m.min >= 0 ? (u - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (u + Math.abs(m.min)) / (m.max + Math.abs(m.min))), n = i.series.map((u, F) => [void 0, null].includes(i.absoluteValues[F]) ? {
-          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
+        }), o = i.absoluteValues.map((u) => N.min >= 0 ? (u - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (u + Math.abs(N.min)) / (N.max + Math.abs(N.min))), n = i.series.map((u, b) => [void 0, null].includes(i.absoluteValues[b]) ? {
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
           y: L,
-          value: i.absoluteValues[F],
-          comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
+          value: i.absoluteValues[b],
+          comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
         } : {
-          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
-          y: this.checkNaN(this.drawingArea.bottom - w - (_ * o[F] || 0)),
-          value: i.absoluteValues[F],
-          comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
+          y: this.checkNaN(this.drawingArea.bottom - w - (_ * o[b] || 0)),
+          value: i.absoluteValues[b],
+          comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
         }), d = this.createSmoothPath(a), B = this.createSmoothPath(n), A = k.ticks.map((u) => ({
           y: u >= 0 ? L - _ * (u / v) : L + _ * Math.abs(u) / v,
           value: u,
           prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: i
-        })), G = m.ticks.map((u) => {
-          const F = (u - m.min) / (m.max - m.min);
+        })), G = N.ticks.map((u) => {
+          const b = (u - N.min) / (N.max - N.min);
           return {
-            y: u >= 0 ? M - _ * F : M + _ * F,
+            y: u >= 0 ? z - _ * b : z + _ * b,
             value: u,
             prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -449,12 +449,12 @@ const Xe = J(), qe = {
           autoScaleYLabels: G,
           individualHeight: _,
           scaleYLabels: i.autoScaling ? G : A,
-          individualScale: i.autoScaling ? m : k,
+          individualScale: i.autoScaling ? N : k,
           individualMax: i.autoScaling ? p : v,
-          zeroPosition: i.autoScaling ? M : L,
+          zeroPosition: i.autoScaling ? z : L,
           curve: i.autoScaling ? B : d,
           plots: i.autoScaling ? n : a,
-          area: i.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(i.autoScaling ? n : a, i.autoScaling ? M : L) : this.createArea(a) : ""
+          area: i.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(i.autoScaling ? n : a, i.autoScaling ? z : L) : this.createArea(a) : ""
         };
       });
     },
@@ -468,15 +468,15 @@ const Xe = J(), qe = {
         }, e = {
           max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
           min: i.scaleMin || Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues)
-        }, x = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * y : t.valueMax, x), b = k.min >= 0 ? 0 : Math.abs(k.min), T = 0, v = k.max + b, p = m.max + Math.abs(T), w = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - w - _ * b / v, M = this.drawingArea.bottom - w - _ * T / p, a = i.series.map((A, G) => {
-          const u = this.mutableConfig.useIndividualScale ? (i.absoluteValues[G] + Math.abs(b)) / v : this.ratioToMax(A);
+        }, x = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * y : t.valueMax, x), F = k.min >= 0 ? 0 : Math.abs(k.min), T = 0, v = k.max + F, p = N.max + Math.abs(T), w = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - w - _ * F / v, z = this.drawingArea.bottom - w - _ * T / p, a = i.series.map((A, G) => {
+          const u = this.mutableConfig.useIndividualScale ? (i.absoluteValues[G] + Math.abs(F)) / v : this.ratioToMax(A);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * G),
             y: this.checkNaN(this.drawingArea.bottom - w - _ * u),
             value: i.absoluteValues[G],
             comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[G] || ""
           };
-        }), o = i.absoluteValues.map((A) => m.min >= 0 ? (A - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (A + Math.abs(m.min)) / (m.max + Math.abs(m.min))), n = i.series.map((A, G) => ({
+        }), o = i.absoluteValues.map((A) => N.min >= 0 ? (A - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (A + Math.abs(N.min)) / (N.max + Math.abs(N.min))), n = i.series.map((A, G) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * G),
           y: this.checkNaN(this.drawingArea.bottom - w - (_ * o[G] || 0)),
           value: i.absoluteValues[G],
@@ -487,10 +487,10 @@ const Xe = J(), qe = {
           prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: i
-        })), B = m.ticks.map((A) => {
-          const G = (A - m.min) / (m.max - m.min);
+        })), B = N.ticks.map((A) => {
+          const G = (A - N.min) / (N.max - N.min);
           return {
-            y: A >= 0 ? M - _ * G : M + _ * G,
+            y: A >= 0 ? z - _ * G : z + _ * G,
             value: A,
             prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -503,9 +503,9 @@ const Xe = J(), qe = {
           autoScaleYLabels: B,
           individualHeight: _,
           scaleYLabels: i.autoScaling ? B : d,
-          individualScale: i.autoScaling ? m : k,
+          individualScale: i.autoScaling ? N : k,
           individualMax: i.autoScaling ? p : v,
-          zeroPosition: i.autoScaling ? M : L,
+          zeroPosition: i.autoScaling ? z : L,
           plots: i.autoScaling ? n : a
         };
       });
@@ -728,7 +728,7 @@ const Xe = J(), qe = {
     }
   },
   mounted() {
-    this.prepareChart(), document.addEventListener("mousemove", (i) => {
+    this.prepareChart(), this.setupSlicer(), document.addEventListener("mousemove", (i) => {
       this.clientPosition = {
         x: i.clientX,
         y: i.clientY
@@ -745,19 +745,19 @@ const Xe = J(), qe = {
     checkNaN: se,
     closestDecimal: ne,
     convertColorToHex: oe,
-    convertConfigColors: ce,
-    convertCustomPalette: he,
+    convertConfigColors: he,
+    convertCustomPalette: ce,
     createCsvContent: de,
     createSmoothPath: ue,
     createTSpans: ge,
     dataLabel: U,
     downloadCsv: fe,
-    error: Ne,
-    functionReturnsString: me,
-    hasDeepProperty: Ie,
+    error: Ie,
+    functionReturnsString: Ne,
+    hasDeepProperty: me,
     isFunction: xe,
-    isSafeValue: be,
-    largestTriangleThreeBucketsArray: Fe,
+    isSafeValue: Fe,
+    largestTriangleThreeBucketsArray: be,
     objectIsEmpty: _e,
     setOpacity: ye,
     shiftHue: Ae,
@@ -783,7 +783,7 @@ const Xe = J(), qe = {
         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 ? {
+      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, this.config && this.hasDeepProperty(this.config, "chart.zoom.startIndex") ? s.chart.zoom.startIndex = this.config.chart.zoom.startIndex : s.chart.zoom.startIndex = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.endIndex") ? s.chart.zoom.endIndex = this.config.chart.zoom.endIndex : s.chart.zoom.endIndex = null, s.theme ? {
         ...Z({
           userConfig: this.themes.vue_ui_xy[s.theme] || this.config,
           defaultConfig: s
@@ -822,14 +822,14 @@ const Xe = J(), qe = {
         this.FINAL_CONFIG.chart.title.show && (t = this.$refs.chartTitle, e = t.getBoundingClientRect().height);
         let x = null, y = 0;
         this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (x = this.$refs.chartSlicer.$el, y = x.getBoundingClientRect().height);
-        let k = null, m = 0;
-        this.FINAL_CONFIG.chart.legend.show && (k = this.$refs.chartLegend, m = k.getBoundingClientRect().height);
-        let b = 0;
-        this.$refs.source && (b = this.$refs.source.getBoundingClientRect().height);
+        let k = null, N = 0;
+        this.FINAL_CONFIG.chart.legend.show && (k = this.$refs.chartLegend, N = k.getBoundingClientRect().height);
+        let F = 0;
+        this.$refs.source && (F = this.$refs.source.getBoundingClientRect().height);
         let T = 0;
-        this.$refs.noTitle && (T = this.$refs.noTitle.getBoundingClientRect().height), this.height = h - e - m - y - b - T, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((p) => {
+        this.$refs.noTitle && (T = this.$refs.noTitle.getBoundingClientRect().height), this.height = h - e - N - y - F - T, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((p) => {
           for (const w of p)
-            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (y = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (m = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (b = this.$refs.source.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - m - y - b - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (y = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (N = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (F = this.$refs.source.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - N - y - F - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
         }).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;
@@ -913,11 +913,18 @@ const Xe = J(), qe = {
         h[f] = s[f];
       return h;
     },
-    refreshSlicer() {
-      this.slicer = {
+    async setupSlicer() {
+      (this.FINAL_CONFIG.chart.zoom.startIndex !== null || this.FINAL_CONFIG.chart.zoom.endIndex !== null) && this.$refs.chartSlicer ? (this.FINAL_CONFIG.chart.zoom.startIndex !== null && (await this.$nextTick(), await this.$nextTick(), this.$refs.chartSlicer.setStartValue(this.FINAL_CONFIG.chart.zoom.startIndex)), this.FINAL_CONFIG.chart.zoom.endIndex !== null && (await this.$nextTick(), await this.$nextTick(), this.$refs.chartSlicer.setEndValue(this.validSlicerEnd(this.FINAL_CONFIG.chart.zoom.endIndex + 1)))) : (this.slicer = {
         start: 0,
         end: Math.max(...this.dataset.map((i) => this.largestTriangleThreeBucketsArray({ data: i.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length))
-      }, this.slicerStep += 1;
+      }, this.slicerStep += 1);
+    },
+    refreshSlicer() {
+      this.setupSlicer();
+    },
+    validSlicerEnd(i) {
+      const s = Math.max(...this.dataset.map((h) => this.largestTriangleThreeBucketsArray({ data: h.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length));
+      return i > s ? s : i < 0 || this.FINAL_CONFIG.chart.zoom.startIndex !== null && i < this.FINAL_CONFIG.chart.zoom.startIndex ? this.FINAL_CONFIG.chart.zoom.startIndex !== null ? this.FINAL_CONFIG.chart.zoom.startIndex + 1 : 1 : i;
     },
     calcRectHeight(i) {
       return i.value >= 0 ? this.checkNaN(this.zero - i.y <= 0 ? 1e-5 : this.zero - i.y) : this.checkNaN(i.y - this.zero <= 0 ? 1e-5 : i.y - this.zero);
@@ -1041,7 +1048,7 @@ const Xe = J(), qe = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, Je = ["viewBox"], Ke = { key: 0 }, Qe = { class: "vue-ui-xy-grid" }, je = ["stroke", "x1", "x2", "y1", "y2"], $e = ["stroke", "x1", "x2", "y1", "y2"], et = { key: 1 }, tt = ["x1", "x2", "y1", "y2", "stroke"], it = ["x1", "x2", "y1", "y2", "stroke"], at = ["x1", "x2", "y1", "y2", "stroke"], rt = { key: 3 }, lt = ["x1", "x2", "y1", "y2", "stroke"], st = ["id"], nt = ["stop-color"], ot = ["stop-color"], ct = ["stop-color"], ht = ["id"], dt = ["stop-color"], ut = ["stop-color"], gt = ["stop-color"], ft = ["id"], Nt = ["stop-color"], mt = ["stop-color"], It = ["id"], xt = ["stop-color"], bt = ["stop-color"], Ft = ["id"], _t = ["stop-color"], yt = ["stop-color"], At = ["x", "y", "height", "width", "fill"], Ct = ["x", "y", "width"], Lt = ["x", "y", "height", "width", "fill"], St = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], kt = ["width", "x", "y"], wt = { key: 0 }, Ot = ["id"], Gt = ["fill"], vt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], pt = ["x", "y", "font-size", "fill"], Mt = ["stroke", "x1", "x2", "y1", "y2"], zt = { key: 2 }, Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Pt = ["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"], Bt = ["x1", "x2", "y1", "y2", "stroke"], Ht = ["x", "y", "font-size", "fill"], Wt = ["x1", "x2", "y1", "y2", "stroke"], Et = ["x", "y", "font-size", "fill"], Yt = ["width", "x", "y"], Xt = { style: { width: "100%" } }, qt = { key: 0 }, Ut = ["id"], Zt = ["fill"], Jt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Kt = ["x", "y", "font-size", "fill"], Qt = ["d", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 1 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ei = { key: 0 }, ti = ["d", "fill"], ii = ["d", "fill"], ai = ["d", "stroke", "stroke-width", "stroke-dasharray"], ri = { key: 2 }, li = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], si = ["width", "x", "y"], ni = { style: { width: "100%" } }, oi = { key: 3 }, ci = ["id"], hi = ["fill"], di = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ui = ["x", "y", "font-size", "fill"], gi = { key: 5 }, fi = ["x", "y", "font-size", "fill"], Ni = ["x", "y", "font-size", "fill", "font-weight"], mi = { key: 6 }, Ii = ["x", "y", "font-size", "fill"], xi = ["x", "y"], bi = ["x", "y"], Fi = { key: 7 }, _i = ["x", "y", "font-size", "fill"], yi = ["x", "y"], Ai = ["x", "y"], Ci = ["x", "y", "font-size", "fill", "innerHTML"], Li = ["x", "y", "font-size", "fill", "innerHTML"], Si = ["x", "y", "font-size", "fill", "innerHTML"], ki = ["x", "y", "font-size", "fill", "innerHTML"], wi = ["x", "y", "width", "height", "fill", "onMouseenter"], Oi = ["font-size", "fill", "transform"], Gi = ["x", "y", "font-size", "fill"], vi = { key: 9 }, pi = ["text-anchor", "font-size", "fill", "transform"], Mi = ["x", "y", "height", "width", "onMouseenter", "onClick"], zi = { key: 10 }, Ti = ["x", "y"], Pi = ["cx", "cy", "r", "fill"], Vi = {
+}, Je = ["viewBox"], Ke = { key: 0 }, Qe = { class: "vue-ui-xy-grid" }, je = ["stroke", "x1", "x2", "y1", "y2"], $e = ["stroke", "x1", "x2", "y1", "y2"], et = { key: 1 }, tt = ["x1", "x2", "y1", "y2", "stroke"], it = ["x1", "x2", "y1", "y2", "stroke"], at = ["x1", "x2", "y1", "y2", "stroke"], rt = { key: 3 }, lt = ["x1", "x2", "y1", "y2", "stroke"], st = ["id"], nt = ["stop-color"], ot = ["stop-color"], ht = ["stop-color"], ct = ["id"], dt = ["stop-color"], ut = ["stop-color"], gt = ["stop-color"], ft = ["id"], It = ["stop-color"], Nt = ["stop-color"], mt = ["id"], xt = ["stop-color"], Ft = ["stop-color"], bt = ["id"], _t = ["stop-color"], yt = ["stop-color"], At = ["x", "y", "height", "width", "fill"], Ct = ["x", "y", "width"], Lt = ["x", "y", "height", "width", "fill"], St = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], kt = ["width", "x", "y"], wt = { key: 0 }, Ot = ["id"], Gt = ["fill"], vt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], pt = ["x", "y", "font-size", "fill"], zt = ["stroke", "x1", "x2", "y1", "y2"], Mt = { key: 2 }, Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Pt = ["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"], Bt = ["x1", "x2", "y1", "y2", "stroke"], Et = ["x", "y", "font-size", "fill"], Ht = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Yt = ["width", "x", "y"], Xt = { style: { width: "100%" } }, qt = { key: 0 }, Ut = ["id"], Zt = ["fill"], Jt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Kt = ["x", "y", "font-size", "fill"], Qt = ["d", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 1 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ei = { key: 0 }, ti = ["d", "fill"], ii = ["d", "fill"], ai = ["d", "stroke", "stroke-width", "stroke-dasharray"], ri = { key: 2 }, li = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], si = ["width", "x", "y"], ni = { style: { width: "100%" } }, oi = { key: 3 }, hi = ["id"], ci = ["fill"], di = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ui = ["x", "y", "font-size", "fill"], gi = { key: 5 }, fi = ["x", "y", "font-size", "fill"], Ii = ["x", "y", "font-size", "fill", "font-weight"], Ni = { key: 6 }, mi = ["x", "y", "font-size", "fill"], xi = ["x", "y"], Fi = ["x", "y"], bi = { key: 7 }, _i = ["x", "y", "font-size", "fill"], yi = ["x", "y"], Ai = ["x", "y"], Ci = ["x", "y", "font-size", "fill", "innerHTML"], Li = ["x", "y", "font-size", "fill", "innerHTML"], Si = ["x", "y", "font-size", "fill", "innerHTML"], ki = ["x", "y", "font-size", "fill", "innerHTML"], wi = ["x", "y", "width", "height", "fill", "onMouseenter"], Oi = ["font-size", "fill", "transform"], Gi = ["x", "y", "font-size", "fill"], vi = { key: 9 }, pi = ["text-anchor", "font-size", "fill", "transform"], zi = ["x", "y", "height", "width", "onMouseenter", "onClick"], Mi = { key: 10 }, Ti = ["x", "y"], Pi = ["cx", "cy", "r", "fill"], Vi = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Ri = ["onClick"], Di = {
@@ -1049,12 +1056,12 @@ const Xe = J(), qe = {
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Bi = ["fill"], Hi = {
+}, Bi = ["fill"], Ei = {
   key: 1,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Wi = ["fill"], Ei = {
+}, Hi = ["fill"], Wi = {
   key: 9,
   ref: "chartLegend"
 }, Yi = {
@@ -1066,7 +1073,7 @@ const Xe = J(), qe = {
   "data-html2canvas-ignore": ""
 }, qi = ["innerHTML"];
 function Ui(i, s, h, f, t, e) {
-  const x = P("PenAndPaper"), y = P("Title"), k = P("UserOptions"), m = P("PackageVersion"), b = P("Shape"), T = P("Skeleton"), v = P("Slicer"), p = P("Tooltip"), w = P("BaseIcon"), _ = P("TableSparkline"), L = P("DataTable"), M = P("Accordion");
+  const x = P("PenAndPaper"), y = P("Title"), k = P("UserOptions"), N = P("PackageVersion"), F = P("Shape"), T = P("Skeleton"), v = P("Slicer"), p = P("Tooltip"), w = P("BaseIcon"), _ = P("TableSparkline"), L = P("DataTable"), z = P("Accordion");
   return r(), l("div", {
     id: `vue-ui-xy_${t.uniqueId}`,
     class: V(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1138,64 +1145,64 @@ function Ui(i, s, h, f, t, e) {
     }, Be({ _: 2 }, [
       i.$slots.optionTooltip ? {
         name: "optionTooltip",
-        fn: z(() => [
+        fn: M(() => [
           O(i.$slots, "optionTooltip", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
       i.$slots.optionPdf ? {
         name: "optionPdf",
-        fn: z(() => [
+        fn: M(() => [
           O(i.$slots, "optionPdf", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
       i.$slots.optionCsv ? {
         name: "optionCsv",
-        fn: z(() => [
+        fn: M(() => [
           O(i.$slots, "optionCsv", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0,
       i.$slots.optionImg ? {
         name: "optionImg",
-        fn: z(() => [
+        fn: M(() => [
           O(i.$slots, "optionImg", {}, void 0, !0)
         ]),
         key: "3"
       } : void 0,
       i.$slots.optionTable ? {
         name: "optionTable",
-        fn: z(() => [
+        fn: M(() => [
           O(i.$slots, "optionTable", {}, void 0, !0)
         ]),
         key: "4"
       } : void 0,
       i.$slots.optionLabels ? {
         name: "optionLabels",
-        fn: z(() => [
+        fn: M(() => [
           O(i.$slots, "optionLabels", {}, void 0, !0)
         ]),
         key: "5"
       } : void 0,
       i.$slots.optionStack ? {
         name: "optionStack",
-        fn: z(() => [
+        fn: M(() => [
           O(i.$slots, "optionStack", {}, void 0, !0)
         ]),
         key: "6"
       } : void 0,
       i.$slots.optionFullscreen ? {
         name: "optionFullscreen",
-        fn: z(({ toggleFullscreen: a, isFullscreen: o }) => [
-          O(i.$slots, "optionFullscreen", H(W({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+        fn: M(({ toggleFullscreen: a, isFullscreen: o }) => [
+          O(i.$slots, "optionFullscreen", E(H({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
         ]),
         key: "7"
       } : void 0,
       i.$slots.optionAnnotator ? {
         name: "optionAnnotator",
-        fn: z(({ toggleAnnotator: a, isAnnotator: o }) => [
-          O(i.$slots, "optionAnnotator", H(W({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+        fn: M(({ toggleAnnotator: a, isAnnotator: o }) => [
+          O(i.$slots, "optionAnnotator", E(H({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
         ]),
         key: "8"
       } : void 0
@@ -1208,7 +1215,7 @@ function Ui(i, s, h, f, t, e) {
       viewBox: t.viewBox,
       style: C(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      X(m),
+      X(N),
       e.maxSeries > 0 ? (r(), l("g", Ke, [
         g("g", Qe, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), l("line", {
@@ -1221,8 +1228,8 @@ function Ui(i, s, h, f, t, e) {
             y2: e.drawingArea.bottom,
             "stroke-linecap": "round"
           }, null, 8, je)) : c("", !0),
-          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(N, { key: 2 }, I(e.allScales, (a) => (r(), l("g", null, [
-            a.id === t.selectedScale && a.yLabels.length ? (r(!0), l(N, { key: 0 }, I(a.yLabels, (o) => (r(), l("line", {
+          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(I, { key: 2 }, m(e.allScales, (a) => (r(), l("g", null, [
+            a.id === t.selectedScale && a.yLabels.length ? (r(!0), l(I, { key: 0 }, m(a.yLabels, (o) => (r(), l("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.checkNaN(o.y),
@@ -1230,7 +1237,7 @@ function Ui(i, s, h, f, t, e) {
               stroke: a.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, it))), 256)) : a.yLabels.length ? (r(!0), l(N, { key: 1 }, I(a.yLabels, (o) => (r(), l("line", {
+            }, null, 8, it))), 256)) : a.yLabels.length ? (r(!0), l(I, { key: 1 }, m(a.yLabels, (o) => (r(), l("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.checkNaN(o.y),
@@ -1239,7 +1246,7 @@ function Ui(i, s, h, f, t, e) {
               "stroke-width": 0.5,
               "stroke-linecap": "round"
             }, null, 8, at))), 256)) : c("", !0)
-          ]))), 256)) : c("", !0) : (r(), l(N, { key: 1 }, [
+          ]))), 256)) : c("", !0) : (r(), l(I, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (r(), l("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1251,7 +1258,7 @@ function Ui(i, s, h, f, t, e) {
               "stroke-linecap": "round"
             }, null, 8, $e)) : c("", !0),
             e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), l("g", et, [
-              (r(!0), l(N, null, I(e.yLabels, (a) => (r(), l("line", {
+              (r(!0), l(I, null, m(e.yLabels, (a) => (r(), l("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
                 y1: e.checkNaN(a.y),
@@ -1263,7 +1270,7 @@ function Ui(i, s, h, f, t, e) {
             ])) : c("", !0)
           ], 64)),
           e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), l("g", rt, [
-            (r(!0), l(N, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, o) => (r(), l("line", {
+            (r(!0), l(I, null, m(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, o) => (r(), l("line", {
               key: `grid_vertical_line_${o}`,
               x1: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
@@ -1274,7 +1281,7 @@ function Ui(i, s, h, f, t, e) {
             }, null, 8, lt))), 128))
           ])) : c("", !0)
         ]),
-        (r(!0), l(N, null, I(e.barSet, (a, o) => (r(), l("defs", {
+        (r(!0), l(I, null, m(e.barSet, (a, o) => (r(), l("defs", {
           key: `def_rect_${o}`
         }, [
           g("linearGradient", {
@@ -1293,7 +1300,7 @@ function Ui(i, s, h, f, t, e) {
             g("stop", {
               offset: "100%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, ct)
+            }, null, 8, ht)
           ], 8, st),
           g("linearGradient", {
             id: `rectGradient_neg_${o}_${t.uniqueId}`,
@@ -1312,9 +1319,9 @@ function Ui(i, s, h, f, t, e) {
               offset: "100%",
               "stop-color": a.color
             }, null, 8, gt)
-          ], 8, ht)
+          ], 8, ct)
         ]))), 128)),
-        (r(!0), l(N, null, I(e.plotSet, (a, o) => (r(), l("defs", {
+        (r(!0), l(I, null, m(e.plotSet, (a, o) => (r(), l("defs", {
           key: `def_plot_${o}`
         }, [
           g("radialGradient", {
@@ -1328,14 +1335,14 @@ function Ui(i, s, h, f, t, e) {
             g("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, Nt),
+            }, null, 8, It),
             g("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, mt)
+            }, null, 8, Nt)
           ], 8, ft)
         ]))), 128)),
-        (r(!0), l(N, null, I(e.lineSet, (a, o) => (r(), l("defs", {
+        (r(!0), l(I, null, m(e.lineSet, (a, o) => (r(), l("defs", {
           key: `def_line_${o}`
         }, [
           g("radialGradient", {
@@ -1353,8 +1360,8 @@ function Ui(i, s, h, f, t, e) {
             g("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, bt)
-          ], 8, It),
+            }, null, 8, Ft)
+          ], 8, mt),
           g("linearGradient", {
             id: `areaGradient_${o}_${t.uniqueId}`,
             x1: "0%",
@@ -1370,10 +1377,10 @@ function Ui(i, s, h, f, t, e) {
               offset: "100%",
               "stop-color": `${e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)}`
             }, null, 8, yt)
-          ], 8, Ft)
+          ], 8, bt)
         ]))), 128)),
-        (r(!0), l(N, null, I(e.highlightAreas, (a) => (r(), l("g", null, [
-          a.show ? (r(!0), l(N, { key: 0 }, I(a.span, (o, n) => (r(), l("g", null, [
+        (r(!0), l(I, null, m(e.highlightAreas, (a) => (r(), l("g", null, [
+          a.show ? (r(!0), l(I, { key: 0 }, m(a.span, (o, n) => (r(), l("g", null, [
             g("rect", {
               style: C({
                 transition: "none",
@@ -1403,7 +1410,7 @@ function Ui(i, s, h, f, t, e) {
           ]))), 256)) : c("", !0)
         ]))), 256)),
         g("g", null, [
-          (r(!0), l(N, null, I(e.maxSeries, (a, o) => (r(), l("g", {
+          (r(!0), l(I, null, m(e.maxSeries, (a, o) => (r(), l("g", {
             key: `tooltip_trap_highlighter_${o}`
           }, [
             g("rect", {
@@ -1415,12 +1422,12 @@ function Ui(i, s, h, f, t, e) {
             }, null, 8, Lt)
           ]))), 128))
         ]),
-        e.barSet.length ? (r(!0), l(N, { key: 0 }, I(e.barSet, (a, o) => (r(), l("g", {
+        e.barSet.length ? (r(!0), l(I, { key: 0 }, m(e.barSet, (a, o) => (r(), l("g", {
           key: `serie_bar_${o}`,
           class: V(`serie_bar_${o}`),
           style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+          (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
             key: `bar_plot_${o}_${d}`
           }, [
             e.canShowValue(n.value) ? (r(), l("rect", {
@@ -1497,8 +1504,8 @@ function Ui(i, s, h, f, t, e) {
           y1: e.checkNaN(e.zero),
           y2: e.checkNaN(e.zero),
           "stroke-linecap": "round"
-        }, null, 8, Mt)) : c("", !0),
-        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (r(), l("g", zt, [
+        }, null, 8, zt)) : c("", !0),
+        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (r(), l("g", Mt, [
           g("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
             x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
@@ -1526,8 +1533,8 @@ function Ui(i, s, h, f, t, e) {
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
         }, null, 8, Pt)) : c("", !0),
         e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g", Vt, [
-          t.mutableConfig.useIndividualScale ? (r(), l(N, { key: 0 }, [
-            (r(!0), l(N, null, I(e.allScales, (a) => (r(), l("g", null, [
+          t.mutableConfig.useIndividualScale ? (r(), l(I, { key: 0 }, [
+            (r(!0), l(I, null, m(e.allScales, (a) => (r(), l("g", null, [
               g("line", {
                 x1: a.x + e.xPadding,
                 x2: a.x + e.xPadding,
@@ -1539,7 +1546,7 @@ function Ui(i, s, h, f, t, e) {
                 style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
               }, null, 12, Rt)
             ]))), 256)),
-            (r(!0), l(N, null, I(e.allScales, (a) => (r(), l("g", {
+            (r(!0), l(I, null, m(e.allScales, (a) => (r(), l("g", {
               style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               g("text", {
@@ -1548,7 +1555,7 @@ function Ui(i, s, h, f, t, e) {
                 "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, Dt),
-              (r(!0), l(N, null, I(a.yLabels, (o, n) => (r(), l("line", {
+              (r(!0), l(I, null, m(a.yLabels, (o, n) => (r(), l("line", {
                 x1: a.x - 3 + e.xPadding,
                 x2: a.x + e.xPadding,
                 y1: e.checkNaN(o.y),
@@ -1557,7 +1564,7 @@ function Ui(i, s, h, f, t, e) {
                 "stroke-width": 1,
                 "stroke-linecap": "round"
               }, null, 8, Bt))), 256)),
-              (r(!0), l(N, null, I(a.yLabels, (o, n) => (r(), l("text", {
+              (r(!0), l(I, null, m(a.yLabels, (o, n) => (r(), l("text", {
                 x: a.x - 5 + e.xPadding,
                 y: e.checkNaN(o.y) + t.fontSizes.dataLabels / 3,
                 "font-size": t.fontSizes.dataLabels,
@@ -1573,9 +1580,9 @@ function Ui(i, s, h, f, t, e) {
                   r: 1
                 }),
                 { datapoint: o.datapoint, seriesIndex: n }
-              )), 9, Ht))), 256))
+              )), 9, Et))), 256))
             ], 4))), 256))
-          ], 64)) : (r(!0), l(N, { key: 1 }, I(e.yLabels, (a, o) => (r(), l("g", {
+          ], 64)) : (r(!0), l(I, { key: 1 }, m(e.yLabels, (a, o) => (r(), l("g", {
             key: `yLabel_${o}`
           }, [
             e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), l("line", {
@@ -1587,7 +1594,7 @@ function Ui(i, s, h, f, t, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
-            }, null, 8, Wt)) : c("", !0),
+            }, null, 8, Ht)) : c("", !0),
             a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), l("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
@@ -1604,18 +1611,18 @@ function Ui(i, s, h, f, t, e) {
                 s: a.suffix,
                 r: 1
               })
-            ) : ""), 9, Et)) : c("", !0)
+            ) : ""), 9, Wt)) : c("", !0)
           ]))), 128))
         ])) : c("", !0),
-        (r(!0), l(N, null, I(e.plotSet, (a, o) => (r(), l("g", {
+        (r(!0), l(I, null, m(e.plotSet, (a, o) => (r(), l("g", {
           key: `serie_plot_${o}`,
           class: V(`serie_plot_${o}`),
           style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+          (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
             key: `circle_plot_${o}_${d}`
           }, [
-            n && e.canShowValue(n.value) ? (r(), D(b, {
+            n && e.canShowValue(n.value) ? (r(), D(F, {
               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})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? a.color : e.FINAL_CONFIG.plot.dot.fill,
@@ -1680,7 +1687,7 @@ function Ui(i, s, h, f, t, e) {
             })), 9, Kt)) : c("", !0)
           ])) : c("", !0)
         ], 6))), 128)),
-        (r(!0), l(N, null, I(e.lineSet, (a, o) => (r(), l("g", {
+        (r(!0), l(I, null, m(e.lineSet, (a, o) => (r(), l("g", {
           key: `serie_line_${o}`,
           class: V(`serie_line_${o}`),
           style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -1693,7 +1700,7 @@ function Ui(i, s, h, f, t, e) {
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
           }, null, 8, Qt)) : a.plots.length > 1 ? (r(), l("g", jt, [
-            (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+            (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
               key: `line_${o}_${d}`
             }, [
               n && d < a.plots.length - 1 && a.plots[d + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[d + 1].value) ? (r(), l("line", {
@@ -1711,7 +1718,7 @@ function Ui(i, s, h, f, t, e) {
             ]))), 128))
           ])) : c("", !0)
         ], 6))), 128)),
-        (r(!0), l(N, null, I(e.lineSet, (a, o) => (r(), l("g", {
+        (r(!0), l(I, null, m(e.lineSet, (a, o) => (r(), l("g", {
           key: `serie_line_${o}`,
           class: V(`serie_line_${o}`),
           style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -1735,7 +1742,7 @@ function Ui(i, s, h, f, t, e) {
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
           }, null, 8, ai)) : a.plots.length > 1 ? (r(), l("g", ri, [
-            (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+            (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
               key: `line_${o}_${d}`
             }, [
               n && d < a.plots.length - 1 && a.plots[d + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[d + 1].value) ? (r(), l("line", {
@@ -1752,10 +1759,10 @@ function Ui(i, s, h, f, t, e) {
               }, null, 8, li)) : c("", !0)
             ]))), 128))
           ])) : c("", !0),
-          (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+          (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
             key: `circle_line_${o}_${d}`
           }, [
-            n && e.canShowValue(n.value) ? (r(), D(b, {
+            n && e.canShowValue(n.value) ? (r(), D(F, {
               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})` : e.FINAL_CONFIG.line.dot.useSerieColor ? a.color : e.FINAL_CONFIG.line.dot.fill,
@@ -1792,8 +1799,8 @@ function Ui(i, s, h, f, t, e) {
                 g("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, hi)
-              ], 8, ci)
+                }, null, 8, ci)
+              ], 8, hi)
             ]),
             a.plots.length > 1 ? (r(), l("line", {
               key: 0,
@@ -1821,12 +1828,12 @@ function Ui(i, s, h, f, t, e) {
           ])) : c("", !0)
         ], 6))), 128)),
         (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (r(), l("g", gi, [
-          (r(!0), l(N, null, I(e.barSet, (a, o) => (r(), l("g", {
+          (r(!0), l(I, null, m(e.barSet, (a, o) => (r(), l("g", {
             key: `xLabel_bar_${o}`,
             class: V(`xLabel_bar_${o}`),
             style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+            (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
               key: `xLabel_bar_${o}_${d}`
             }, [
               n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === d || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === d) && e.FINAL_CONFIG.bar.labels.show ? (r(), l("text", {
@@ -1858,17 +1865,17 @@ function Ui(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"
-              }, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, Ni)) : c("", !0)
+              }, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, Ii)) : c("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : c("", !0),
-        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (r(), l("g", mi, [
-          (r(!0), l(N, null, I(e.plotSet, (a, o) => (r(), l("g", {
+        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (r(), l("g", Ni, [
+          (r(!0), l(I, null, m(e.plotSet, (a, o) => (r(), l("g", {
             key: `xLabel_plot_${o}`,
             class: V(`xLabel_plot_${o}`),
             style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+            (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
               key: `xLabel_plot_${o}_${d}`
             }, [
               n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === d || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === d ? (r(), l("text", {
@@ -1891,7 +1898,7 @@ function Ui(i, s, h, f, t, e) {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, Ii)) : c("", !0),
+              ) : ""), 9, mi)) : c("", !0),
               n && d === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
                 key: 1,
                 x: n.x,
@@ -1915,17 +1922,17 @@ function Ui(i, s, h, f, t, e) {
                 g("div", {
                   style: C(`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;`)
                 }, S(a.name), 5)
-              ], 8, bi)) : c("", !0)
+              ], 8, Fi)) : c("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : c("", !0),
-        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (r(), l("g", Fi, [
-          (r(!0), l(N, null, I(e.lineSet, (a, o) => (r(), l("g", {
+        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (r(), l("g", bi, [
+          (r(!0), l(I, null, m(e.lineSet, (a, o) => (r(), l("g", {
             key: `xLabel_line_${o}`,
             class: V(`xLabel_line_${o}`),
             style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+            (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
               key: `xLabel_line_${o}_${d}`
             }, [
               n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === d || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === d ? (r(), l("text", {
@@ -1976,12 +1983,12 @@ function Ui(i, s, h, f, t, e) {
             ]))), 128))
           ], 6))), 128))
         ])) : c("", !0),
-        (r(!0), l(N, null, I(e.lineSet, (a, o) => (r(), l("g", {
+        (r(!0), l(I, null, m(e.lineSet, (a, o) => (r(), l("g", {
           key: `xLabel_line_${o}`,
           class: V(`xLabel_line_${o}`),
           style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+          (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
             key: `xLabel_line_${o}_${d}`
           }, [
             n && d === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
@@ -2018,12 +2025,12 @@ function Ui(i, s, h, f, t, e) {
             }, null, 8, Li)) : c("", !0)
           ]))), 128))
         ], 6))), 128)),
-        (r(!0), l(N, null, I(e.plotSet, (a, o) => (r(), l("g", {
+        (r(!0), l(I, null, m(e.plotSet, (a, o) => (r(), l("g", {
           key: `xLabel_plot_${o}`,
           class: V(`xLabel_plot_${o}`),
           style: C(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(N, null, I(a.plots, (n, d) => (r(), l("g", {
+          (r(!0), l(I, null, m(a.plots, (n, d) => (r(), l("g", {
             key: `xLabel_plot_${o}_${d}`
           }, [
             n && d === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
@@ -2060,7 +2067,7 @@ function Ui(i, s, h, f, t, e) {
             }, null, 8, ki)) : c("", !0)
           ]))), 128))
         ], 6))), 128)),
-        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (r(!0), l(N, { key: 8 }, I(e.allScales, (a) => (r(), l("rect", {
+        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (r(!0), l(I, { key: 8 }, m(e.allScales, (a) => (r(), l("rect", {
           x: a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           y: e.drawingArea.top,
           width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
@@ -2088,7 +2095,7 @@ function Ui(i, s, h, f, t, e) {
           }, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Gi)) : c("", !0)
         ]),
         e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g", vi, [
-          (r(!0), l(N, null, I(e.timeLabels, (a, o) => (r(), l("g", {
+          (r(!0), l(I, null, m(e.timeLabels, (a, o) => (r(), l("g", {
             key: `time_label_${o}`
           }, [
             a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (o === 0 || o === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && 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 ? (r(), l("text", {
@@ -2101,7 +2108,7 @@ function Ui(i, s, h, f, t, e) {
           ]))), 128))
         ])) : c("", !0),
         g("g", null, [
-          (r(!0), l(N, null, I(e.maxSeries, (a, o) => (r(), l("g", {
+          (r(!0), l(I, null, m(e.maxSeries, (a, o) => (r(), l("g", {
             key: `tooltip_trap_${o}`
           }, [
             g("rect", {
@@ -2114,10 +2121,10 @@ function Ui(i, s, h, f, t, e) {
               onMouseenter: (n) => e.toggleTooltipVisibility(!0, o),
               onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
               onClick: (n) => e.selectX(o)
-            }, null, 40, Mi)
+            }, null, 40, zi)
           ]))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (r(), l("g", zi, [
+        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (r(), l("g", Mi, [
           (r(), l("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
@@ -2141,7 +2148,7 @@ function Ui(i, s, h, f, t, e) {
       O(i.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, Je)) : c("", !0),
     i.$slots.watermark ? (r(), l("div", Vi, [
-      O(i.$slots, "watermark", H(W({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
+      O(i.$slots, "watermark", E(H({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
     ])) : c("", !0),
     e.isDataset ? c("", !0) : (r(), D(T, {
       key: 6,
@@ -2189,21 +2196,23 @@ function Ui(i, s, h, f, t, e) {
       "onUpdate:start": s[2] || (s[2] = (a) => t.slicer.start = a),
       end: t.slicer.end,
       "onUpdate:end": s[3] || (s[3] = (a) => t.slicer.end = a),
+      refreshStartPoint: e.FINAL_CONFIG.chart.zoom.startIndex !== null ? e.FINAL_CONFIG.chart.zoom.startIndex : 0,
+      refreshEndPoint: e.FINAL_CONFIG.chart.zoom.endIndex !== null ? e.FINAL_CONFIG.chart.zoom.endIndex + 1 : Math.max(...h.dataset.map((a) => e.largestTriangleThreeBucketsArray({ data: a.series, threshold: e.FINAL_CONFIG.downsample.threshold }).length)),
       onReset: e.refreshSlicer,
       onTrapMouse: e.selectMinimapIndex
     }, {
-      "reset-action": z(({ reset: a }) => [
-        O(i.$slots, "reset-action", H(W({ reset: a })), void 0, !0)
+      "reset-action": M(({ reset: a }) => [
+        O(i.$slots, "reset-action", E(H({ 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", "refreshStartPoint", "refreshEndPoint", "onReset", "onTrapMouse"])) : c("", !0),
     e.FINAL_CONFIG.chart.legend.show ? (r(), l("div", {
       key: 8,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
       style: C(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (r(!0), l(N, null, I(e.absoluteDataset, (a, o) => (r(), l("div", {
+      (r(!0), l(I, null, m(e.absoluteDataset, (a, o) => (r(), l("div", {
         key: `div_legend_item_${o}`,
         onClick: (n) => e.segregate(a),
         class: V({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
@@ -2218,7 +2227,7 @@ function Ui(i, s, h, f, t, e) {
             width: "20",
             fill: a.color
           }, null, 8, Bi),
-          X(b, {
+          X(F, {
             plot: { x: 10, y: 9 },
             radius: 4,
             color: a.color,
@@ -2226,7 +2235,7 @@ function Ui(i, s, h, f, t, e) {
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 1
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : (r(), l("svg", Hi, [
+        ])) : (r(), l("svg", Ei, [
           t.icons[a.type] === "bar" ? (r(), l("rect", {
             key: 0,
             x: "0",
@@ -2236,7 +2245,7 @@ function Ui(i, s, h, f, t, e) {
             width: "12",
             stroke: "none",
             fill: a.color
-          }, null, 8, Wi)) : (r(), D(b, {
+          }, null, 8, Hi)) : (r(), D(F, {
             key: 1,
             plot: { x: 6, y: 6 },
             radius: 5,
@@ -2248,7 +2257,7 @@ function Ui(i, s, h, f, t, e) {
           style: C(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, S(a.name), 5)
       ], 10, Ri))), 128))
-    ], 4)) : (r(), l("div", Ei, [
+    ], 4)) : (r(), l("div", Wi, [
       O(i.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
     i.$slots.source ? (r(), l("div", Yi, [
@@ -2267,17 +2276,18 @@ function Ui(i, s, h, f, t, e) {
       offsetY: e.FINAL_CONFIG.chart.tooltip.offsetY,
       parent: i.$refs.chart,
       content: e.tooltipContent,
+      isFullscreen: t.isFullscreen,
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
-      "tooltip-before": z(() => [
-        O(i.$slots, "tooltip-before", H(W({ ...e.dataTooltipSlot })), void 0, !0)
+      "tooltip-before": M(() => [
+        O(i.$slots, "tooltip-before", E(H({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
-      "tooltip-after": z(() => [
-        O(i.$slots, "tooltip-after", H(W({ ...e.dataTooltipSlot })), void 0, !0)
+      "tooltip-after": M(() => [
+        O(i.$slots, "tooltip-after", E(H({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
-    }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-    e.isDataset ? (r(), D(M, {
+    }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
+    e.isDataset ? (r(), D(z, {
       key: 11,
       hideDetails: "",
       config: {
@@ -2293,16 +2303,16 @@ function Ui(i, s, h, f, t, e) {
         }
       }
     }, {
-      content: z(() => [
+      content: M(() => [
         g("div", {
           style: C(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
           g("div", Xi, [
-            He(g("input", {
+            Ee(g("input", {
               type: "checkbox",
               "onUpdate:modelValue": s[4] || (s[4] = (a) => t.showSparklineTable = a)
             }, null, 512), [
-              [We, t.showSparklineTable]
+              [He, t.showSparklineTable]
             ]),
             g("div", {
               onClick: s[5] || (s[5] = (a) => t.showSparklineTable = !t.showSparklineTable),
@@ -2328,11 +2338,11 @@ function Ui(i, s, h, f, t, e) {
             title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
             onClose: s[6] || (s[6] = (a) => t.mutableConfig.showTable = !1)
           }, {
-            th: z(({ th: a }) => [
+            th: M(({ th: a }) => [
               g("div", { innerHTML: a }, null, 8, qi)
             ]),
-            td: z(({ td: a }) => [
-              Ee(S(isNaN(Number(a)) ? a : e.dataLabel({
+            td: M(({ td: a }) => [
+              We(S(isNaN(Number(a)) ? a : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
                 v: a,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
@@ -2347,7 +2357,7 @@ function Ui(i, s, h, f, t, e) {
     }, 8, ["config"])) : c("", !0)
   ], 14, Ue);
 }
-const ha = /* @__PURE__ */ Ye(qe, [["render", Ui], ["__scopeId", "data-v-7fd18270"]]);
+const ca = /* @__PURE__ */ Ye(qe, [["render", Ui], ["__scopeId", "data-v-618dfcfd"]]);
 export {
-  ha as default
+  ca as default
 };