vue-data-ui 2.6.1 → 2.6.2

package/dist/{vue-ui-xy-BxKSrC7D.js → vue-ui-xy-Zy60Z2c1.js}

@@ -1,17 +1,17 @@
-import { P as D, W as q, A as j, F as $, w as ee, s as te, o as re, _ as ie, a5 as ae, x as le, C as se, y as ne, a3 as he, e as oe, r as ce, f as X, a6 as de, R as ue, S as ge, q as fe, b as Ie, z as me, d as Ne, a7 as xe, v as be, a8 as Fe, a1 as _e, a9 as Ae, i as ye, G as Ce, L as Le, u as Se, c as K, p as ke, B as we, a as Oe, t as Ge } from "./index-DaaDBRRF.js";
-import { D as ve } from "./DataTable-DGgj14m-.js";
-import { _ as ze } from "./Title-ag6gXJcz.js";
-import { u as Me, _ as pe } from "./Tooltip-95WjskR9.js";
-import { U as Te } from "./usePrinter-DUVTMVcK.js";
-import { _ as Pe } from "./Shape-DRv28FRP.js";
-import Ve from "./BaseIcon-zOOwakRm.js";
-import Re from "./vue-ui-table-sparkline-Dxy58OjL.js";
-import De from "./vue-ui-skeleton-Ce7b04xD.js";
-import { S as He } from "./Slicer-BTtwLXWn.js";
-import Be from "./vue-ui-accordion-BJBt7sbb.js";
-import { u as U } from "./useNestedProp-ReVcQys2.js";
-import { _ as We } from "./PackageVersion-Bk5LVTq1.js";
-import { P as Ee } from "./PenAndPaper-CQfs_lTN.js";
+import { P as D, W as q, A as j, F as $, w as ee, s as te, o as re, _ as ie, a5 as ae, x as le, C as se, y as ne, a3 as he, e as oe, r as ce, f as X, a6 as de, R as ue, S as ge, q as fe, b as Ie, z as me, d as Ne, a7 as xe, v as be, a8 as Fe, a1 as _e, a9 as Ae, i as ye, G as Ce, L as Le, u as Se, c as K, p as ke, B as we, a as Oe, t as Ge } from "./index-B8uVRkA1.js";
+import { D as ve } from "./DataTable-BWABkdIL.js";
+import { _ as ze } from "./Title-MKfkLka7.js";
+import { u as Me, _ as pe } from "./Tooltip-BUMgVEu0.js";
+import { U as Te } from "./usePrinter-CppD6oY_.js";
+import { _ as Pe } from "./Shape-D_MGNYEa.js";
+import Ve from "./BaseIcon-DTJIrD3k.js";
+import Re from "./vue-ui-table-sparkline-B6WbUZ-8.js";
+import De from "./vue-ui-skeleton-BC7kQhlE.js";
+import { S as He } from "./Slicer-DKXIt2om.js";
+import Be from "./vue-ui-accordion-CE2Pnpz3.js";
+import { u as U } from "./useNestedProp-kStEZqtl.js";
+import { _ as We } from "./PackageVersion-Dqo8V-i_.js";
+import { P as Ee } from "./PenAndPaper-QsaleY3R.js";
 import { resolveComponent as R, createElementBlock as s, openBlock as a, normalizeStyle as w, normalizeClass as B, createBlock as H, createCommentVNode as c, createVNode as Y, createSlots as Ye, withCtx as P, renderSlot as S, normalizeProps as W, guardReactiveProps as E, createElementVNode as g, createTextVNode as Z, Fragment as u, renderList as m, toDisplayString as k, mergeProps as J, withDirectives as qe, vModelCheckbox as Xe } from "vue";
 import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ze = K(), Je = {
@@ -167,7 +167,7 @@ const Ze = K(), Je = {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
       const r = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), l = Math.max(...r.map((t) => t.series.length)), o = [];
       for (let t = 0; t < l; t += 1)
-        o.push(r.map((e) => e.series[t] || 0).reduce((e, F) => (e || 0) + (F || 0), 0));
+        o.push(r.map((e) => e.series[t] || 0).reduce((e, _) => (e || 0) + (_ || 0), 0));
       const d = Math.min(...o);
       return o.map((t) => t + (d < 0 ? Math.abs(d) : 0));
     },
@@ -226,9 +226,9 @@ const Ze = K(), Je = {
         yOffset: t.yOffset,
         individualHeight: t.individualHeight,
         x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / d * (e + 1),
-        yLabels: t.scaleYLabels || t.scale.ticks.map((F) => ({
-          y: F >= 0 ? t.zero - t.individualHeight * (F / t.max) : t.zero + t.individualHeight * Math.abs(F) / t.max,
-          value: F
+        yLabels: t.scaleYLabels || t.scale.ticks.map((_) => ({
+          y: _ >= 0 ? t.zero - t.individualHeight * (_ / t.max) : t.zero + t.individualHeight * Math.abs(_) / t.max,
+          value: _
         }))
       }));
     },
@@ -358,38 +358,38 @@ const Ze = K(), Je = {
         }, e = {
           max: r.scaleMax || Math.max(...r.absoluteValues) || 1,
           min: r.scaleMin || Math.min(...r.absoluteValues.filter((N) => ![void 0, null].includes(N))) > 0 ? 0 : Math.min(...r.absoluteValues.filter((N) => ![null, void 0].includes(N)))
-        }, F = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, x = 1.0000001, I = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * x : e.max, F), _ = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * x : t.valueMax, F), O = I.min >= 0 ? 0 : Math.abs(I.min), G = 0, p = I.max + O, v = _.max + Math.abs(G), b = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, T = this.drawingArea.bottom - b - C * O / p, V = this.drawingArea.bottom - b - C * G / v, i = this.absoluteDataset.filter((N) => N.type === "bar").filter((N) => !this.segregatedSeries.includes(N.id)).length, h = r.series.map((N, M) => {
-          const y = this.mutableConfig.useIndividualScale ? (r.absoluteValues[M] + O) / p : this.ratioToMax(N), L = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left + this.slot.bar * l + this.slot.bar * M * i - this.barSlot / 2 - l * this.barPeriodGap;
+        }, _ = r.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 = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * b : t.valueMax, _), O = I.min >= 0 ? 0 : Math.abs(I.min), G = 0, p = I.max + O, v = A.max + Math.abs(G), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, T = this.drawingArea.bottom - F - C * O / p, V = this.drawingArea.bottom - F - C * G / v, i = this.absoluteDataset.filter((N) => N.type === "bar").filter((N) => !this.segregatedSeries.includes(N.id)).length, h = r.series.map((N, M) => {
+          const x = this.mutableConfig.useIndividualScale ? (r.absoluteValues[M] + O) / p : this.ratioToMax(N), L = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left + this.slot.bar * l + this.slot.bar * M * i - this.barSlot / 2 - l * this.barPeriodGap;
           return {
-            yOffset: this.checkNaN(b),
+            yOffset: this.checkNaN(F),
             individualHeight: this.checkNaN(C),
             x: this.checkNaN(L),
-            y: this.drawingArea.bottom - b - C * y,
+            y: this.drawingArea.bottom - F - C * x,
             value: r.absoluteValues[M],
             zeroPosition: this.checkNaN(T),
             individualMax: this.checkNaN(p),
             comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
           };
-        }), n = r.absoluteValues.map((N) => _.min >= 0 ? (N - Math.abs(_.min)) / (_.max - Math.abs(_.min)) : (N + Math.abs(_.min)) / (_.max + Math.abs(_.min))), f = r.series.map((N, M) => {
-          const y = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * l + this.slot.bar * M * this.absoluteDataset.filter((L) => L.type === "bar").filter((L) => !this.segregatedSeries.includes(L.id)).length;
+        }), n = r.absoluteValues.map((N) => A.min >= 0 ? (N - Math.abs(A.min)) / (A.max - Math.abs(A.min)) : (N + Math.abs(A.min)) / (A.max + Math.abs(A.min))), f = r.series.map((N, M) => {
+          const x = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * l + this.slot.bar * M * this.absoluteDataset.filter((L) => L.type === "bar").filter((L) => !this.segregatedSeries.includes(L.id)).length;
           return {
-            yOffset: this.checkNaN(b),
+            yOffset: this.checkNaN(F),
             individualHeight: this.checkNaN(C),
-            x: this.checkNaN(y),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(b) - (this.checkNaN(C) * n[M] || 0)),
+            x: this.checkNaN(x),
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * n[M] || 0)),
             value: r.absoluteValues[M],
             zeroPosition: this.checkNaN(T),
             individualMax: this.checkNaN(p),
             comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
           };
-        }), A = I.ticks.map((N) => ({
+        }), y = I.ticks.map((N) => ({
           y: N >= 0 ? T - C * (N / p) : T + C * Math.abs(N) / p,
           value: N,
           prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: r
-        })), z = _.ticks.map((N) => {
-          const M = (N - _.min) / (_.max - _.min);
+        })), z = A.ticks.map((N) => {
+          const M = (N - A.min) / (A.max - A.min);
           return {
             y: N >= 0 ? V - C * M : V + C * M,
             value: N,
@@ -400,11 +400,11 @@ const Ze = K(), Je = {
         });
         return {
           ...r,
-          yOffset: b,
+          yOffset: F,
           autoScaleYLabels: z,
           individualHeight: C,
-          scaleYLabels: r.autoScaling ? z : A,
-          individualScale: r.autoScaling ? _ : I,
+          scaleYLabels: r.autoScaling ? z : y,
+          individualScale: r.autoScaling ? A : I,
           individualMax: r.autoScaling ? v : p,
           zeroPosition: r.autoScaling ? V : T,
           plots: r.autoScaling ? f : h
@@ -420,43 +420,43 @@ const Ze = K(), Je = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((r) => r.type === "line").map((r) => {
         this.checkAutoScaleError(r);
-        const l = Math.min(...r.absoluteValues.filter((y) => ![void 0, null].includes(y))), o = Math.max(...r.absoluteValues.filter((y) => ![void 0, null].includes(y))) || 1;
-        r.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - l) / (o - l));
+        const l = Math.min(...r.absoluteValues.filter((x) => ![void 0, null].includes(x))), o = Math.max(...r.absoluteValues.filter((x) => ![void 0, null].includes(x))) || 1;
+        r.absoluteValues.filter((x) => ![null, void 0].includes(x)).map((x) => (x - l) / (o - l));
         const d = {
           valueMin: l,
           valueMax: o
         }, t = {
           max: r.scaleMax || Math.max(...r.absoluteValues) || 1,
           min: r.scaleMin || (Math.min(...r.absoluteValues) > 0 ? 0 : Math.min(...r.absoluteValues))
-        }, e = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, F = 1.0000001, x = this.calculateNiceScaleWithExactExtremes(t.min, t.max === t.min ? t.max * F : t.max, e), I = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * F : d.valueMax, e), _ = x.min >= 0 ? 0 : Math.abs(x.min), O = 0, G = x.max + Math.abs(_), p = I.max + Math.abs(O), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, b = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - b * _ / G, T = this.drawingArea.bottom - v - b * O / p, V = r.series.map((y, L) => {
-          const Q = this.mutableConfig.useIndividualScale ? (r.absoluteValues[L] + Math.abs(_)) / G : this.ratioToMax(y);
+        }, e = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(t.min, t.max === t.min ? t.max * _ : t.max, e), I = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * _ : d.valueMax, e), A = b.min >= 0 ? 0 : Math.abs(b.min), O = 0, G = b.max + Math.abs(A), p = I.max + Math.abs(O), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * A / G, T = this.drawingArea.bottom - v - F * O / p, V = r.series.map((x, L) => {
+          const Q = this.mutableConfig.useIndividualScale ? (r.absoluteValues[L] + Math.abs(A)) / G : this.ratioToMax(x);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * L),
-            y: this.checkNaN(this.drawingArea.bottom - v - b * Q),
+            y: this.checkNaN(this.drawingArea.bottom - v - F * Q),
             value: r.absoluteValues[L],
             comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[L] || ""
           };
-        }), i = r.absoluteValues.map((y) => I.min >= 0 ? (y - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (y + Math.abs(I.min)) / (I.max + Math.abs(I.min))), h = r.series.map((y, L) => [void 0, null].includes(r.absoluteValues[L]) ? {
+        }), i = r.absoluteValues.map((x) => I.min >= 0 ? (x - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (x + Math.abs(I.min)) / (I.max + Math.abs(I.min))), h = r.series.map((x, L) => [void 0, null].includes(r.absoluteValues[L]) ? {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * L),
           y: C,
           value: r.absoluteValues[L],
           comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[L] || ""
         } : {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * L),
-          y: this.checkNaN(this.drawingArea.bottom - v - (b * i[L] || 0)),
+          y: this.checkNaN(this.drawingArea.bottom - v - (F * i[L] || 0)),
           value: r.absoluteValues[L],
           comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[L] || ""
-        }), n = this.createSmoothPath(V), f = this.createSmoothPath(h), A = this.createStraightPath(V), z = this.createStraightPath(h), N = x.ticks.map((y) => ({
-          y: y >= 0 ? C - b * (y / G) : C + b * Math.abs(y) / G,
-          value: y,
+        }), n = this.createSmoothPath(V.filter((x) => x.value !== null)), f = this.createSmoothPath(h.filter((x) => x.value !== null)), y = this.createStraightPath(V.filter((x) => x.value !== null)), z = this.createStraightPath(h.filter((x) => x.value !== null)), N = b.ticks.map((x) => ({
+          y: x >= 0 ? C - F * (x / G) : C + F * Math.abs(x) / G,
+          value: x,
           prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: r
-        })), M = I.ticks.map((y) => {
-          const L = (y - I.min) / (I.max - I.min);
+        })), M = I.ticks.map((x) => {
+          const L = (x - I.min) / (I.max - I.min);
           return {
-            y: y >= 0 ? T - b * L : T + b * L,
-            value: y,
+            y: x >= 0 ? T - F * L : T + F * L,
+            value: x,
             prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: r
@@ -466,53 +466,53 @@ const Ze = K(), Je = {
           ...r,
           yOffset: v,
           autoScaleYLabels: M,
-          individualHeight: b,
+          individualHeight: F,
           scaleYLabels: r.autoScaling ? M : N,
-          individualScale: r.autoScaling ? I : x,
+          individualScale: r.autoScaling ? I : b,
           individualMax: r.autoScaling ? p : G,
           zeroPosition: r.autoScaling ? T : C,
           curve: r.autoScaling ? f : n,
           plots: r.autoScaling ? h : V,
           area: r.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(r.autoScaling ? h : V, r.autoScaling ? T : C) : this.createArea(V) : "",
-          straight: r.autoScaling ? z : A
+          straight: r.autoScaling ? z : y
         };
       });
     },
     plotSet() {
       return this.activeSeriesWithStackRatios.filter((r) => r.type === "plot").map((r) => {
         this.checkAutoScaleError(r);
-        const l = Math.min(...r.absoluteValues.filter((A) => ![null, void 0].includes(A))), o = Math.max(...r.absoluteValues.filter((A) => ![null, void 0].includes(A))) || 1;
-        r.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - l) / (o - l));
+        const l = Math.min(...r.absoluteValues.filter((y) => ![null, void 0].includes(y))), o = Math.max(...r.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1;
+        r.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - l) / (o - l));
         const d = {
           valueMin: l,
           valueMax: o
         }, t = {
           max: r.scaleMax || Math.max(...r.absoluteValues) || 1,
           min: r.scaleMin || Math.min(...r.absoluteValues) > 0 ? 0 : Math.min(...r.absoluteValues)
-        }, e = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, F = 1.0000001, x = this.calculateNiceScaleWithExactExtremes(t.min, t.max === t.min ? t.max * F : t.max, e), I = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * F : d.valueMax, e), _ = x.min >= 0 ? 0 : Math.abs(x.min), O = 0, G = x.max + _, p = I.max + Math.abs(O), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, b = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - b * _ / G, T = this.drawingArea.bottom - v - b * O / p, V = r.series.map((A, z) => {
-          const N = this.mutableConfig.useIndividualScale ? (r.absoluteValues[z] + Math.abs(_)) / G : this.ratioToMax(A);
+        }, e = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(t.min, t.max === t.min ? t.max * _ : t.max, e), I = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * _ : d.valueMax, e), A = b.min >= 0 ? 0 : Math.abs(b.min), O = 0, G = b.max + A, p = I.max + Math.abs(O), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * A / G, T = this.drawingArea.bottom - v - F * O / p, V = r.series.map((y, z) => {
+          const N = this.mutableConfig.useIndividualScale ? (r.absoluteValues[z] + Math.abs(A)) / G : this.ratioToMax(y);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * z),
-            y: this.checkNaN(this.drawingArea.bottom - v - b * N),
+            y: this.checkNaN(this.drawingArea.bottom - v - F * N),
             value: r.absoluteValues[z],
             comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
           };
-        }), i = r.absoluteValues.map((A) => I.min >= 0 ? (A - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (A + Math.abs(I.min)) / (I.max + Math.abs(I.min))), h = r.series.map((A, z) => ({
+        }), i = r.absoluteValues.map((y) => I.min >= 0 ? (y - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (y + Math.abs(I.min)) / (I.max + Math.abs(I.min))), h = r.series.map((y, z) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * z),
-          y: this.checkNaN(this.drawingArea.bottom - v - (b * i[z] || 0)),
+          y: this.checkNaN(this.drawingArea.bottom - v - (F * i[z] || 0)),
           value: r.absoluteValues[z],
           comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
-        })), n = x.ticks.map((A) => ({
-          y: A >= 0 ? C - b * (A / G) : C + b * Math.abs(A) / G,
-          value: A,
+        })), n = b.ticks.map((y) => ({
+          y: y >= 0 ? C - F * (y / G) : C + F * Math.abs(y) / G,
+          value: y,
           prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: r
-        })), f = I.ticks.map((A) => {
-          const z = (A - I.min) / (I.max - I.min);
+        })), f = I.ticks.map((y) => {
+          const z = (y - I.min) / (I.max - I.min);
           return {
-            y: A >= 0 ? T - b * z : T + b * z,
-            value: A,
+            y: y >= 0 ? T - F * z : T + F * z,
+            value: y,
             prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: r
@@ -522,9 +522,9 @@ const Ze = K(), Je = {
           ...r,
           yOffset: v,
           autoScaleYLabels: f,
-          individualHeight: b,
+          individualHeight: F,
           scaleYLabels: r.autoScaling ? f : n,
-          individualScale: r.autoScaling ? I : x,
+          individualScale: r.autoScaling ? I : b,
           individualMax: r.autoScaling ? p : G,
           zeroPosition: r.autoScaling ? T : C,
           plots: r.autoScaling ? h : V
@@ -603,22 +603,22 @@ const Ze = K(), Je = {
       r && (l = l.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 F = this.relativeDataset.map((x) => x.absoluteValues[e] ?? 0).reduce((x, I) => x + I, 0);
+        const _ = this.relativeDataset.map((b) => b.absoluteValues[e] ?? 0).reduce((b, I) => b + I, 0);
         o.push(
           [
             this.timeLabels[e].text ?? "-"
           ].concat(this.relativeDataset.map(
-            (x) => this.applyDataLabel(
-              x.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : x.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
-              x.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: x.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-                v: x.absoluteValues[e] ?? 0,
-                s: x.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
               })
             )
-          )).concat(r ? (F ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
+          )).concat(r ? (_ ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
         );
       }
       const d = {
@@ -681,13 +681,13 @@ const Ze = K(), Je = {
         config: this.FINAL_CONFIG
       }) : (o && o.text && this.FINAL_CONFIG.chart.tooltip.showTimeLabel && (r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${o.text}</div>`), this.selectedSeries.forEach((t) => {
         if (this.isSafeValue(t.value)) {
-          let e = "", F = "";
+          let e = "", _ = "";
           switch (this.icons[t.type]) {
             case "bar":
               e = `<svg viewBox="0 0 40 40" height="14" width="14">${this.$slots.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${t.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${this.$slots.pattern ? `url(#pattern_${this.uniqueId}_${t.slotAbsoluteIndex}` : t.color}" /></svg>`;
               break;
             case "line":
-              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? F = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? F = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? F = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? F = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? F = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? F = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (F = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${q({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${F}</svg>`;
+              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? _ = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? _ = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? _ = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? _ = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? _ = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? _ = `<path d="${D({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (_ = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${q({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${_}</svg>`;
               break;
             case "plot":
               if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
@@ -870,17 +870,17 @@ const Ze = K(), Je = {
         const l = this.$refs.chart.parentNode, { height: o, width: d } = l.getBoundingClientRect();
         let t = null, e = 0;
         this.FINAL_CONFIG.chart.title.show && (t = this.$refs.chartTitle, e = t.getBoundingClientRect().height);
-        let F = null, x = 0;
-        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (F = this.$refs.chartSlicer.$el, x = F.getBoundingClientRect().height);
-        let I = null, _ = 0;
-        this.FINAL_CONFIG.chart.legend.show && (I = this.$refs.chartLegend, _ = I.getBoundingClientRect().height);
+        let _ = null, b = 0;
+        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (_ = this.$refs.chartSlicer.$el, b = _.getBoundingClientRect().height);
+        let I = null, A = 0;
+        this.FINAL_CONFIG.chart.legend.show && (I = this.$refs.chartLegend, A = I.getBoundingClientRect().height);
         let O = 0;
         this.$refs.source && (O = this.$refs.source.getBoundingClientRect().height);
         let G = 0;
-        this.$refs.noTitle && (G = this.$refs.noTitle.getBoundingClientRect().height), this.height = o - e - _ - x - O - G, this.width = d, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((v) => {
-          for (const b of v)
-            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (x = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (_ = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (O = this.$refs.source.getBoundingClientRect().height), requestAnimationFrame(() => {
-              this.height = b.contentBoxSize[0].blockSize - e - _ - x - O - 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 && (G = this.$refs.noTitle.getBoundingClientRect().height), this.height = o - e - A - b - O - G, this.width = d, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((v) => {
+          for (const F of v)
+            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 && (A = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (O = this.$refs.source.getBoundingClientRect().height), requestAnimationFrame(() => {
+              this.height = F.contentBoxSize[0].blockSize - e - A - b - O - 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();
             });
         }).observe(l);
       } else
@@ -1134,7 +1134,7 @@ const Ze = K(), Je = {
   "data-html2canvas-ignore": ""
 }, ei = ["innerHTML"];
 function ti(r, l, o, d, t, e) {
-  const F = R("PenAndPaper"), x = R("Title"), I = R("UserOptions"), _ = R("PackageVersion"), O = R("Shape"), G = R("Skeleton"), p = R("Slicer"), v = R("Tooltip"), b = R("BaseIcon"), C = R("TableSparkline"), T = R("DataTable"), V = R("Accordion");
+  const _ = R("PenAndPaper"), b = R("Title"), I = R("UserOptions"), A = R("PackageVersion"), O = R("Shape"), G = R("Skeleton"), p = R("Slicer"), v = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), T = R("DataTable"), V = R("Accordion");
   return a(), s("div", {
     id: `vue-ui-xy_${t.uniqueId}`,
     class: B(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1143,7 +1143,7 @@ function ti(r, l, o, d, t, e) {
     onMouseenter: l[7] || (l[7] = () => e.setUserOptionsVisibility(!0)),
     onMouseleave: l[8] || (l[8] = () => e.setUserOptionsVisibility(!1))
   }, [
-    e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (a(), H(F, {
+    e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (a(), H(_, {
       key: 0,
       parent: r.$refs.chart,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1158,7 +1158,7 @@ function ti(r, l, o, d, t, e) {
       class: "vue-ui-xy-title",
       style: w(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      (a(), H(x, {
+      (a(), H(b, {
         key: `title_${t.titleStep}`,
         config: {
           title: {
@@ -1281,7 +1281,7 @@ function ti(r, l, o, d, t, e) {
       viewBox: t.viewBox,
       style: w(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      Y(_),
+      Y(A),
       r.$slots["chart-background"] ? (a(), s("foreignObject", {
         key: 0,
         x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
@@ -2430,7 +2430,7 @@ function ti(r, l, o, d, t, e) {
               onClick: l[5] || (l[5] = (i) => t.showSparklineTable = !t.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
-              Y(b, {
+              Y(F, {
                 name: "chartLine",
                 size: 20,
                 stroke: e.FINAL_CONFIG.chart.color
@@ -2469,7 +2469,7 @@ function ti(r, l, o, d, t, e) {
     }, 8, ["config"])) : c("", !0)
   ], 46, Ke);
 }
-const xi = /* @__PURE__ */ Ue(Je, [["render", ti], ["__scopeId", "data-v-2ea54cd5"]]);
+const xi = /* @__PURE__ */ Ue(Je, [["render", ti], ["__scopeId", "data-v-25439b06"]]);
 export {
   xi as default
 };

package/dist/{vue-ui-xy-canvas-B4eBS-TN.cjs → vue-ui-xy-canvas-rKk7-Q2Q.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),u=require("./index-Dla35rDR.cjs"),d=require("./useResponsive-BJ7DTGpm.cjs"),ot=require("./Tooltip-DwioWtpe.cjs"),rt=require("./Legend-BvLLHGBp.cjs"),nt=require("./Title-DDaORN3r.cjs"),ut=require("./Slicer-5eB08Bkj.cjs"),Re=require("./usePrinter-cQwX-nf0.cjs"),st=require("./vue-ui-accordion-DcbFZ2D3.cjs"),it=require("./DataTable-BLEXsQBY.cjs"),ct=require("./vue-ui-skeleton-BIuKWqj2.cjs"),Ee=require("./useNestedProp-onENMM4v.cjs"),vt=require("./PenAndPaper-C2r4IIot.cjs"),dt=require("./useUserOptionState-BgepsfED.cjs"),ht=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ft=["id"],yt=["onClick"],gt={key:2,class:"vue-data-ui-watermark"},pt=["innerHTML"],mt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(oe,{expose:Ne,emit:Be}){const{vue_ui_xy_canvas:De}=u.useConfig(),p=oe,Z=l.ref(u.createUid()),B=l.ref(null),w=l.ref(null),D=l.ref(null),c=l.ref(null),g=l.ref(1),T=l.ref(1),H=l.ref(!1),f=l.ref(null),V=l.ref(""),re=l.ref(null),L=l.ref([]),R=l.ref(1),M=l.ref(!0),S=l.ref(!0),G=l.ref(null),ne=l.ref(0),ue=l.ref(0),U=l.ref(!1),se=l.ref(null),ie=l.ref(null),ce=l.ref(null),ve=l.ref(null),j=l.ref(0),J=l.ref(0),K=l.ref(0),Q=l.computed(()=>!!p.dataset&&p.dataset.length),Fe=Be,Ae=l.useSlots();l.onMounted(()=>{Ae["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>fe(),set:e=>e}),{userOptionsVisible:ee,setUserOptionsVisibility:de,keepUserOptionState:he}=dt.useUserOptionState({config:t.value});function fe(){const e=Ee.useNestedProp({userConfig:p.config,defaultConfig:De});let a={};return e.theme?a={...Ee.useNestedProp({userConfig:u.themes.vue_ui_xy_canvas[e.theme]||p.config,defaultConfig:e}),customPalette:u.themePalettes[e.theme]||u.palette}:a=e,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.min")?a.style.chart.scale.min=p.config.style.chart.scale.min:a.style.chart.scale.min=null,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.max")?a.style.chart.scale.max=p.config.style.chart.scale.max:a.style.chart.scale.max=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.startIndex")?a.style.chart.zoom.startIndex=p.config.style.chart.zoom.startIndex:a.style.chart.zoom.startIndex=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.endIndex")?a.style.chart.zoom.endIndex=p.config.style.chart.zoom.endIndex:a.style.chart.zoom.endIndex=null,a}l.watch(()=>p.config,e=>{t.value=fe(),ee.value=!t.value.userOptions.showOnChartHover,le(),j.value+=1,J.value+=1,K.value+=1,s.value.showTable=t.value.table.show,s.value.showDataLabels=t.value.style.chart.dataLabels.show,s.value.stacked=t.value.style.chart.stacked,s.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0}),l.watch(()=>p.dataset,()=>{le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0});const ye=l.ref(t.value.style.chart.aspectRatio),{isPrinting:ge,isImaging:pe,generatePdf:me,generateImage:be}=Re.usePrinter({elementId:`xy_canvas_${Z.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function He(e){U.value=e,ue.value+=1}const xe=l.computed(()=>u.convertCustomPalette(t.value.customPalette)),C=l.computed(()=>E.value?Math.max(...E.value.filter((e,a)=>!L.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),o=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(n.value.end-n.value.start)}});function ke(e,a){return e/a}function Ve({hasAutoScale:e,series:a,min:r,max:h,scale:v,yOffset:x,individualHeight:i,stackIndex:k=null}){return a.map((z,I)=>{const P=v.min<0?Math.abs(v.min):0,O=ke(z+P,P+v.max);let F,A;e&&(F=Math.abs(v.min),A=ke(z+F,v.max+F));let $=0;return k===null?$=o.value.bottom-o.value.height*(e?A:O):$=o.value.bottom-x-i*(e?A:O),{x:o.value.left+o.value.slot*I+o.value.slot/2,y:$,value:z}})}const m=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...E.value.filter((i,k)=>!L.value.includes(i.absoluteIndex)).flatMap(i=>i.series.slice(n.value.start,n.value.end))),a=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...E.value.filter((i,k)=>!L.value.includes(i.absoluteIndex)).flatMap(i=>i.series.slice(n.value.start,n.value.end))),r=u.calculateNiceScale(e<0?e:0,a===e?e+1<0?0:e+1:a<0?0:a,t.value.style.chart.scale.ticks),h=r.min<0?Math.abs(r.min):0,v=o.value.bottom-o.value.height*(h/(r.max+h)),x=r.ticks.map(i=>({y:o.value.bottom-o.value.height*((i+h)/(r.max+h)),x:o.value.left-8,value:i}));return{absoluteMin:h,max:a,min:e,scale:r,yLabels:x,zero:v}}),Ue=l.computed(()=>y.value.map(e=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),u=require("./index-Bmq5HB9y.cjs"),d=require("./useResponsive-BJ7DTGpm.cjs"),ot=require("./Tooltip-pA64woiQ.cjs"),rt=require("./Legend-Bf8J9KZk.cjs"),nt=require("./Title-x7Hmi2zb.cjs"),ut=require("./Slicer-Vzo3baUi.cjs"),Re=require("./usePrinter-Cf6Zct5m.cjs"),st=require("./vue-ui-accordion-WWblnzaJ.cjs"),it=require("./DataTable-Cybmjq2W.cjs"),ct=require("./vue-ui-skeleton-D5890icn.cjs"),Ee=require("./useNestedProp-CivZENAh.cjs"),vt=require("./PenAndPaper-B7dv_ssy.cjs"),dt=require("./useUserOptionState-BgepsfED.cjs"),ht=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ft=["id"],yt=["onClick"],gt={key:2,class:"vue-data-ui-watermark"},pt=["innerHTML"],mt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(oe,{expose:Ne,emit:Be}){const{vue_ui_xy_canvas:De}=u.useConfig(),p=oe,Z=l.ref(u.createUid()),B=l.ref(null),w=l.ref(null),D=l.ref(null),c=l.ref(null),g=l.ref(1),T=l.ref(1),H=l.ref(!1),f=l.ref(null),V=l.ref(""),re=l.ref(null),L=l.ref([]),R=l.ref(1),M=l.ref(!0),S=l.ref(!0),G=l.ref(null),ne=l.ref(0),ue=l.ref(0),U=l.ref(!1),se=l.ref(null),ie=l.ref(null),ce=l.ref(null),ve=l.ref(null),j=l.ref(0),J=l.ref(0),K=l.ref(0),Q=l.computed(()=>!!p.dataset&&p.dataset.length),Fe=Be,Ae=l.useSlots();l.onMounted(()=>{Ae["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>fe(),set:e=>e}),{userOptionsVisible:ee,setUserOptionsVisibility:de,keepUserOptionState:he}=dt.useUserOptionState({config:t.value});function fe(){const e=Ee.useNestedProp({userConfig:p.config,defaultConfig:De});let a={};return e.theme?a={...Ee.useNestedProp({userConfig:u.themes.vue_ui_xy_canvas[e.theme]||p.config,defaultConfig:e}),customPalette:u.themePalettes[e.theme]||u.palette}:a=e,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.min")?a.style.chart.scale.min=p.config.style.chart.scale.min:a.style.chart.scale.min=null,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.max")?a.style.chart.scale.max=p.config.style.chart.scale.max:a.style.chart.scale.max=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.startIndex")?a.style.chart.zoom.startIndex=p.config.style.chart.zoom.startIndex:a.style.chart.zoom.startIndex=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.endIndex")?a.style.chart.zoom.endIndex=p.config.style.chart.zoom.endIndex:a.style.chart.zoom.endIndex=null,a}l.watch(()=>p.config,e=>{t.value=fe(),ee.value=!t.value.userOptions.showOnChartHover,le(),j.value+=1,J.value+=1,K.value+=1,s.value.showTable=t.value.table.show,s.value.showDataLabels=t.value.style.chart.dataLabels.show,s.value.stacked=t.value.style.chart.stacked,s.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0}),l.watch(()=>p.dataset,()=>{le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0});const ye=l.ref(t.value.style.chart.aspectRatio),{isPrinting:ge,isImaging:pe,generatePdf:me,generateImage:be}=Re.usePrinter({elementId:`xy_canvas_${Z.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function He(e){U.value=e,ue.value+=1}const xe=l.computed(()=>u.convertCustomPalette(t.value.customPalette)),C=l.computed(()=>E.value?Math.max(...E.value.filter((e,a)=>!L.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),o=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(n.value.end-n.value.start)}});function ke(e,a){return e/a}function Ve({hasAutoScale:e,series:a,min:r,max:h,scale:v,yOffset:x,individualHeight:i,stackIndex:k=null}){return a.map((z,I)=>{const P=v.min<0?Math.abs(v.min):0,O=ke(z+P,P+v.max);let F,A;e&&(F=Math.abs(v.min),A=ke(z+F,v.max+F));let $=0;return k===null?$=o.value.bottom-o.value.height*(e?A:O):$=o.value.bottom-x-i*(e?A:O),{x:o.value.left+o.value.slot*I+o.value.slot/2,y:$,value:z}})}const m=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...E.value.filter((i,k)=>!L.value.includes(i.absoluteIndex)).flatMap(i=>i.series.slice(n.value.start,n.value.end))),a=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...E.value.filter((i,k)=>!L.value.includes(i.absoluteIndex)).flatMap(i=>i.series.slice(n.value.start,n.value.end))),r=u.calculateNiceScale(e<0?e:0,a===e?e+1<0?0:e+1:a<0?0:a,t.value.style.chart.scale.ticks),h=r.min<0?Math.abs(r.min):0,v=o.value.bottom-o.value.height*(h/(r.max+h)),x=r.ticks.map(i=>({y:o.value.bottom-o.value.height*((i+h)/(r.max+h)),x:o.value.left-8,value:i}));return{absoluteMin:h,max:a,min:e,scale:r,yLabels:x,zero:v}}),Ue=l.computed(()=>y.value.map(e=>`
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>

package/dist/{vue-ui-xy-canvas-IYFIfZxq.js → vue-ui-xy-canvas-zINzDQlN.js}

@@ -1,16 +1,16 @@
 import { ref as v, computed as m, useSlots as Ma, onMounted as ea, watch as H, nextTick as ce, onBeforeUnmount as Oa, createElementBlock as K, openBlock as w, unref as z, normalizeClass as Pa, normalizeStyle as Y, createCommentVNode as _, createBlock as E, createElementVNode as Q, createSlots as Ra, withCtx as p, renderSlot as b, normalizeProps as V, guardReactiveProps as Z, createVNode as Fa, toDisplayString as aa, createTextVNode as Ea } from "vue";
-import { u as Da, c as Aa, t as Na, p as U, a as Ha, C as de, b as _a, D as Ce, i as ee, f as ae, d as la, _ as Ua, J as Wa, a9 as Xa, o as Ba, e as Ya, x as ta, q as Va, r as Za, y as Ga, s as le, l as ja } from "./index-DaaDBRRF.js";
+import { u as Da, c as Aa, t as Na, p as U, a as Ha, C as de, b as _a, D as Ce, i as ee, f as ae, d as la, _ as Ua, J as Wa, a9 as Xa, o as Ba, e as Ya, x as ta, q as Va, r as Za, y as Ga, s as le, l as ja } from "./index-B8uVRkA1.js";
 import { d as qa, t as Ja, u as Ka, c as Qa, a as oa, l as x, r as we, b as D, p as ra } from "./useResponsive-CoxXLe23.js";
-import { _ as el } from "./Tooltip-95WjskR9.js";
-import { L as al } from "./Legend-D8BbMFRZ.js";
-import { _ as ll } from "./Title-ag6gXJcz.js";
-import { S as tl } from "./Slicer-BTtwLXWn.js";
-import { u as ol, U as rl } from "./usePrinter-DUVTMVcK.js";
-import ul from "./vue-ui-accordion-BJBt7sbb.js";
-import { D as sl } from "./DataTable-DGgj14m-.js";
-import nl from "./vue-ui-skeleton-Ce7b04xD.js";
-import { u as ua } from "./useNestedProp-ReVcQys2.js";
-import { P as il } from "./PenAndPaper-CQfs_lTN.js";
+import { _ as el } from "./Tooltip-BUMgVEu0.js";
+import { L as al } from "./Legend-du4CJMG1.js";
+import { _ as ll } from "./Title-MKfkLka7.js";
+import { S as tl } from "./Slicer-DKXIt2om.js";
+import { u as ol, U as rl } from "./usePrinter-CppD6oY_.js";
+import ul from "./vue-ui-accordion-CE2Pnpz3.js";
+import { D as sl } from "./DataTable-BWABkdIL.js";
+import nl from "./vue-ui-skeleton-BC7kQhlE.js";
+import { u as ua } from "./useNestedProp-kStEZqtl.js";
+import { P as il } from "./PenAndPaper-QsaleY3R.js";
 import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const dl = ["id"], hl = ["onClick"], yl = {

package/package.json

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