vue-data-ui 2.16.4 → 2.16.6

package/dist/{vue-ui-xy-DnEdi5Hn.js → vue-ui-xy-DtJ7qJib.js}

@@ -1,11 +1,11 @@
-import { R as X, _ as ie, a8 as ue, a9 as ce, aa as de, ab as ge, ac as fe, ad as Ie, ae as xe, c as ne, A as Ne, E as me, w as be, s as Fe, o as _e, a2 as ye, af as Ae, x as Le, C as Ce, y as Se, a7 as ke, e as we, r as Oe, f as oe, I as Ge, ag as ve, U as pe, V as ze, q as Me, b as Te, z as Pe, d as Ve, ah as Re, v as He, ai as De, D as Be, a5 as We, aj as Ee, i as Ye, F as qe, L as Xe, u as Ue, p as Ze, B as Je, a as Ke, t as Qe } from "./index-BsirVW_m.js";
+import { R as X, _ as ie, a8 as ue, a9 as ce, aa as de, ab as ge, ac as fe, ad as Ie, ae as xe, c as ne, A as Ne, E as me, w as be, s as Fe, o as _e, a2 as Ae, af as ye, x as Le, C as Ce, y as Se, a7 as ke, e as we, r as Oe, f as oe, I as Ge, ag as ve, U as pe, V as ze, q as Me, b as Te, z as Pe, d as Ve, ah as Re, v as He, ai as De, D as Be, a5 as We, aj as Ee, i as Ye, F as qe, L as Xe, u as Ue, p as Ze, B as Je, a as Ke, t as Qe } from "./index-DvIXJm6t.js";
 import { u as je } from "./useMouse-AicQS8Vf.js";
-import { u as ae } from "./useNestedProp-Ej-oqNyf.js";
+import { u as ae } from "./useNestedProp-DrYHm61t.js";
 import { u as $e } from "./useTimeLabels-Mrr0jrpL.js";
 import { defineAsyncComponent as Z, resolveComponent as q, createElementBlock as s, openBlock as a, normalizeStyle as _, normalizeClass as j, createBlock as U, createCommentVNode as h, createVNode as le, createSlots as et, withCtx as B, renderSlot as G, normalizeProps as $, guardReactiveProps as ee, createElementVNode as I, Fragment as u, renderList as x, toDisplayString as V, mergeProps as se, withDirectives as tt, vModelCheckbox as lt, createTextVNode as rt } from "vue";
-import { S as it } from "./Slicer-szgfOkiL.js";
-import at from "./Title-DTuTBtAe.js";
-import { _ as st } from "./Shape-dKMmmbg5.js";
+import { S as it } from "./Slicer-BrqtJG2E.js";
+import at from "./Title-Gi81VwUM.js";
+import { _ as st } from "./Shape-Bnf512BA.js";
 import { _ as nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ct = ne(), ot = {
   name: "vue-ui-xy",
@@ -29,15 +29,15 @@ const ct = ne(), ot = {
     Title: at,
     // Must be ready in responsive mode
     Shape: st,
-    DataTable: Z(() => import("./DataTable-C6IBsdXI.js")),
-    Tooltip: Z(() => import("./Tooltip-CVPiPR9d.js")),
-    UserOptions: Z(() => import("./UserOptions-D8SRavqE.js")),
-    BaseIcon: Z(() => import("./BaseIcon-CfYrW3zO.js")),
-    TableSparkline: Z(() => import("./vue-ui-table-sparkline-Bbt4GjUn.js")),
-    Skeleton: Z(() => import("./vue-ui-skeleton-CchtfQiJ.js")),
-    Accordion: Z(() => import("./vue-ui-accordion-D2TcT2US.js")),
-    PackageVersion: Z(() => import("./PackageVersion-DfefmcMg.js")),
-    PenAndPaper: Z(() => import("./PenAndPaper-CixPm-N0.js"))
+    DataTable: Z(() => import("./DataTable-CHBLjKtZ.js")),
+    Tooltip: Z(() => import("./Tooltip-CJxVw7-T.js")),
+    UserOptions: Z(() => import("./UserOptions-CBEK6_jo.js")),
+    BaseIcon: Z(() => import("./BaseIcon-Bn996RXm.js")),
+    TableSparkline: Z(() => import("./vue-ui-table-sparkline-CnkJkBk5.js")),
+    Skeleton: Z(() => import("./vue-ui-skeleton-BAOt2neL.js")),
+    Accordion: Z(() => import("./vue-ui-accordion-D55kCO5G.js")),
+    PackageVersion: Z(() => import("./PackageVersion-Bg_9KCU-.js")),
+    PenAndPaper: Z(() => import("./PenAndPaper-BPTpbnay.js"))
   },
   data() {
     this.dataset.forEach((f, l) => {
@@ -235,9 +235,9 @@ const ct = ne(), ot = {
         yOffset: e.yOffset,
         individualHeight: e.individualHeight,
         x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / l * (i + 1),
-        yLabels: e.scaleYLabels || e.scale.ticks.map((A) => ({
-          y: A >= 0 ? e.zero - e.individualHeight * (A / e.max) : e.zero + e.individualHeight * Math.abs(A) / e.max,
-          value: A
+        yLabels: e.scaleYLabels || e.scale.ticks.map((y) => ({
+          y: y >= 0 ? e.zero - e.individualHeight * (y / e.max) : e.zero + e.individualHeight * Math.abs(y) / e.max,
+          value: y
         }))
       }));
     },
@@ -377,7 +377,7 @@ const ct = ne(), ot = {
     },
     barSet() {
       const r = this.activeSeriesWithStackRatios.filter((i) => ["bar", "line", "plot"].includes(i.type)), o = r.length, d = this.FINAL_CONFIG.chart.grid.labels.yAxis.gap, f = this.mutableConfig.isStacked, l = f ? d * (o - 1) : 0, e = this.drawingArea.height - l;
-      return r.filter((i) => i.type === "bar").map((i, A) => {
+      return r.filter((i) => i.type === "bar").map((i, y) => {
         this.checkAutoScaleError(i);
         const z = this.scaleGroups[i.scaleLabel].min, O = this.scaleGroups[i.scaleLabel].max;
         i.absoluteValues.filter((C) => ![null, void 0].includes(C)).map((C) => (C - z) / (O - z));
@@ -388,7 +388,7 @@ const ct = ne(), ot = {
           max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
           min: i.scaleMin || Math.min(...i.absoluteValues.filter((C) => ![void 0, null].includes(C))) > 0 ? 0 : Math.min(...i.absoluteValues.filter((C) => ![null, void 0].includes(C)))
         }, v = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, L = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(F.min, F.max === F.min ? F.max * m : F.max, v) : this.calculateNiceScaleWithExactExtremes(F.min, F.max === F.min ? F.max * m : F.max, v), b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v) : this.calculateNiceScaleWithExactExtremes(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v), M = L.min >= 0 ? 0 : Math.abs(L.min), H = 0, t = L.max + M, c = b.max + Math.abs(H), n = i.stackIndex, g = o - 1 - n, p = f ? 1 - i.cumulatedStackRatio : 0, S = f ? e * p + d * g : 0, k = f ? e * i.stackRatio : this.drawingArea.height, T = this.drawingArea.bottom - S - k * M / t, Y = this.drawingArea.bottom - S - k * H / c, W = this.absoluteDataset.filter((C) => C.type === "bar").filter((C) => !this.segregatedSeries.includes(C.id)).length, te = i.series.map((C, R) => {
-          const K = this.mutableConfig.useIndividualScale ? (i.absoluteValues[R] + M) / t : this.ratioToMax(C), Q = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * R : this.drawingArea.left + this.slot.bar * A + this.slot.bar * R * W - this.barSlot / 2 - A * this.barPeriodGap;
+          const K = this.mutableConfig.useIndividualScale ? (i.absoluteValues[R] + M) / t : this.ratioToMax(C), Q = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * R : this.drawingArea.left + this.slot.bar * y + this.slot.bar * R * W - this.barSlot / 2 - y * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(S),
             individualHeight: this.checkNaN(k),
@@ -400,7 +400,7 @@ const ct = ne(), ot = {
             comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[R] || ""
           };
         }), E = i.absoluteValues.map((C) => b.min >= 0 ? (C - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (C + Math.abs(b.min)) / (b.max + Math.abs(b.min))), J = i.series.map((C, R) => {
-          const K = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * R : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * A + this.slot.bar * R * this.absoluteDataset.filter((Q) => Q.type === "bar").filter((Q) => !this.segregatedSeries.includes(Q.id)).length;
+          const K = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * R : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * y + this.slot.bar * R * this.absoluteDataset.filter((Q) => Q.type === "bar").filter((Q) => !this.segregatedSeries.includes(Q.id)).length;
           return {
             yOffset: this.checkNaN(S),
             individualHeight: this.checkNaN(k),
@@ -443,25 +443,25 @@ const ct = ne(), ot = {
     },
     lineSet() {
       const r = this.activeSeriesWithStackRatios.filter((i) => ["bar", "line", "plot"].includes(i.type)), o = r.length, d = this.FINAL_CONFIG.chart.grid.labels.yAxis.gap, f = this.mutableConfig.isStacked, l = f ? d * (o - 1) : 0, e = this.drawingArea.height - l;
-      return r.filter((i) => i.type === "line").map((i, A) => {
+      return r.filter((i) => i.type === "line").map((i, y) => {
         this.checkAutoScaleError(i);
         const z = this.scaleGroups[i.scaleLabel].min, O = this.scaleGroups[i.scaleLabel].max;
-        i.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - z) / (O - z));
+        i.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - z) / (O - z));
         const N = {
           valueMin: z,
           valueMax: O
         }, F = {
           max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
           min: i.scaleMin || (Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues))
-        }, v = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, L = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(F.min, F.max === F.min ? F.max * m : F.max, v) : this.calculateNiceScaleWithExactExtremes(F.min, F.max === F.min ? F.max * m : F.max, v), b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v) : this.calculateNiceScaleWithExactExtremes(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v), M = L.min >= 0 ? 0 : Math.abs(L.min), H = 0, t = L.max + Math.abs(M), c = b.max + Math.abs(H), n = i.stackIndex, g = o - 1 - n, p = f ? 1 - i.cumulatedStackRatio : 0, S = f ? e * p + d * g : 0, k = f ? e * i.stackRatio : this.drawingArea.height, T = this.drawingArea.bottom - S - k * M / t, Y = this.drawingArea.bottom - S - k * H / c, W = i.series.map((y, D) => {
-          const he = this.mutableConfig.useIndividualScale ? (i.absoluteValues[D] + Math.abs(M)) / t : this.ratioToMax(y);
+        }, v = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, L = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(F.min, F.max === F.min ? F.max * m : F.max, v) : this.calculateNiceScaleWithExactExtremes(F.min, F.max === F.min ? F.max * m : F.max, v), b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v) : this.calculateNiceScaleWithExactExtremes(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v), M = L.min >= 0 ? 0 : Math.abs(L.min), H = 0, t = L.max + Math.abs(M), c = b.max + Math.abs(H), n = i.stackIndex, g = o - 1 - n, p = f ? 1 - i.cumulatedStackRatio : 0, S = f ? e * p + d * g : 0, k = f ? e * i.stackRatio : this.drawingArea.height, T = this.drawingArea.bottom - S - k * M / t, Y = this.drawingArea.bottom - S - k * H / c, W = i.series.map((A, D) => {
+          const he = this.mutableConfig.useIndividualScale ? (i.absoluteValues[D] + Math.abs(M)) / t : this.ratioToMax(A);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * D),
             y: this.checkNaN(this.drawingArea.bottom - S - k * he),
             value: i.absoluteValues[D],
             comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[D] || ""
           };
-        }), te = i.absoluteValues.map((y) => b.min >= 0 ? (y - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (y + Math.abs(b.min)) / (b.max + Math.abs(b.min))), E = i.series.map((y, D) => [void 0, null].includes(i.absoluteValues[D]) ? {
+        }), te = i.absoluteValues.map((A) => b.min >= 0 ? (A - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (A + Math.abs(b.min)) / (b.max + Math.abs(b.min))), E = i.series.map((A, D) => [void 0, null].includes(i.absoluteValues[D]) ? {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * D),
           y: T,
           value: i.absoluteValues[D],
@@ -471,23 +471,23 @@ const ct = ne(), ot = {
           y: this.checkNaN(this.drawingArea.bottom - S - (k * te[D] || 0)),
           value: i.absoluteValues[D],
           comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[D] || ""
-        }), J = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(W) : this.createSmoothPath(W.filter((y) => y.value !== null)), w = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(E) : this.createSmoothPath(E.filter((y) => y.value !== null)), P = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(W) : this.createStraightPath(W.filter((y) => y.value !== null)), C = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(E) : this.createStraightPath(E.filter((y) => y.value !== null)), R = L.ticks.map((y) => ({
-          y: y >= 0 ? T - k * (y / t) : T + k * Math.abs(y) / t,
-          value: y,
+        }), J = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(W) : this.createSmoothPath(W.filter((A) => A.value !== null)), w = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(E) : this.createSmoothPath(E.filter((A) => A.value !== null)), P = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(W) : this.createStraightPath(W.filter((A) => A.value !== null)), C = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(E) : this.createStraightPath(E.filter((A) => A.value !== null)), R = L.ticks.map((A) => ({
+          y: A >= 0 ? T - k * (A / t) : T + k * Math.abs(A) / t,
+          value: A,
           prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: i
-        })), K = b.ticks.map((y) => {
-          const D = (y - b.min) / (b.max - b.min);
+        })), K = b.ticks.map((A) => {
+          const D = (A - b.min) / (b.max - b.min);
           return {
-            y: y >= 0 ? Y - k * D : Y + k * D,
-            value: y,
+            y: A >= 0 ? Y - k * D : Y + k * D,
+            value: A,
             prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: i
           };
         });
-        this.scaleGroups[i.scaleLabel].name = i.name, this.scaleGroups[i.scaleLabel].groupName = i.scaleLabel, this.scaleGroups[i.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || i.color, this.scaleGroups[i.scaleLabel].color = i.color, this.scaleGroups[i.scaleLabel].scaleYLabels = i.autoScaling ? K : R, this.scaleGroups[i.scaleLabel].zeroPosition = i.autoScaling ? Y : T, this.scaleGroups[i.scaleLabel].individualMax = i.autoScaling ? c : t, this.scaleGroups[i.scaleLabel].scaleLabel = i.scaleLabel, this.scaleGroups[i.scaleLabel].id = i.id, this.scaleGroups[i.scaleLabel].yOffset = S, this.scaleGroups[i.scaleLabel].individualHeight = k, this.scaleGroups[i.scaleLabel].autoScaleYLabels = K, this.scaleGroups[i.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((y) => y.scaleLabel === i.scaleLabel).length === 1;
+        this.scaleGroups[i.scaleLabel].name = i.name, this.scaleGroups[i.scaleLabel].groupName = i.scaleLabel, this.scaleGroups[i.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || i.color, this.scaleGroups[i.scaleLabel].color = i.color, this.scaleGroups[i.scaleLabel].scaleYLabels = i.autoScaling ? K : R, this.scaleGroups[i.scaleLabel].zeroPosition = i.autoScaling ? Y : T, this.scaleGroups[i.scaleLabel].individualMax = i.autoScaling ? c : t, this.scaleGroups[i.scaleLabel].scaleLabel = i.scaleLabel, this.scaleGroups[i.scaleLabel].id = i.id, this.scaleGroups[i.scaleLabel].yOffset = S, this.scaleGroups[i.scaleLabel].individualHeight = k, this.scaleGroups[i.scaleLabel].autoScaleYLabels = K, this.scaleGroups[i.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((A) => A.scaleLabel === i.scaleLabel).length === 1;
         const Q = this.mutableConfig.useIndividualScale ? i.autoScaling ? Y : T : this.zero, re = Math.max(Math.max(i.autoScaling ? Y : R.at(-1).y || 0, this.drawingArea.top), Q);
         return {
           ...i,
@@ -504,11 +504,11 @@ const ct = ne(), ot = {
             i.autoScaling ? E : W,
             re
           ) : this.createIndividualArea(
-            i.autoScaling ? E.filter((y) => y.value !== null) : W.filter((y) => y.value !== null),
+            i.autoScaling ? E.filter((A) => A.value !== null) : W.filter((A) => A.value !== null),
             re
-          ) : this.createIndividualArea(W.filter((y) => y.value !== null), re) : "",
+          ) : this.createIndividualArea(W.filter((A) => A.value !== null), re) : "",
           curveAreas: i.useArea ? ce(
-            i.autoScaling ? this.FINAL_CONFIG.line.cutNullValues ? E : E.filter((y) => y.value !== null) : this.FINAL_CONFIG.line.cutNullValues ? W : W.filter((y) => y.value !== null),
+            i.autoScaling ? this.FINAL_CONFIG.line.cutNullValues ? E : E.filter((A) => A.value !== null) : this.FINAL_CONFIG.line.cutNullValues ? W : W.filter((A) => A.value !== null),
             re,
             this.FINAL_CONFIG.line.cutNullValues
           ) : [],
@@ -521,10 +521,10 @@ const ct = ne(), ot = {
       const r = this.activeSeriesWithStackRatios.filter((i) => ["bar", "line", "plot"].includes(i.type)), o = r.length, d = this.FINAL_CONFIG.chart.grid.labels.yAxis.gap, f = this.mutableConfig.isStacked, l = f ? d * (o - 1) : 0, e = this.drawingArea.height - l;
       return r.filter((i) => i.type === "plot").map((i) => {
         this.checkAutoScaleError(i);
-        const A = this.scaleGroups[i.scaleLabel].min, z = this.scaleGroups[i.scaleLabel].max;
-        i.absoluteValues.filter((w) => ![null, void 0].includes(w)).map((w) => (w - A) / (z - A));
+        const y = this.scaleGroups[i.scaleLabel].min, z = this.scaleGroups[i.scaleLabel].max;
+        i.absoluteValues.filter((w) => ![null, void 0].includes(w)).map((w) => (w - y) / (z - y));
         const O = {
-          valueMin: A,
+          valueMin: y,
           valueMax: z
         }, N = {
           max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
@@ -652,18 +652,18 @@ const ct = ne(), ot = {
       r && (o = o.concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'));
       let d = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
-        const i = this.relativeDataset.map((A) => A.absoluteValues[e] ?? 0).reduce((A, z) => A + z, 0);
+        const i = this.relativeDataset.map((y) => y.absoluteValues[e] ?? 0).reduce((y, z) => y + z, 0);
         d.push(
           [
             this.timeLabels[e].text ?? "-"
           ].concat(this.relativeDataset.map(
-            (A) => this.applyDataLabel(
-              A.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : A.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
-              A.absoluteValues[e] ?? 0,
+            (y) => this.applyDataLabel(
+              y.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : y.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
+              y.absoluteValues[e] ?? 0,
               this.dataLabel({
-                p: A.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-                v: A.absoluteValues[e] ?? 0,
-                s: A.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+                p: y.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+                v: y.absoluteValues[e] ?? 0,
+                s: y.suffix || this.FINAL_CONFIG.chart.labels.suffix,
                 r: this.FINAL_CONFIG.table.rounding
               })
             )
@@ -883,8 +883,8 @@ const ct = ne(), ot = {
     functionReturnsString: Se,
     hasDeepProperty: Ce,
     isFunction: Le,
-    isSafeValue: Ae,
-    largestTriangleThreeBucketsArray: ye,
+    isSafeValue: ye,
+    largestTriangleThreeBucketsArray: Ae,
     objectIsEmpty: _e,
     setOpacity: Fe,
     shiftHue: be,
@@ -997,18 +997,18 @@ const ct = ne(), ot = {
         const { height: d, width: f } = o.getBoundingClientRect();
         let l = null, e = 0;
         this.FINAL_CONFIG.chart.title.show && this.$refs.chartTitle && (l = this.$refs.chartTitle, e = l.getBoundingClientRect().height);
-        let i = null, A = 0;
-        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (i = this.$refs.chartSlicer.$el, A = i.getBoundingClientRect().height);
+        let i = null, y = 0;
+        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (i = this.$refs.chartSlicer.$el, y = i.getBoundingClientRect().height);
         let z = null, O = 0;
         this.FINAL_CONFIG.chart.legend.show && this.$refs.chartLegend && (z = this.$refs.chartLegend, O = z.getBoundingClientRect().height);
         let N = 0;
         this.$refs.source && (N = this.$refs.source.getBoundingClientRect().height);
         let F = 0;
-        this.$refs.noTitle && (F = this.$refs.noTitle.getBoundingClientRect().height), this.height = d - e - O - A - N - F - 12, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+        this.$refs.noTitle && (F = this.$refs.noTitle.getBoundingClientRect().height), this.height = d - e - O - y - N - F - 12, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
         const v = new ResizeObserver((m) => {
           for (const L of m)
-            this.FINAL_CONFIG.chart.title.show && this.$refs.chartTitle ? e = this.$refs.chartTitle.getBoundingClientRect().height : e = 0, this.$refs.chartSlicer && this.$refs.chartSlicer.$el ? A = this.$refs.chartSlicer.$el.getBoundingClientRect().height : A = 0, this.$refs.chartLegend ? O = this.$refs.chartLegend.getBoundingClientRect().height : O = 0, this.$refs.source ? N = this.$refs.source.getBoundingClientRect().height : N = 0, this.$refs.noTitle ? F = this.$refs.noTitle.getBoundingClientRect().height : F = 0, requestAnimationFrame(() => {
-              this.height = L.contentRect.height - e - O - A - N - F - 12, this.width = L.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+            this.FINAL_CONFIG.chart.title.show && this.$refs.chartTitle ? e = this.$refs.chartTitle.getBoundingClientRect().height : e = 0, this.$refs.chartSlicer && this.$refs.chartSlicer.$el ? y = this.$refs.chartSlicer.$el.getBoundingClientRect().height : y = 0, this.$refs.chartLegend ? O = this.$refs.chartLegend.getBoundingClientRect().height : O = 0, this.$refs.source ? N = this.$refs.source.getBoundingClientRect().height : N = 0, this.$refs.noTitle ? F = this.$refs.noTitle.getBoundingClientRect().height : F = 0, requestAnimationFrame(() => {
+              this.height = L.contentRect.height - e - O - y - N - F - 12, this.width = L.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
             });
         });
         this.resizeObserver = v, this.observedEl = o, v.observe(o);
@@ -1186,7 +1186,7 @@ const ct = ne(), ot = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: r } = await import("./pdf-BBk37REU.js");
+          const { default: r } = await import("./pdf-DhTxBrbJ.js");
           await r({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1209,7 +1209,7 @@ const ct = ne(), ot = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: r } = await import("./img-BOi0vhPf.js");
+          const { default: r } = await import("./img-BgOg8opa.js");
           await r({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1229,13 +1229,13 @@ const ct = ne(), ot = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, dt = ["viewBox", "aria-label"], gt = ["x", "y", "width", "height"], ft = { key: 1 }, It = { class: "vue-ui-xy-grid" }, xt = ["stroke", "x1", "x2", "y1", "y2"], Nt = ["stroke", "x1", "x2", "y1", "y2"], mt = { key: 1 }, bt = ["x1", "x2", "y1", "y2", "stroke"], Ft = ["x1", "x2", "y1", "y2", "stroke"], _t = ["x1", "x2", "y1", "y2", "stroke"], yt = { key: 3 }, At = ["x1", "x2", "y1", "y2", "stroke"], Lt = { key: 4 }, Ct = ["y1", "y2", "x1", "x2", "stroke"], St = ["id"], kt = ["stop-color"], wt = ["stop-color"], Ot = ["stop-color"], Gt = ["id"], vt = ["stop-color"], pt = ["stop-color"], zt = ["stop-color"], Mt = ["id"], Tt = ["stop-color"], Pt = ["stop-color"], Vt = ["id"], Rt = ["stop-color"], Ht = ["stop-color"], Dt = ["id"], Bt = ["stop-color"], Wt = ["stop-color"], Et = ["x", "y", "height", "width", "fill"], Yt = ["x", "y", "width"], qt = ["x", "y", "height", "width", "fill"], Xt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ut = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Zt = ["width", "x", "y"], Jt = { key: 0 }, Kt = ["id"], Qt = ["fill"], jt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], $t = ["x", "y", "font-size", "fill"], el = ["stroke", "x1", "x2", "y1", "y2"], tl = { key: 2 }, ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rl = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], il = { key: 4 }, al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sl = ["fill", "font-size", "transform"], nl = ["x1", "x2", "y1", "y2", "stroke"], cl = ["x", "y", "font-size", "fill"], ol = ["x1", "x2", "y1", "y2", "stroke"], hl = ["x", "y", "font-size", "fill"], ul = ["width", "x", "y"], dl = { style: { width: "100%" } }, gl = { key: 0 }, fl = ["id"], Il = ["fill"], xl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Nl = ["x", "y", "font-size", "fill"], ml = ["d", "stroke", "stroke-width", "stroke-dasharray"], bl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fl = { key: 5 }, _l = { key: 0 }, yl = ["d", "fill"], Al = ["d", "fill"], Ll = ["d", "fill"], Cl = ["d", "fill"], Sl = ["d", "stroke", "stroke-width", "stroke-dasharray"], kl = ["d", "stroke", "stroke-width", "stroke-dasharray"], wl = ["width", "x", "y"], Ol = { style: { width: "100%" } }, Gl = { key: 3 }, vl = ["id"], pl = ["fill"], zl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ml = ["x", "y", "font-size", "fill"], Tl = { key: 6 }, Pl = ["x", "y", "font-size", "fill"], Vl = ["x", "y", "font-size", "fill", "font-weight"], Rl = { key: 7 }, Hl = ["x", "y", "font-size", "fill"], Dl = { key: 8 }, Bl = ["x", "y"], Wl = ["innerHTML"], El = ["x", "y"], Yl = ["innerHTML"], ql = ["x1", "x2", "y1", "y2", "stroke"], Xl = { key: 9 }, Ul = ["x", "y", "font-size", "fill"], Zl = { key: 10 }, Jl = ["x", "y"], Kl = ["innerHTML"], Ql = ["x", "y"], jl = ["innerHTML"], $l = ["x1", "x2", "y1", "y2", "stroke"], er = ["x", "y", "font-size", "fill", "innerHTML"], tr = ["x", "y", "font-size", "fill", "innerHTML"], lr = ["x", "y", "font-size", "fill", "innerHTML"], rr = ["x", "y", "font-size", "fill", "innerHTML"], ir = ["id"], ar = ["stop-color"], sr = ["stop-color"], nr = ["x", "y", "width", "height", "fill", "onMouseenter"], cr = ["font-size", "fill", "transform"], or = ["x", "y", "font-size", "fill"], hr = { key: 12 }, ur = ["text-anchor", "font-size", "fill", "transform", "onClick"], dr = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], gr = { key: 13 }, fr = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ir = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], xr = ["y", "x", "width", "height", "fill"], Nr = ["id", "x", "y", "font-size", "fill", "text-anchor"], mr = ["x", "y", "height", "width", "onMouseenter", "onClick"], br = {
+}, dt = ["viewBox", "aria-label"], gt = ["x", "y", "width", "height"], ft = { key: 1 }, It = { class: "vue-ui-xy-grid" }, xt = ["stroke", "x1", "x2", "y1", "y2"], Nt = ["stroke", "x1", "x2", "y1", "y2"], mt = { key: 1 }, bt = ["x1", "x2", "y1", "y2", "stroke"], Ft = ["x1", "x2", "y1", "y2", "stroke"], _t = ["x1", "x2", "y1", "y2", "stroke"], At = { key: 3 }, yt = ["x1", "x2", "y1", "y2", "stroke"], Lt = { key: 4 }, Ct = ["y1", "y2", "x1", "x2", "stroke"], St = ["id"], kt = ["stop-color"], wt = ["stop-color"], Ot = ["stop-color"], Gt = ["id"], vt = ["stop-color"], pt = ["stop-color"], zt = ["stop-color"], Mt = ["id"], Tt = ["stop-color"], Pt = ["stop-color"], Vt = ["id"], Rt = ["stop-color"], Ht = ["stop-color"], Dt = ["id"], Bt = ["stop-color"], Wt = ["stop-color"], Et = ["x", "y", "height", "width", "fill"], Yt = ["x", "y", "width"], qt = ["x", "y", "height", "width", "fill"], Xt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ut = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Zt = ["width", "x", "y"], Jt = { key: 0 }, Kt = ["id"], Qt = ["fill"], jt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], $t = ["x", "y", "font-size", "fill"], el = ["stroke", "x1", "x2", "y1", "y2"], tl = { key: 2 }, ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rl = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], il = { key: 4 }, al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sl = ["fill", "font-size", "transform"], nl = ["x1", "x2", "y1", "y2", "stroke"], cl = ["x", "y", "font-size", "fill"], ol = ["x1", "x2", "y1", "y2", "stroke"], hl = ["x", "y", "font-size", "fill"], ul = ["width", "x", "y"], dl = { style: { width: "100%" } }, gl = { key: 0 }, fl = ["id"], Il = ["fill"], xl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Nl = ["x", "y", "font-size", "fill"], ml = ["d", "stroke", "stroke-width", "stroke-dasharray"], bl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fl = { key: 5 }, _l = { key: 0 }, Al = ["d", "fill"], yl = ["d", "fill"], Ll = ["d", "fill"], Cl = ["d", "fill"], Sl = ["d", "stroke", "stroke-width", "stroke-dasharray"], kl = ["d", "stroke", "stroke-width", "stroke-dasharray"], wl = ["width", "x", "y"], Ol = { style: { width: "100%" } }, Gl = { key: 3 }, vl = ["id"], pl = ["fill"], zl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ml = ["x", "y", "font-size", "fill"], Tl = { key: 6 }, Pl = ["x", "y", "font-size", "fill"], Vl = ["x", "y", "font-size", "fill", "font-weight"], Rl = { key: 7 }, Hl = ["x", "y", "font-size", "fill"], Dl = { key: 8 }, Bl = ["x", "y"], Wl = ["innerHTML"], El = ["x", "y"], Yl = ["innerHTML"], ql = ["x1", "x2", "y1", "y2", "stroke"], Xl = { key: 9 }, Ul = ["x", "y", "font-size", "fill"], Zl = { key: 10 }, Jl = ["x", "y"], Kl = ["innerHTML"], Ql = ["x", "y"], jl = ["innerHTML"], $l = ["x1", "x2", "y1", "y2", "stroke"], er = ["x", "y", "font-size", "fill", "innerHTML"], tr = ["x", "y", "font-size", "fill", "innerHTML"], lr = ["x", "y", "font-size", "fill", "innerHTML"], rr = ["x", "y", "font-size", "fill", "innerHTML"], ir = ["id"], ar = ["stop-color"], sr = ["stop-color"], nr = ["x", "y", "width", "height", "fill", "onMouseenter"], cr = ["font-size", "fill", "transform"], or = ["x", "y", "font-size", "fill"], hr = { key: 12 }, ur = ["text-anchor", "font-size", "fill", "transform", "onClick"], dr = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], gr = { key: 13 }, fr = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ir = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], xr = ["y", "x", "width", "height", "fill"], Nr = ["id", "x", "y", "font-size", "fill", "text-anchor"], mr = ["x", "y", "height", "width", "onMouseenter", "onClick"], br = {
   key: 14,
   style: { "pointer-events": "none" }
-}, Fr = ["x", "y"], _r = ["cx", "cy", "r", "fill"], yr = {
+}, Fr = ["x", "y"], _r = ["cx", "cy", "r", "fill"], Ar = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Ar = {
+}, yr = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
@@ -1282,7 +1282,7 @@ const ct = ne(), ot = {
   "data-dom-to-png-ignore": ""
 }, qr = ["innerHTML"];
 function Xr(r, o, d, f, l, e) {
-  const i = q("PenAndPaper"), A = q("Title"), z = q("UserOptions"), O = q("PackageVersion"), N = q("Shape"), F = q("Skeleton"), v = q("Slicer"), m = q("Tooltip"), L = q("BaseIcon"), b = q("TableSparkline"), M = q("DataTable"), H = q("Accordion");
+  const i = q("PenAndPaper"), y = q("Title"), z = q("UserOptions"), O = q("PackageVersion"), N = q("Shape"), F = q("Skeleton"), v = q("Slicer"), m = q("Tooltip"), L = q("BaseIcon"), b = q("TableSparkline"), M = q("DataTable"), H = q("Accordion");
   return a(), s("div", {
     id: `vue-ui-xy_${l.uniqueId}`,
     class: j(`vue-ui-xy ${l.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1306,7 +1306,7 @@ function Xr(r, o, d, f, l, e) {
       class: "vue-ui-xy-title",
       style: _(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      (a(), U(A, {
+      (a(), U(y, {
         key: `title_${l.titleStep}`,
         config: {
           title: {
@@ -1345,6 +1345,7 @@ function Xr(r, o, d, f, l, e) {
       hasAnnotator: e.FINAL_CONFIG.chart.userOptions.buttons.annotator,
       isAnnotation: l.isAnnotator,
       callbacks: e.FINAL_CONFIG.chart.userOptions.callbacks,
+      printScale: e.FINAL_CONFIG.chart.userOptions.print.scale,
       onToggleFullscreen: e.toggleFullscreen,
       onGeneratePdf: e.generatePdf,
       onGenerateCsv: e.generateCsv,
@@ -1428,7 +1429,7 @@ function Xr(r, o, d, f, l, e) {
         ]),
         key: "9"
       } : void 0
-    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip", "onToggleAnnotator", "style"])) : h("", !0),
+    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip", "onToggleAnnotator", "style"])) : h("", !0),
     e.isDataset ? (a(), s("svg", {
       key: 4,
       ref: "svgRef",
@@ -1512,7 +1513,7 @@ function Xr(r, o, d, f, l, e) {
               }, null, 8, bt))), 256))
             ])) : h("", !0)
           ], 64)),
-          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (a(), s("g", yt, [
+          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (a(), s("g", At, [
             (a(!0), s(u, null, x(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (t, c) => (a(), s("line", {
               key: `grid_vertical_line_${c}`,
               x1: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
@@ -1522,7 +1523,7 @@ function Xr(r, o, d, f, l, e) {
               "stroke-width": "0.5",
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               style: { animation: "none !important" }
-            }, null, 8, At))), 128))
+            }, null, 8, yt))), 128))
           ])) : h("", !0),
           e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (a(), s("g", Lt, [
             (a(!0), s(u, null, x(e.timeLabels, (t, c) => (a(), s("g", {
@@ -2009,12 +2010,12 @@ function Xr(r, o, d, f, l, e) {
               I("path", {
                 d: n,
                 fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${l.uniqueId})` : e.setOpacity(t.color, e.FINAL_CONFIG.line.area.opacity)
-              }, null, 8, yl),
+              }, null, 8, Al),
               r.$slots.pattern ? (a(), s("path", {
                 key: 0,
                 d: n,
                 fill: `url(#pattern_${l.uniqueId}_${t.slotAbsoluteIndex})`
-              }, null, 8, Al)) : h("", !0)
+              }, null, 8, yl)) : h("", !0)
             ], 64))), 128)) : (a(!0), s(u, { key: 1 }, x(t.area.split(";"), (n, g) => (a(), s(u, { key: g }, [
               I("path", {
                 d: `M${n}Z`,
@@ -2627,7 +2628,7 @@ function Xr(r, o, d, f, l, e) {
       ])) : h("", !0),
       G(r.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, dt)) : h("", !0),
-    r.$slots.watermark ? (a(), s("div", yr, [
+    r.$slots.watermark ? (a(), s("div", Ar, [
       G(r.$slots, "watermark", $(ee({ isPrinting: l.isPrinting || l.isImaging })), void 0, !0)
     ])) : h("", !0),
     (a(!0), s(u, null, x(e.lineSet, (t, c) => (a(), s(u, {
@@ -2667,7 +2668,7 @@ function Xr(r, o, d, f, l, e) {
             opacity: 1
           })
         }, [
-          (a(), s("svg", Ar, [
+          (a(), s("svg", yr, [
             I("path", {
               d: "M 0,10 10,0 10,20 Z",
               fill: t.color,
@@ -3076,7 +3077,7 @@ function Xr(r, o, d, f, l, e) {
     }, 8, ["config"])) : h("", !0)
   ], 46, ht);
 }
-const li = /* @__PURE__ */ nt(ot, [["render", Xr], ["__scopeId", "data-v-06fd2d47"]]);
+const li = /* @__PURE__ */ nt(ot, [["render", Xr], ["__scopeId", "data-v-656a2cf4"]]);
 export {
   li as default
 };