vue-data-ui 3.1.4 → 3.1.6

package/dist/{vue-ui-xy-canvas-D-iziyn0.js → vue-ui-xy-canvas-D1Do33ar.js}

@@ -1,19 +1,19 @@
-import { defineAsyncComponent as ee, ref as c, computed as L, useSlots as ea, onMounted as dl, watch as D, nextTick as hl, shallowRef as Me, onBeforeUnmount as la, createElementBlock as de, openBlock as S, unref as p, normalizeClass as aa, normalizeStyle as le, createCommentVNode as H, createElementVNode as Y, createBlock as P, createSlots as yl, withCtx as b, renderSlot as k, normalizeProps as V, guardReactiveProps as G, createVNode as fl, Teleport as ta, toDisplayString as Oe, resolveDynamicComponent as oa, mergeProps as ua, createTextVNode as gl } from "vue";
-import { u as ra, c as sa, a as na, p as Z, b as ia, C as xe, d as va, D as Re, k as ae, i as te, e as pl, a4 as ca, G as da, ae as ha, o as ya, f as fa, y as bl, v as ga, w as pa, z as ba, s as he, l as ma } from "./index-INqbM37s.js";
-import { d as xa, t as La, u as ka, c as Ca, a as ml, l as C, r as De, b as F, p as xl } from "./useResponsive-DfdjqQps.js";
-import { u as Ll } from "./useNestedProp-BKprMEaB.js";
-import { u as wa } from "./usePrinter-9WO5mDzj.js";
+import { defineAsyncComponent as ee, ref as c, computed as L, useSlots as ea, onMounted as dl, watch as D, nextTick as hl, shallowRef as Me, onBeforeUnmount as la, createElementBlock as de, openBlock as S, unref as p, normalizeClass as aa, normalizeStyle as le, createCommentVNode as H, createElementVNode as Y, createBlock as F, createSlots as yl, withCtx as b, renderSlot as k, normalizeProps as V, guardReactiveProps as G, createVNode as fl, Teleport as ta, toDisplayString as Oe, resolveDynamicComponent as oa, mergeProps as ua, createTextVNode as gl } from "vue";
+import { u as ra, c as sa, a as na, p as Z, b as ia, C as xe, d as va, D as Re, k as ae, i as te, e as pl, a4 as ca, G as da, ae as ha, o as ya, f as fa, y as bl, v as ga, w as pa, z as ba, s as he, l as ma } from "./index-C0wrF8hm.js";
+import { d as xa, t as La, u as ka, c as Ca, a as ml, l as C, r as De, b as P, p as xl } from "./useResponsive-DfdjqQps.js";
+import { u as Ll } from "./useNestedProp-Bg2FlIgI.js";
+import { u as wa } from "./usePrinter-C2jvouU0.js";
 import { u as Sa } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as za } from "./useChartAccessibility-9icAAmYg.js";
-import $a from "./Legend-BQqnf4BN.js";
-import Ta from "./Title-nHtPyPd9.js";
-import { S as Ia } from "./Slicer-Cmc94zkG.js";
-import Ma from "./vue-ui-accordion-CQZjxT5U.js";
+import $a from "./Legend-D7l8BJ7z.js";
+import Ta from "./Title-DbQthJAs.js";
+import { S as Ia } from "./Slicer-DoGlWyq_.js";
+import Ma from "./vue-ui-accordion-3JuSLBjV.js";
 import { u as Oa } from "./useTimeLabels-BGFjWgrv.js";
-import Ra from "./img-Bl0o2UAr.js";
-import Da from "./BaseIcon-B5nQNkmd.js";
-import { _ as Pa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
+import Ra from "./img-DLgjML7h.js";
+import Da from "./BaseIcon-D_BjQBAR.js";
+import { _ as Fa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, Ya = ["innerHTML"], _a = {
@@ -33,8 +33,8 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     }
   },
   emits: ["selectLegend"],
-  setup(Pe, { expose: kl, emit: Cl }) {
-    const wl = ee(() => import("./DataTable-CzO3oHys.js")), Sl = ee(() => import("./NonSvgPenAndPaper-D_g27Foy.js")), zl = ee(() => import("./vue-ui-skeleton-FONviv9G.js")), $l = ee(() => import("./Tooltip-RCWHeRDV.js")), Tl = ee(() => import("./UserOptions-D3pVnvAB.js")), Il = ee(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_xy_canvas: Ml } = ra(), g = Pe, _ = c(sa()), I = c(null), oe = c(null), n = c(null), y = c(1), E = c(1), ye = c(!1), d = c(null), fe = c(""), Fe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), re = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
+  setup(Fe, { expose: kl, emit: Cl }) {
+    const wl = ee(() => import("./DataTable-IycMkaTU.js")), Sl = ee(() => import("./NonSvgPenAndPaper-BK5M9Lt9.js")), zl = ee(() => import("./vue-ui-skeleton-B6Y0yxOn.js")), $l = ee(() => import("./Tooltip-DvtYLrX2.js")), Tl = ee(() => import("./UserOptions-Dd5XOrwq.js")), Il = ee(() => import("./BaseDraggableDialog-BVZPPMT9.js")), { vue_ui_xy_canvas: Ml } = ra(), g = Fe, _ = c(sa()), I = c(null), oe = c(null), n = c(null), y = c(1), E = c(1), ye = c(!1), d = c(null), fe = c(""), Pe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), re = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
     dl(() => {
       Rl["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
@@ -118,7 +118,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         yLabels: x,
         zero: i
       };
-    }), Pl = L(() => h.value.map((e) => `
+    }), Fl = L(() => h.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}"/>
@@ -200,9 +200,9 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     async function al() {
       await hl(), await hl();
       const { startIndex: e, endIndex: a } = l.value.style.chart.zoom, o = ll.value, s = T.value;
-      u.value = { start: 0, end: s }, (e != null || a != null) && o ? (e != null ? o.setStartValue(e) : (u.value.start = 0, o.setStartValue(0)), a != null ? o.setEndValue(Fl(a + 1)) : (u.value.end = s, o.setEndValue(s))) : (u.value = { start: 0, end: s }, Ee.value += 1);
+      u.value = { start: 0, end: s }, (e != null || a != null) && o ? (e != null ? o.setStartValue(e) : (u.value.start = 0, o.setStartValue(0)), a != null ? o.setEndValue(Pl(a + 1)) : (u.value.end = s, o.setEndValue(s))) : (u.value = { start: 0, end: s }, Ee.value += 1);
     }
-    function Fl(e) {
+    function Pl(e) {
       const a = T.value;
       return e > a ? a : e < 0 || l.value.style.chart.zoom.startIndex !== null && e < l.value.style.chart.zoom.startIndex ? l.value.style.chart.zoom.startIndex !== null ? l.value.style.chart.zoom.startIndex + 1 : 1 : e;
     }
@@ -313,7 +313,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
             }
           );
         }), h.value.forEach((e) => {
-          F(
+          P(
             n.value,
             e.name,
             y.value / 35,
@@ -408,7 +408,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           }
         );
       }
-      l.value.style.chart.grid.y.axisName && F(
+      l.value.style.chart.grid.y.axisName && P(
         n.value,
         l.value.style.chart.grid.y.axisName,
         y.value - y.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio * 1.2,
@@ -419,7 +419,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           align: "center",
           rotation: 90
         }
-      ), l.value.style.chart.grid.x.axisName && F(
+      ), l.value.style.chart.grid.x.axisName && P(
         n.value,
         l.value.style.chart.grid.x.axisName,
         y.value / 2,
@@ -447,7 +447,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     }
     function Yl() {
       h.value.forEach((e) => {
-        e.showYMarker && ne(e) && F(
+        e.showYMarker && ne(e) && P(
           n.value,
           ae(
             l.value.style.chart.dataLabels.formatter,
@@ -473,7 +473,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     function _l() {
       l.value.style.chart.grid.y.axisLabels.show && (r.value.stacked ? h.value.forEach((e) => {
         e.localYLabels.forEach((a, o) => {
-          F(
+          P(
             n.value,
             ae(
               l.value.style.chart.dataLabels.formatter,
@@ -497,7 +497,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           );
         });
       }) : m.value.yLabels.forEach((e, a) => {
-        F(
+        P(
           n.value,
           ae(
             l.value.style.chart.dataLabels.formatter,
@@ -523,7 +523,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     }
     function Bl(e) {
       for (let a = 0; a < e.coordinatesLine.length; a += 1)
-        F(
+        P(
           n.value,
           ae(
             l.value.style.chart.dataLabels.formatter,
@@ -554,7 +554,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     }));
     function Ul() {
       for (let e = u.value.start; e < u.value.end; e += 1)
-        (u.value.end - u.value.start < l.value.style.chart.grid.y.timeLabels.modulo || u.value.end - u.value.start >= l.value.style.chart.grid.y.timeLabels.modulo && (e % Math.floor((u.value.end - u.value.start) / l.value.style.chart.grid.y.timeLabels.modulo) === 0 || e === d.value + u.value.start && l.value.style.chart.grid.y.timeLabels.showMarker)) && F(
+        (u.value.end - u.value.start < l.value.style.chart.grid.y.timeLabels.modulo || u.value.end - u.value.start >= l.value.style.chart.grid.y.timeLabels.modulo && (e % Math.floor((u.value.end - u.value.start) / l.value.style.chart.grid.y.timeLabels.modulo) === 0 || e === d.value + u.value.start && l.value.style.chart.grid.y.timeLabels.showMarker)) && P(
           n.value,
           U.value[e] ? U.value[e].text : e + 1,
           t.value.left + t.value.slot * (e - u.value.start) + t.value.slot / 2,
@@ -636,7 +636,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
                 ]
               }
             }
-          ), r.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && F(
+          ), r.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && P(
             n.value,
             ae(
               l.value.style.chart.dataLabels.formatter,
@@ -757,7 +757,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         })),
         series: h.value,
         config: l.value
-      }) : (l.value.style.chart.grid.y.timeLabels.values.slice(u.value.start, u.value.end)[d.value] && (x += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${U.value.slice(u.value.start, u.value.end)[d.value].text}</div>`), x += Pl.value.join(""), fe.value = x), q.value = !1;
+      }) : (l.value.style.chart.grid.y.timeLabels.values.slice(u.value.start, u.value.end)[d.value] && (x += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${U.value.slice(u.value.start, u.value.end)[d.value].text}</div>`), x += Fl.value.join(""), fe.value = x), q.value = !1;
     }
     D(() => d.value, (e) => {
       pe();
@@ -963,7 +963,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         ref: Ne,
         style: le(`width:100%;background:${l.value.style.chart.backgroundColor};`)
       }, [
-        (S(), P(Ta, {
+        (S(), F(Ta, {
           key: `title_${ke.value}`,
           config: {
             title: {
@@ -980,7 +980,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       Y("div", {
         id: `legend-top-${_.value}`
       }, null, 8, Ea),
-      l.value.userOptions.show && ge.value && (p(We) || p(ze)) ? (S(), P(p(Tl), {
+      l.value.userOptions.show && ge.value && (p(We) || p(ze)) ? (S(), F(p(Tl), {
         ref_key: "userOptionsRef",
         ref: Se,
         key: `user_option_${Ae.value}`,
@@ -994,7 +994,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         hasImg: l.value.userOptions.buttons.img,
         hasXls: l.value.userOptions.buttons.csv,
         hasLabel: l.value.userOptions.buttons.labels,
-        hasStack: Pe.dataset.length > 1 && l.value.userOptions.buttons.stack,
+        hasStack: Fe.dataset.length > 1 && l.value.userOptions.buttons.stack,
         hasFullscreen: l.value.userOptions.buttons.fullscreen,
         hasTable: u.value.end - u.value.start <= 730 && l.value.userOptions.buttons.table,
         isFullscreen: ue.value,
@@ -1105,7 +1105,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           style: { width: "100%", height: "100%" },
           onMousemove: a[0] || (a[0] = (o) => Zl(o)),
           onMouseleave: jl
-        }, null, 544)) : (S(), P(p(zl), {
+        }, null, 544)) : (S(), F(p(zl), {
           key: 1,
           config: {
             type: "line",
@@ -1139,16 +1139,18 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           backgroundOpacity: l.value.style.chart.tooltip.backgroundOpacity,
           isCustom: p(bl)(l.value.style.chart.tooltip.customFormat),
           smooth: l.value.style.chart.tooltip.smooth,
-          backdropFilter: l.value.style.chart.tooltip.backdropFilter
+          backdropFilter: l.value.style.chart.tooltip.backdropFilter,
+          smoothForce: l.value.style.chart.tooltip.smoothForce,
+          smoothSnapThreshold: l.value.style.chart.tooltip.smoothSnapThreshold
         }, {
           "tooltip-before": b(() => [
-            k(e.$slots, "tooltip-before", V(G({ ...Fe.value })), void 0, !0)
+            k(e.$slots, "tooltip-before", V(G({ ...Pe.value })), void 0, !0)
           ]),
           "tooltip-after": b(() => [
-            k(e.$slots, "tooltip-after", V(G({ ...Fe.value })), void 0, !0)
+            k(e.$slots, "tooltip-after", V(G({ ...Pe.value })), void 0, !0)
           ]),
           _: 3
-        }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "position", "offsetY", "parent", "content", "isFullscreen", "backgroundOpacity", "isCustom", "smooth", "backdropFilter"])
+        }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "position", "offsetY", "parent", "content", "isFullscreen", "backgroundOpacity", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"])
       ], 4),
       Y("div", {
         ref_key: "chartSlicer",
@@ -1156,7 +1158,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         style: le(`width:100%;background:${l.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        l.value.style.chart.zoom.show && T.value > 1 ? (S(), P(Ia, {
+        l.value.style.chart.zoom.show && T.value > 1 ? (S(), F(Ia, {
           ref_key: "slicerComponent",
           ref: ll,
           key: `slicer_${Ee.value}`,
@@ -1192,7 +1194,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       Y("div", {
         id: `legend-bottom-${_.value}`
       }, null, 8, Aa),
-      Be.value ? (S(), P(ta, {
+      Be.value ? (S(), F(ta, {
         key: 2,
         to: l.value.style.chart.legend.position === "top" ? `#legend-top-${_.value}` : `#legend-bottom-${_.value}`
       }, [
@@ -1200,7 +1202,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           ref_key: "chartLegend",
           ref: He
         }, [
-          l.value.style.chart.legend.show && ge.value ? (S(), P($a, {
+          l.value.style.chart.legend.show && ge.value ? (S(), F($a, {
             legendSet: ul.value,
             config: ql.value,
             key: `legend_${we.value}`,
@@ -1230,13 +1232,13 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       }, [
         k(e.$slots, "source", {}, void 0, !0)
       ], 512)) : H("", !0),
-      ge.value ? (S(), P(oa(ie.value.component), ua({ key: 5 }, ie.value.props, {
+      ge.value && l.value.userOptions.buttons.table ? (S(), F(oa(ie.value.component), ua({ key: 5 }, ie.value.props, {
         ref_key: "tableUnit",
         ref: re,
         onClose: cl
       }), yl({
         content: b(() => [
-          (S(), P(p(wl), {
+          (S(), F(p(wl), {
             key: `table_${Ce.value}`,
             colNames: be.value.colNames,
             head: be.value.head,
@@ -1281,7 +1283,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           key: "1"
         } : void 0
       ]), 1040)) : H("", !0),
-      l.value.userOptions.buttons.annotator && h.value.length ? (S(), P(p(Sl), {
+      l.value.userOptions.buttons.annotator && h.value.length ? (S(), F(p(Sl), {
         key: 6,
         parent: I.value,
         backgroundColor: l.value.style.chart.backgroundColor,
@@ -1289,9 +1291,9 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         active: me.value,
         onClose: Ie
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : H("", !0)
-    ], 46, Fa));
+    ], 46, Pa));
   }
-}, tt = /* @__PURE__ */ Pa(_a, [["__scopeId", "data-v-5ac4ec5c"]]);
+}, tt = /* @__PURE__ */ Fa(_a, [["__scopeId", "data-v-0db6c29f"]]);
 export {
   tt as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.1.4",
+  "version": "3.1.6",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [
@@ -88,7 +88,9 @@
     "test:w": "vitest --watch",
     "test:e2e": "npx cypress open",
     "simple-build": "npm run clean && vite build --mode production && node copy-types.cjs",
-    "preprod": "node del-dev-dep.cjs && npm run clean && vite build --mode production && node copy-types.cjs && node copy-docs.cjs && node post-build.cjs"
+    "preprod": "node del-dev-dep.cjs && npm run clean && vite build --mode production && node copy-types.cjs && node copy-docs.cjs && node post-build.cjs",
+    "cy-all": "npx cypress run --component",
+    "cy": "node run-cy.cjs"
   },
   "peerDependencies": {
     "vue": ">=3.3.0",