vue-data-ui 3.1.3 → 3.1.5

package/dist/{vue-ui-xy-canvas-C0Snw0Dz.js → vue-ui-xy-canvas-CKzjhhNg.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-CaxArMHL.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-tWT02_6S.js";
-import { u as wa } from "./usePrinter-BYtPmEo8.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-BkfuZCRT.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-BMzw9VUz.js";
+import { u as wa } from "./usePrinter-CEdg3j8S.js";
 import { u as Sa } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as za } from "./useChartAccessibility-9icAAmYg.js";
-import $a from "./Legend-5qvgVkrY.js";
-import Ta from "./Title-CqYBs02Y.js";
-import { S as Ia } from "./Slicer-DG99wPTy.js";
-import Ma from "./vue-ui-accordion-DUlNpLir.js";
+import $a from "./Legend-nPGcCxG_.js";
+import Ta from "./Title-ydtId0LC.js";
+import { S as Ia } from "./Slicer-Duqm7KZK.js";
+import Ma from "./vue-ui-accordion-DFxAHGEZ.js";
 import { u as Oa } from "./useTimeLabels-BGFjWgrv.js";
-import Ra from "./img-DSrvx9J6.js";
-import Da from "./BaseIcon-BcOSijbz.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-Neec0VVb.js";
+import Da from "./BaseIcon-BQQGRQ2U.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-Cm8Tt9PQ.js")), Sl = ee(() => import("./NonSvgPenAndPaper-D3QGd7vP.js")), zl = ee(() => import("./vue-ui-skeleton-BtILTxx-.js")), $l = ee(() => import("./Tooltip-CP0tVHAf.js")), Tl = ee(() => import("./UserOptions-ZmwlARCV.js")), Il = ee(() => import("./BaseDraggableDialog-BmN9jTP8.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-D6voeZvO.js")), Sl = ee(() => import("./NonSvgPenAndPaper-xRGRe41H.js")), zl = ee(() => import("./vue-ui-skeleton-DCAlHSMV.js")), $l = ee(() => import("./Tooltip-oeu9knGI.js")), Tl = ee(() => import("./UserOptions-CnJxN2Vo.js")), Il = ee(() => import("./BaseDraggableDialog-BO4B1Kwa.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 ? (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-36bd206a"]]);
 export {
   tt as default
 };

package/package.json

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