vue-data-ui 2.13.1 → 2.13.2

package/dist/{vue-ui-xy-BSI9-Dne.js → vue-ui-xy-DZdsEJcN.js}

@@ -1,10 +1,10 @@
-import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ae, ac as ie, ad as se, c as Q, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as xe, e as me, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as Me, G as ze, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-BZQim6fG.js";
+import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ae, ac as ie, ad as se, c as Q, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as xe, e as me, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as Me, G as ze, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-C35igoc0.js";
 import { u as We } from "./useMouse-AicQS8Vf.js";
-import { u as J } from "./useNestedProp-uucfkRLS.js";
-import { defineAsyncComponent as B, resolveComponent as R, createElementBlock as i, openBlock as a, normalizeStyle as y, normalizeClass as E, createBlock as W, createCommentVNode as u, createVNode as U, createSlots as Be, withCtx as V, renderSlot as p, normalizeProps as Y, guardReactiveProps as q, createElementVNode as f, Fragment as d, renderList as I, toDisplayString as T, mergeProps as K, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
-import { S as Xe } from "./Slicer-BGlJdxcw.js";
-import Ue from "./Title-CNIn3gob.js";
-import { _ as Ze } from "./Shape-Q_D8wuyt.js";
+import { u as J } from "./useNestedProp-DShrXp8W.js";
+import { defineAsyncComponent as B, resolveComponent as R, createElementBlock as i, openBlock as a, normalizeStyle as A, normalizeClass as E, createBlock as W, createCommentVNode as u, createVNode as U, createSlots as Be, withCtx as V, renderSlot as p, normalizeProps as Y, guardReactiveProps as q, createElementVNode as f, Fragment as d, renderList as I, toDisplayString as T, mergeProps as K, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
+import { S as Xe } from "./Slicer-BR4waLWk.js";
+import Ue from "./Title-Bkcittcw.js";
+import { _ as Ze } from "./Shape-DwoWXD-e.js";
 import { _ as Je } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ke = Q(), Qe = {
   name: "vue-ui-xy",
@@ -28,15 +28,15 @@ const Ke = Q(), Qe = {
     Title: Ue,
     // Must be ready in responsive mode
     Shape: Ze,
-    DataTable: B(() => import("./DataTable-YYJ-yyLu.js")),
-    Tooltip: B(() => import("./Tooltip-TKMv0Pl-.js")),
-    UserOptions: B(() => import("./UserOptions-D5gbyeqU.js")),
-    BaseIcon: B(() => import("./BaseIcon-BfuPFs8T.js")),
-    TableSparkline: B(() => import("./vue-ui-table-sparkline-CHozVChW.js")),
-    Skeleton: B(() => import("./vue-ui-skeleton-BmsERVg2.js")),
-    Accordion: B(() => import("./vue-ui-accordion-CgfdUzIB.js")),
-    PackageVersion: B(() => import("./PackageVersion-BRa0E-Tl.js")),
-    PenAndPaper: B(() => import("./PenAndPaper-BMzxjn_J.js"))
+    DataTable: B(() => import("./DataTable-DbzdhEzX.js")),
+    Tooltip: B(() => import("./Tooltip-yS8Ztd0D.js")),
+    UserOptions: B(() => import("./UserOptions-CiNpxbcc.js")),
+    BaseIcon: B(() => import("./BaseIcon-CTZeyzAf.js")),
+    TableSparkline: B(() => import("./vue-ui-table-sparkline-DFiJAD-I.js")),
+    Skeleton: B(() => import("./vue-ui-skeleton-C-zsFGbj.js")),
+    Accordion: B(() => import("./vue-ui-accordion-Cukacz7d.js")),
+    PackageVersion: B(() => import("./PackageVersion-DevZv-uJ.js")),
+    PenAndPaper: B(() => import("./PenAndPaper-C2sT3SZe.js"))
   },
   data() {
     this.dataset.forEach((g, r) => {
@@ -375,26 +375,26 @@ const Ke = Q(), Qe = {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, n) => {
         this.checkAutoScaleError(t);
         const o = this.scaleGroups[t.scaleLabel].min, g = this.scaleGroups[t.scaleLabel].max;
-        t.absoluteValues.filter((L) => ![null, void 0].includes(L)).map((L) => (L - o) / (g - o));
+        t.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - o) / (g - o));
         const r = {
           valueMin: o,
           valueMax: g < 0 ? 0 : g
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
-          min: t.scaleMin || Math.min(...t.absoluteValues.filter((L) => ![void 0, null].includes(L))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((L) => ![null, void 0].includes(L)))
-        }, b = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(e.min, e.max === e.min ? e.max * m : e.max, b) : this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * m : e.max, b), S = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b) : this.calculateNiceScaleWithExactExtremes(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b), k = x.min >= 0 ? 0 : Math.abs(x.min), w = 0, O = x.max + k, N = S.max + Math.abs(w), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, G = this.drawingArea.bottom - F - C * k / O, M = this.drawingArea.bottom - F - C * w / N, l = this.absoluteDataset.filter((L) => L.type === "bar").filter((L) => !this.segregatedSeries.includes(L.id)).length, c = t.series.map((L, z) => {
-          const X = this.mutableConfig.useIndividualScale ? (t.absoluteValues[z] + k) / O : this.ratioToMax(L), D = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left + this.slot.bar * n + this.slot.bar * z * l - this.barSlot / 2 - n * this.barPeriodGap;
+          min: t.scaleMin || Math.min(...t.absoluteValues.filter((y) => ![void 0, null].includes(y))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((y) => ![null, void 0].includes(y)))
+        }, b = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(e.min, e.max === e.min ? e.max * m : e.max, b) : this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * m : e.max, b), S = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b) : this.calculateNiceScaleWithExactExtremes(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b), k = x.min >= 0 ? 0 : Math.abs(x.min), w = 0, G = x.max + k, N = S.max + Math.abs(w), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, O = this.drawingArea.bottom - F - C * k / G, M = this.drawingArea.bottom - F - C * w / N, l = this.absoluteDataset.filter((y) => y.type === "bar").filter((y) => !this.segregatedSeries.includes(y.id)).length, c = t.series.map((y, z) => {
+          const X = this.mutableConfig.useIndividualScale ? (t.absoluteValues[z] + k) / G : this.ratioToMax(y), D = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left + this.slot.bar * n + this.slot.bar * z * l - this.barSlot / 2 - n * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(F),
             individualHeight: this.checkNaN(C),
             x: this.checkNaN(D),
             y: this.drawingArea.bottom - F - C * X,
             value: t.absoluteValues[z],
-            zeroPosition: this.checkNaN(G),
-            individualMax: this.checkNaN(O),
+            zeroPosition: this.checkNaN(O),
+            individualMax: this.checkNaN(G),
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
           };
-        }), s = t.absoluteValues.map((L) => S.min >= 0 ? (L - Math.abs(S.min)) / (S.max - Math.abs(S.min)) : (L + Math.abs(S.min)) / (S.max + Math.abs(S.min))), h = t.series.map((L, z) => {
+        }), s = t.absoluteValues.map((y) => S.min >= 0 ? (y - Math.abs(S.min)) / (S.max - Math.abs(S.min)) : (y + Math.abs(S.min)) / (S.max + Math.abs(S.min))), h = t.series.map((y, z) => {
           const X = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * n + this.slot.bar * z * this.absoluteDataset.filter((D) => D.type === "bar").filter((D) => !this.segregatedSeries.includes(D.id)).length;
           return {
             yOffset: this.checkNaN(F),
@@ -402,35 +402,35 @@ const Ke = Q(), Qe = {
             x: this.checkNaN(X),
             y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * s[z] || 0)),
             value: t.absoluteValues[z],
-            zeroPosition: this.checkNaN(G),
-            individualMax: this.checkNaN(O),
+            zeroPosition: this.checkNaN(O),
+            individualMax: this.checkNaN(G),
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
           };
-        }), A = x.ticks.map((L) => ({
-          y: L >= 0 ? G - C * (L / O) : G + C * Math.abs(L) / O,
-          value: L,
+        }), L = x.ticks.map((y) => ({
+          y: y >= 0 ? O - C * (y / G) : O + C * Math.abs(y) / G,
+          value: y,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), v = S.ticks.map((L) => {
-          const z = (L - S.min) / (S.max - S.min);
+        })), v = S.ticks.map((y) => {
+          const z = (y - S.min) / (S.max - S.min);
           return {
-            y: L >= 0 ? M - C * z : M + C * z,
-            value: L,
+            y: y >= 0 ? M - C * z : M + C * z,
+            value: y,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: t
           };
         });
-        return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? v : A, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? M : G, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? N : O, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = F, this.scaleGroups[t.scaleLabel].individualHeight = C, this.scaleGroups[t.scaleLabel].autoScaleYLabels = v, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((L) => L.scaleLabel === t.scaleLabel).length === 1, {
+        return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? v : L, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? M : O, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? N : G, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = F, this.scaleGroups[t.scaleLabel].individualHeight = C, this.scaleGroups[t.scaleLabel].autoScaleYLabels = v, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((y) => y.scaleLabel === t.scaleLabel).length === 1, {
           ...t,
           yOffset: F,
           autoScaleYLabels: v,
           individualHeight: C,
-          scaleYLabels: t.autoScaling ? v : A,
+          scaleYLabels: t.autoScaling ? v : L,
           individualScale: t.autoScaling ? S : x,
-          individualMax: t.autoScaling ? N : O,
-          zeroPosition: t.autoScaling ? M : G,
+          individualMax: t.autoScaling ? N : G,
+          zeroPosition: t.autoScaling ? M : O,
           plots: t.autoScaling ? h : c,
           groupId: this.scaleGroups[t.scaleLabel].groupId
         };
@@ -447,7 +447,7 @@ const Ke = Q(), Qe = {
         }, r = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
-        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.min, r.max === r.min ? r.max * b : r.max, e) : this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e) : this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + Math.abs(S), O = x.max + Math.abs(k), N = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - N - F * S / w, G = this.drawingArea.bottom - N - F * k / O, M = t.series.map((_, P) => {
+        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.min, r.max === r.min ? r.max * b : r.max, e) : this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e) : this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + Math.abs(S), G = x.max + Math.abs(k), N = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - N - F * S / w, O = this.drawingArea.bottom - N - F * k / G, M = t.series.map((_, P) => {
           const ee = this.mutableConfig.useIndividualScale ? (t.absoluteValues[P] + Math.abs(S)) / w : this.ratioToMax(_);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * P),
@@ -465,7 +465,7 @@ const Ke = Q(), Qe = {
           y: this.checkNaN(this.drawingArea.bottom - N - (F * l[P] || 0)),
           value: t.absoluteValues[P],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[P] || ""
-        }), s = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(M) : this.createSmoothPath(M.filter((_) => _.value !== null)), h = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(c) : this.createSmoothPath(c.filter((_) => _.value !== null)), A = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(M) : this.createStraightPath(M.filter((_) => _.value !== null)), v = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(c) : this.createStraightPath(c.filter((_) => _.value !== null)), L = m.ticks.map((_) => ({
+        }), s = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(M) : this.createSmoothPath(M.filter((_) => _.value !== null)), h = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(c) : this.createSmoothPath(c.filter((_) => _.value !== null)), L = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(M) : this.createStraightPath(M.filter((_) => _.value !== null)), v = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(c) : this.createStraightPath(c.filter((_) => _.value !== null)), y = m.ticks.map((_) => ({
           y: _ >= 0 ? C - F * (_ / w) : C + F * Math.abs(_) / w,
           value: _,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
@@ -474,24 +474,24 @@ const Ke = Q(), Qe = {
         })), z = x.ticks.map((_) => {
           const P = (_ - x.min) / (x.max - x.min);
           return {
-            y: _ >= 0 ? G - F * P : G + F * P,
+            y: _ >= 0 ? O - F * P : O + F * P,
             value: _,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: t
           };
         });
-        this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? z : L, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? G : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? O : w, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = N, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = z, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((_) => _.scaleLabel === t.scaleLabel).length === 1;
-        const X = this.mutableConfig.useIndividualScale ? t.autoScaling ? G : C : this.zero, D = Math.max(Math.max(t.autoScaling ? G : L.at(-1).y, this.drawingArea.top), X);
+        this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? z : y, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? O : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : w, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = N, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = z, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((_) => _.scaleLabel === t.scaleLabel).length === 1;
+        const X = this.mutableConfig.useIndividualScale ? t.autoScaling ? O : C : this.zero, D = Math.max(Math.max(t.autoScaling ? O : y.at(-1).y || 0, this.drawingArea.top), X);
         return {
           ...t,
           yOffset: N,
           autoScaleYLabels: z,
           individualHeight: F,
-          scaleYLabels: t.autoScaling ? z : L,
+          scaleYLabels: t.autoScaling ? z : y,
           individualScale: t.autoScaling ? x : m,
-          individualMax: t.autoScaling ? O : w,
-          zeroPosition: t.autoScaling ? G : C,
+          individualMax: t.autoScaling ? G : w,
+          zeroPosition: t.autoScaling ? O : C,
           curve: t.autoScaling ? h : s,
           plots: t.autoScaling ? c : M,
           area: t.useArea ? this.mutableConfig.useIndividualScale ? this.FINAL_CONFIG.line.cutNullValues ? this.createIndividualAreaWithCuts(
@@ -506,7 +506,7 @@ const Ke = Q(), Qe = {
             D,
             this.FINAL_CONFIG.line.cutNullValues
           ) : [],
-          straight: t.autoScaling ? v : A,
+          straight: t.autoScaling ? v : L,
           groupId: this.scaleGroups[t.scaleLabel].groupId
         };
       });
@@ -515,51 +515,51 @@ const Ke = Q(), Qe = {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "plot").map((t) => {
         this.checkAutoScaleError(t);
         const n = this.scaleGroups[t.scaleLabel].min, o = this.scaleGroups[t.scaleLabel].max;
-        t.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - n) / (o - n));
+        t.absoluteValues.filter((L) => ![null, void 0].includes(L)).map((L) => (L - n) / (o - n));
         const g = {
           valueMin: n,
           valueMax: o
         }, r = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
-        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + S, O = x.max + Math.abs(k), N = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - N - F * S / w, G = this.drawingArea.bottom - N - F * k / O, M = t.series.map((A, v) => {
-          const L = this.mutableConfig.useIndividualScale ? (t.absoluteValues[v] + Math.abs(S)) / w : this.ratioToMax(A);
+        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + S, G = x.max + Math.abs(k), N = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - N - F * S / w, O = this.drawingArea.bottom - N - F * k / G, M = t.series.map((L, v) => {
+          const y = this.mutableConfig.useIndividualScale ? (t.absoluteValues[v] + Math.abs(S)) / w : this.ratioToMax(L);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * v),
-            y: this.checkNaN(this.drawingArea.bottom - N - F * L),
+            y: this.checkNaN(this.drawingArea.bottom - N - F * y),
             value: t.absoluteValues[v],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[v] || ""
           };
-        }), l = t.absoluteValues.map((A) => x.min >= 0 ? (A - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (A + Math.abs(x.min)) / (x.max + Math.abs(x.min))), c = t.series.map((A, v) => ({
+        }), l = t.absoluteValues.map((L) => x.min >= 0 ? (L - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (L + Math.abs(x.min)) / (x.max + Math.abs(x.min))), c = t.series.map((L, v) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * v),
           y: this.checkNaN(this.drawingArea.bottom - N - (F * l[v] || 0)),
           value: t.absoluteValues[v],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[v] || ""
-        })), s = m.ticks.map((A) => ({
-          y: A >= 0 ? C - F * (A / w) : C + F * Math.abs(A) / w,
-          value: A,
+        })), s = m.ticks.map((L) => ({
+          y: L >= 0 ? C - F * (L / w) : C + F * Math.abs(L) / w,
+          value: L,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), h = x.ticks.map((A) => {
-          const v = (A - x.min) / (x.max - x.min);
+        })), h = x.ticks.map((L) => {
+          const v = (L - x.min) / (x.max - x.min);
           return {
-            y: A >= 0 ? G - F * v : G + F * v,
-            value: A,
+            y: L >= 0 ? O - F * v : O + F * v,
+            value: L,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: t
           };
         });
-        return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? h : s, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? G : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? O : w, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = N, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = h, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((A) => A.scaleLabel === t.scaleLabel).length === 1, {
+        return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? h : s, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? O : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : w, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = N, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = h, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((L) => L.scaleLabel === t.scaleLabel).length === 1, {
           ...t,
           yOffset: N,
           autoScaleYLabels: h,
           individualHeight: F,
           scaleYLabels: t.autoScaling ? h : s,
           individualScale: t.autoScaling ? x : m,
-          individualMax: t.autoScaling ? O : w,
-          zeroPosition: t.autoScaling ? G : C,
+          individualMax: t.autoScaling ? G : w,
+          zeroPosition: t.autoScaling ? O : C,
           plots: t.autoScaling ? c : M,
           groupId: this.scaleGroups[t.scaleLabel].groupId
         };
@@ -807,25 +807,26 @@ const Ke = Q(), Qe = {
         return r - w * e;
       };
       return n.map((k) => {
-        const { yAxis: { yTop: w, yBottom: O, label: N } } = k, F = w != null && O != null && w !== O, C = w == null ? null : S(w), G = O == null ? null : S(O), M = this.getTextMeasurer(N.fontSize);
+        const { yAxis: { yTop: w, yBottom: G, label: N } } = k, F = w != null && G != null && w !== G, C = w == null ? null : S(w), O = G == null ? null : S(G), M = this.getTextMeasurer(N.fontSize);
         M.font = `${N.fontSize}px sans-serif`;
-        const l = M.measureText(N.text).width, c = N.fontSize, s = (N.position === "start" ? o + N.padding.left : g - N.padding.right) + N.offsetX, A = (C != null && G != null ? Math.min(C, G) : C ?? G) - N.fontSize / 3 + N.offsetY - N.padding.top;
+        const l = M.measureText(N.text).width, c = N.fontSize, s = (N.position === "start" ? o + N.padding.left : g - N.padding.right) + N.offsetX, L = (C != null && O != null ? Math.min(C, O) : C ?? O) - N.fontSize / 3 + N.offsetY - N.padding.top;
         let v;
         N.textAnchor === "middle" ? v = s - l / 2 - N.padding.left : N.textAnchor === "end" ? v = s - l - N.padding.right : v = s - N.padding.left;
-        const L = A - c * 0.75 - N.padding.top;
+        const y = L - c * 0.75 - N.padding.top;
         return {
+          show: ![C, O, y].includes(NaN),
           id: `annotation_y_${this.createUid()}`,
           hasArea: F,
-          areaHeight: F ? Math.abs(C - G) : 0,
+          areaHeight: F ? Math.abs(C - O) : 0,
           yTop: C,
-          yBottom: G,
+          yBottom: O,
           config: k.yAxis,
           x1: o,
           x2: g,
-          _text: { x: s, y: A },
+          _text: { x: s, y: L },
           _box: {
             x: v,
-            y: L,
+            y,
             width: l + N.padding.left + N.padding.right,
             height: c + N.padding.top + N.padding.bottom,
             fill: N.backgroundColor,
@@ -992,13 +993,13 @@ const Ke = Q(), Qe = {
         this.$refs.source && (k = this.$refs.source.getBoundingClientRect().height);
         let w = 0;
         this.$refs.noTitle && (w = this.$refs.noTitle.getBoundingClientRect().height), this.height = o - e - S - m - k - w, this.width = g, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
-        const O = new ResizeObserver((N) => {
+        const G = new ResizeObserver((N) => {
           for (const F of N)
             this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (m = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (S = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (k = this.$refs.source.getBoundingClientRect().height), requestAnimationFrame(() => {
               this.height = F.contentBoxSize[0].blockSize - e - S - m - k - 24, this.width = F.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
             });
         });
-        this.resizeObserver = O, this.observedEl = n, O.observe(n);
+        this.resizeObserver = G, this.observedEl = n, G.observe(n);
       } 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;
     },
@@ -1169,7 +1170,7 @@ const Ke = Q(), Qe = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./pdf-BD9-5FCa.js");
+          const { default: t } = await import("./pdf-DmMK97Iz.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1192,7 +1193,7 @@ const Ke = Q(), Qe = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./img-B7q7dUf_.js");
+          const { default: t } = await import("./img-BKt5vQFJ.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1265,12 +1266,12 @@ const Ke = Q(), Qe = {
   "data-dom-to-png-ignore": ""
 }, pr = ["innerHTML"];
 function Mr(t, n, o, g, r, e) {
-  const b = R("PenAndPaper"), m = R("Title"), x = R("UserOptions"), S = R("PackageVersion"), k = R("Shape"), w = R("Skeleton"), O = R("Slicer"), N = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), G = R("DataTable"), M = R("Accordion");
+  const b = R("PenAndPaper"), m = R("Title"), x = R("UserOptions"), S = R("PackageVersion"), k = R("Shape"), w = R("Skeleton"), G = R("Slicer"), N = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), O = R("DataTable"), M = R("Accordion");
   return a(), i("div", {
     id: `vue-ui-xy_${r.uniqueId}`,
     class: E(`vue-ui-xy ${r.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
     ref: "chart",
-    style: y(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`),
+    style: A(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`),
     onMouseenter: n[7] || (n[7] = () => e.setUserOptionsVisibility(!0)),
     onMouseleave: n[8] || (n[8] = () => e.setUserOptionsVisibility(!1))
   }, [
@@ -1287,7 +1288,7 @@ function Mr(t, n, o, g, r, e) {
       key: 2,
       ref: "chartTitle",
       class: "vue-ui-xy-title",
-      style: y(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: A(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
       (a(), W(m, {
         key: `title_${r.titleStep}`,
@@ -1337,7 +1338,7 @@ function Mr(t, n, o, g, r, e) {
       onToggleStack: e.toggleStack,
       onToggleTooltip: e.toggleTooltip,
       onToggleAnnotator: e.toggleAnnotator,
-      style: y({
+      style: A({
         visibility: r.keepUserOptionState ? r.userOptionsVisible ? "visible" : "hidden" : "visible"
       })
     }, Be({ _: 2 }, [
@@ -1419,7 +1420,7 @@ function Mr(t, n, o, g, r, e) {
       class: E([{ "vue-data-ui-fullscreen--on": r.isFullscreen, "vue-data-ui-fulscreen--off": !r.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
       viewBox: r.viewBox,
-      style: y(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`),
+      style: A(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`),
       "aria-label": e.chartAriaLabel,
       role: "img",
       "aria-live": "polite"
@@ -1628,7 +1629,7 @@ function Mr(t, n, o, g, r, e) {
         (a(!0), i(d, null, I(e.highlightAreas, (l) => (a(), i("g", null, [
           l.show ? (a(!0), i(d, { key: 0 }, I(l.span, (c, s) => (a(), i("g", null, [
             f("rect", {
-              style: y({
+              style: A({
                 transition: "none",
                 opacity: l.from + s >= r.slicer.start && l.from + s <= r.slicer.end - 1 ? 1 : 0
               }),
@@ -1642,7 +1643,7 @@ function Mr(t, n, o, g, r, e) {
               key: 0,
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (l.from + s - r.slicer.start) - (l.caption.width === "auto" ? 0 : l.caption.width / 2 - e.drawingArea.width / e.maxSeries * l.span / 2),
               y: e.drawingArea.top + l.caption.offsetY,
-              style: y({
+              style: A({
                 overflow: "visible",
                 opacity: l.to >= r.slicer.start && l.from < r.slicer.end ? 1 : 0
               }),
@@ -1650,7 +1651,7 @@ function Mr(t, n, o, g, r, e) {
               width: l.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * l.span : l.caption.width
             }, [
               f("div", {
-                style: y(`padding:${l.caption.padding}px;text-align:${l.caption.textAlign};font-size:${l.caption.fontSize}px;color:${l.caption.color};font-weight:${l.caption.bold ? "bold" : "normal"}`)
+                style: A(`padding:${l.caption.padding}px;text-align:${l.caption.textAlign};font-size:${l.caption.fontSize}px;color:${l.caption.color};font-weight:${l.caption.bold ? "bold" : "normal"}`)
               }, T(l.caption.text), 5)
             ], 12, pt)) : u("", !0)
           ]))), 256)) : u("", !0)
@@ -1671,7 +1672,7 @@ function Mr(t, n, o, g, r, e) {
         e.barSet.length ? (a(!0), i(d, { key: 0 }, I(e.barSet, (l, c) => (a(), i("g", {
           key: `serie_bar_${c}`,
           class: E(`serie_bar_${c}`),
-          style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i("g", {
             key: `bar_plot_${c}_${h}`
@@ -1801,11 +1802,11 @@ function Mr(t, n, o, g, r, e) {
                 stroke: l.color,
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
-                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
+                style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
               }, null, 12, Ut)
             ]))), 256)),
             (a(!0), i(d, null, I(e.allScales, (l) => (a(), i("g", {
-              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               f("text", {
                 fill: l.color,
@@ -1880,7 +1881,7 @@ function Mr(t, n, o, g, r, e) {
         (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i("g", {
           key: `serie_plot_${c}`,
           class: E(`serie_plot_${c}`),
-          style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i("g", {
             key: `circle_plot_${c}_${h}`
@@ -1953,7 +1954,7 @@ function Mr(t, n, o, g, r, e) {
         (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("g", {
           key: `serie_line_${c}`,
           class: E(`serie_line_${c}`),
-          style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           l.smooth && l.plots.length > 1 ? (a(), i("path", {
             key: 0,
@@ -1981,7 +1982,7 @@ function Mr(t, n, o, g, r, e) {
         (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("g", {
           key: `serie_line_${c}`,
           class: E(`serie_line_${c}`),
-          style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           l.useArea && l.plots.length > 1 ? (a(), i("g", ol, [
             l.smooth ? (a(!0), i(d, { key: 0 }, I(l.curveAreas, (s, h) => (a(), i(d, { key: h }, [
@@ -2106,7 +2107,7 @@ function Mr(t, n, o, g, r, e) {
                 "text-anchor": "middle",
                 "font-size": r.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color,
-                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, T(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
                 s.value,
@@ -2129,7 +2130,7 @@ function Mr(t, n, o, g, r, e) {
                 "font-size": r.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? l.color : e.FINAL_CONFIG.bar.serieName.color,
                 "font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal",
-                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, T(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: l.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : l.name), 13, Cl)) : u("", !0)
             ], 64))), 128))
           ], 64))), 128))
@@ -2148,7 +2149,7 @@ function Mr(t, n, o, g, r, e) {
                 "text-anchor": "middle",
                 "font-size": r.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color,
-                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, T(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
                 s.value,
@@ -2192,10 +2193,10 @@ function Mr(t, n, o, g, r, e) {
                   y: s.y - 20,
                   height: 24,
                   width: "150",
-                  style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   f("div", {
-                    style: y(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
+                    style: A(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.plot.tag.formatter,
                       s.value,
@@ -2214,10 +2215,10 @@ function Mr(t, n, o, g, r, e) {
                   y: s.y - 20,
                   height: 24,
                   width: "150",
-                  style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   f("div", {
-                    style: y(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
+                    style: A(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.plot.tag.formatter,
                       s.value,
@@ -2248,7 +2249,7 @@ function Mr(t, n, o, g, r, e) {
                 "text-anchor": "middle",
                 "font-size": r.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color,
-                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, T(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
                 s.value,
@@ -2292,10 +2293,10 @@ function Mr(t, n, o, g, r, e) {
                   y: s.y - 20,
                   height: 24,
                   width: "150",
-                  style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   f("div", {
-                    style: y(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
+                    style: A(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.line.tag.formatter,
                       s.value,
@@ -2314,10 +2315,10 @@ function Mr(t, n, o, g, r, e) {
                   y: s.y - 20,
                   height: 24,
                   width: "150",
-                  style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   f("div", {
-                    style: y(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
+                    style: A(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.line.tag.formatter,
                       s.value,
@@ -2355,7 +2356,7 @@ function Mr(t, n, o, g, r, e) {
                 y: s.y,
                 maxWords: 2
               }),
-              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, null, 12, Bl)) : u("", !0),
             s && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
               key: 1,
@@ -2372,7 +2373,7 @@ function Mr(t, n, o, g, r, e) {
                 y: s.y,
                 maxWords: 2
               }),
-              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, null, 12, El)) : u("", !0)
           ], 64))), 128))
         ], 64))), 128)),
@@ -2397,7 +2398,7 @@ function Mr(t, n, o, g, r, e) {
                 y: s.y,
                 maxWords: 2
               }),
-              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, null, 12, Yl)) : u("", !0),
             s && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
               key: 1,
@@ -2414,7 +2415,7 @@ function Mr(t, n, o, g, r, e) {
                 y: s.y,
                 maxWords: 2
               }),
-              style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, null, 12, ql)) : u("", !0)
           ], 64))), 128))
         ], 64))), 128)),
@@ -2501,7 +2502,7 @@ function Mr(t, n, o, g, r, e) {
           (a(!0), i(d, null, I(e.annotationsY, (l) => (a(), i("g", {
             key: l.uid
           }, [
-            l.yTop ? (a(), i("line", {
+            l.yTop && l.show ? (a(), i("line", {
               key: 0,
               x1: l.x1,
               y1: l.yTop,
@@ -2513,7 +2514,7 @@ function Mr(t, n, o, g, r, e) {
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, tr)) : u("", !0),
-            l.yBottom ? (a(), i("line", {
+            l.yBottom && l.show ? (a(), i("line", {
               key: 1,
               x1: l.x1,
               y1: l.yBottom,
@@ -2525,20 +2526,20 @@ function Mr(t, n, o, g, r, e) {
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, lr)) : u("", !0),
-            l.hasArea ? (a(), i("rect", {
+            l.hasArea && l.show ? (a(), i("rect", {
               key: 2,
               y: Math.min(l.yTop, l.yBottom),
               x: l.x1,
               width: e.drawingArea.width,
-              height: l.areaHeight,
+              height: e.checkNaN(l.areaHeight, 0),
               fill: e.setOpacity(l.config.area.fill, l.config.area.opacity),
               style: { animation: "none !important" }
             }, null, 8, rr)) : u("", !0),
-            l.config.label.text ? (a(), i("rect", K({
+            l.config.label.text && l.show ? (a(), i("rect", K({
               key: 3,
               class: "vue-ui-xy-annotation-label-box"
             }, { ref_for: !0 }, l._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : u("", !0),
-            l.config.label.text ? (a(), i("text", {
+            l.config.label.text && l.show ? (a(), i("text", {
               key: 4,
               id: l.id,
               class: "vue-ui-xy-annotation-label",
@@ -2573,7 +2574,7 @@ function Mr(t, n, o, g, r, e) {
           }, [
             f("div", {
               class: "vue-ui-xy-time-tag",
-              style: y(`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`)
+              style: A(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
             }, T(e.timeLabels[(r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)].text || (r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)), 5)
           ], 8, nr)),
           f("circle", {
@@ -2598,10 +2599,10 @@ function Mr(t, n, o, g, r, e) {
         [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.line.tag.followValue ? (a(), i("div", {
           key: 0,
           ref_for: !0,
-          ref: (A) => e.setTagRef(c, h, A, "right", "line"),
+          ref: (L) => e.setTagRef(c, h, L, "right", "line"),
           class: "vue-ui-xy-tag",
           "data-tag": "right",
-          style: y({
+          style: A({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: r.svgRef,
@@ -2650,10 +2651,10 @@ function Mr(t, n, o, g, r, e) {
         [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.line.tag.followValue ? (a(), i("div", {
           key: 1,
           ref_for: !0,
-          ref: (A) => e.setTagRef(c, h, A, "left", "line"),
+          ref: (L) => e.setTagRef(c, h, L, "left", "line"),
           class: "vue-ui-xy-tag",
           "data-tag": "left",
-          style: y({
+          style: A({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: r.svgRef,
@@ -2710,10 +2711,10 @@ function Mr(t, n, o, g, r, e) {
         [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.plot.tag.followValue ? (a(), i("div", {
           key: 0,
           ref_for: !0,
-          ref: (A) => e.setTagRef(c, h, A, "right", "plot"),
+          ref: (L) => e.setTagRef(c, h, L, "right", "plot"),
           class: "vue-ui-xy-tag",
           "data-tag": "right",
-          style: y({
+          style: A({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: r.svgRef,
@@ -2762,10 +2763,10 @@ function Mr(t, n, o, g, r, e) {
         [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.plot.tag.followValue ? (a(), i("div", {
           key: 1,
           ref_for: !0,
-          ref: (A) => e.setTagRef(c, h, A, "left", "plot"),
+          ref: (L) => e.setTagRef(c, h, L, "left", "plot"),
           class: "vue-ui-xy-tag",
           "data-tag": "left",
-          style: y({
+          style: A({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: r.svgRef,
@@ -2831,7 +2832,7 @@ function Mr(t, n, o, g, r, e) {
         }
       }
     }, null, 8, ["config"])),
-    e.FINAL_CONFIG.chart.zoom.show && r.maxX > 6 && e.isDataset ? (a(), W(O, {
+    e.FINAL_CONFIG.chart.zoom.show && r.maxX > 6 && e.isDataset ? (a(), W(G, {
       ref: "chartSlicer",
       key: `slicer_${r.slicerStep}`,
       background: e.FINAL_CONFIG.chart.zoom.color,
@@ -2876,7 +2877,7 @@ function Mr(t, n, o, g, r, e) {
       key: 8,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
-      style: y(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
+      style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
       (a(!0), i(d, null, I(e.absoluteDataset, (l, c) => (a(), i("div", {
         key: `div_legend_item_${c}`,
@@ -2932,7 +2933,7 @@ function Mr(t, n, o, g, r, e) {
           }, null, 8, ["color", "shape"])
         ])),
         f("span", {
-          style: y(`color:${e.FINAL_CONFIG.chart.legend.color}`)
+          style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, T(l.name), 5)
       ], 10, yr))), 128))
     ], 4)) : (a(), i("div", Or, [
@@ -2983,7 +2984,7 @@ function Mr(t, n, o, g, r, e) {
     }, {
       content: V(() => [
         f("div", {
-          style: y(`${r.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
+          style: A(`${r.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
           f("div", vr, [
             Ee(f("input", {
@@ -3007,7 +3008,7 @@ function Mr(t, n, o, g, r, e) {
             key: `sparkline_${r.segregateStep}`,
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
-          }, null, 8, ["dataset", "config"])) : (a(), W(G, {
+          }, null, 8, ["dataset", "config"])) : (a(), W(O, {
             key: `table_${r.tableStep}`,
             colNames: e.dataTable.colNames,
             head: e.dataTable.head,
@@ -3035,7 +3036,7 @@ function Mr(t, n, o, g, r, e) {
     }, 8, ["config"])) : u("", !0)
   ], 46, je);
 }
-const Br = /* @__PURE__ */ Je(Qe, [["render", Mr], ["__scopeId", "data-v-43789c9c"]]);
+const Br = /* @__PURE__ */ Je(Qe, [["render", Mr], ["__scopeId", "data-v-df7f718b"]]);
 export {
   Br as default
 };