vue-data-ui 2.6.25-beta.0 → 2.6.25-beta.2

package/dist/{vue-ui-xy-BrB21eQl.js → vue-ui-xy-x5ueZsXm.js}

@@ -1,17 +1,17 @@
-import { P as D, W as q, c as X, A as j, F as $, w as ee, s as te, o as le, _ as re, a6 as ie, x as ae, C as se, y as ne, a4 as ce, e as oe, r as he, f as U, a7 as ue, R as de, S as ge, q as fe, b as Ie, z as me, d as Ne, a8 as be, v as xe, a9 as Fe, a2 as _e, aa as Ae, i as ye, G as Le, L as Ce, u as Se, p as ke, B as we, a as Oe, t as Ge } from "./index-DaOY9hvr.js";
-import { D as ve } from "./DataTable-BF8jSYP_.js";
-import { _ as pe } from "./Title-DA-ToubT.js";
-import { u as ze, _ as Me } from "./Tooltip-DbjT4bdy.js";
-import { U as Te } from "./usePrinter-DqRlipuX.js";
-import { _ as Pe } from "./Shape-hvBooorF.js";
-import Ve from "./BaseIcon-BjAKZREF.js";
-import Re from "./vue-ui-table-sparkline-UyU28o32.js";
-import De from "./vue-ui-skeleton-D0_Nq8rw.js";
-import { S as He } from "./Slicer-DnFM9Cfy.js";
-import We from "./vue-ui-accordion-B7y_o2CM.js";
-import { u as Z } from "./useNestedProp-Da76X-ip.js";
-import { _ as Be } from "./PackageVersion-BiK7Dx4X.js";
-import { P as Ee } from "./PenAndPaper-BzFJd7bn.js";
+import { P as D, W as q, c as X, A as j, F as $, w as ee, s as te, o as le, _ as re, a6 as ie, x as ae, C as se, y as ne, a4 as ce, e as oe, r as he, f as U, a7 as ue, R as de, S as ge, q as fe, b as Ie, z as me, d as be, a8 as Ne, v as xe, a9 as Fe, a2 as _e, aa as Ae, i as ye, G as Le, L as Ce, u as Se, p as ke, B as we, a as Oe, t as Ge } from "./index-DsLBHzFs.js";
+import { D as ve } from "./DataTable-CxMzHPtJ.js";
+import { _ as pe } from "./Title-DQOart2o.js";
+import { u as ze, _ as Me } from "./Tooltip-DY5DV3Xp.js";
+import { U as Te } from "./usePrinter-DUjsrNVS.js";
+import { _ as Pe } from "./Shape-D6IRh5MW.js";
+import Ve from "./BaseIcon-Cq9yGlN2.js";
+import Re from "./vue-ui-table-sparkline-D_3IJQFo.js";
+import De from "./vue-ui-skeleton-Nwl5QlzI.js";
+import { S as He } from "./Slicer-BRi9p4Vz.js";
+import We from "./vue-ui-accordion-Bf26MV5f.js";
+import { u as Z } from "./useNestedProp-bY0v4eqr.js";
+import { _ as Be } from "./PackageVersion-Dej3JBIN.js";
+import { P as Ee } from "./PenAndPaper-C-zh1_tH.js";
 import { resolveComponent as R, createElementBlock as s, openBlock as i, normalizeStyle as F, normalizeClass as W, createBlock as H, createCommentVNode as h, createVNode as Y, createSlots as Ye, withCtx as P, renderSlot as S, normalizeProps as B, guardReactiveProps as E, createElementVNode as d, createTextVNode as J, Fragment as g, renderList as m, toDisplayString as w, mergeProps as K, withDirectives as qe, vModelCheckbox as Xe } from "vue";
 import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ze = X(), Je = {
@@ -229,15 +229,15 @@ const Ze = X(), Je = {
         id: e.id,
         groupId: e.groupId,
         scaleLabel: e.scaleLabel,
-        name: e.unique ? e.name : e.groupName,
-        color: e.unique ? e.color : e.groupColor,
+        name: this.mutableConfig.useIndividualScale && !this.mutableConfig.isStacked ? e.unique ? e.name : e.groupName : e.name,
+        color: this.mutableConfig.useIndividualScale && !this.mutableConfig.isStacked ? e.unique ? e.color : e.groupColor : e.color,
         scale: e.scale,
         yOffset: e.yOffset,
         individualHeight: e.individualHeight,
         x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / l * (A + 1),
-        yLabels: e.scaleYLabels || e.scale.ticks.map((N) => ({
-          y: N >= 0 ? e.zero - e.individualHeight * (N / e.max) : e.zero + e.individualHeight * Math.abs(N) / e.max,
-          value: N
+        yLabels: e.scaleYLabels || e.scale.ticks.map((b) => ({
+          y: b >= 0 ? e.zero - e.individualHeight * (b / e.max) : e.zero + e.individualHeight * Math.abs(b) / e.max,
+          value: b
         }))
       }));
     },
@@ -386,13 +386,13 @@ const Ze = X(), Je = {
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues.filter((x) => ![void 0, null].includes(x))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((x) => ![null, void 0].includes(x)))
-        }, A = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, N = 1.0000001, I = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * N : e.max, A), y = this.calculateNiceScaleWithExactExtremes(l.valueMin, l.valueMax === l.valueMin ? l.valueMax * N : l.valueMax, A), v = I.min >= 0 ? 0 : Math.abs(I.min), O = 0, p = I.max + v, G = y.max + Math.abs(O), b = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, z = this.drawingArea.bottom - b - L * v / p, V = this.drawingArea.bottom - b - L * O / G, r = this.absoluteDataset.filter((x) => x.type === "bar").filter((x) => !this.segregatedSeries.includes(x.id)).length, c = t.series.map((x, T) => {
+        }, A = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, I = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * b : e.max, A), y = this.calculateNiceScaleWithExactExtremes(l.valueMin, l.valueMax === l.valueMin ? l.valueMax * b : l.valueMax, A), v = I.min >= 0 ? 0 : Math.abs(I.min), O = 0, p = I.max + v, G = y.max + Math.abs(O), N = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, z = this.drawingArea.bottom - N - L * v / p, V = this.drawingArea.bottom - N - L * O / G, r = this.absoluteDataset.filter((x) => x.type === "bar").filter((x) => !this.segregatedSeries.includes(x.id)).length, c = t.series.map((x, T) => {
           const _ = this.mutableConfig.useIndividualScale ? (t.absoluteValues[T] + v) / p : this.ratioToMax(x), k = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * T : this.drawingArea.left + this.slot.bar * a + this.slot.bar * T * r - this.barSlot / 2 - a * this.barPeriodGap;
           return {
-            yOffset: this.checkNaN(b),
+            yOffset: this.checkNaN(N),
             individualHeight: this.checkNaN(L),
             x: this.checkNaN(k),
-            y: this.drawingArea.bottom - b - L * _,
+            y: this.drawingArea.bottom - N - L * _,
             value: t.absoluteValues[T],
             zeroPosition: this.checkNaN(z),
             individualMax: this.checkNaN(p),
@@ -401,10 +401,10 @@ const Ze = X(), Je = {
         }), n = t.absoluteValues.map((x) => y.min >= 0 ? (x - Math.abs(y.min)) / (y.max - Math.abs(y.min)) : (x + Math.abs(y.min)) / (y.max + Math.abs(y.min))), f = t.series.map((x, T) => {
           const _ = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * T : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * a + this.slot.bar * T * this.absoluteDataset.filter((k) => k.type === "bar").filter((k) => !this.segregatedSeries.includes(k.id)).length;
           return {
-            yOffset: this.checkNaN(b),
+            yOffset: this.checkNaN(N),
             individualHeight: this.checkNaN(L),
             x: this.checkNaN(_),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(b) - (this.checkNaN(L) * n[T] || 0)),
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(N) - (this.checkNaN(L) * n[T] || 0)),
             value: t.absoluteValues[T],
             zeroPosition: this.checkNaN(z),
             individualMax: this.checkNaN(p),
@@ -426,9 +426,9 @@ const Ze = X(), Je = {
             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 ? M : C, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? V : z, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : p, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = b, this.scaleGroups[t.scaleLabel].individualHeight = L, this.scaleGroups[t.scaleLabel].autoScaleYLabels = M, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((x) => x.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 ? M : C, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? V : z, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : p, 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 = L, this.scaleGroups[t.scaleLabel].autoScaleYLabels = M, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((x) => x.scaleLabel === t.scaleLabel).length === 1, {
           ...t,
-          yOffset: b,
+          yOffset: N,
           autoScaleYLabels: M,
           individualHeight: L,
           scaleYLabels: t.autoScaling ? M : C,
@@ -451,11 +451,11 @@ const Ze = X(), Je = {
         }, l = {
           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, A = 1.0000001, N = this.calculateNiceScaleWithExactExtremes(l.min, l.max === l.min ? l.max * A : l.max, e), I = this.calculateNiceScaleWithExactExtremes(u.valueMin, u.valueMax === u.valueMin ? u.valueMax * A : u.valueMax, e), y = N.min >= 0 ? 0 : Math.abs(N.min), v = 0, O = N.max + Math.abs(y), p = I.max + Math.abs(v), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, b = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - G - b * y / O, z = this.drawingArea.bottom - G - b * v / p, V = t.series.map((_, k) => {
+        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(l.min, l.max === l.min ? l.max * A : l.max, e), I = this.calculateNiceScaleWithExactExtremes(u.valueMin, u.valueMax === u.valueMin ? u.valueMax * A : u.valueMax, e), y = b.min >= 0 ? 0 : Math.abs(b.min), v = 0, O = b.max + Math.abs(y), p = I.max + Math.abs(v), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, N = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - G - N * y / O, z = this.drawingArea.bottom - G - N * v / p, V = t.series.map((_, k) => {
           const Q = this.mutableConfig.useIndividualScale ? (t.absoluteValues[k] + Math.abs(y)) / O : this.ratioToMax(_);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * k),
-            y: this.checkNaN(this.drawingArea.bottom - G - b * Q),
+            y: this.checkNaN(this.drawingArea.bottom - G - N * Q),
             value: t.absoluteValues[k],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[k] || ""
           };
@@ -466,11 +466,11 @@ const Ze = X(), Je = {
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[k] || ""
         } : {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * k),
-          y: this.checkNaN(this.drawingArea.bottom - G - (b * r[k] || 0)),
+          y: this.checkNaN(this.drawingArea.bottom - G - (N * r[k] || 0)),
           value: t.absoluteValues[k],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[k] || ""
-        }), n = this.createSmoothPath(V.filter((_) => _.value !== null)), f = this.createSmoothPath(c.filter((_) => _.value !== null)), C = this.createStraightPath(V.filter((_) => _.value !== null)), M = this.createStraightPath(c.filter((_) => _.value !== null)), x = N.ticks.map((_) => ({
-          y: _ >= 0 ? L - b * (_ / O) : L + b * Math.abs(_) / O,
+        }), n = this.createSmoothPath(V.filter((_) => _.value !== null)), f = this.createSmoothPath(c.filter((_) => _.value !== null)), C = this.createStraightPath(V.filter((_) => _.value !== null)), M = this.createStraightPath(c.filter((_) => _.value !== null)), x = b.ticks.map((_) => ({
+          y: _ >= 0 ? L - N * (_ / O) : L + N * Math.abs(_) / O,
           value: _,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -478,20 +478,20 @@ const Ze = X(), Je = {
         })), T = I.ticks.map((_) => {
           const k = (_ - I.min) / (I.max - I.min);
           return {
-            y: _ >= 0 ? z - b * k : z + b * k,
+            y: _ >= 0 ? z - N * k : z + N * k,
             value: _,
             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 ? T : x, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? z : L, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? p : O, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = G, this.scaleGroups[t.scaleLabel].individualHeight = b, this.scaleGroups[t.scaleLabel].autoScaleYLabels = T, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((_) => _.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 ? T : x, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? z : L, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? p : O, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = G, this.scaleGroups[t.scaleLabel].individualHeight = N, this.scaleGroups[t.scaleLabel].autoScaleYLabels = T, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((_) => _.scaleLabel === t.scaleLabel).length === 1, {
           ...t,
           yOffset: G,
           autoScaleYLabels: T,
-          individualHeight: b,
+          individualHeight: N,
           scaleYLabels: t.autoScaling ? T : x,
-          individualScale: t.autoScaling ? I : N,
+          individualScale: t.autoScaling ? I : b,
           individualMax: t.autoScaling ? p : O,
           zeroPosition: t.autoScaling ? z : L,
           curve: t.autoScaling ? f : n,
@@ -513,21 +513,21 @@ const Ze = X(), Je = {
         }, l = {
           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, A = 1.0000001, N = this.calculateNiceScaleWithExactExtremes(l.min, l.max === l.min ? l.max * A : l.max, e), I = this.calculateNiceScaleWithExactExtremes(u.valueMin, u.valueMax === u.valueMin ? u.valueMax * A : u.valueMax, e), y = N.min >= 0 ? 0 : Math.abs(N.min), v = 0, O = N.max + y, p = I.max + Math.abs(v), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, b = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - G - b * y / O, z = this.drawingArea.bottom - G - b * v / p, V = t.series.map((C, M) => {
+        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(l.min, l.max === l.min ? l.max * A : l.max, e), I = this.calculateNiceScaleWithExactExtremes(u.valueMin, u.valueMax === u.valueMin ? u.valueMax * A : u.valueMax, e), y = b.min >= 0 ? 0 : Math.abs(b.min), v = 0, O = b.max + y, p = I.max + Math.abs(v), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, N = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - G - N * y / O, z = this.drawingArea.bottom - G - N * v / p, V = t.series.map((C, M) => {
           const x = this.mutableConfig.useIndividualScale ? (t.absoluteValues[M] + Math.abs(y)) / O : this.ratioToMax(C);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * M),
-            y: this.checkNaN(this.drawingArea.bottom - G - b * x),
+            y: this.checkNaN(this.drawingArea.bottom - G - N * x),
             value: t.absoluteValues[M],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
           };
         }), r = t.absoluteValues.map((C) => I.min >= 0 ? (C - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (C + Math.abs(I.min)) / (I.max + Math.abs(I.min))), c = t.series.map((C, M) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * M),
-          y: this.checkNaN(this.drawingArea.bottom - G - (b * r[M] || 0)),
+          y: this.checkNaN(this.drawingArea.bottom - G - (N * r[M] || 0)),
           value: t.absoluteValues[M],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
-        })), n = N.ticks.map((C) => ({
-          y: C >= 0 ? L - b * (C / O) : L + b * Math.abs(C) / O,
+        })), n = b.ticks.map((C) => ({
+          y: C >= 0 ? L - N * (C / O) : L + N * Math.abs(C) / O,
           value: C,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -535,20 +535,20 @@ const Ze = X(), Je = {
         })), f = I.ticks.map((C) => {
           const M = (C - I.min) / (I.max - I.min);
           return {
-            y: C >= 0 ? z - b * M : z + b * M,
+            y: C >= 0 ? z - N * M : z + N * M,
             value: C,
             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 ? f : n, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? z : L, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? p : O, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = G, this.scaleGroups[t.scaleLabel].individualHeight = b, this.scaleGroups[t.scaleLabel].autoScaleYLabels = f, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((C) => C.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 ? f : n, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? z : L, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? p : O, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = G, this.scaleGroups[t.scaleLabel].individualHeight = N, this.scaleGroups[t.scaleLabel].autoScaleYLabels = f, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((C) => C.scaleLabel === t.scaleLabel).length === 1, {
           ...t,
           yOffset: G,
           autoScaleYLabels: f,
-          individualHeight: b,
+          individualHeight: N,
           scaleYLabels: t.autoScaling ? f : n,
-          individualScale: t.autoScaling ? I : N,
+          individualScale: t.autoScaling ? I : b,
           individualMax: t.autoScaling ? p : O,
           zeroPosition: t.autoScaling ? z : L,
           plots: t.autoScaling ? c : V,
@@ -628,18 +628,18 @@ const Ze = X(), Je = {
       t && (a = a.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 o = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
-        const A = this.relativeDataset.map((N) => N.absoluteValues[e] ?? 0).reduce((N, I) => N + I, 0);
+        const A = this.relativeDataset.map((b) => b.absoluteValues[e] ?? 0).reduce((b, I) => b + I, 0);
         o.push(
           [
             this.timeLabels[e].text ?? "-"
           ].concat(this.relativeDataset.map(
-            (N) => this.applyDataLabel(
-              N.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : N.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
-              N.absoluteValues[e] ?? 0,
+            (b) => this.applyDataLabel(
+              b.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : b.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
+              b.absoluteValues[e] ?? 0,
               this.dataLabel({
-                p: N.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-                v: N.absoluteValues[e] ?? 0,
-                s: N.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+                p: b.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+                v: b.absoluteValues[e] ?? 0,
+                s: b.suffix || this.FINAL_CONFIG.chart.labels.suffix,
                 r: this.FINAL_CONFIG.table.rounding
               })
             )
@@ -796,8 +796,8 @@ const Ze = X(), Je = {
     calcLinearProgression: _e,
     calculateNiceScaleWithExactExtremes: Fe,
     checkNaN: xe,
-    closestDecimal: be,
-    convertColorToHex: Ne,
+    closestDecimal: Ne,
+    convertColorToHex: be,
     convertConfigColors: me,
     convertCustomPalette: Ie,
     createCsvContent: fe,
@@ -896,17 +896,17 @@ const Ze = X(), Je = {
         const a = this.$refs.chart.parentNode, { height: o, width: u } = a.getBoundingClientRect();
         let l = null, e = 0;
         this.FINAL_CONFIG.chart.title.show && (l = this.$refs.chartTitle, e = l.getBoundingClientRect().height);
-        let A = null, N = 0;
-        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (A = this.$refs.chartSlicer.$el, N = A.getBoundingClientRect().height);
+        let A = null, b = 0;
+        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (A = this.$refs.chartSlicer.$el, b = A.getBoundingClientRect().height);
         let I = null, y = 0;
         this.FINAL_CONFIG.chart.legend.show && (I = this.$refs.chartLegend, y = I.getBoundingClientRect().height);
         let v = 0;
         this.$refs.source && (v = this.$refs.source.getBoundingClientRect().height);
         let O = 0;
-        this.$refs.noTitle && (O = this.$refs.noTitle.getBoundingClientRect().height), this.height = o - e - y - N - v - O, this.width = u, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((G) => {
-          for (const b of G)
-            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (N = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (y = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (v = this.$refs.source.getBoundingClientRect().height), requestAnimationFrame(() => {
-              this.height = b.contentBoxSize[0].blockSize - e - y - N - v - 24, this.width = b.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+        this.$refs.noTitle && (O = this.$refs.noTitle.getBoundingClientRect().height), this.height = o - e - y - b - v - O, this.width = u, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((G) => {
+          for (const N of G)
+            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (b = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (y = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (v = this.$refs.source.getBoundingClientRect().height), requestAnimationFrame(() => {
+              this.height = N.contentBoxSize[0].blockSize - e - y - b - v - 24, this.width = N.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
             });
         }).observe(a);
       } else
@@ -1127,7 +1127,7 @@ const Ze = X(), Je = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, je = ["viewBox", "aria-label"], $e = ["x", "y", "width", "height"], et = { key: 1 }, tt = { class: "vue-ui-xy-grid" }, lt = ["stroke", "x1", "x2", "y1", "y2"], rt = ["stroke", "x1", "x2", "y1", "y2"], it = { key: 1 }, at = ["x1", "x2", "y1", "y2", "stroke"], st = ["x1", "x2", "y1", "y2", "stroke"], nt = ["x1", "x2", "y1", "y2", "stroke"], ct = { key: 3 }, ot = ["x1", "x2", "y1", "y2", "stroke"], ht = ["id"], ut = ["stop-color"], dt = ["stop-color"], gt = ["stop-color"], ft = ["id"], It = ["stop-color"], mt = ["stop-color"], Nt = ["stop-color"], bt = ["id"], xt = ["stop-color"], Ft = ["stop-color"], _t = ["id"], At = ["stop-color"], yt = ["stop-color"], Lt = ["id"], Ct = ["stop-color"], St = ["stop-color"], kt = ["x", "y", "height", "width", "fill"], wt = ["x", "y", "width"], Ot = ["x", "y", "height", "width", "fill"], Gt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], pt = ["width", "x", "y"], zt = { key: 0 }, Mt = ["id"], Tt = ["fill"], Pt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Vt = ["x", "y", "font-size", "fill"], Rt = ["stroke", "x1", "x2", "y1", "y2"], Dt = { key: 2 }, Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Wt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Bt = { key: 4 }, Et = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yt = ["fill", "font-size", "transform"], qt = ["x1", "x2", "y1", "y2", "stroke"], Xt = ["x", "y", "font-size", "fill"], Ut = ["x1", "x2", "y1", "y2", "stroke"], Zt = ["x", "y", "font-size", "fill"], Jt = ["width", "x", "y"], Kt = { style: { width: "100%" } }, Qt = { key: 0 }, jt = ["id"], $t = ["fill"], el = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], tl = ["x", "y", "font-size", "fill"], ll = ["d", "stroke", "stroke-width", "stroke-dasharray"], rl = ["d", "stroke", "stroke-width", "stroke-dasharray"], il = { key: 5 }, al = { key: 0 }, sl = ["d", "fill"], nl = ["d", "fill"], cl = ["d", "fill"], ol = ["d", "fill"], hl = ["d", "stroke", "stroke-width", "stroke-dasharray"], ul = ["d", "stroke", "stroke-width", "stroke-dasharray"], dl = ["width", "x", "y"], gl = { style: { width: "100%" } }, fl = { key: 3 }, Il = ["id"], ml = ["fill"], Nl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], bl = ["x", "y", "font-size", "fill"], xl = { key: 6 }, Fl = ["x", "y", "font-size", "fill"], _l = ["x", "y", "font-size", "fill", "font-weight"], Al = { key: 7 }, yl = ["x", "y", "font-size", "fill"], Ll = ["x", "y"], Cl = ["x", "y"], Sl = { key: 8 }, kl = ["x", "y", "font-size", "fill"], wl = ["x", "y"], Ol = ["x", "y"], Gl = ["x", "y", "font-size", "fill", "innerHTML"], vl = ["x", "y", "font-size", "fill", "innerHTML"], pl = ["x", "y", "font-size", "fill", "innerHTML"], zl = ["x", "y", "font-size", "fill", "innerHTML"], Ml = ["id"], Tl = ["stop-color"], Pl = ["stop-color"], Vl = ["x", "y", "width", "height", "fill", "onMouseenter"], Rl = ["font-size", "fill", "transform"], Dl = ["x", "y", "font-size", "fill"], Hl = { key: 10 }, Wl = ["text-anchor", "font-size", "fill", "transform", "onClick"], Bl = ["x", "y", "height", "width", "onMouseenter", "onClick"], El = {
+}, je = ["viewBox", "aria-label"], $e = ["x", "y", "width", "height"], et = { key: 1 }, tt = { class: "vue-ui-xy-grid" }, lt = ["stroke", "x1", "x2", "y1", "y2"], rt = ["stroke", "x1", "x2", "y1", "y2"], it = { key: 1 }, at = ["x1", "x2", "y1", "y2", "stroke"], st = ["x1", "x2", "y1", "y2", "stroke"], nt = ["x1", "x2", "y1", "y2", "stroke"], ct = { key: 3 }, ot = ["x1", "x2", "y1", "y2", "stroke"], ht = ["id"], ut = ["stop-color"], dt = ["stop-color"], gt = ["stop-color"], ft = ["id"], It = ["stop-color"], mt = ["stop-color"], bt = ["stop-color"], Nt = ["id"], xt = ["stop-color"], Ft = ["stop-color"], _t = ["id"], At = ["stop-color"], yt = ["stop-color"], Lt = ["id"], Ct = ["stop-color"], St = ["stop-color"], kt = ["x", "y", "height", "width", "fill"], wt = ["x", "y", "width"], Ot = ["x", "y", "height", "width", "fill"], Gt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], pt = ["width", "x", "y"], zt = { key: 0 }, Mt = ["id"], Tt = ["fill"], Pt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Vt = ["x", "y", "font-size", "fill"], Rt = ["stroke", "x1", "x2", "y1", "y2"], Dt = { key: 2 }, Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Wt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Bt = { key: 4 }, Et = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yt = ["fill", "font-size", "transform"], qt = ["x1", "x2", "y1", "y2", "stroke"], Xt = ["x", "y", "font-size", "fill"], Ut = ["x1", "x2", "y1", "y2", "stroke"], Zt = ["x", "y", "font-size", "fill"], Jt = ["width", "x", "y"], Kt = { style: { width: "100%" } }, Qt = { key: 0 }, jt = ["id"], $t = ["fill"], el = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], tl = ["x", "y", "font-size", "fill"], ll = ["d", "stroke", "stroke-width", "stroke-dasharray"], rl = ["d", "stroke", "stroke-width", "stroke-dasharray"], il = { key: 5 }, al = { key: 0 }, sl = ["d", "fill"], nl = ["d", "fill"], cl = ["d", "fill"], ol = ["d", "fill"], hl = ["d", "stroke", "stroke-width", "stroke-dasharray"], ul = ["d", "stroke", "stroke-width", "stroke-dasharray"], dl = ["width", "x", "y"], gl = { style: { width: "100%" } }, fl = { key: 3 }, Il = ["id"], ml = ["fill"], bl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Nl = ["x", "y", "font-size", "fill"], xl = { key: 6 }, Fl = ["x", "y", "font-size", "fill"], _l = ["x", "y", "font-size", "fill", "font-weight"], Al = { key: 7 }, yl = ["x", "y", "font-size", "fill"], Ll = ["x", "y"], Cl = ["x", "y"], Sl = { key: 8 }, kl = ["x", "y", "font-size", "fill"], wl = ["x", "y"], Ol = ["x", "y"], Gl = ["x", "y", "font-size", "fill", "innerHTML"], vl = ["x", "y", "font-size", "fill", "innerHTML"], pl = ["x", "y", "font-size", "fill", "innerHTML"], zl = ["x", "y", "font-size", "fill", "innerHTML"], Ml = ["id"], Tl = ["stop-color"], Pl = ["stop-color"], Vl = ["x", "y", "width", "height", "fill", "onMouseenter"], Rl = ["font-size", "fill", "transform"], Dl = ["x", "y", "font-size", "fill"], Hl = { key: 10 }, Wl = ["text-anchor", "font-size", "fill", "transform", "onClick"], Bl = ["x", "y", "height", "width", "onMouseenter", "onClick"], El = {
   key: 11,
   style: { "pointer-events": "none" }
 }, Yl = ["x", "y"], ql = ["cx", "cy", "r", "fill"], Xl = {
@@ -1160,7 +1160,7 @@ const Ze = X(), Je = {
   "data-html2canvas-ignore": ""
 }, rr = ["innerHTML"];
 function ir(t, a, o, u, l, e) {
-  const A = R("PenAndPaper"), N = R("Title"), I = R("UserOptions"), y = R("PackageVersion"), v = R("Shape"), O = R("Skeleton"), p = R("Slicer"), G = R("Tooltip"), b = R("BaseIcon"), L = R("TableSparkline"), z = R("DataTable"), V = R("Accordion");
+  const A = R("PenAndPaper"), b = R("Title"), I = R("UserOptions"), y = R("PackageVersion"), v = R("Shape"), O = R("Skeleton"), p = R("Slicer"), G = R("Tooltip"), N = R("BaseIcon"), L = R("TableSparkline"), z = R("DataTable"), V = R("Accordion");
   return i(), s("div", {
     id: `vue-ui-xy_${l.uniqueId}`,
     class: W(`vue-ui-xy ${l.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1184,7 +1184,7 @@ function ir(t, a, o, u, l, e) {
       class: "vue-ui-xy-title",
       style: F(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      (i(), H(N, {
+      (i(), H(b, {
         key: `title_${l.titleStep}`,
         config: {
           title: {
@@ -1433,7 +1433,7 @@ function ir(t, a, o, u, l, e) {
             d("stop", {
               offset: "100%",
               "stop-color": r.color
-            }, null, 8, Nt)
+            }, null, 8, bt)
           ], 8, ft)
         ]))), 128)),
         (i(!0), s(g, null, m(e.plotSet, (r, c) => (i(), s("defs", {
@@ -1455,7 +1455,7 @@ function ir(t, a, o, u, l, e) {
               offset: "100%",
               "stop-color": r.color
             }, null, 8, Ft)
-          ], 8, bt)
+          ], 8, Nt)
         ]))), 128)),
         (i(!0), s(g, null, m(e.lineSet, (r, c) => (i(), s("defs", {
           key: `def_line_${c}`
@@ -1680,7 +1680,7 @@ function ir(t, a, o, u, l, e) {
                 "font-size": l.fontSizes.dataLabels,
                 "text-anchor": "middle",
                 transform: `translate(${r.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5 + e.xPadding}, ${l.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset - r.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, w(r.name) + " " + w(r.scaleLabel && r.unique ? `- ${r.scaleLabel}` : ""), 9, Yt),
+              }, w(r.name) + " " + w(r.scaleLabel && r.unique && r.scaleLabel !== r.id ? `- ${r.scaleLabel}` : ""), 9, Yt),
               (i(!0), s(g, null, m(r.yLabels, (c, n) => (i(), s("line", {
                 x1: r.x - 3 + e.xPadding,
                 x2: r.x + e.xPadding,
@@ -1941,7 +1941,7 @@ function ir(t, a, o, u, l, e) {
               stroke: r.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${c})`
-            }, null, 8, Nl)) : h("", !0),
+            }, null, 8, bl)) : h("", !0),
             r.plots.length > 1 ? (i(), s("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1953,7 +1953,7 @@ function ir(t, a, o, u, l, e) {
               v: e.calcLinearProgression(r.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, bl)) : h("", !0)
+            })), 9, Nl)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
         (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && l.mutableConfig.dataLabels.show ? (i(), s("g", xl, [
@@ -2496,7 +2496,7 @@ function ir(t, a, o, u, l, e) {
               onClick: a[5] || (a[5] = (r) => l.showSparklineTable = !l.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
-              Y(b, {
+              Y(N, {
                 name: "chartLine",
                 size: 20,
                 stroke: e.FINAL_CONFIG.chart.color
@@ -2535,7 +2535,7 @@ function ir(t, a, o, u, l, e) {
     }, 8, ["config"])) : h("", !0)
   ], 46, Ke);
 }
-const _r = /* @__PURE__ */ Ue(Je, [["render", ir], ["__scopeId", "data-v-3f5f4244"]]);
+const _r = /* @__PURE__ */ Ue(Je, [["render", ir], ["__scopeId", "data-v-95c993d5"]]);
 export {
   _r as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.6.25-beta.0",
+  "version": "2.6.25-beta.2",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/PackageVersion-BOKy76ww.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),t="2.6.24",n={"aria-hidden":"true"},s={__name:"PackageVersion",setup(c){return(r,o)=>(e.openBlock(),e.createElementBlock("desc",n,"Composed with Vue Data UI "+e.toDisplayString(e.unref(t)),1))}};exports._sfc_main=s;