@leaflink/stash 50.2.1 → 50.4.0

package/dist/Tooltip.js

@@ -1,131 +1,10 @@
-import { getCurrentScope as C, onScopeDispose as D, unref as M, ref as p, watch as $, defineComponent as F, computed as A, openBlock as Y, createElementBlock as P, createElementVNode as X, renderSlot as E, createBlock as j, Teleport as I, normalizeStyle as k, createTextVNode as R, toDisplayString as V } from "vue";
-import { u as z, a as L, f as N, o as G, b as U } from "./floating-ui.vue-BmfQDqE-.js";
-function q(e) {
-  return C() ? (D(e), !0) : !1;
-}
-function B(e) {
-  return typeof e == "function" ? e() : M(e);
-}
-const J = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const K = Object.prototype.toString, Q = (e) => K.call(e) === "[object Object]", Z = () => {
-}, W = J ? window : void 0;
-function H(e) {
-  var s;
-  const n = B(e);
-  return (s = n == null ? void 0 : n.$el) != null ? s : n;
-}
-function b(...e) {
-  let s, n, l, i;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, s = W) : [s, n, l, i] = e, !s)
-    return Z;
-  Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
-  const c = [], f = () => {
-    c.forEach((o) => o()), c.length = 0;
-  }, y = (o, r, u, a) => (o.addEventListener(r, u, a), () => o.removeEventListener(r, u, a)), d = $(
-    () => [H(s), B(i)],
-    ([o, r]) => {
-      if (f(), !o)
-        return;
-      const u = Q(r) ? { ...r } : r;
-      c.push(
-        ...n.flatMap((a) => l.map((m) => y(o, a, m, u)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), w = () => {
-    d(), f();
-  };
-  return q(w), w;
-}
-const ee = {
-  page: (e) => [e.pageX, e.pageY],
-  client: (e) => [e.clientX, e.clientY],
-  screen: (e) => [e.screenX, e.screenY],
-  movement: (e) => e instanceof Touch ? null : [e.movementX, e.movementY]
-};
-function te(e = {}) {
-  const {
-    type: s = "page",
-    touch: n = !0,
-    resetOnTouchEnds: l = !1,
-    initialValue: i = { x: 0, y: 0 },
-    window: c = W,
-    target: f = c,
-    scroll: y = !0,
-    eventFilter: d
-  } = e;
-  let w = null;
-  const o = p(i.x), r = p(i.y), u = p(null), a = typeof s == "function" ? s : ee[s], m = (t) => {
-    const h = a(t);
-    w = t, h && ([o.value, r.value] = h, u.value = "mouse");
-  }, v = (t) => {
-    if (t.touches.length > 0) {
-      const h = a(t.touches[0]);
-      h && ([o.value, r.value] = h, u.value = "touch");
-    }
-  }, g = () => {
-    if (!w || !c)
-      return;
-    const t = a(w);
-    w instanceof MouseEvent && t && (o.value = t[0] + c.scrollX, r.value = t[1] + c.scrollY);
-  }, x = () => {
-    o.value = i.x, r.value = i.y;
-  }, S = d ? (t) => d(() => m(t), {}) : (t) => m(t), O = d ? (t) => d(() => v(t), {}) : (t) => v(t), _ = d ? () => d(() => g(), {}) : () => g();
-  if (f) {
-    const t = { passive: !0 };
-    b(f, ["mousemove", "dragover"], S, t), n && s !== "movement" && (b(f, ["touchstart", "touchmove"], O, t), l && b(f, "touchend", x, t)), y && s === "page" && b(c, "scroll", _, { passive: !0 });
-  }
-  return {
-    x: o,
-    y: r,
-    sourceType: u
-  };
-}
-function oe(e, s = {}) {
-  const {
-    handleOutside: n = !0,
-    window: l = W
-  } = s, i = s.type || "page", { x: c, y: f, sourceType: y } = te(s), d = p(e ?? (l == null ? void 0 : l.document.body)), w = p(0), o = p(0), r = p(0), u = p(0), a = p(0), m = p(0), v = p(!0);
-  let g = () => {
-  };
-  return l && (g = $(
-    [d, c, f],
-    () => {
-      const x = H(d);
-      if (!x || !(x instanceof Element))
-        return;
-      const {
-        left: S,
-        top: O,
-        width: _,
-        height: t
-      } = x.getBoundingClientRect();
-      r.value = S + (i === "page" ? l.pageXOffset : 0), u.value = O + (i === "page" ? l.pageYOffset : 0), a.value = t, m.value = _;
-      const h = c.value - r.value, T = f.value - u.value;
-      v.value = _ === 0 || t === 0 || h < 0 || T < 0 || h > _ || T > t, (n || !v.value) && (w.value = h, o.value = T);
-    },
-    { immediate: !0 }
-  ), b(document, "mouseleave", () => {
-    v.value = !0;
-  })), {
-    x: c,
-    y: f,
-    sourceType: y,
-    elementX: w,
-    elementY: o,
-    elementPositionX: r,
-    elementPositionY: u,
-    elementHeight: a,
-    elementWidth: m,
-    isOutside: v,
-    stop: g
-  };
-}
-const ne = {
+import { defineComponent as g, ref as n, computed as r, openBlock as d, createElementBlock as S, createElementVNode as i, renderSlot as l, createBlock as T, Teleport as E, normalizeStyle as u, unref as $, createTextVNode as k, toDisplayString as O } from "vue";
+import { u as A, a as B, f as F, o as D, b as I } from "./floating-ui.vue-BmfQDqE-.js";
+import { u as P } from "./index-Ck3Dl09q.js";
+const z = {
   ref: "wrapper",
   class: "stash-tooltip__wrapper tw-relative tw-inline-flex tw-h-fit tw-w-fit"
-}, se = 6, le = 12, ce = /* @__PURE__ */ F({
+}, M = 6, N = 12, X = /* @__PURE__ */ g({
   __name: "Tooltip",
   props: {
     disableTeleport: { type: Boolean, default: !1 },
@@ -134,59 +13,59 @@ const ne = {
     teleportTo: { default: "#stash-menus-mount-node" },
     text: { default: "" }
   },
-  setup(e) {
-    const s = {
+  setup(f) {
+    const m = {
       top: "bottom",
       right: "left",
       bottom: "top",
       left: "right"
-    }, n = e, l = p(null), i = p(null), c = p(null), { isOutside: f } = oe(l), y = A(() => !f.value || n.isOpen), d = A(() => n.side), { floatingStyles: w, middlewareData: o, placement: r } = z(l, c, {
-      whileElementsMounted: L,
-      placement: d,
-      middleware: [N(), G(le), U({ element: i })]
-    }), u = A(() => {
-      var m, v;
-      const a = s[r.value];
+    }, e = f, a = n(null), p = n(null), c = n(null), { isOutside: h } = P(a), _ = r(() => !h.value || e.isOpen), y = r(() => e.side), { floatingStyles: x, middlewareData: o, placement: v } = A(a, c, {
+      whileElementsMounted: B,
+      placement: y,
+      middleware: [F(), D(N), I({ element: p })]
+    }), b = r(() => {
+      var s, w;
+      const t = m[v.value];
       return {
-        left: ((m = o.value.arrow) == null ? void 0 : m.x) != null ? `${o.value.arrow.x}px` : "",
-        top: ((v = o.value.arrow) == null ? void 0 : v.y) != null ? `${o.value.arrow.y}px` : "",
-        [a]: `-${se}px`
+        left: ((s = o.value.arrow) == null ? void 0 : s.x) != null ? `${o.value.arrow.x}px` : "",
+        top: ((w = o.value.arrow) == null ? void 0 : w.y) != null ? `${o.value.arrow.y}px` : "",
+        [t]: `-${M}px`
       };
     });
-    return (a, m) => (Y(), P("div", ne, [
-      X("span", {
+    return (t, s) => (d(), S("div", z, [
+      i("span", {
         ref_key: "anchor",
-        ref: l,
+        ref: a,
         "data-test": "stash-tooltip|anchor",
         class: "stash-tooltip__anchor"
       }, [
-        E(a.$slots, "default")
+        l(t.$slots, "default")
       ], 512),
-      (Y(), j(I, {
-        to: n.teleportTo,
-        disabled: n.disableTeleport
+      (d(), T(E, {
+        to: e.teleportTo,
+        disabled: e.disableTeleport
       }, [
-        X("div", {
+        i("div", {
           ref_key: "tooltip",
           ref: c,
           "data-test": "stash-tooltip",
           class: "stash-tooltip tw-pointer-events-none tw-z-screen tw-flex tw-w-[148px] tw-flex-col tw-items-center tw-whitespace-normal tw-rounded tw-bg-ice-900 tw-p-3 tw-text-center tw-text-xs tw-text-white tw-opacity-0 tw-shadow tw-transition-opacity",
           role: "tooltip",
-          style: k({
-            ...M(w),
-            opacity: y.value ? 0.95 : 0
+          style: u({
+            ...$(x),
+            opacity: _.value ? 0.95 : 0
           })
         }, [
-          E(a.$slots, "icon"),
-          E(a.$slots, "content", {}, () => [
-            R(V(n.text), 1)
+          l(t.$slots, "icon"),
+          l(t.$slots, "content", {}, () => [
+            k(O(e.text), 1)
           ]),
-          E(a.$slots, "secondaryIcon"),
-          X("div", {
+          l(t.$slots, "secondaryIcon"),
+          i("div", {
             ref_key: "floatingArrow",
-            ref: i,
+            ref: p,
             class: "stash-tooltip__arrow tw-absolute tw-z-behind tw-h-[12px] tw-w-[12px] tw-rotate-45 tw-bg-ice-900",
-            style: k(u.value)
+            style: u(b.value)
           }, null, 4)
         ], 4)
       ], 8, ["to", "disabled"]))
@@ -194,6 +73,6 @@ const ne = {
   }
 });
 export {
-  ce as default
+  X as default
 };
 //# sourceMappingURL=Tooltip.js.map