vue-data-ui 2.4.9 → 2.4.11

package/dist/{vue-ui-xy-DcinX3ix.js → vue-ui-xy-D0CYaEFW.js}

@@ -1,20 +1,20 @@
-import { c as J, a as K, t as Q, z as j, p as $, U as q, O as R, f as U, K as ee, F as te, i as ae, $ as ie, Z as re, a0 as le, v as se, a1 as ne, d as oe, B as ce, b as he, q as ue, R as de, a2 as ge, r as fe, e as Ne, y as me, M as Ie, x as xe, a3 as be, o as Fe, s as _e, w as ye, E as Ae, A as Ce, u as Le } from "./index-CRiXU5u4.js";
-import { D as ke } from "./DataTable-Bqouzjik.js";
-import { _ as Se } from "./Title-eBZtf9JC.js";
-import { _ as we, u as Oe } from "./Tooltip-wUAIAM2C.js";
-import { U as Ge } from "./usePrinter-uc7d9V3q.js";
-import { _ as ve } from "./Shape-IDJlHO6G.js";
-import pe from "./BaseIcon-BFZiytmY.js";
-import ze from "./vue-ui-table-sparkline-BNI0g8vI.js";
-import Me from "./vue-ui-skeleton-CjpLaxv-.js";
-import { S as Pe } from "./Slicer-CQsrB1vr.js";
-import Te from "./vue-ui-accordion-UcagglMR.js";
-import { u as Z } from "./useNestedProp-CJpdmtwu.js";
-import { _ as Ve } from "./PackageVersion-CTpPwNFg.js";
-import { P as Re } from "./PenAndPaper-DLwiH2Np.js";
-import { resolveComponent as T, openBlock as r, createElementBlock as l, normalizeClass as V, normalizeStyle as C, createBlock as D, createCommentVNode as h, createSlots as De, withCtx as M, renderSlot as O, normalizeProps as W, guardReactiveProps as B, createVNode as X, createElementVNode as d, Fragment as N, renderList as I, toDisplayString as k, withDirectives as He, vModelCheckbox as We, createTextVNode as Be } from "vue";
-import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ye = J(), Xe = {
+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 ae, a2 as ie, 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 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 ke } from "./index-9EusFpSb.js";
+import { D as Se } from "./DataTable-DD2NjgWr.js";
+import { _ as we } from "./Title-NE47pLld.js";
+import { _ as Oe, u as Ge } from "./Tooltip-1RIjj9Cf.js";
+import { U as ve } from "./usePrinter-Q5_oK30J.js";
+import { _ as pe } from "./Shape-Bc8lWk7D.js";
+import ze from "./BaseIcon-CNl_wwAN.js";
+import Me from "./vue-ui-table-sparkline-BJ1p4Emo.js";
+import Te from "./vue-ui-skeleton-DptJx8-6.js";
+import { S as Pe } from "./Slicer-CfPeFpUJ.js";
+import Ve from "./vue-ui-accordion-DE04OBLu.js";
+import { u as Z } from "./useNestedProp-DLOArwu0.js";
+import { _ as Re } from "./PackageVersion-DjRRmHKg.js";
+import { P as De } from "./PenAndPaper-BkFQN_fq.js";
+import { resolveComponent as P, openBlock as r, createElementBlock as l, normalizeClass as V, normalizeStyle as C, createBlock as D, createCommentVNode as h, createSlots as Be, withCtx as M, renderSlot as O, normalizeProps as H, guardReactiveProps as W, createVNode as X, createElementVNode as u, Fragment as N, renderList as I, toDisplayString as k, withDirectives as He, vModelCheckbox as We, createTextVNode as Ee } from "vue";
+import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Xe = J(), qe = {
   name: "vue-ui-xy",
   props: {
     config: {
@@ -31,31 +31,31 @@ const Ye = J(), Xe = {
     }
   },
   components: {
-    DataTable: ke,
-    Shape: ve,
-    Title: Se,
-    Tooltip: we,
-    UserOptions: Ge,
-    BaseIcon: pe,
-    TableSparkline: ze,
-    Skeleton: Me,
+    DataTable: Se,
+    Shape: pe,
+    Title: we,
+    Tooltip: Oe,
+    UserOptions: ve,
+    BaseIcon: ze,
+    TableSparkline: Me,
+    Skeleton: Te,
     Slicer: Pe,
-    Accordion: Te,
-    PackageVersion: Ve,
-    PenAndPaper: Re
+    Accordion: Ve,
+    PackageVersion: Re,
+    PenAndPaper: De
   },
   data() {
-    this.dataset.forEach((c, f) => {
-      [null, void 0].includes(c.series) && this.error({
+    this.dataset.forEach((f, a) => {
+      [null, void 0].includes(f.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
-        index: f
+        index: a
       });
     });
-    const t = Math.max(...this.dataset.map((c) => c.series.length)), s = {
+    const t = this.config.downsample && this.config.downsample.threshold ? this.config.downsample.threshold : 500, s = Math.max(...this.dataset.map((f) => this.largestTriangleThreeBucketsArray({ data: f.series, threshold: t }).length)), c = {
       start: 0,
-      end: t
+      end: s
     };
     return {
       themePalettes: K,
@@ -104,12 +104,12 @@ const Ye = J(), Xe = {
       step: 0,
       tableStep: 0,
       titleStep: 0,
-      slicer: s,
+      slicer: c,
       __to__: null,
-      maxX: t,
+      maxX: s,
       showSparklineTable: !0,
       segregateStep: 0,
-      sliderId: Ye,
+      sliderId: Xe,
       fontSizes: {
         xAxis: 18,
         yAxis: 12,
@@ -126,7 +126,10 @@ const Ye = J(), Xe = {
   watch: {
     dataset: {
       handler(t, s) {
-        this.maxX = Math.max(...this.dataset.map((c) => c.series.length)), this.slicer = {
+        this.maxX = Math.max(...this.dataset.map((c) => this.largestTriangleThreeBucketsArray({
+          data: c.series,
+          threshold: this.FINAL_CONFIG.downsample.threshold
+        }).length)), this.slicer = {
           start: 0,
           end: this.maxX
         }, this.slicerStep += 1, this.segregateStep += 1;
@@ -252,16 +255,26 @@ const Ye = J(), Xe = {
     datasetWithIds() {
       return this.useSafeValues ? this.dataset.map((t, s) => ({
         ...t,
+        series: this.largestTriangleThreeBucketsArray({
+          data: t.series,
+          threshold: this.FINAL_CONFIG.downsample.threshold
+        }),
         id: `uniqueId_${s}`
       })) : this.dataset;
     },
     safeDataset() {
-      return this.useSafeValues ? this.dataset.map((t, s) => ({
-        ...t,
-        series: t.series.map((c) => this.isSafeValue(c) ? c : null).slice(this.slicer.start, this.slicer.end),
-        color: this.convertColorToHex(t.color ? t.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
-        id: `uniqueId_${s}`
-      })) : this.dataset;
+      return this.useSafeValues ? this.dataset.map((t, s) => {
+        const c = this.largestTriangleThreeBucketsArray({
+          data: t.series,
+          threshold: this.FINAL_CONFIG.downsample.threshold
+        });
+        return {
+          ...t,
+          series: c.map((f) => this.isSafeValue(f) ? f : null).slice(this.slicer.start, this.slicer.end),
+          color: this.convertColorToHex(t.color ? t.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
+          id: `uniqueId_${s}`
+        };
+      }) : this.dataset;
     },
     relativeDataset() {
       return this.safeDataset.map((t, s) => ({
@@ -320,15 +333,15 @@ const Ye = J(), Xe = {
     barSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, s) => {
         this.checkAutoScaleError(t);
-        const c = Math.min(...t.absoluteValues.filter((u) => ![null, void 0].includes(u))), f = Math.max(...t.absoluteValues.filter((u) => ![null, void 0].includes(u))), e = {
-          ratios: t.absoluteValues.filter((u) => ![null, void 0].includes(u)).map((u) => (u - c) / (f - c)),
+        const c = Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), f = Math.max(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
+          ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - c) / (f - c)),
           valueMin: c,
           valueMax: f < 0 ? 0 : f
         }, x = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
-          min: t.scaleMin || Math.min(...t.absoluteValues.filter((u) => ![void 0, null].includes(u))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((u) => ![null, void 0].includes(u)))
-        }, y = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, S = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * S : x.max, y), b = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * S : e.valueMax, y), P = m.min >= 0 ? 0 : Math.abs(m.min), v = 0, p = m.max + P, w = b.max + Math.abs(v), _ = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, z = this.drawingArea.bottom - _ - L * P / p, i = this.drawingArea.bottom - _ - L * v / w, o = this.absoluteDataset.filter((u) => u.type === "bar").filter((u) => !this.segregatedSeries.includes(u.id)).length, n = t.series.map((u, F) => {
-          const E = this.mutableConfig.useIndividualScale ? (t.absoluteValues[F] + P) / 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;
+          min: t.scaleMin || Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d)))
+        }, y = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, S = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * S : x.max, y), b = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * S : 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 - t.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, z = this.drawingArea.bottom - _ - L * T / p, i = this.drawingArea.bottom - _ - L * v / w, o = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, n = t.series.map((d, F) => {
+          const E = this.mutableConfig.useIndividualScale ? (t.absoluteValues[F] + T) / p : this.ratioToMax(d), 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;
           return {
             yOffset: this.checkNaN(_),
             individualHeight: this.checkNaN(L),
@@ -339,7 +352,7 @@ const Ye = J(), Xe = {
             individualMax: this.checkNaN(p),
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), g = t.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))), H = t.series.map((u, F) => {
+        }), g = t.absoluteValues.map((d) => b.min >= 0 ? (d - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (d + Math.abs(b.min)) / (b.max + Math.abs(b.min))), B = t.series.map((d, 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;
           return {
             yOffset: this.checkNaN(_),
@@ -351,17 +364,17 @@ const Ye = J(), Xe = {
             individualMax: this.checkNaN(p),
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), A = m.ticks.map((u) => ({
-          y: u >= 0 ? z - L * (u / p) : z + L * Math.abs(u) / p,
-          value: u,
+        }), A = m.ticks.map((d) => ({
+          y: d >= 0 ? z - L * (d / p) : z + L * Math.abs(d) / p,
+          value: d,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), G = b.ticks.map((u) => {
-          const F = (u - b.min) / (b.max - b.min);
+        })), G = b.ticks.map((d) => {
+          const F = (d - b.min) / (b.max - b.min);
           return {
-            y: u >= 0 ? i - L * F : i + L * F,
-            value: u,
+            y: d >= 0 ? i - L * F : i + L * F,
+            value: d,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: t
@@ -376,7 +389,7 @@ const Ye = J(), Xe = {
           individualScale: t.autoScaling ? b : m,
           individualMax: t.autoScaling ? w : p,
           zeroPosition: t.autoScaling ? i : z,
-          plots: t.autoScaling ? H : n
+          plots: t.autoScaling ? B : n
         };
       });
     },
@@ -389,22 +402,22 @@ const Ye = J(), Xe = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "line").map((t) => {
         this.checkAutoScaleError(t);
-        const s = Math.min(...t.absoluteValues.filter((u) => ![void 0, null].includes(u))), c = Math.max(...t.absoluteValues.filter((u) => ![void 0, null].includes(u))) || 1, a = {
-          ratios: t.absoluteValues.filter((u) => ![null, void 0].includes(u)).map((u) => (u - s) / (c - s)),
+        const s = Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))), c = Math.max(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, a = {
+          ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (c - s)),
           valueMin: s,
           valueMax: c
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
-        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, S = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), b = S.min >= 0 ? 0 : Math.abs(S.min), P = 0, v = S.max + Math.abs(b), p = m.max + Math.abs(P), w = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - w - _ * b / v, z = this.drawingArea.bottom - w - _ * P / p, i = t.series.map((u, F) => {
-          const E = this.mutableConfig.useIndividualScale ? (t.absoluteValues[F] + Math.abs(b)) / v : this.ratioToMax(u);
+        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, S = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), b = S.min >= 0 ? 0 : Math.abs(S.min), T = 0, v = S.max + Math.abs(b), p = m.max + Math.abs(T), w = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - w - _ * b / v, z = this.drawingArea.bottom - w - _ * T / p, i = t.series.map((d, F) => {
+          const E = this.mutableConfig.useIndividualScale ? (t.absoluteValues[F] + Math.abs(b)) / v : this.ratioToMax(d);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
             y: this.checkNaN(this.drawingArea.bottom - w - _ * E),
             value: t.absoluteValues[F],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), o = t.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 = t.series.map((u, F) => [void 0, null].includes(t.absoluteValues[F]) ? {
+        }), o = t.absoluteValues.map((d) => m.min >= 0 ? (d - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (d + Math.abs(m.min)) / (m.max + Math.abs(m.min))), n = t.series.map((d, F) => [void 0, null].includes(t.absoluteValues[F]) ? {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
           y: L,
           value: t.absoluteValues[F],
@@ -414,17 +427,17 @@ const Ye = J(), Xe = {
           y: this.checkNaN(this.drawingArea.bottom - w - (_ * o[F] || 0)),
           value: t.absoluteValues[F],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
-        }), g = this.createSmoothPath(i), H = this.createSmoothPath(n), A = S.ticks.map((u) => ({
-          y: u >= 0 ? L - _ * (u / v) : L + _ * Math.abs(u) / v,
-          value: u,
+        }), g = this.createSmoothPath(i), B = this.createSmoothPath(n), A = S.ticks.map((d) => ({
+          y: d >= 0 ? L - _ * (d / v) : L + _ * Math.abs(d) / v,
+          value: d,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), G = m.ticks.map((u) => {
-          const F = (u - m.min) / (m.max - m.min);
+        })), G = m.ticks.map((d) => {
+          const F = (d - m.min) / (m.max - m.min);
           return {
-            y: u >= 0 ? z - _ * F : z + _ * F,
-            value: u,
+            y: d >= 0 ? z - _ * F : z + _ * F,
+            value: d,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: t
@@ -439,7 +452,7 @@ const Ye = J(), Xe = {
           individualScale: t.autoScaling ? m : S,
           individualMax: t.autoScaling ? p : v,
           zeroPosition: t.autoScaling ? z : L,
-          curve: t.autoScaling ? H : g,
+          curve: t.autoScaling ? B : g,
           plots: t.autoScaling ? n : i,
           area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ? n : i, t.autoScaling ? z : L) : this.createArea(i) : ""
         };
@@ -455,11 +468,11 @@ const Ye = J(), Xe = {
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
-        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, S = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), b = S.min >= 0 ? 0 : Math.abs(S.min), P = 0, v = S.max + b, p = m.max + Math.abs(P), w = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - w - _ * b / v, z = this.drawingArea.bottom - w - _ * P / p, i = t.series.map((A, G) => {
-          const u = this.mutableConfig.useIndividualScale ? (t.absoluteValues[G] + Math.abs(b)) / v : this.ratioToMax(A);
+        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, S = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), b = S.min >= 0 ? 0 : Math.abs(S.min), T = 0, v = S.max + b, p = m.max + Math.abs(T), w = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - w - _ * b / v, z = this.drawingArea.bottom - w - _ * T / p, i = t.series.map((A, G) => {
+          const d = this.mutableConfig.useIndividualScale ? (t.absoluteValues[G] + Math.abs(b)) / 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),
+            y: this.checkNaN(this.drawingArea.bottom - w - _ * d),
             value: t.absoluteValues[G],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[G] || ""
           };
@@ -474,7 +487,7 @@ const Ye = J(), Xe = {
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), H = m.ticks.map((A) => {
+        })), B = m.ticks.map((A) => {
           const G = (A - m.min) / (m.max - m.min);
           return {
             y: A >= 0 ? z - _ * G : z + _ * G,
@@ -487,9 +500,9 @@ const Ye = J(), Xe = {
         return {
           ...t,
           yOffset: w,
-          autoScaleYLabels: H,
+          autoScaleYLabels: B,
           individualHeight: _,
-          scaleYLabels: t.autoScaling ? H : g,
+          scaleYLabels: t.autoScaling ? B : g,
           individualScale: t.autoScaling ? m : S,
           individualMax: t.autoScaling ? p : v,
           zeroPosition: t.autoScaling ? z : L,
@@ -732,10 +745,10 @@ const Ye = J(), Xe = {
     checkNaN: se,
     closestDecimal: ne,
     convertColorToHex: oe,
-    convertConfigColors: ce,
-    convertCustomPalette: he,
-    createCsvContent: ue,
-    createSmoothPath: de,
+    convertConfigColors: he,
+    convertCustomPalette: ce,
+    createCsvContent: de,
+    createSmoothPath: ue,
     createTSpans: ge,
     dataLabel: U,
     downloadCsv: fe,
@@ -744,12 +757,13 @@ const Ye = J(), Xe = {
     hasDeepProperty: Ie,
     isFunction: xe,
     isSafeValue: be,
-    objectIsEmpty: Fe,
-    setOpacity: _e,
-    shiftHue: ye,
-    translateSize: Ae,
-    treeShake: Ce,
-    useMouse: Oe,
+    largestTriangleThreeBucketsArray: Fe,
+    objectIsEmpty: _e,
+    setOpacity: ye,
+    shiftHue: Ae,
+    translateSize: Ce,
+    treeShake: Le,
+    useMouse: Ge,
     useNestedProp: Z,
     toggleAnnotator() {
       this.isAnnotator = !this.isAnnotator;
@@ -762,7 +776,7 @@ const Ye = J(), Xe = {
       };
     },
     prepareConfig() {
-      const t = Le().vue_ui_xy;
+      const t = ke().vue_ui_xy;
       if (!Object.keys(this.config || {}).length)
         return t;
       const s = this.useNestedProp({
@@ -812,8 +826,8 @@ const Ye = J(), Xe = {
         this.FINAL_CONFIG.chart.legend.show && (S = this.$refs.chartLegend, m = S.getBoundingClientRect().height);
         let b = 0;
         this.$refs.source && (b = this.$refs.source.getBoundingClientRect().height);
-        let P = 0;
-        this.$refs.noTitle && (P = this.$refs.source.getBoundingClientRect().height), this.height = c - e - m - y - b - P, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((p) => {
+        let T = 0;
+        this.$refs.noTitle && (T = this.$refs.source.getBoundingClientRect().height), this.height = c - 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) => {
           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();
         }).observe(s);
@@ -902,7 +916,7 @@ const Ye = J(), Xe = {
     refreshSlicer() {
       this.slicer = {
         start: 0,
-        end: Math.max(...this.dataset.map((t) => t.series.length))
+        end: Math.max(...this.dataset.map((t) => this.largestTriangleThreeBucketsArray({ data: t.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length))
       }, this.slicerStep += 1;
     },
     calcRectHeight(t) {
@@ -1022,37 +1036,37 @@ const Ye = J(), Xe = {
       }, 100);
     }
   }
-}, qe = ["id"], Ue = {
+}, Ue = ["id"], Ze = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, Ze = ["viewBox"], Je = { key: 0 }, Ke = { class: "vue-ui-xy-grid" }, Qe = ["stroke", "x1", "x2", "y1", "y2"], je = ["stroke", "x1", "x2", "y1", "y2"], $e = { key: 1 }, et = ["x1", "x2", "y1", "y2", "stroke"], tt = ["x1", "x2", "y1", "y2", "stroke"], at = ["x1", "x2", "y1", "y2", "stroke"], it = { key: 3 }, rt = ["x1", "x2", "y1", "y2", "stroke"], lt = ["id"], st = ["stop-color"], nt = ["stop-color"], ot = ["stop-color"], ct = ["id"], ht = ["stop-color"], ut = ["stop-color"], dt = ["stop-color"], gt = ["id"], ft = ["stop-color"], Nt = ["stop-color"], mt = ["id"], It = ["stop-color"], xt = ["stop-color"], bt = ["id"], Ft = ["stop-color"], _t = ["stop-color"], yt = ["x", "y", "height", "width", "fill"], At = ["x", "y", "width"], Ct = ["x", "y", "height", "width", "fill"], Lt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], kt = ["width", "x", "y"], St = { key: 0 }, wt = ["id"], Ot = ["fill"], Gt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], vt = ["x", "y", "font-size", "fill"], pt = ["stroke", "x1", "x2", "y1", "y2"], zt = { key: 2 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], 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"], Wt = ["x1", "x2", "y1", "y2", "stroke"], Bt = ["x", "y", "font-size", "fill"], Et = ["width", "x", "y"], Yt = { style: { width: "100%" } }, Xt = { key: 0 }, qt = ["id"], Ut = ["fill"], Zt = ["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 }, ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], la = ["width", "x", "y"], sa = { style: { width: "100%" } }, na = { key: 3 }, oa = ["id"], ca = ["fill"], ha = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ua = ["x", "y", "font-size", "fill"], da = { key: 5 }, ga = ["x", "y", "font-size", "fill"], fa = ["x", "y", "font-size", "fill", "font-weight"], Na = { key: 6 }, ma = ["x", "y", "font-size", "fill"], Ia = ["x", "y"], xa = ["x", "y"], ba = { key: 7 }, Fa = ["x", "y", "font-size", "fill"], _a = ["x", "y"], ya = ["x", "y"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], ka = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "width", "height", "fill", "onMouseenter"], wa = ["font-size", "fill", "transform"], Oa = ["x", "y", "font-size", "fill"], Ga = { key: 9 }, va = ["text-anchor", "font-size", "fill", "transform"], pa = ["x", "y", "height", "width", "onMouseenter", "onClick"], za = { key: 10 }, Ma = ["x", "y"], Pa = ["cx", "cy", "r", "fill"], Ta = {
+}, 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"], at = ["x1", "x2", "y1", "y2", "stroke"], it = ["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"], 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"], kt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], St = ["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"], 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"], ea = { key: 0 }, ta = ["d", "fill"], aa = ["d", "fill"], ia = ["d", "stroke", "stroke-width", "stroke-dasharray"], ra = { key: 2 }, la = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], sa = ["width", "x", "y"], na = { style: { width: "100%" } }, oa = { key: 3 }, ha = ["id"], ca = ["fill"], da = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ua = ["x", "y", "font-size", "fill"], ga = { key: 5 }, fa = ["x", "y", "font-size", "fill"], Na = ["x", "y", "font-size", "fill", "font-weight"], ma = { key: 6 }, Ia = ["x", "y", "font-size", "fill"], xa = ["x", "y"], ba = ["x", "y"], Fa = { key: 7 }, _a = ["x", "y", "font-size", "fill"], ya = ["x", "y"], Aa = ["x", "y"], Ca = ["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"], wa = ["x", "y", "width", "height", "fill", "onMouseenter"], Oa = ["font-size", "fill", "transform"], Ga = ["x", "y", "font-size", "fill"], va = { key: 9 }, pa = ["text-anchor", "font-size", "fill", "transform"], za = ["x", "y", "height", "width", "onMouseenter", "onClick"], Ma = { key: 10 }, Ta = ["x", "y"], Pa = ["cx", "cy", "r", "fill"], Va = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Va = ["onClick"], Ra = {
+}, Ra = ["onClick"], Da = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Da = ["fill"], Ha = {
+}, Ba = ["fill"], Ha = {
   key: 1,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Wa = ["fill"], Ba = {
+}, Wa = ["fill"], Ea = {
   key: 9,
   ref: "chartLegend"
-}, Ea = {
+}, Ya = {
   key: 10,
   ref: "source",
   dir: "auto"
-}, Ya = {
+}, Xa = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
-}, Xa = ["innerHTML"];
-function qa(t, s, c, f, a, e) {
-  const x = T("PenAndPaper"), y = T("Title"), S = T("UserOptions"), m = T("PackageVersion"), b = T("Shape"), P = T("Skeleton"), v = T("Slicer"), p = T("Tooltip"), w = T("BaseIcon"), _ = T("TableSparkline"), L = T("DataTable"), z = T("Accordion");
+}, qa = ["innerHTML"];
+function Ua(t, s, c, f, a, e) {
+  const x = P("PenAndPaper"), y = P("Title"), S = 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"), z = P("Accordion");
   return r(), l("div", {
     id: `vue-ui-xy_${a.uniqueId}`,
     class: V(`vue-ui-xy ${a.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1067,7 +1081,7 @@ function qa(t, s, c, f, a, e) {
       active: a.isAnnotator,
       onClose: e.toggleAnnotator
     }, null, 8, ["parent", "backgroundColor", "color", "active", "onClose"])) : h("", !0),
-    e.hasOptionsNoTitle ? (r(), l("div", Ue, null, 512)) : h("", !0),
+    e.hasOptionsNoTitle ? (r(), l("div", Ze, null, 512)) : h("", !0),
     e.FINAL_CONFIG.chart.title.show ? (r(), l("div", {
       key: 2,
       ref: "chartTitle",
@@ -1121,7 +1135,7 @@ function qa(t, s, c, f, a, e) {
       onToggleStack: e.toggleStack,
       onToggleTooltip: e.toggleTooltip,
       onToggleAnnotator: e.toggleAnnotator
-    }, De({ _: 2 }, [
+    }, Be({ _: 2 }, [
       t.$slots.optionTooltip ? {
         name: "optionTooltip",
         fn: M(() => [
@@ -1174,14 +1188,14 @@ function qa(t, s, c, f, a, e) {
       t.$slots.optionFullscreen ? {
         name: "optionFullscreen",
         fn: M(({ toggleFullscreen: i, isFullscreen: o }) => [
-          O(t.$slots, "optionFullscreen", W(B({ toggleFullscreen: i, isFullscreen: o })), void 0, !0)
+          O(t.$slots, "optionFullscreen", H(W({ toggleFullscreen: i, isFullscreen: o })), void 0, !0)
         ]),
         key: "7"
       } : void 0,
       t.$slots.optionAnnotator ? {
         name: "optionAnnotator",
         fn: M(({ toggleAnnotator: i, isAnnotator: o }) => [
-          O(t.$slots, "optionAnnotator", W(B({ toggleAnnotator: i, isAnnotator: o })), void 0, !0)
+          O(t.$slots, "optionAnnotator", H(W({ toggleAnnotator: i, isAnnotator: o })), void 0, !0)
         ]),
         key: "8"
       } : void 0
@@ -1195,8 +1209,8 @@ function qa(t, s, c, f, a, e) {
       style: C(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
       X(m),
-      e.maxSeries > 0 ? (r(), l("g", Je, [
-        d("g", Ke, [
+      e.maxSeries > 0 ? (r(), l("g", Ke, [
+        u("g", Qe, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), l("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1206,7 +1220,7 @@ function qa(t, s, c, f, a, e) {
             y1: e.drawingArea.bottom,
             y2: e.drawingArea.bottom,
             "stroke-linecap": "round"
-          }, null, 8, Qe)) : h("", !0),
+          }, null, 8, je)) : h("", !0),
           a.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(N, { key: 2 }, I(e.allScales, (i) => (r(), l("g", null, [
             i.id === a.selectedScale && i.yLabels.length ? (r(!0), l(N, { key: 0 }, I(i.yLabels, (o) => (r(), l("line", {
               x1: e.drawingArea.left + e.xPadding,
@@ -1216,7 +1230,7 @@ function qa(t, s, c, f, a, e) {
               stroke: i.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, tt))), 256)) : i.yLabels.length ? (r(!0), l(N, { key: 1 }, I(i.yLabels, (o) => (r(), l("line", {
+            }, null, 8, at))), 256)) : i.yLabels.length ? (r(!0), l(N, { key: 1 }, I(i.yLabels, (o) => (r(), l("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.checkNaN(o.y),
@@ -1224,7 +1238,7 @@ function qa(t, s, c, f, a, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, at))), 256)) : h("", !0)
+            }, null, 8, it))), 256)) : h("", !0)
           ]))), 256)) : h("", !0) : (r(), l(N, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (r(), l("line", {
               key: 0,
@@ -1235,8 +1249,8 @@ function qa(t, s, c, f, a, e) {
               y1: e.drawingArea.top,
               y2: e.drawingArea.bottom,
               "stroke-linecap": "round"
-            }, null, 8, je)) : h("", !0),
-            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), l("g", $e, [
+            }, null, 8, $e)) : h("", !0),
+            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), l("g", et, [
               (r(!0), l(N, null, I(e.yLabels, (i) => (r(), l("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
@@ -1245,10 +1259,10 @@ function qa(t, s, c, f, a, e) {
                 stroke: e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-width": 0.5,
                 "stroke-linecap": "round"
-              }, null, 8, et))), 256))
+              }, null, 8, tt))), 256))
             ])) : h("", !0)
           ], 64)),
-          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), l("g", it, [
+          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), (i, o) => (r(), l("line", {
               key: `grid_vertical_line_${o}`,
               x1: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
@@ -1257,53 +1271,53 @@ function qa(t, s, c, f, a, e) {
               y2: e.drawingArea.bottom,
               "stroke-width": "0.5",
               stroke: e.FINAL_CONFIG.chart.grid.stroke
-            }, null, 8, rt))), 128))
+            }, null, 8, lt))), 128))
           ])) : h("", !0)
         ]),
         (r(!0), l(N, null, I(e.barSet, (i, o) => (r(), l("defs", {
           key: `def_rect_${o}`
         }, [
-          d("linearGradient", {
+          u("linearGradient", {
             id: `rectGradient_pos_${o}_${a.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            d("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": i.color
-            }, null, 8, st),
-            d("stop", {
+            }, null, 8, nt),
+            u("stop", {
               offset: "62%",
               "stop-color": `${e.shiftHue(i.color, 0.02)}`
-            }, null, 8, nt),
-            d("stop", {
+            }, null, 8, ot),
+            u("stop", {
               offset: "100%",
               "stop-color": `${e.shiftHue(i.color, 0.05)}`
-            }, null, 8, ot)
-          ], 8, lt),
-          d("linearGradient", {
+            }, null, 8, ht)
+          ], 8, st),
+          u("linearGradient", {
             id: `rectGradient_neg_${o}_${a.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            d("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(i.color, 0.05)}`
-            }, null, 8, ht),
-            d("stop", {
+            }, null, 8, dt),
+            u("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(i.color, 0.02)}`
             }, null, 8, ut),
-            d("stop", {
+            u("stop", {
               offset: "100%",
               "stop-color": i.color
-            }, null, 8, dt)
+            }, null, 8, gt)
           ], 8, ct)
         ]))), 128)),
         (r(!0), l(N, null, I(e.plotSet, (i, o) => (r(), l("defs", {
           key: `def_plot_${o}`
         }, [
-          d("radialGradient", {
+          u("radialGradient", {
             id: `plotGradient_${o}_${a.uniqueId}`,
             cx: "50%",
             cy: "50%",
@@ -1311,20 +1325,20 @@ function qa(t, s, c, f, a, e) {
             fx: "50%",
             fy: "50%"
           }, [
-            d("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(i.color, 0.05)}`
-            }, null, 8, ft),
-            d("stop", {
+            }, null, 8, Nt),
+            u("stop", {
               offset: "100%",
               "stop-color": i.color
-            }, null, 8, Nt)
-          ], 8, gt)
+            }, null, 8, mt)
+          ], 8, ft)
         ]))), 128)),
         (r(!0), l(N, null, I(e.lineSet, (i, o) => (r(), l("defs", {
           key: `def_line_${o}`
         }, [
-          d("radialGradient", {
+          u("radialGradient", {
             id: `lineGradient_${o}_${a.uniqueId}`,
             cx: "50%",
             cy: "50%",
@@ -1332,35 +1346,35 @@ function qa(t, s, c, f, a, e) {
             fx: "50%",
             fy: "50%"
           }, [
-            d("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(i.color, 0.05)}`
-            }, null, 8, It),
-            d("stop", {
+            }, null, 8, xt),
+            u("stop", {
               offset: "100%",
               "stop-color": i.color
-            }, null, 8, xt)
-          ], 8, mt),
-          d("linearGradient", {
+            }, null, 8, bt)
+          ], 8, It),
+          u("linearGradient", {
             id: `areaGradient_${o}_${a.uniqueId}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
             y2: "0%"
           }, [
-            d("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": `${e.setOpacity(e.shiftHue(i.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, Ft),
-            d("stop", {
+            }, null, 8, _t),
+            u("stop", {
               offset: "100%",
               "stop-color": `${e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, _t)
-          ], 8, bt)
+            }, null, 8, yt)
+          ], 8, Ft)
         ]))), 128)),
         (r(!0), l(N, null, I(e.highlightAreas, (i) => (r(), l("g", null, [
           i.show ? (r(!0), l(N, { key: 0 }, I(i.span, (o, n) => (r(), l("g", null, [
-            d("rect", {
+            u("rect", {
               style: C({
                 transition: "none",
                 opacity: i.from + n >= a.slicer.start && i.from + n <= a.slicer.end - 1 ? 1 : 0
@@ -1370,7 +1384,7 @@ function qa(t, s, c, f, a, e) {
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
               fill: e.setOpacity(i.color, i.opacity)
-            }, null, 12, yt),
+            }, null, 12, At),
             i.caption.text && n === 0 ? (r(), l("foreignObject", {
               key: 0,
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.from + n - a.slicer.start) - (i.caption.width === "auto" ? 0 : i.caption.width / 2 - e.drawingArea.width / e.maxSeries * i.span / 2),
@@ -1382,23 +1396,23 @@ function qa(t, s, c, f, a, e) {
               height: "1",
               width: i.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * i.span : i.caption.width
             }, [
-              d("div", {
+              u("div", {
                 style: C(`padding:${i.caption.padding}px;text-align:${i.caption.textAlign};font-size:${i.caption.fontSize}px;color:${i.caption.color};font-weight:${i.caption.bold ? "bold" : "normal"}`)
               }, k(i.caption.text), 5)
-            ], 12, At)) : h("", !0)
+            ], 12, Ct)) : h("", !0)
           ]))), 256)) : h("", !0)
         ]))), 256)),
-        d("g", null, [
+        u("g", null, [
           (r(!0), l(N, null, I(e.maxSeries, (i, o) => (r(), l("g", {
             key: `tooltip_trap_${o}`
           }, [
-            d("rect", {
+            u("rect", {
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
               fill: [a.selectedMinimapIndex, a.selectedSerieIndex, a.selectedRowIndex].includes(o) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
-            }, null, 8, Ct)
+            }, null, 8, Lt)
           ]))), 128))
         ]),
         e.barSet.length ? (r(!0), l(N, { key: 0 }, I(e.barSet, (i, o) => (r(), l("g", {
@@ -1419,7 +1433,7 @@ function qa(t, s, c, f, a, e) {
               fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${o}_${a.uniqueId})` : `url(#rectGradient_neg_${o}_${a.uniqueId})` : i.color,
               stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? i.color : e.FINAL_CONFIG.bar.border.stroke,
               "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
-            }, null, 8, Lt)) : h("", !0),
+            }, null, 8, kt)) : h("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1431,11 +1445,11 @@ function qa(t, s, c, f, a, e) {
               O(t.$slots, "plot-comment", {
                 plot: { ...n, color: i.color, seriesIndex: o, datapointIndex: g }
               }, void 0, !0)
-            ], 8, kt)) : h("", !0)
+            ], 8, St)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (r(), l("g", St, [
-            d("defs", null, [
-              d("marker", {
+          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (r(), l("g", wt, [
+            u("defs", null, [
+              u("marker", {
                 id: `bar_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1443,11 +1457,11 @@ function qa(t, s, c, f, a, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                d("polygon", {
+                u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: i.color
-                }, null, 8, Ot)
-              ], 8, wt)
+                }, null, 8, Gt)
+              ], 8, Ot)
             ]),
             i.plots.length > 1 ? (r(), l("line", {
               key: 0,
@@ -1459,7 +1473,7 @@ function qa(t, s, c, f, a, e) {
               stroke: i.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#bar_arrow_${o})`
-            }, null, 8, Gt)) : h("", !0),
+            }, null, 8, vt)) : h("", !0),
             i.plots.length > 1 ? (r(), l("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1471,7 +1485,7 @@ function qa(t, s, c, f, a, e) {
               v: e.calcLinearProgression(i.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, vt)) : h("", !0)
+            })), 9, pt)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)) : h("", !0),
         !a.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (r(), l("line", {
@@ -1483,9 +1497,9 @@ function qa(t, s, c, f, a, e) {
           y1: e.checkNaN(e.zero),
           y2: e.checkNaN(e.zero),
           "stroke-linecap": "round"
-        }, null, 8, pt)) : h("", !0),
-        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(a.selectedSerieIndex) || a.selectedMinimapIndex !== null) ? (r(), l("g", zt, [
-          d("line", {
+        }, null, 8, zt)) : h("", !0),
+        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(a.selectedSerieIndex) || a.selectedMinimapIndex !== null) ? (r(), l("g", Mt, [
+          u("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.selectedSerieIndex || a.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
             x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.selectedSerieIndex || a.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
             y1: e.drawingArea.top,
@@ -1495,7 +1509,7 @@ function qa(t, s, c, f, a, e) {
             "stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
             "stroke-linecap": "round",
             style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-          }, null, 8, Mt)
+          }, null, 8, Tt)
         ])) : h("", !0),
         e.FINAL_CONFIG.chart.grid.frame.show ? (r(), l("rect", {
           key: 3,
@@ -1511,10 +1525,10 @@ function qa(t, s, c, f, a, e) {
           "stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
         }, null, 8, Pt)) : h("", !0),
-        e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g", Tt, [
+        e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g", Vt, [
           a.mutableConfig.useIndividualScale ? (r(), l(N, { key: 0 }, [
             (r(!0), l(N, null, I(e.allScales, (i) => (r(), l("g", null, [
-              d("line", {
+              u("line", {
                 x1: i.x + e.xPadding,
                 x2: i.x + e.xPadding,
                 y1: a.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - i.yOffset - i.individualHeight) : e.checkNaN(e.drawingArea.top),
@@ -1523,17 +1537,17 @@ function qa(t, s, c, f, a, e) {
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
                 style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
-              }, null, 12, Vt)
+              }, null, 12, Rt)
             ]))), 256)),
             (r(!0), l(N, null, I(e.allScales, (i) => (r(), l("g", {
               style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              d("text", {
+              u("text", {
                 fill: i.color,
                 "font-size": a.fontSizes.dataLabels,
                 "text-anchor": "middle",
                 transform: `translate(${i.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${a.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset - i.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, k(i.name) + " " + k(i.scaleLabel ? `- ${i.scaleLabel}` : ""), 9, Rt),
+              }, k(i.name) + " " + k(i.scaleLabel ? `- ${i.scaleLabel}` : ""), 9, Dt),
               (r(!0), l(N, null, I(i.yLabels, (o, n) => (r(), l("line", {
                 x1: i.x - 3 + e.xPadding,
                 x2: i.x + e.xPadding,
@@ -1542,7 +1556,7 @@ function qa(t, s, c, f, a, e) {
                 stroke: i.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
-              }, null, 8, Dt))), 256)),
+              }, null, 8, Bt))), 256)),
               (r(!0), l(N, null, I(i.yLabels, (o, n) => (r(), l("text", {
                 x: i.x - 5 + e.xPadding,
                 y: e.checkNaN(o.y) + a.fontSizes.dataLabels / 3,
@@ -1590,7 +1604,7 @@ function qa(t, s, c, f, a, e) {
                 s: i.suffix,
                 r: 1
               })
-            ) : ""), 9, Bt)) : h("", !0)
+            ) : ""), 9, Et)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
         (r(!0), l(N, null, I(e.plotSet, (i, o) => (r(), l("g", {
@@ -1618,16 +1632,16 @@ function qa(t, s, c, f, a, e) {
               x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              d("div", Yt, [
+              u("div", Xt, [
                 O(t.$slots, "plot-comment", {
                   plot: { ...n, color: i.color, seriesIndex: o, datapointIndex: g }
                 }, void 0, !0)
               ])
-            ], 8, Et)) : h("", !0)
+            ], 8, Yt)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (r(), l("g", Xt, [
-            d("defs", null, [
-              d("marker", {
+          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (r(), l("g", qt, [
+            u("defs", null, [
+              u("marker", {
                 id: `plot_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1635,11 +1649,11 @@ function qa(t, s, c, f, a, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                d("polygon", {
+                u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: i.color
-                }, null, 8, Ut)
-              ], 8, qt)
+                }, null, 8, Zt)
+              ], 8, Ut)
             ]),
             i.plots.length > 1 ? (r(), l("line", {
               key: 0,
@@ -1651,7 +1665,7 @@ function qa(t, s, c, f, a, e) {
               stroke: i.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#plot_arrow_${o})`
-            }, null, 8, Zt)) : h("", !0),
+            }, null, 8, Jt)) : h("", !0),
             i.plots.length > 1 ? (r(), l("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1663,7 +1677,7 @@ function qa(t, s, c, f, a, e) {
               v: e.calcLinearProgression(i.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Jt)) : h("", !0)
+            })), 9, Kt)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
         (r(!0), l(N, null, I(e.lineSet, (i, o) => (r(), l("g", {
@@ -1678,7 +1692,7 @@ function qa(t, s, c, f, a, e) {
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
             "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, Kt)) : i.plots.length > 1 ? (r(), l("g", Qt, [
+          }, null, 8, Qt)) : i.plots.length > 1 ? (r(), l("g", jt, [
             (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
               key: `line_${o}_${g}`
             }, [
@@ -1693,7 +1707,7 @@ function qa(t, s, c, f, a, e) {
                 "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, jt)) : h("", !0)
+              }, null, 8, $t)) : h("", !0)
             ]))), 128))
           ])) : h("", !0)
         ], 6))), 128)),
@@ -1702,16 +1716,16 @@ function qa(t, s, c, f, a, e) {
           class: V(`serie_line_${o}`),
           style: C(`opacity:${a.selectedScale ? a.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          i.useArea && i.plots.length > 1 ? (r(), l("g", $t, [
+          i.useArea && i.plots.length > 1 ? (r(), l("g", ea, [
             i.smooth ? (r(), l("path", {
               key: 0,
               d: `M ${i.plots[0] ? i.plots[0].x : Math.min(...i.plots.filter((n) => !!n).map((n) => n.x))},${a.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} ${i.curve} L ${i.plots.at(-1) ? i.plots.at(-1).x : e.drawingArea.left + e.slot.line * o + e.slot.line / 2},${a.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} Z`,
               fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${a.uniqueId})` : e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)
-            }, null, 8, ea)) : (r(), l("path", {
+            }, null, 8, ta)) : (r(), l("path", {
               key: 1,
               d: `M${i.area}Z`,
               fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${a.uniqueId})` : e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)
-            }, null, 8, ta))
+            }, null, 8, aa))
           ])) : h("", !0),
           i.smooth && i.plots.length > 1 ? (r(), l("path", {
             key: 1,
@@ -1720,7 +1734,7 @@ function qa(t, s, c, f, a, e) {
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
             "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, aa)) : i.plots.length > 1 ? (r(), l("g", ia, [
+          }, null, 8, ia)) : i.plots.length > 1 ? (r(), l("g", ra, [
             (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
               key: `line_${o}_${g}`
             }, [
@@ -1735,7 +1749,7 @@ function qa(t, s, c, f, a, e) {
                 "stroke-dasharray": i.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, ra)) : h("", !0)
+              }, null, 8, la)) : h("", !0)
             ]))), 128))
           ])) : h("", !0),
           (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
@@ -1758,16 +1772,16 @@ function qa(t, s, c, f, a, e) {
               x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              d("div", sa, [
+              u("div", na, [
                 O(t.$slots, "plot-comment", {
                   plot: { ...n, color: i.color, seriesIndex: o, datapointIndex: g }
                 }, void 0, !0)
               ])
-            ], 8, la)) : h("", !0)
+            ], 8, sa)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (r(), l("g", na, [
-            d("defs", null, [
-              d("marker", {
+          Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (r(), l("g", oa, [
+            u("defs", null, [
+              u("marker", {
                 id: `line_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1775,11 +1789,11 @@ function qa(t, s, c, f, a, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                d("polygon", {
+                u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: i.color
                 }, null, 8, ca)
-              ], 8, oa)
+              ], 8, ha)
             ]),
             i.plots.length > 1 ? (r(), l("line", {
               key: 0,
@@ -1791,7 +1805,7 @@ function qa(t, s, c, f, a, e) {
               stroke: i.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${o})`
-            }, null, 8, ha)) : h("", !0),
+            }, null, 8, da)) : h("", !0),
             i.plots.length > 1 ? (r(), l("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1806,7 +1820,7 @@ function qa(t, s, c, f, a, e) {
             })), 9, ua)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && a.mutableConfig.dataLabels.show ? (r(), l("g", da, [
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && a.mutableConfig.dataLabels.show ? (r(), l("g", ga, [
           (r(!0), l(N, null, I(e.barSet, (i, o) => (r(), l("g", {
             key: `xLabel_bar_${o}`,
             class: V(`xLabel_bar_${o}`),
@@ -1818,7 +1832,7 @@ function qa(t, s, c, f, a, e) {
               n && (!Object.hasOwn(i, "dataLabels") || i.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), l("text", {
                 key: 0,
                 x: a.mutableConfig.useIndividualScale && a.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
-                y: e.checkNaN(n.y) + (n.value > 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
+                y: e.checkNaN(n.y) + (n.value >= 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": a.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
@@ -1835,7 +1849,7 @@ function qa(t, s, c, f, a, e) {
                   datapoint: n,
                   serie: i
                 }
-              ) : ""), 9, ga)) : h("", !0),
+              ) : ""), 9, fa)) : h("", !0),
               n && e.FINAL_CONFIG.bar.serieName.show ? (r(), l("text", {
                 key: 1,
                 x: a.mutableConfig.useIndividualScale && a.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
@@ -1844,11 +1858,11 @@ function qa(t, s, c, f, a, e) {
                 "font-size": a.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? i.color : e.FINAL_CONFIG.bar.serieName.color,
                 "font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
-              }, k(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: i.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : i.name), 9, fa)) : h("", !0)
+              }, k(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: i.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : i.name), 9, Na)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        e.FINAL_CONFIG.plot.labels.show && a.mutableConfig.dataLabels.show ? (r(), l("g", Na, [
+        e.FINAL_CONFIG.plot.labels.show && a.mutableConfig.dataLabels.show ? (r(), l("g", ma, [
           (r(!0), l(N, null, I(e.plotSet, (i, o) => (r(), l("g", {
             key: `xLabel_plot_${o}`,
             class: V(`xLabel_plot_${o}`),
@@ -1877,7 +1891,7 @@ function qa(t, s, c, f, a, e) {
                   datapoint: n,
                   serie: i
                 }
-              ) : ""), 9, ma)) : h("", !0),
+              ) : ""), 9, Ia)) : h("", !0),
               n && g === 0 && i.useTag && i.useTag === "start" ? (r(), l("foreignObject", {
                 key: 1,
                 x: n.x,
@@ -1886,10 +1900,10 @@ function qa(t, s, c, f, a, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                d("div", {
+                u("div", {
                   style: C(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${a.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, k(i.name), 5)
-              ], 8, Ia)) : h("", !0),
+              ], 8, xa)) : h("", !0),
               n && g === i.plots.length - 1 && i.useTag && i.useTag === "end" ? (r(), l("foreignObject", {
                 key: 2,
                 x: n.x - i.name.length * (a.fontSizes.plotLabels / 2),
@@ -1898,14 +1912,14 @@ function qa(t, s, c, f, a, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                d("div", {
+                u("div", {
                   style: C(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${a.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, k(i.name), 5)
-              ], 8, xa)) : h("", !0)
+              ], 8, ba)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        e.FINAL_CONFIG.line.labels.show && a.mutableConfig.dataLabels.show ? (r(), l("g", ba, [
+        e.FINAL_CONFIG.line.labels.show && a.mutableConfig.dataLabels.show ? (r(), l("g", Fa, [
           (r(!0), l(N, null, I(e.lineSet, (i, o) => (r(), l("g", {
             key: `xLabel_line_${o}`,
             class: V(`xLabel_line_${o}`),
@@ -1917,7 +1931,7 @@ function qa(t, s, c, f, a, e) {
               n && !Object.hasOwn(i, "dataLabels") || i.dataLabels === !0 ? (r(), l("text", {
                 key: 0,
                 x: n.x,
-                y: n.y + (n.value > 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
+                y: n.y + (n.value >= 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": a.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color
@@ -1934,7 +1948,7 @@ function qa(t, s, c, f, a, e) {
                   datapoint: n,
                   serie: i
                 }
-              ) : ""), 9, Fa)) : h("", !0),
+              ) : ""), 9, _a)) : h("", !0),
               n && g === 0 && i.useTag && i.useTag === "start" ? (r(), l("foreignObject", {
                 key: 1,
                 x: n.x,
@@ -1943,10 +1957,10 @@ function qa(t, s, c, f, a, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                d("div", {
+                u("div", {
                   style: C(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${a.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, k(i.name), 5)
-              ], 8, _a)) : h("", !0),
+              ], 8, ya)) : h("", !0),
               n && g === i.plots.length - 1 && i.useTag && i.useTag === "end" ? (r(), l("foreignObject", {
                 key: 2,
                 x: n.x - i.name.length * (a.fontSizes.plotLabels / 2),
@@ -1955,10 +1969,10 @@ function qa(t, s, c, f, a, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                d("div", {
+                u("div", {
                   style: C(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${a.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, k(i.name), 5)
-              ], 8, ya)) : h("", !0)
+              ], 8, Aa)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
@@ -1985,7 +1999,7 @@ function qa(t, s, c, f, a, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Aa)) : h("", !0),
+            }, null, 8, Ca)) : h("", !0),
             n && g === i.plots.length - 1 && i.showSerieName && i.showSerieName === "end" ? (r(), l("text", {
               key: 1,
               x: n.x + a.fontSizes.plotLabels,
@@ -2001,7 +2015,7 @@ function qa(t, s, c, f, a, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Ca)) : h("", !0)
+            }, null, 8, La)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
         (r(!0), l(N, null, I(e.plotSet, (i, o) => (r(), l("g", {
@@ -2027,7 +2041,7 @@ function qa(t, s, c, f, a, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, La)) : h("", !0),
+            }, null, 8, ka)) : h("", !0),
             n && g === i.plots.length - 1 && i.showSerieName && i.showSerieName === "end" ? (r(), l("text", {
               key: 1,
               x: n.x + a.fontSizes.plotLabels,
@@ -2043,7 +2057,7 @@ function qa(t, s, c, f, a, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, ka)) : h("", !0)
+            }, null, 8, Sa)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
         a.mutableConfig.useIndividualScale && !a.mutableConfig.isStacked ? (r(!0), l(N, { key: 8 }, I(e.allScales, (i) => (r(), l("rect", {
@@ -2054,8 +2068,8 @@ function qa(t, s, c, f, a, e) {
           fill: a.selectedScale === i.id ? e.setOpacity(i.color, 20) : "transparent",
           onMouseenter: (o) => a.selectedScale = i.id,
           onMouseleave: s[0] || (s[0] = (o) => a.selectedScale = null)
-        }, null, 40, Sa))), 256)) : h("", !0),
-        d("g", null, [
+        }, null, 40, wa))), 256)) : h("", !0),
+        u("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !a.mutableConfig.useIndividualScale ? (r(), l("text", {
             key: 0,
             "font-size": a.fontSizes.yAxis,
@@ -2063,7 +2077,7 @@ function qa(t, s, c, f, a, e) {
             transform: `translate(${a.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
             "text-anchor": "middle",
             style: { transition: "none" }
-          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, wa)) : h("", !0),
+          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Oa)) : h("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (r(), l("text", {
             key: 1,
             "text-anchor": "middle",
@@ -2071,9 +2085,9 @@ function qa(t, s, c, f, a, e) {
             y: e.drawingArea.bottom + a.fontSizes.yAxis + a.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
             "font-size": a.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Oa)) : h("", !0)
+          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Ga)) : h("", !0)
         ]),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g", Ga, [
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g", va, [
           (r(!0), l(N, null, I(e.timeLabels, (i, o) => (r(), l("g", {
             key: `time_label_${o}`
           }, [
@@ -2083,14 +2097,14 @@ function qa(t, s, c, f, a, e) {
               "font-size": a.fontSizes.xAxis,
               fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
               transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * o + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + a.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
-            }, k(i || ""), 9, va)) : h("", !0)
+            }, k(i || ""), 9, pa)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
-        d("g", null, [
+        u("g", null, [
           (r(!0), l(N, null, I(e.maxSeries, (i, o) => (r(), l("g", {
             key: `tooltip_trap_${o}`
           }, [
-            d("rect", {
+            u("rect", {
               "data-cy-trap": "",
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
               y: e.drawingArea.top,
@@ -2100,10 +2114,10 @@ function qa(t, s, c, f, a, e) {
               onMouseenter: (n) => e.toggleTooltipVisibility(!0, o),
               onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
               onClick: (n) => e.selectX(o)
-            }, null, 40, pa)
+            }, null, 40, za)
           ]))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(a.selectedSerieIndex) ? (r(), l("g", za, [
+        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(a.selectedSerieIndex) ? (r(), l("g", Ma, [
           (r(), l("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * a.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
@@ -2111,12 +2125,12 @@ function qa(t, s, c, f, a, e) {
             height: "40",
             style: { overflow: "visible !important" }
           }, [
-            d("div", {
+            u("div", {
               class: "vue-ui-xy-time-tag",
               style: C(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
             }, k(e.timeLabels[a.selectedSerieIndex] || a.selectedSerieIndex), 5)
-          ], 8, Ma)),
-          d("circle", {
+          ], 8, Ta)),
+          u("circle", {
             cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * a.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
             cy: e.drawingArea.bottom,
             r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
@@ -2125,11 +2139,11 @@ function qa(t, s, c, f, a, e) {
         ])) : h("", !0)
       ])) : h("", !0),
       O(t.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, Ze)) : h("", !0),
-    t.$slots.watermark ? (r(), l("div", Ta, [
-      O(t.$slots, "watermark", W(B({ isPrinting: a.isPrinting || a.isImaging })), void 0, !0)
+    ], 14, Je)) : h("", !0),
+    t.$slots.watermark ? (r(), l("div", Va, [
+      O(t.$slots, "watermark", H(W({ isPrinting: a.isPrinting || a.isImaging })), void 0, !0)
     ])) : h("", !0),
-    e.isDataset ? h("", !0) : (r(), D(P, {
+    e.isDataset ? h("", !0) : (r(), D(T, {
       key: 6,
       config: {
         type: "line",
@@ -2179,7 +2193,7 @@ function qa(t, s, c, f, a, e) {
       onTrapMouse: e.selectMinimapIndex
     }, {
       "reset-action": M(({ reset: i }) => [
-        O(t.$slots, "reset-action", W(B({ reset: i })), void 0, !0)
+        O(t.$slots, "reset-action", H(W({ reset: i })), void 0, !0)
       ]),
       _: 3
     }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "onReset", "onTrapMouse"])) : h("", !0),
@@ -2194,8 +2208,8 @@ function qa(t, s, c, f, a, e) {
         onClick: (n) => e.segregate(i),
         class: V({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": a.segregatedSeries.includes(i.id) })
       }, [
-        a.icons[i.type] === "line" ? (r(), l("svg", Ra, [
-          d("rect", {
+        a.icons[i.type] === "line" ? (r(), l("svg", Da, [
+          u("rect", {
             x: "0",
             y: "7",
             rx: "3",
@@ -2203,7 +2217,7 @@ function qa(t, s, c, f, a, e) {
             height: "4",
             width: "20",
             fill: i.color
-          }, null, 8, Da),
+          }, null, 8, Ba),
           X(b, {
             plot: { x: 10, y: 9 },
             radius: 4,
@@ -2230,14 +2244,14 @@ function qa(t, s, c, f, a, e) {
             shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(i.shape) ? i.shape : "circle"
           }, null, 8, ["color", "shape"]))
         ])),
-        d("span", {
+        u("span", {
           style: C(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, k(i.name), 5)
-      ], 10, Va))), 128))
-    ], 4)) : (r(), l("div", Ba, [
+      ], 10, Ra))), 128))
+    ], 4)) : (r(), l("div", Ea, [
       O(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    t.$slots.source ? (r(), l("div", Ea, [
+    t.$slots.source ? (r(), l("div", Ya, [
       O(t.$slots, "source", {}, void 0, !0)
     ], 512)) : h("", !0),
     X(p, {
@@ -2256,10 +2270,10 @@ function qa(t, s, c, f, a, e) {
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
       "tooltip-before": M(() => [
-        O(t.$slots, "tooltip-before", W(B({ ...e.dataTooltipSlot })), void 0, !0)
+        O(t.$slots, "tooltip-before", H(W({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       "tooltip-after": M(() => [
-        O(t.$slots, "tooltip-after", W(B({ ...e.dataTooltipSlot })), void 0, !0)
+        O(t.$slots, "tooltip-after", H(W({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
@@ -2280,17 +2294,17 @@ function qa(t, s, c, f, a, e) {
       }
     }, {
       content: M(() => [
-        d("div", {
+        u("div", {
           style: C(`${a.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          d("div", Ya, [
-            He(d("input", {
+          u("div", Xa, [
+            He(u("input", {
               type: "checkbox",
               "onUpdate:modelValue": s[4] || (s[4] = (i) => a.showSparklineTable = i)
             }, null, 512), [
               [We, a.showSparklineTable]
             ]),
-            d("div", {
+            u("div", {
               onClick: s[5] || (s[5] = (i) => a.showSparklineTable = !a.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
@@ -2315,10 +2329,10 @@ function qa(t, s, c, f, a, e) {
             onClose: s[6] || (s[6] = (i) => a.mutableConfig.showTable = !1)
           }, {
             th: M(({ th: i }) => [
-              d("div", { innerHTML: i }, null, 8, Xa)
+              u("div", { innerHTML: i }, null, 8, qa)
             ]),
             td: M(({ td: i }) => [
-              Be(k(isNaN(Number(i)) ? i : e.dataLabel({
+              Ee(k(isNaN(Number(i)) ? i : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
                 v: i,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
@@ -2331,9 +2345,9 @@ function qa(t, s, c, f, a, e) {
       ]),
       _: 1
     }, 8, ["config"])) : h("", !0)
-  ], 14, qe);
+  ], 14, Ue);
 }
-const ci = /* @__PURE__ */ Ee(Xe, [["render", qa], ["__scopeId", "data-v-843e93cc"]]);
+const ci = /* @__PURE__ */ Ye(qe, [["render", Ua], ["__scopeId", "data-v-833a8dcb"]]);
 export {
   ci as default
 };