vue-data-ui 3.0.0-next.8 → 3.0.0

package/dist/{Tooltip-lPcsweXz.js → Tooltip-Bh2zYSoM.js}

@@ -1,10 +1,10 @@
-import { ref as s, onMounted as S, onUnmounted as g, watch as p, nextTick as k, computed as x, createBlock as $, openBlock as h, Teleport as C, createElementBlock as F, createCommentVNode as B, normalizeStyle as w, normalizeClass as N, renderSlot as m, createElementVNode as Y } from "vue";
-import { s as z } from "./index-Cfm5-hMQ.js";
-function M({ tooltip: e, chart: a, clientPosition: t, positionPreference: d = "center", defaultOffsetY: c = 24, blockShiftY: u = !1 }) {
-  const o = s(0), i = s(c);
+import { ref as d, onMounted as k, onUnmounted as g, watch as p, nextTick as F, computed as x, createBlock as S, openBlock as h, Teleport as $, createElementBlock as B, createCommentVNode as C, normalizeStyle as w, normalizeClass as N, renderSlot as m, createElementVNode as Y } from "vue";
+import { s as z } from "./index-BtNwOUja.js";
+function M({ tooltip: e, chart: a, clientPosition: t, positionPreference: s = "center", defaultOffsetY: c = 24, blockShiftY: u = !1 }) {
+  const o = d(0), i = d(c);
   if (e && a) {
     const { width: n, height: v } = e.getBoundingClientRect(), { right: f, left: l, bottom: r } = a.getBoundingClientRect();
-    d === "center" && (t.x + n / 2 > f ? o.value = -n + (f - t.x) : t.x - n / 2 < l ? o.value = -n + (n - (t.x - l)) : o.value = -n / 2), d === "right" && (t.x + n > f ? o.value = -n + (f - t.x) : o.value = 0), d === "left" && (t.x < l + n ? o.value = -n + (n - (t.x - l)) : o.value = -n), t.y + v > r && !u && (i.value = -v - c);
+    s === "center" && (t.x + n / 2 > f ? o.value = -n + (f - t.x) : t.x - n / 2 < l ? o.value = -n + (n - (t.x - l)) : o.value = -n / 2), s === "right" && (t.x + n > f ? o.value = -n + (f - t.x) : o.value = 0), s === "left" && (t.x < l + n ? o.value = -n + (n - (t.x - l)) : o.value = -n), t.y + v > r && !u && (i.value = -v - c);
   }
   return {
     top: t.y + i.value,
@@ -12,10 +12,10 @@ function M({ tooltip: e, chart: a, clientPosition: t, positionPreference: d = "c
   };
 }
 function T(e, a, t) {
-  S(() => e.addEventListener(a, t)), g(() => e.removeEventListener(a, t));
+  k(() => e.addEventListener(a, t)), g(() => e.removeEventListener(a, t));
 }
 function E() {
-  const e = s(0), a = s(0);
+  const e = d(0), a = d(0);
   return T(window, "mousemove", (t) => {
     e.value = t.clientX, a.value = t.clientY;
   }), { x: e, y: a };
@@ -83,27 +83,31 @@ const L = ["aria-hidden"], O = ["innerHTML"], b = 0.18, A = {
       type: Boolean,
       default: !1
     },
-    disableSmoothing: {
+    smooth: {
       type: Boolean,
-      default: !1
+      default: !0
+    },
+    backdropFilter: {
+      type: Boolean,
+      default: !0
     }
   },
   setup(e) {
-    const a = e, t = s(null), { x: d, y: c } = E(a.parent), u = s({ x: 0, y: 0 }), o = s({ x: 0, y: 0 });
+    const a = e, t = d(null), { x: s, y: c } = E(a.parent), u = d({ x: 0, y: 0 }), o = d({ x: 0, y: 0 });
     let i = null;
     function n() {
-      if (a.disableSmoothing) {
+      if (!a.smooth) {
         o.value.x = u.value.x, o.value.y = u.value.y;
         return;
       }
       o.value.x += (u.value.x - o.value.x) * b, o.value.y += (u.value.y - o.value.y) * b, i = requestAnimationFrame(n);
     }
-    p([d, c], ([l, r]) => {
-      u.value.x = l, u.value.y = r, a.disableSmoothing && (o.value.x = l, o.value.y = r);
+    p([s, c], ([l, r]) => {
+      u.value.x = l, u.value.y = r, a.smooth || (o.value.x = l, o.value.y = r);
     }), p(() => a.show, async (l) => {
       if (l) {
-        const r = d.value, y = c.value;
-        u.value.x = r, u.value.y = y, o.value.x = r, o.value.y = y, await k(), i || n();
+        const r = s.value, y = c.value;
+        u.value.x = r, u.value.y = y, o.value.x = r, o.value.y = y, await F(), i || n();
       } else
         i && (cancelAnimationFrame(i), i = null);
     }), g(() => {
@@ -123,17 +127,17 @@ const L = ["aria-hidden"], O = ["innerHTML"], b = 0.18, A = {
         left: Math.round(l.left)
       };
     }), f = x(() => z(a.backgroundColor, a.backgroundOpacity));
-    return (l, r) => (h(), $(C, {
+    return (l, r) => (h(), S($, {
       to: e.isFullscreen ? e.parent : "body"
     }, [
-      e.show ? (h(), F("div", {
+      e.show ? (h(), B("div", {
         key: 0,
         ref_key: "tooltip",
         ref: t,
         role: "tooltip",
         "aria-hidden": !e.show,
         "aria-live": "polite",
-        class: N({ "vue-data-ui-custom-tooltip": e.isCustom, "vue-data-ui-tooltip": !e.isCustom }),
+        class: N({ "vue-data-ui-custom-tooltip": e.isCustom, "vue-data-ui-tooltip": !e.isCustom, "vue-data-ui-tooltip-backdrop": e.backdropFilter }),
         style: w(`
                 pointer-events:none;
                 top:${v.value.top}px;
@@ -148,7 +152,7 @@ const L = ["aria-hidden"], O = ["innerHTML"], b = 0.18, A = {
         m(l.$slots, "default"),
         Y("div", { innerHTML: e.content }, null, 8, O),
         m(l.$slots, "tooltip-after")
-      ], 14, L)) : B("", !0)
+      ], 14, L)) : C("", !0)
     ], 8, ["to"]));
   }
 };

package/dist/{UserOptions-Dn5TCQxg.js → UserOptions-Ck8fz9f4.js}

@@ -1,7 +1,7 @@
 import { ref as m, computed as w, onMounted as Q, onBeforeUnmount as Y, withDirectives as Z, createElementBlock as s, openBlock as o, normalizeStyle as v, createElementVNode as X, withKeys as p, withModifiers as _, renderSlot as d, normalizeProps as S, guardReactiveProps as ee, createVNode as te, normalizeClass as k, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as oe } from "vue";
 import { v as ne } from "./vClickOutside-C6WiFswA.js";
-import r from "./BaseIcon-BuOIF6t5.js";
-import z from "./img-CgMUOQnb.js";
+import r from "./BaseIcon-CXtL10fo.js";
+import z from "./img-DrR839Ot.js";
 import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ie = ["title"], se = ["data-open"], ae = {
   __name: "UserOptions",

package/dist/{dom-to-png-Br-eVhJZ.js → dom-to-png-DhIh24Ti.js}

@@ -1,4 +1,4 @@
-import { X as x } from "./index-Cfm5-hMQ.js";
+import { X as x } from "./index-BtNwOUja.js";
 async function F(n) {
   const i = n.querySelectorAll("img"), s = Array.from(i).map((t) => new Promise((o) => {
     if (!t.src || t.src.startsWith("data:")) return o();

package/dist/{img-CgMUOQnb.js → img-DrR839Ot.js}

@@ -1,4 +1,4 @@
-import { d as n } from "./dom-to-png-Br-eVhJZ.js";
+import { d as n } from "./dom-to-png-DhIh24Ti.js";
 async function u({ domElement: t, fileName: c, format: f = "png", scale: i = 2, base64: a = !1, img: g = !1 }) {
   if (!t) return Promise.reject("No element provided");
   const h = typeof navigator < "u" && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);