vue-data-ui 2.4.2 → 2.4.3

package/dist/{vue-ui-xy-CqlRuFMc.js → vue-ui-xy-rbACig0h.js}

@@ -1,18 +1,18 @@
-import { c as J, a as K, t as Q, z as j, p as $, U as q, O as R, f as U, K as ee, F as te, i as ae, $ as ie, Z as re, a0 as le, v as se, a1 as ne, d as oe, B as ce, b as he, q as de, R as ue, a2 as ge, r as fe, e as Ne, y as me, M as Ie, x as xe, a3 as be, o as Fe, s as _e, w as ye, E as Ae, A as Ce, u as Le } from "./index-DnVHQ2xI.js";
-import { D as Se } from "./DataTable-DTk7C4Pr.js";
-import { _ as ke } from "./Title-5VmBwT4i.js";
-import { _ as we, u as Oe } from "./Tooltip-Cj4EF7v1.js";
-import { U as Ge } from "./usePrinter-BEeNAqS5.js";
-import { _ as ve } from "./Shape-BpPn4eWR.js";
-import pe from "./BaseIcon-rRli6Sfv.js";
-import ze from "./vue-ui-table-sparkline-DdwVrfUj.js";
-import Me from "./vue-ui-skeleton-aZmkNzAe.js";
-import { S as Pe } from "./Slicer-CU7dRZR0.js";
-import Te from "./vue-ui-accordion-DspS4q3f.js";
-import { u as Z } from "./useNestedProp-Cox0K0Y5.js";
-import { _ as Ve } from "./PackageVersion-CvCRsT5_.js";
-import { P as Re } from "./PenAndPaper-Jb0pLt3G.js";
-import { resolveComponent as T, openBlock as r, createElementBlock as l, normalizeClass as V, normalizeStyle as C, createBlock as D, createCommentVNode as h, createSlots as De, withCtx as M, renderSlot as G, normalizeProps as H, guardReactiveProps as E, createVNode as X, createElementVNode as u, Fragment as N, renderList as I, toDisplayString as S, withDirectives as We, vModelCheckbox as He, createTextVNode as Ee } from "vue";
+import { c as J, a as K, t as Q, z as j, p as $, U as q, O as R, f as U, K as ee, F as te, i as ae, $ as ie, Z as re, a0 as le, v as se, a1 as ne, d as oe, B as ce, b as he, q as de, R as ue, a2 as ge, r as fe, e as Ne, y as me, M as Ie, x as xe, a3 as be, o as Fe, s as _e, w as ye, E as Ae, A as Ce, u as Le } from "./index-Bya_q1J-.js";
+import { D as Se } from "./DataTable-DYqC2pqu.js";
+import { _ as ke } from "./Title-C5pIfQAz.js";
+import { _ as we, u as Oe } from "./Tooltip-Cz24YLfw.js";
+import { U as Ge } from "./usePrinter-CiHd1FwD.js";
+import { _ as ve } from "./Shape-Bwon0l0g.js";
+import pe from "./BaseIcon-BbvG1AlW.js";
+import ze from "./vue-ui-table-sparkline-CbjfAaj2.js";
+import Me from "./vue-ui-skeleton-BYssP0K4.js";
+import { S as Pe } from "./Slicer-TfpN2Cr4.js";
+import Te from "./vue-ui-accordion-DfUfL2dI.js";
+import { u as Z } from "./useNestedProp-B33hazbH.js";
+import { _ as Ve } from "./PackageVersion-VkaUzgmt.js";
+import { P as Re } from "./PenAndPaper-DAZYA8Ew.js";
+import { resolveComponent as T, openBlock as r, createElementBlock as l, normalizeClass as V, normalizeStyle as C, createBlock as D, createCommentVNode as h, createSlots as De, withCtx as M, renderSlot as w, normalizeProps as H, guardReactiveProps as E, createVNode as X, createElementVNode as u, Fragment as N, renderList as I, toDisplayString as S, withDirectives as We, vModelCheckbox as He, createTextVNode as Ee } from "vue";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ye = J(), Xe = {
   name: "vue-ui-xy",
@@ -324,40 +324,40 @@ const Ye = J(), Xe = {
         }, x = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d)))
-        }, y = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * k : x.max, y), _ = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * k : e.valueMax, y), P = m.min >= 0 ? 0 : Math.abs(m.min), w = 0, z = m.max + P, v = _.max + Math.abs(w), F = 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, p = this.drawingArea.bottom - F - L * P / z, i = this.drawingArea.bottom - F - L * w / v, o = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, n = t.series.map((d, b) => {
-          const B = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + P) / z : this.ratioToMax(d), Y = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left + this.slot.bar * s + this.slot.bar * b * o - this.barSlot / 2 - s * this.barPeriodGap;
+        }, y = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * k : x.max, y), b = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * k : e.valueMax, y), P = m.min >= 0 ? 0 : Math.abs(m.min), O = 0, G = m.max + P, p = b.max + Math.abs(O), _ = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, z = this.drawingArea.bottom - _ - L * P / G, i = this.drawingArea.bottom - _ - L * O / p, o = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, n = t.series.map((d, F) => {
+          const B = this.mutableConfig.useIndividualScale ? (t.absoluteValues[F] + P) / G : this.ratioToMax(d), Y = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left + this.slot.bar * s + this.slot.bar * F * o - this.barSlot / 2 - s * this.barPeriodGap;
           return {
-            yOffset: this.checkNaN(F),
+            yOffset: this.checkNaN(_),
             individualHeight: this.checkNaN(L),
             x: this.checkNaN(Y),
-            y: this.drawingArea.bottom - F - L * B,
-            value: t.absoluteValues[b],
-            zeroPosition: this.checkNaN(p),
-            individualMax: this.checkNaN(z),
-            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
+            y: this.drawingArea.bottom - _ - L * B,
+            value: t.absoluteValues[F],
+            zeroPosition: this.checkNaN(z),
+            individualMax: this.checkNaN(G),
+            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), g = t.absoluteValues.map((d) => _.min >= 0 ? (d - Math.abs(_.min)) / (_.max - Math.abs(_.min)) : (d + Math.abs(_.min)) / (_.max + Math.abs(_.min))), W = t.series.map((d, b) => {
-          const B = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * b * this.absoluteDataset.filter((Y) => Y.type === "bar").filter((Y) => !this.segregatedSeries.includes(Y.id)).length;
+        }), g = t.absoluteValues.map((d) => b.min >= 0 ? (d - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (d + Math.abs(b.min)) / (b.max + Math.abs(b.min))), W = t.series.map((d, F) => {
+          const B = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * F * this.absoluteDataset.filter((Y) => Y.type === "bar").filter((Y) => !this.segregatedSeries.includes(Y.id)).length;
           return {
-            yOffset: this.checkNaN(F),
+            yOffset: this.checkNaN(_),
             individualHeight: this.checkNaN(L),
             x: this.checkNaN(B),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(L) * g[b] || 0)),
-            value: t.absoluteValues[b],
-            zeroPosition: this.checkNaN(p),
-            individualMax: this.checkNaN(z),
-            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(_) - (this.checkNaN(L) * g[F] || 0)),
+            value: t.absoluteValues[F],
+            zeroPosition: this.checkNaN(z),
+            individualMax: this.checkNaN(G),
+            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
         }), A = m.ticks.map((d) => ({
-          y: d >= 0 ? p - L * (d / z) : p + L * Math.abs(d) / z,
+          y: d >= 0 ? z - L * (d / G) : z + L * Math.abs(d) / G,
           value: d,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), O = _.ticks.map((d) => {
-          const b = (d - _.min) / (_.max - _.min);
+        })), v = b.ticks.map((d) => {
+          const F = (d - b.min) / (b.max - b.min);
           return {
-            y: d >= 0 ? i - L * b : i + L * b,
+            y: d >= 0 ? i - L * F : i + L * F,
             value: d,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -366,13 +366,13 @@ const Ye = J(), Xe = {
         });
         return {
           ...t,
-          yOffset: F,
-          autoScaleYLabels: O,
+          yOffset: _,
+          autoScaleYLabels: v,
           individualHeight: L,
-          scaleYLabels: t.autoScaling ? O : A,
-          individualScale: t.autoScaling ? _ : m,
-          individualMax: t.autoScaling ? v : z,
-          zeroPosition: t.autoScaling ? i : p,
+          scaleYLabels: t.autoScaling ? v : A,
+          individualScale: t.autoScaling ? b : m,
+          individualMax: t.autoScaling ? p : G,
+          zeroPosition: t.autoScaling ? i : z,
           plots: t.autoScaling ? W : n
         };
       });
@@ -393,34 +393,34 @@ const Ye = J(), Xe = {
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
-        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), _ = k.min >= 0 ? 0 : Math.abs(k.min), P = 0, w = k.max + Math.abs(_), z = m.max + Math.abs(P), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - v - F * _ / w, p = this.drawingArea.bottom - v - F * P / z, i = t.series.map((d, b) => {
-          const B = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + Math.abs(_)) / w : this.ratioToMax(d);
+        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), b = k.min >= 0 ? 0 : Math.abs(k.min), P = 0, O = k.max + Math.abs(b), G = m.max + Math.abs(P), p = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - p - _ * b / O, z = this.drawingArea.bottom - p - _ * P / G, i = t.series.map((d, F) => {
+          const B = this.mutableConfig.useIndividualScale ? (t.absoluteValues[F] + Math.abs(b)) / O : this.ratioToMax(d);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
-            y: this.checkNaN(this.drawingArea.bottom - v - F * B),
-            value: t.absoluteValues[b],
-            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
+            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
+            y: this.checkNaN(this.drawingArea.bottom - p - _ * B),
+            value: t.absoluteValues[F],
+            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), o = t.absoluteValues.map((d) => m.min >= 0 ? (d - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (d + Math.abs(m.min)) / (m.max + Math.abs(m.min))), n = t.series.map((d, b) => [void 0, null].includes(t.absoluteValues[b]) ? {
-          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
+        }), o = t.absoluteValues.map((d) => m.min >= 0 ? (d - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (d + Math.abs(m.min)) / (m.max + Math.abs(m.min))), n = t.series.map((d, F) => [void 0, null].includes(t.absoluteValues[F]) ? {
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
           y: L,
-          value: t.absoluteValues[b],
-          comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
+          value: t.absoluteValues[F],
+          comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
         } : {
-          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
-          y: this.checkNaN(this.drawingArea.bottom - v - (F * o[b] || 0)),
-          value: t.absoluteValues[b],
-          comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
+          y: this.checkNaN(this.drawingArea.bottom - p - (_ * o[F] || 0)),
+          value: t.absoluteValues[F],
+          comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
         }), g = this.createSmoothPath(i), W = this.createSmoothPath(n), A = k.ticks.map((d) => ({
-          y: d >= 0 ? L - F * (d / w) : L + F * Math.abs(d) / w,
+          y: d >= 0 ? L - _ * (d / O) : L + _ * Math.abs(d) / O,
           value: d,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), O = m.ticks.map((d) => {
-          const b = (d - m.min) / (m.max - m.min);
+        })), v = m.ticks.map((d) => {
+          const F = (d - m.min) / (m.max - m.min);
           return {
-            y: d >= 0 ? p - F * b : p + F * b,
+            y: d >= 0 ? z - _ * F : z + _ * F,
             value: d,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -429,16 +429,16 @@ const Ye = J(), Xe = {
         });
         return {
           ...t,
-          yOffset: v,
-          autoScaleYLabels: O,
-          individualHeight: F,
-          scaleYLabels: t.autoScaling ? O : A,
+          yOffset: p,
+          autoScaleYLabels: v,
+          individualHeight: _,
+          scaleYLabels: t.autoScaling ? v : A,
           individualScale: t.autoScaling ? m : k,
-          individualMax: t.autoScaling ? z : w,
-          zeroPosition: t.autoScaling ? p : L,
+          individualMax: t.autoScaling ? G : O,
+          zeroPosition: t.autoScaling ? z : L,
           curve: t.autoScaling ? W : g,
           plots: t.autoScaling ? n : i,
-          area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ? n : i, t.autoScaling ? p : L) : this.createArea(i) : ""
+          area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ? n : i, t.autoScaling ? z : L) : this.createArea(i) : ""
         };
       });
     },
@@ -452,29 +452,29 @@ const Ye = J(), Xe = {
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
-        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), _ = k.min >= 0 ? 0 : Math.abs(k.min), P = 0, w = k.max + _, z = m.max + Math.abs(P), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - v - F * _ / w, p = this.drawingArea.bottom - v - F * P / z, i = t.series.map((A, O) => {
-          const d = this.mutableConfig.useIndividualScale ? (t.absoluteValues[O] + Math.abs(_)) / w : this.ratioToMax(A);
+        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * y : e.max, x), m = this.calculateNiceScaleWithExactExtremes(a.valueMin, a.valueMax === a.valueMin ? a.valueMax * y : a.valueMax, x), b = k.min >= 0 ? 0 : Math.abs(k.min), P = 0, O = k.max + b, G = m.max + Math.abs(P), p = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - p - _ * b / O, z = this.drawingArea.bottom - p - _ * P / G, i = t.series.map((A, v) => {
+          const d = this.mutableConfig.useIndividualScale ? (t.absoluteValues[v] + Math.abs(b)) / O : this.ratioToMax(A);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O),
-            y: this.checkNaN(this.drawingArea.bottom - v - F * d),
-            value: t.absoluteValues[O],
-            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
+            x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * v),
+            y: this.checkNaN(this.drawingArea.bottom - p - _ * d),
+            value: t.absoluteValues[v],
+            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[v] || ""
           };
-        }), o = t.absoluteValues.map((A) => m.min >= 0 ? (A - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (A + Math.abs(m.min)) / (m.max + Math.abs(m.min))), n = t.series.map((A, O) => ({
-          x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O),
-          y: this.checkNaN(this.drawingArea.bottom - v - (F * o[O] || 0)),
-          value: t.absoluteValues[O],
-          comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
+        }), o = t.absoluteValues.map((A) => m.min >= 0 ? (A - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (A + Math.abs(m.min)) / (m.max + Math.abs(m.min))), n = t.series.map((A, v) => ({
+          x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * v),
+          y: this.checkNaN(this.drawingArea.bottom - p - (_ * o[v] || 0)),
+          value: t.absoluteValues[v],
+          comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[v] || ""
         })), g = k.ticks.map((A) => ({
-          y: A >= 0 ? L - F * (A / w) : L + F * Math.abs(A) / w,
+          y: A >= 0 ? L - _ * (A / O) : L + _ * Math.abs(A) / O,
           value: A,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
         })), W = m.ticks.map((A) => {
-          const O = (A - m.min) / (m.max - m.min);
+          const v = (A - m.min) / (m.max - m.min);
           return {
-            y: A >= 0 ? p - F * O : p + F * O,
+            y: A >= 0 ? z - _ * v : z + _ * v,
             value: A,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -483,13 +483,13 @@ const Ye = J(), Xe = {
         });
         return {
           ...t,
-          yOffset: v,
+          yOffset: p,
           autoScaleYLabels: W,
-          individualHeight: F,
+          individualHeight: _,
           scaleYLabels: t.autoScaling ? W : g,
           individualScale: t.autoScaling ? m : k,
-          individualMax: t.autoScaling ? z : w,
-          zeroPosition: t.autoScaling ? p : L,
+          individualMax: t.autoScaling ? G : O,
+          zeroPosition: t.autoScaling ? z : L,
           plots: t.autoScaling ? n : i
         };
       });
@@ -806,9 +806,11 @@ const Ye = J(), Xe = {
         let x = null, y = 0;
         this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (x = this.$refs.chartSlicer.$el, y = x.getBoundingClientRect().height);
         let k = null, m = 0;
-        this.FINAL_CONFIG.chart.legend.show && (k = this.$refs.chartLegend, m = k.getBoundingClientRect().height), this.height = c - e - m - y, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((P) => {
-          for (const w of P)
-            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (y = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (m = this.$refs.chartLegend.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - m - y - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+        this.FINAL_CONFIG.chart.legend.show && (k = this.$refs.chartLegend, m = k.getBoundingClientRect().height);
+        let b = 0;
+        this.$refs.source && (b = this.$refs.source.getBoundingClientRect().height), this.height = c - e - m - y - b, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((O) => {
+          for (const G of O)
+            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (y = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (m = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (b = this.$refs.source.getBoundingClientRect().height), this.height = G.contentBoxSize[0].blockSize - e - m - y - b - 24, this.width = G.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
         }).observe(s);
       } else
         this.height = this.FINAL_CONFIG.chart.height, this.width = this.FINAL_CONFIG.chart.width, this.viewBox = `0 0 ${this.width} ${this.height}`, this.fontSizes.dataLabels = this.FINAL_CONFIG.chart.grid.labels.fontSize, this.fontSizes.yAxis = this.FINAL_CONFIG.chart.grid.labels.axis.fontSize, this.fontSizes.xAxis = this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.fontSize, this.fontSizes.plotLabels = this.FINAL_CONFIG.chart.labels.fontSize, this.plotRadii.plot = this.FINAL_CONFIG.plot.radius, this.plotRadii.line = this.FINAL_CONFIG.line.radius;
@@ -1032,11 +1034,15 @@ const Ye = J(), Xe = {
   key: 8,
   ref: "chartLegend"
 }, Ea = {
+  key: 9,
+  ref: "source",
+  dir: "auto"
+}, Ba = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
-}, Ba = ["innerHTML"];
-function Ya(t, s, c, f, a, e) {
-  const x = T("PenAndPaper"), y = T("Title"), k = T("UserOptions"), m = T("PackageVersion"), _ = T("Shape"), P = T("Skeleton"), w = T("Slicer"), z = T("Tooltip"), v = T("BaseIcon"), F = T("TableSparkline"), L = T("DataTable"), p = T("Accordion");
+}, Ya = ["innerHTML"];
+function Xa(t, s, c, f, a, e) {
+  const x = T("PenAndPaper"), y = T("Title"), k = T("UserOptions"), m = T("PackageVersion"), b = T("Shape"), P = T("Skeleton"), O = T("Slicer"), G = T("Tooltip"), p = T("BaseIcon"), _ = T("TableSparkline"), L = T("DataTable"), z = T("Accordion");
   return r(), l("div", {
     id: `vue-ui-xy_${a.uniqueId}`,
     class: V(`vue-ui-xy ${a.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1108,63 +1114,63 @@ function Ya(t, s, c, f, a, e) {
       t.$slots.optionTooltip ? {
         name: "optionTooltip",
         fn: M(() => [
-          G(t.$slots, "optionTooltip", {}, void 0, !0)
+          w(t.$slots, "optionTooltip", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
       t.$slots.optionPdf ? {
         name: "optionPdf",
         fn: M(() => [
-          G(t.$slots, "optionPdf", {}, void 0, !0)
+          w(t.$slots, "optionPdf", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
       t.$slots.optionCsv ? {
         name: "optionCsv",
         fn: M(() => [
-          G(t.$slots, "optionCsv", {}, void 0, !0)
+          w(t.$slots, "optionCsv", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0,
       t.$slots.optionImg ? {
         name: "optionImg",
         fn: M(() => [
-          G(t.$slots, "optionImg", {}, void 0, !0)
+          w(t.$slots, "optionImg", {}, void 0, !0)
         ]),
         key: "3"
       } : void 0,
       t.$slots.optionTable ? {
         name: "optionTable",
         fn: M(() => [
-          G(t.$slots, "optionTable", {}, void 0, !0)
+          w(t.$slots, "optionTable", {}, void 0, !0)
         ]),
         key: "4"
       } : void 0,
       t.$slots.optionLabels ? {
         name: "optionLabels",
         fn: M(() => [
-          G(t.$slots, "optionLabels", {}, void 0, !0)
+          w(t.$slots, "optionLabels", {}, void 0, !0)
         ]),
         key: "5"
       } : void 0,
       t.$slots.optionStack ? {
         name: "optionStack",
         fn: M(() => [
-          G(t.$slots, "optionStack", {}, void 0, !0)
+          w(t.$slots, "optionStack", {}, void 0, !0)
         ]),
         key: "6"
       } : void 0,
       t.$slots.optionFullscreen ? {
         name: "optionFullscreen",
         fn: M(({ toggleFullscreen: i, isFullscreen: o }) => [
-          G(t.$slots, "optionFullscreen", H(E({ toggleFullscreen: i, isFullscreen: o })), void 0, !0)
+          w(t.$slots, "optionFullscreen", H(E({ toggleFullscreen: i, isFullscreen: o })), void 0, !0)
         ]),
         key: "7"
       } : void 0,
       t.$slots.optionAnnotator ? {
         name: "optionAnnotator",
         fn: M(({ toggleAnnotator: i, isAnnotator: o }) => [
-          G(t.$slots, "optionAnnotator", H(E({ toggleAnnotator: i, isAnnotator: o })), void 0, !0)
+          w(t.$slots, "optionAnnotator", H(E({ toggleAnnotator: i, isAnnotator: o })), void 0, !0)
         ]),
         key: "8"
       } : void 0
@@ -1411,7 +1417,7 @@ function Ya(t, s, c, f, a, e) {
               x: e.calcRectX(n) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: e.checkNaN(n.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              G(t.$slots, "plot-comment", {
+              w(t.$slots, "plot-comment", {
                 plot: { ...n, color: i.color, seriesIndex: o, datapointIndex: g }
               }, void 0, !0)
             ], 8, Lt)) : h("", !0)
@@ -1584,7 +1590,7 @@ function Ya(t, s, c, f, a, e) {
           (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
             key: `circle_plot_${o}_${g}`
           }, [
-            n && e.canShowValue(n.value) ? (r(), D(_, {
+            n && e.canShowValue(n.value) ? (r(), D(b, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(i.shape) ? i.shape : "circle",
               color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${o}_${a.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? i.color : e.FINAL_CONFIG.plot.dot.fill,
@@ -1602,7 +1608,7 @@ function Ya(t, s, c, f, a, e) {
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               u("div", Bt, [
-                G(t.$slots, "plot-comment", {
+                w(t.$slots, "plot-comment", {
                   plot: { ...n, color: i.color, seriesIndex: o, datapointIndex: g }
                 }, void 0, !0)
               ])
@@ -1724,7 +1730,7 @@ function Ya(t, s, c, f, a, e) {
           (r(!0), l(N, null, I(i.plots, (n, g) => (r(), l("g", {
             key: `circle_line_${o}_${g}`
           }, [
-            n && e.canShowValue(n.value) ? (r(), D(_, {
+            n && e.canShowValue(n.value) ? (r(), D(b, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(i.shape) ? i.shape : "circle",
               color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${o}_${a.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? i.color : e.FINAL_CONFIG.line.dot.fill,
@@ -1742,7 +1748,7 @@ function Ya(t, s, c, f, a, e) {
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               u("div", la, [
-                G(t.$slots, "plot-comment", {
+                w(t.$slots, "plot-comment", {
                   plot: { ...n, color: i.color, seriesIndex: o, datapointIndex: g }
                 }, void 0, !0)
               ])
@@ -2107,10 +2113,10 @@ function Ya(t, s, c, f, a, e) {
           }, null, 8, Ma)
         ])) : h("", !0)
       ])) : h("", !0),
-      G(t.$slots, "svg", { svg: e.svg }, void 0, !0)
+      w(t.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, Ue)) : h("", !0),
     t.$slots.watermark ? (r(), l("div", Pa, [
-      G(t.$slots, "watermark", H(E({ isPrinting: a.isPrinting || a.isImaging })), void 0, !0)
+      w(t.$slots, "watermark", H(E({ isPrinting: a.isPrinting || a.isImaging })), void 0, !0)
     ])) : h("", !0),
     e.isDataset ? h("", !0) : (r(), D(P, {
       key: 5,
@@ -2130,7 +2136,7 @@ function Ya(t, s, c, f, a, e) {
         }
       }
     }, null, 8, ["config"])),
-    e.FINAL_CONFIG.chart.zoom.show && a.maxX > 6 && e.isDataset ? (r(), D(w, {
+    e.FINAL_CONFIG.chart.zoom.show && a.maxX > 6 && e.isDataset ? (r(), D(O, {
       ref: "chartSlicer",
       key: `slicer_${a.slicerStep}`,
       background: e.FINAL_CONFIG.chart.zoom.color,
@@ -2162,7 +2168,7 @@ function Ya(t, s, c, f, a, e) {
       onTrapMouse: e.selectMinimapIndex
     }, {
       "reset-action": M(({ reset: i }) => [
-        G(t.$slots, "reset-action", H(E({ reset: i })), void 0, !0)
+        w(t.$slots, "reset-action", H(E({ reset: i })), void 0, !0)
       ]),
       _: 3
     }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "onReset", "onTrapMouse"])) : h("", !0),
@@ -2187,7 +2193,7 @@ function Ya(t, s, c, f, a, e) {
             width: "20",
             fill: i.color
           }, null, 8, Ra),
-          X(_, {
+          X(b, {
             plot: { x: 10, y: 9 },
             radius: 4,
             color: i.color,
@@ -2205,7 +2211,7 @@ function Ya(t, s, c, f, a, e) {
             width: "12",
             stroke: "none",
             fill: i.color
-          }, null, 8, Wa)) : (r(), D(_, {
+          }, null, 8, Wa)) : (r(), D(b, {
             key: 1,
             plot: { x: 6, y: 6 },
             radius: 5,
@@ -2218,9 +2224,12 @@ function Ya(t, s, c, f, a, e) {
         }, S(i.name), 5)
       ], 10, Ta))), 128))
     ], 4)) : (r(), l("div", Ha, [
-      G(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
+      w(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    X(z, {
+    t.$slots.source ? (r(), l("div", Ea, [
+      w(t.$slots, "source", {}, void 0, !0)
+    ], 512)) : h("", !0),
+    X(G, {
       show: a.mutableConfig.showTooltip && a.isTooltip,
       backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
       color: e.FINAL_CONFIG.chart.tooltip.color,
@@ -2236,15 +2245,15 @@ function Ya(t, s, c, f, a, e) {
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
       "tooltip-before": M(() => [
-        G(t.$slots, "tooltip-before", H(E({ ...e.dataTooltipSlot })), void 0, !0)
+        w(t.$slots, "tooltip-before", H(E({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       "tooltip-after": M(() => [
-        G(t.$slots, "tooltip-after", H(E({ ...e.dataTooltipSlot })), void 0, !0)
+        w(t.$slots, "tooltip-after", H(E({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-    e.isDataset ? (r(), D(p, {
-      key: 9,
+    e.isDataset ? (r(), D(z, {
+      key: 10,
       hideDetails: "",
       config: {
         open: a.mutableConfig.showTable,
@@ -2263,7 +2272,7 @@ function Ya(t, s, c, f, a, e) {
         u("div", {
           style: C(`${a.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          u("div", Ea, [
+          u("div", Ba, [
             We(u("input", {
               type: "checkbox",
               "onUpdate:modelValue": s[4] || (s[4] = (i) => a.showSparklineTable = i)
@@ -2274,14 +2283,14 @@ function Ya(t, s, c, f, a, e) {
               onClick: s[5] || (s[5] = (i) => a.showSparklineTable = !a.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
-              X(v, {
+              X(p, {
                 name: "chartLine",
                 size: 20,
                 stroke: e.FINAL_CONFIG.chart.color
               }, null, 8, ["stroke"])
             ])
           ]),
-          a.showSparklineTable ? (r(), D(F, {
+          a.showSparklineTable ? (r(), D(_, {
             key: `sparkline_${a.segregateStep}`,
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
@@ -2295,7 +2304,7 @@ function Ya(t, s, c, f, a, e) {
             onClose: s[6] || (s[6] = (i) => a.mutableConfig.showTable = !1)
           }, {
             th: M(({ th: i }) => [
-              u("div", { innerHTML: i }, null, 8, Ba)
+              u("div", { innerHTML: i }, null, 8, Ya)
             ]),
             td: M(({ td: i }) => [
               Ee(S(isNaN(Number(i)) ? i : e.dataLabel({
@@ -2313,7 +2322,7 @@ function Ya(t, s, c, f, a, e) {
     }, 8, ["config"])) : h("", !0)
   ], 14, qe);
 }
-const ni = /* @__PURE__ */ Be(Xe, [["render", Ya], ["__scopeId", "data-v-8d96cbc4"]]);
+const oi = /* @__PURE__ */ Be(Xe, [["render", Xa], ["__scopeId", "data-v-fd323aed"]]);
 export {
-  ni as default
+  oi as default
 };

package/package.json

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