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

package/dist/{vue-ui-xy-CZpcKEkV.js → vue-ui-xy-Cp5M0GHR.js}

@@ -1,11 +1,11 @@
-import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ae, ac as ie, ad as se, c as J, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as xe, e as me, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as ze, G as Me, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-C137VZkI.js";
+import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ae, ac as ie, ad as se, c as J, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as xe, e as me, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as ze, G as Me, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-BvUVRVgF.js";
 import { u as We } from "./useMouse-AicQS8Vf.js";
-import { u as K } from "./useNestedProp-ZNu8JrRX.js";
+import { u as K } from "./useNestedProp-B92QFY2a.js";
 import { u as Be } from "./useTimeLabels-Mrr0jrpL.js";
 import { defineAsyncComponent as B, resolveComponent as R, createElementBlock as i, openBlock as a, normalizeStyle as y, normalizeClass as E, createBlock as W, createCommentVNode as h, createVNode as U, createSlots as Ee, withCtx as V, renderSlot as p, normalizeProps as Y, guardReactiveProps as q, createElementVNode as f, Fragment as d, renderList as I, toDisplayString as T, mergeProps as Q, withDirectives as Ye, vModelCheckbox as qe, createTextVNode as Xe } from "vue";
-import { S as Ue } from "./Slicer-B-5jXhhw.js";
-import Ze from "./Title-BoKeR6i0.js";
-import { _ as Ke } from "./Shape-CmlBrd-F.js";
+import { S as Ue } from "./Slicer--UnnsuCq.js";
+import Ze from "./Title-BZjJJp9L.js";
+import { _ as Ke } from "./Shape-CYJGzNrC.js";
 import { _ as Qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Je = J(), je = {
   name: "vue-ui-xy",
@@ -29,15 +29,15 @@ const Je = J(), je = {
     Title: Ze,
     // Must be ready in responsive mode
     Shape: Ke,
-    DataTable: B(() => import("./DataTable-CuFlXUxm.js")),
-    Tooltip: B(() => import("./Tooltip-Df2iF7bv.js")),
-    UserOptions: B(() => import("./UserOptions-NrArsCuC.js")),
-    BaseIcon: B(() => import("./BaseIcon-lwpKi6Wa.js")),
-    TableSparkline: B(() => import("./vue-ui-table-sparkline-MJ8lvKbd.js")),
-    Skeleton: B(() => import("./vue-ui-skeleton-CO_Hk6A_.js")),
-    Accordion: B(() => import("./vue-ui-accordion-BI2rBS5z.js")),
-    PackageVersion: B(() => import("./PackageVersion-1psmmuzo.js")),
-    PenAndPaper: B(() => import("./PenAndPaper-DgUkj01g.js"))
+    DataTable: B(() => import("./DataTable-B9YN_lJK.js")),
+    Tooltip: B(() => import("./Tooltip-CPzQ_10f.js")),
+    UserOptions: B(() => import("./UserOptions-CmNbuins.js")),
+    BaseIcon: B(() => import("./BaseIcon-DC9kZidZ.js")),
+    TableSparkline: B(() => import("./vue-ui-table-sparkline-BuuSOpSN.js")),
+    Skeleton: B(() => import("./vue-ui-skeleton-CgwXMwMI.js")),
+    Accordion: B(() => import("./vue-ui-accordion-CqMFmeS2.js")),
+    PackageVersion: B(() => import("./PackageVersion-CL7-1Vjo.js")),
+    PenAndPaper: B(() => import("./PenAndPaper-DJMdHI8y.js"))
   },
   data() {
     this.dataset.forEach((g, r) => {
@@ -607,7 +607,7 @@ const Je = J(), je = {
       return Be({
         values: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: t,
-        formatter: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.formatter,
+        formatter: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.datetimeFormatter,
         start: this.slicer.start,
         end: this.slicer.end
       });
@@ -1182,7 +1182,7 @@ const Je = J(), je = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./pdf-DTB7aasS.js");
+          const { default: t } = await import("./pdf-23y_Uq7_.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1205,7 +1205,7 @@ const Je = J(), je = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./img-CqqmkwDl.js");
+          const { default: t } = await import("./img-BfX4ljIV.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -3048,7 +3048,7 @@ function Mr(t, c, u, g, r, e) {
     }, 8, ["config"])) : h("", !0)
   ], 46, $e);
 }
-const Yr = /* @__PURE__ */ Qe(je, [["render", Mr], ["__scopeId", "data-v-fc22fb5f"]]);
+const Yr = /* @__PURE__ */ Qe(je, [["render", Mr], ["__scopeId", "data-v-893845d0"]]);
 export {
   Yr as default
 };

package/dist/{vue-ui-xy-canvas-B7fE9npn.js → vue-ui-xy-canvas-8PFKPb7M.js}

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as K, ref as d, computed as x, useSlots as Ba, onMounted as ra, watch as A, nextTick as pe, shallowRef as Ie, onBeforeUnmount as Va, createElementBlock as ne, openBlock as z, unref as p, normalizeClass as Za, normalizeStyle as Q, createCommentVNode as W, createBlock as D, createElementVNode as ie, createSlots as Ga, withCtx as b, renderSlot as L, normalizeProps as X, guardReactiveProps as _, createVNode as ja, toDisplayString as sa, createTextVNode as qa } from "vue";
-import { u as Ja, c as Ka, t as Qa, p as B, a as el, C as me, b as al, D as Me, i as ee, f as ae, d as na, a1 as ll, H as tl, ai as ol, o as ul, e as rl, x as ia, q as sl, r as nl, y as il, s as ve, l as vl } from "./index-C137VZkI.js";
+import { u as Ja, c as Ka, t as Qa, p as B, a as el, C as me, b as al, D as Me, i as ee, f as ae, d as na, a1 as ll, H as tl, ai as ol, o as ul, e as rl, x as ia, q as sl, r as nl, y as il, s as ve, l as vl } from "./index-BvUVRVgF.js";
 import { d as cl, t as dl, u as hl, c as yl, a as va, l as k, r as Te, b as R, p as ca } from "./useResponsive-JZ9xq-JV.js";
-import { u as da } from "./useNestedProp-ZNu8JrRX.js";
-import { u as fl } from "./usePrinter-B63T3abI.js";
+import { u as da } from "./useNestedProp-B92QFY2a.js";
+import { u as fl } from "./usePrinter-BPqJ_36J.js";
 import { u as gl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pl } from "./useChartAccessibility-9icAAmYg.js";
-import ml from "./Legend-DwNuhYnG.js";
-import bl from "./Title-BoKeR6i0.js";
-import { S as xl } from "./Slicer-B-5jXhhw.js";
+import ml from "./Legend-CYO46Fgu.js";
+import bl from "./Title-BZjJJp9L.js";
+import { S as xl } from "./Slicer--UnnsuCq.js";
 import { u as Ll } from "./useTimeLabels-Mrr0jrpL.js";
 import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Cl = ["id"], wl = ["onClick"], zl = {
@@ -31,7 +31,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
   },
   emits: ["selectLegend"],
   setup(Oe, { expose: ha, emit: ya }) {
-    const fa = K(() => import("./vue-ui-accordion-BI2rBS5z.js")), ga = K(() => import("./DataTable-CuFlXUxm.js")), pa = K(() => import("./NonSvgPenAndPaper-D1qSfnYa.js")), ma = K(() => import("./vue-ui-skeleton-CO_Hk6A_.js")), ba = K(() => import("./Tooltip-Df2iF7bv.js")), xa = K(() => import("./UserOptions-NrArsCuC.js")), { vue_ui_xy_canvas: La } = Ja(), g = Oe, be = d(Ka()), le = d(null), te = d(null), s = d(null), y = d(1), P = d(1), ce = d(!1), c = d(null), de = d(""), Re = d(null), $ = d([]), V = d(1), H = d(!0), Z = d(!0), xe = d(null), Pe = d(0), Ee = d(0), he = d(!1), Fe = d(null), Ae = d(null), De = d(null), He = d(null), Le = d(0), ke = d(0), Ce = d(0), M = d(null), we = x(() => !!g.dataset && g.dataset.length), ka = ya, Ca = Ba();
+    const fa = K(() => import("./vue-ui-accordion-CqMFmeS2.js")), ga = K(() => import("./DataTable-B9YN_lJK.js")), pa = K(() => import("./NonSvgPenAndPaper-BPOHeX6A.js")), ma = K(() => import("./vue-ui-skeleton-CgwXMwMI.js")), ba = K(() => import("./Tooltip-CPzQ_10f.js")), xa = K(() => import("./UserOptions-CmNbuins.js")), { vue_ui_xy_canvas: La } = Ja(), g = Oe, be = d(Ka()), le = d(null), te = d(null), s = d(null), y = d(1), P = d(1), ce = d(!1), c = d(null), de = d(""), Re = d(null), $ = d([]), V = d(1), H = d(!0), Z = d(!0), xe = d(null), Pe = d(0), Fe = d(0), he = d(!1), Ee = d(null), Ae = d(null), De = d(null), He = d(null), Le = d(0), ke = d(0), Ce = d(0), M = d(null), we = x(() => !!g.dataset && g.dataset.length), ka = ya, Ca = Ba();
     ra(() => {
       Ca["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
@@ -69,7 +69,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       showTooltip: a.value.style.chart.tooltip.show
     });
     function wa(e) {
-      he.value = e, Ee.value += 1;
+      he.value = e, Fe.value += 1;
     }
     const Ze = x(() => al(a.value.customPalette)), I = x(() => G.value ? Math.max(...G.value.filter((e, t) => !$.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0), l = x(() => {
       const e = y.value - y.value * (a.value.style.chart.paddingProportions.left + a.value.style.chart.paddingProportions.right);
@@ -90,7 +90,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
     }
     function za({ hasAutoScale: e, series: t, min: o, max: n, scale: v, yOffset: C, individualHeight: i, stackIndex: f = null }) {
       return t.map((Y, S) => {
-        const F = v.min < 0 ? Math.abs(v.min) : 0, U = Ge(Y + F, F + v.max);
+        const E = v.min < 0 ? Math.abs(v.min) : 0, U = Ge(Y + E, E + v.max);
         let re, se;
         e && (re = v.min, se = Ge(Y - re, v.max - re));
         let O = 0;
@@ -157,9 +157,9 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       }, C = e.scaleSteps || a.value.style.chart.scale.ticks;
       let i;
       e.autoScaling ? i = Me(v.valueMin, v.valueMax, C) : i = Me(v.valueMin < 0 ? v.valueMin : 0, v.valueMax <= 0 ? 0 : v.valueMax, C);
-      const f = r.value.stacked ? l.value.height * (1 - e.cumulatedStackRatio) : 0, Y = r.value.stacked ? l.value.height / a.value.style.chart.stackGap : 0, S = r.value.stacked ? l.value.height * e.stackRatio - Y : l.value.height, F = i.min < 0 ? Math.abs(i.min) : 0;
+      const f = r.value.stacked ? l.value.height * (1 - e.cumulatedStackRatio) : 0, Y = r.value.stacked ? l.value.height / a.value.style.chart.stackGap : 0, S = r.value.stacked ? l.value.height * e.stackRatio - Y : l.value.height, E = i.min < 0 ? Math.abs(i.min) : 0;
       let U;
-      e.autoScaling && r.value.stacked && n <= 0 ? U = l.value.bottom - f - S : U = l.value.bottom - f - S * (F / (i.max + F));
+      e.autoScaling && r.value.stacked && n <= 0 ? U = l.value.bottom - f - S : U = l.value.bottom - f - S * (E / (i.max + E));
       const re = i.ticks.map((O, _a) => ({
         y: l.value.bottom - f - S * (_a / (i.ticks.length - 1)),
         x: l.value.left - 8,
@@ -181,7 +181,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         max: n,
         localScale: i,
         localZero: U,
-        localMin: F,
+        localMin: E,
         localYLabels: re,
         yOffset: f,
         individualHeight: S
@@ -519,7 +519,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         );
       }));
     }
-    function Ea(e) {
+    function Fa(e) {
       for (let t = 0; t < e.coordinatesLine.length; t += 1)
         R(
           s.value,
@@ -546,11 +546,11 @@ const Cl = ["id"], wl = ["onClick"], zl = {
     const N = x(() => Ll({
       values: a.value.style.chart.grid.y.timeLabels.values,
       maxDatapoints: I.value,
-      formatter: a.value.style.chart.grid.y.timeLabels.formatter,
+      formatter: a.value.style.chart.grid.y.timeLabels.datetimeFormatter,
       start: 0,
       end: a.value.style.chart.grid.y.timeLabels.values.length
     }));
-    function Fa() {
+    function Ea() {
       for (let e = u.value.start; e < u.value.end; e += 1)
         (u.value.end - u.value.start < a.value.style.chart.grid.y.timeLabels.modulo || u.value.end - u.value.start >= a.value.style.chart.grid.y.timeLabels.modulo && (e % Math.floor((u.value.end - u.value.start) / a.value.style.chart.grid.y.timeLabels.modulo) === 0 || e === c.value + u.value.start && a.value.style.chart.grid.y.timeLabels.showMarker)) && R(
           s.value,
@@ -696,7 +696,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
     }
     function oe() {
       Ta(), H.value ? (c.value !== null && a.value.style.chart.selector.show && Je(), Da(), r.value.stacked && a.value.style.chart.grid.x.showAxis && Na(), Ia.value.forEach((e) => {
-        (e.type === "line" || !e.type) && Ha(e), Z.value && (Oa(e), r.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Ea(e));
+        (e.type === "line" || !e.type) && Ha(e), Z.value && (Oa(e), r.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Fa(e));
       }), xe.value = yl(T.value)) : (xe.value && (s.value.clearRect(0, 0, 1e4, 1e4), s.value.drawImage(xe.value, 0, 0)), c.value !== null && a.value.style.chart.selector.show && Je(), c.value !== null && h.value.forEach((e) => {
         if (e.type === "line" || !e.type || e.type === "plot") {
           if (!e.coordinatesLine[c.value]) return;
@@ -713,7 +713,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
             }
           );
         }
-      })), a.value.style.chart.grid.y.timeLabels.show && Fa(), a.value.style.chart.selector.show && a.value.style.chart.selector.showHorizontalSelector && Aa(), Pa(), Ra(), H.value = !1;
+      })), a.value.style.chart.grid.y.timeLabels.show && Ea(), a.value.style.chart.selector.show && a.value.style.chart.selector.showHorizontalSelector && Aa(), Pa(), Ra(), H.value = !1;
     }
     const ye = cl(() => {
       Z.value = !0, Ma();
@@ -773,7 +773,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
     function Ua() {
       ce.value = !1, c.value = null, de.value = "", M.value = null, oe();
     }
-    const E = Ie(null), q = Ie(null), J = Ie(null);
+    const F = Ie(null), q = Ie(null), J = Ie(null);
     ra(() => {
       Se();
     });
@@ -785,7 +785,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         const e = dl(() => {
           const { width: t, height: o } = hl({
             chart: le.value,
-            title: a.value.style.chart.title.text ? Fe.value : null,
+            title: a.value.style.chart.title.text ? Ee.value : null,
             legend: a.value.style.chart.legend.show ? Ae.value : null,
             slicer: a.value.style.chart.zoom.show && I.value > 1 ? De.value : null,
             source: He.value
@@ -794,7 +794,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
             We.value = `${t} / ${o}`;
           });
         });
-        E.value && (q.value && E.value.unobserve(q.value), E.value.disconnect()), E.value = new ResizeObserver(e), q.value = le.value.parentNode, E.value.observe(q.value);
+        F.value && (q.value && F.value.unobserve(q.value), F.value.disconnect()), F.value = new ResizeObserver(e), q.value = le.value.parentNode, F.value.observe(q.value);
       }
       J.value && J.value.disconnect(), J.value = new ResizeObserver((e) => {
         for (const t of e)
@@ -802,7 +802,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       }), J.value.observe(te.value), qe();
     }
     Va(() => {
-      J.value && J.value.disconnect(), E.value && (q.value && E.value.unobserve(q.value), E.value.disconnect());
+      J.value && J.value.disconnect(), F.value && (q.value && F.value.unobserve(q.value), F.value.disconnect());
     });
     function Ke(e) {
       ka("selectLegend", h.value.find((t) => t.absoluteIndex === e)), $.value.includes(e) ? $.value = $.value.filter((t) => t !== e) : $.value.push(e), H.value = !0, ye();
@@ -908,7 +908,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       a.value.style.chart.title.text ? (z(), ne("div", {
         key: 0,
         ref_key: "chartTitle",
-        ref: Fe,
+        ref: Ee,
         style: Q(`width:100%;background:${a.value.style.chart.backgroundColor};`)
       }, [
         (z(), D(bl, {
@@ -927,7 +927,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       ], 4)) : W("", !0),
       a.value.userOptions.show && we.value && (p(Ye) || p(ze)) ? (z(), D(p(xa), {
         ref: "details",
-        key: `user_option_${Ee.value}`,
+        key: `user_option_${Fe.value}`,
         backgroundColor: a.value.style.chart.backgroundColor,
         color: a.value.style.chart.color,
         isPrinting: p(Xe),
@@ -1209,7 +1209,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : W("", !0)
     ], 46, Cl));
   }
-}, Yl = /* @__PURE__ */ kl($l, [["__scopeId", "data-v-f3aa051a"]]);
+}, Yl = /* @__PURE__ */ kl($l, [["__scopeId", "data-v-2541a32d"]]);
 export {
   Yl as default
 };

package/package.json

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