vue-data-ui 3.15.12 → 3.16.1

package/dist/{Tooltip-DL3QgjZf.js → Tooltip-Bf-kM3_A.js}

@@ -1,26 +1,26 @@
-import { ref as i, onMounted as L, onUnmounted as R, watch as w, nextTick as W, computed as g, openBlock as Y, createBlock as j, Teleport as q, createElementBlock as H, normalizeStyle as I, normalizeClass as V, renderSlot as C, createElementVNode as D, createCommentVNode as G } from "vue";
-import { u as U } from "./lib-GwPnJSrY.js";
-function J({ tooltip: n, chart: c, clientPosition: t, positionPreference: v = "center", defaultOffsetY: h = 24, blockShiftY: x = !1 }) {
-  const l = i(0), a = i(h);
-  if (n && c) {
-    const { width: u, height: m } = n.getBoundingClientRect(), { right: f, left: p, bottom: S } = c.getBoundingClientRect();
-    v === "center" && (t.x + u / 2 > f ? l.value = -u + (f - t.x) : t.x - u / 2 < p ? l.value = -u + (u - (t.x - p)) : l.value = -u / 2), v === "right" && (t.x + u > f ? l.value = -u + (f - t.x) : l.value = 0), v === "left" && (t.x < p + u ? l.value = -u + (u - (t.x - p)) : l.value = -u), t.y + m > S && !x && (a.value = -m - h);
+import { ref as i, onMounted as W, onUnmounted as R, watch as Y, nextTick as j, computed as x, openBlock as M, createBlock as P, Teleport as q, createElementBlock as H, normalizeStyle as I, normalizeClass as V, renderSlot as k, createElementVNode as D, createCommentVNode as G } from "vue";
+import { u as U } from "./lib-DBptbyyI.js";
+function J({ tooltip: n, chart: s, clientPosition: t, positionPreference: v = "center", defaultOffsetY: y = 24, blockShiftY: b = !1 }) {
+  const l = i(0), a = i(y);
+  if (n && s) {
+    const { width: u, height: m } = n.getBoundingClientRect(), { right: f, left: p, bottom: C } = s.getBoundingClientRect();
+    v === "center" && (t.x + u / 2 > f ? l.value = -u + (f - t.x) : t.x - u / 2 < p ? l.value = -u + (u - (t.x - p)) : l.value = -u / 2), v === "right" && (t.x + u > f ? l.value = -u + (f - t.x) : l.value = 0), v === "left" && (t.x < p + u ? l.value = -u + (u - (t.x - p)) : l.value = -u), t.y + m > C && !b && (a.value = -m - y);
   }
   return {
     top: t.y + a.value,
     left: t.x + l.value
   };
 }
-function K(n, c, t) {
-  L(() => n.addEventListener(c, t)), R(() => n.removeEventListener(c, t));
+function K(n, s, t) {
+  W(() => n.addEventListener(s, t)), R(() => n.removeEventListener(s, t));
 }
 function Q() {
-  const n = i(0), c = i(0);
+  const n = i(0), s = i(0);
   return K(window, "mousemove", (t) => {
-    n.value = t.clientX, c.value = t.clientY;
-  }), { x: n, y: c };
+    n.value = t.clientX, s.value = t.clientY;
+  }), { x: n, y: s };
 }
-const Z = ["aria-hidden"], P = ["innerHTML"], te = {
+const Z = ["aria-hidden"], _ = ["innerHTML"], oe = {
   __name: "Tooltip",
   props: {
     teleportTo: {
@@ -102,22 +102,30 @@ const Z = ["aria-hidden"], P = ["innerHTML"], te = {
     smoothSnapThreshold: {
       type: Number,
       default: 0.25
+    },
+    isA11yMode: {
+      type: Boolean,
+      default: !1
+    },
+    a11yPosition: {
+      type: Object,
+      default: null
     }
   },
-  setup(n, { expose: c }) {
-    const t = n, v = i(null), { x: h, y: x } = Q(t.parent), l = i({ x: 0, y: 0 }), a = i({ x: 0, y: 0 }), u = i(null), m = i(null), f = i({ scaleX: 1, scaleY: 1 }), p = i(null);
-    function S() {
-      const e = M(v.value);
+  setup(n, { expose: s }) {
+    const t = n, v = i(null), { x: y, y: b } = Q(t.parent), l = i({ x: 0, y: 0 }), a = i({ x: 0, y: 0 }), u = i(null), m = i(null), f = i({ scaleX: 1, scaleY: 1 }), p = i(null);
+    function C() {
+      const e = X(v.value);
       if (u.value = e, !e) {
         m.value = null, f.value = { scaleX: 1, scaleY: 1 }, p.value = null;
         return;
       }
-      m.value = e.getBoundingClientRect(), f.value = X(e), p.value = t.parent?.getBoundingClientRect?.() || null;
+      m.value = e.getBoundingClientRect(), f.value = A(e), p.value = t.parent?.getBoundingClientRect?.() || null;
     }
     function T(e) {
       return e ? !!(e.transform && e.transform !== "none" || e.perspective && e.perspective !== "none" || e.filter && e.filter !== "none" || e.backdropFilter && e.backdropFilter !== "none" || e.contain && e.contain.includes("paint") || e.willChange && (e.willChange.includes("transform") || e.willChange.includes("filter"))) : !1;
     }
-    function M(e) {
+    function X(e) {
       let o = e?.parentElement || null;
       for (; o && o !== document.documentElement; ) {
         const r = getComputedStyle(o);
@@ -126,90 +134,100 @@ const Z = ["aria-hidden"], P = ["innerHTML"], te = {
       }
       return null;
     }
-    function X(e) {
+    function A(e) {
       if (!e) return { scaleX: 1, scaleY: 1 };
       const r = getComputedStyle(e).transform;
       if (!r || r === "none") return { scaleX: 1, scaleY: 1 };
       try {
-        const d = new DOMMatrixReadOnly(r), s = Math.hypot(d.a, d.b), A = Math.hypot(d.c, d.d);
+        const d = new DOMMatrixReadOnly(r), c = Math.hypot(d.a, d.b), L = Math.hypot(d.c, d.d);
         return {
-          scaleX: s || 1,
-          scaleY: A || 1
+          scaleX: c || 1,
+          scaleY: L || 1
         };
       } catch {
         return { scaleX: 1, scaleY: 1 };
       }
     }
     function E({ x: e, y: o }) {
-      h.value = e, x.value = o;
+      t.isA11yMode || (y.value = e, b.value = o);
     }
-    let y = null;
-    function k() {
+    let h = null;
+    function F() {
       if (!t.show) {
-        b();
+        g();
         return;
       }
       if (!t.smooth) {
-        a.value.x = l.value.x, a.value.y = l.value.y, b();
+        a.value.x = l.value.x, a.value.y = l.value.y, g();
         return;
       }
       const e = l.value.x - a.value.x, o = l.value.y - a.value.y;
       if (Math.abs(e) <= t.smoothSnapThreshold && Math.abs(o) <= t.smoothSnapThreshold) {
-        a.value.x = l.value.x, a.value.y = l.value.y, b();
+        a.value.x = l.value.x, a.value.y = l.value.y, g();
         return;
       }
-      a.value.x += e * t.smoothForce, a.value.y += o * t.smoothForce, y = requestAnimationFrame(k);
+      a.value.x += e * t.smoothForce, a.value.y += o * t.smoothForce, h = requestAnimationFrame(F);
     }
-    function F() {
-      y == null && t.show && t.smooth && (y = requestAnimationFrame(k));
+    function B() {
+      h == null && t.show && t.smooth && (h = requestAnimationFrame(F));
     }
-    function b() {
-      y != null && (cancelAnimationFrame(y), y = null);
+    function g() {
+      h != null && (cancelAnimationFrame(h), h = null);
     }
-    w([h, x], ([e, o]) => {
-      l.value.x = e, l.value.y = o, t.smooth ? F() : (a.value.x = e, a.value.y = o);
-    }), w(
+    Y([y, b], ([e, o]) => {
+      l.value.x = e, l.value.y = o, t.smooth ? B() : (a.value.x = e, a.value.y = o);
+    }), Y(
       () => t.show,
       async (e) => {
         if (!e) {
-          b();
+          g();
           return;
         }
-        const o = h.value, r = x.value;
-        l.value.x = o, l.value.y = r, a.value.x = o, a.value.y = r, await W(), S(), F();
+        const o = y.value, r = b.value;
+        l.value.x = o, l.value.y = r, a.value.x = o, a.value.y = r, await j(), C(), B();
       }
     ), R(() => {
-      b();
+      g();
     });
-    const N = g(() => {
+    const S = x(() => t.isA11yMode && t.a11yPosition && typeof t.a11yPosition.x == "number" && typeof t.a11yPosition.y == "number" ? {
+      x: t.a11yPosition.x,
+      y: t.a11yPosition.y
+    } : {
+      x: a.value.x,
+      y: a.value.y
+    }), N = x(() => {
       const e = m.value;
-      if (!e) return { x: a.value.x, y: a.value.y };
+      if (!e)
+        return {
+          x: S.value.x,
+          y: S.value.y
+        };
       const { scaleX: o, scaleY: r } = f.value;
       return {
-        x: (a.value.x - e.left) / o,
-        y: (a.value.y - e.top) / r
+        x: (S.value.x - e.left) / o,
+        y: (S.value.y - e.top) / r
       };
-    }), $ = g(() => {
+    }), $ = x(() => {
       const e = m.value, o = p.value;
       if (!e || !o) return t.parent;
       const { scaleX: r, scaleY: d } = f.value;
       return {
         ...t.parent,
         getBoundingClientRect() {
-          const s = o;
+          const c = o;
           return {
-            left: (s.left - e.left) / r,
-            top: (s.top - e.top) / d,
-            right: (s.right - e.left) / r,
-            bottom: (s.bottom - e.top) / d,
-            width: s.width / r,
-            height: s.height / d,
-            x: (s.left - e.left) / r,
-            y: (s.top - e.top) / d
+            left: (c.left - e.left) / r,
+            top: (c.top - e.top) / d,
+            right: (c.right - e.left) / r,
+            bottom: (c.bottom - e.top) / d,
+            width: c.width / r,
+            height: c.height / d,
+            x: (c.left - e.left) / r,
+            y: (c.top - e.top) / d
           };
         }
       };
-    }), B = g(() => {
+    }), w = x(() => {
       const e = J({
         tooltip: v.value,
         chart: $.value,
@@ -222,30 +240,30 @@ const Z = ["aria-hidden"], P = ["innerHTML"], te = {
         top: Math.round(e.top),
         left: Math.round(e.left)
       };
-    }), z = g(() => U(t.backgroundColor, t.backgroundOpacity)), O = g(() => {
+    }), O = x(() => U(t.backgroundColor, t.backgroundOpacity)), z = x(() => {
       const e = {
         pointerEvents: "none",
         position: "fixed",
         top: "0px",
         left: "0px",
-        transform: `translate3d(${B.value.left}px, ${B.value.top}px, 0)`,
+        transform: `translate3d(${w.value.left}px, ${w.value.top}px, 0)`,
         borderRadius: `${t.borderRadius}px`,
         border: `${t.borderWidth}px solid ${t.borderColor}`,
         zIndex: 2147483647
       };
       return t.isCustom || Object.assign(e, {
-        background: z.value,
+        background: O.value,
         color: t.color,
         maxWidth: t.maxWidth,
         fontSize: `${t.fontSize}px`
       }), e;
     });
-    return c({
+    return s({
       placeTooltip: E
-    }), (e, o) => (Y(), j(q, {
+    }), (e, o) => (M(), P(q, {
       to: n.isFullscreen ? n.parent : n.teleportTo
     }, [
-      n.show ? (Y(), H("div", {
+      n.show ? (M(), H("div", {
         key: 0,
         ref_key: "tooltip",
         ref: v,
@@ -257,16 +275,16 @@ const Z = ["aria-hidden"], P = ["innerHTML"], te = {
           "vue-data-ui-tooltip": !n.isCustom,
           "vue-data-ui-tooltip-backdrop": n.backdropFilter
         }),
-        style: I(O.value)
+        style: I(z.value)
       }, [
-        C(e.$slots, "tooltip-before"),
-        C(e.$slots, "default"),
-        D("div", { innerHTML: n.content }, null, 8, P),
-        C(e.$slots, "tooltip-after")
+        k(e.$slots, "tooltip-before"),
+        k(e.$slots, "default"),
+        D("div", { innerHTML: n.content }, null, 8, _),
+        k(e.$slots, "tooltip-after")
       ], 14, Z)) : G("", !0)
     ], 8, ["to"]));
   }
 };
 export {
-  te as default
+  oe as default
 };