vuesp-components 2.1.5 → 2.1.7

package/dist/useSwipeDown-BctVX4c1.js

@@ -0,0 +1,561 @@
+import { shallowRef as E, shallowReadonly as U, onMounted as q, nextTick as z, toValue as x, getCurrentScope as Z, onScopeDispose as ee, watch as G, getCurrentInstance as K, hasInjectionContext as V, inject as te, computed as M, reactive as $, watchEffect as ne, unref as oe, toRaw as re, ref as I } from "vue";
+function X(e) {
+  return Z() ? (ee(e), !0) : !1;
+}
+const D = /* @__PURE__ */ new WeakMap(), ie = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
+  var o;
+  const t = e[0], n = (o = K()) == null ? void 0 : o.proxy;
+  if (n == null && !V())
+    throw new Error("injectLocal must be called in setup");
+  return n && D.has(n) && t in D.get(n) ? D.get(n)[t] : te(...e);
+}, _ = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const se = Object.prototype.toString, ae = (e) => se.call(e) === "[object Object]", C = () => {
+}, ue = /* @__PURE__ */ le();
+function le() {
+  var e, o;
+  return _ && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function ce(e, o) {
+  function t(...n) {
+    return new Promise((v, s) => {
+      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(v).catch(s);
+    });
+  }
+  return t;
+}
+function fe(e, o = {}) {
+  let t, n, v = C;
+  const s = (r) => {
+    clearTimeout(r), v(), v = C;
+  };
+  let d;
+  return (r) => {
+    const a = x(e), m = x(o.maxWait);
+    return t && s(t), a <= 0 || m !== void 0 && m <= 0 ? (n && (s(n), n = void 0), Promise.resolve(r())) : new Promise((g, y) => {
+      v = o.rejectOnCancel ? y : g, d = r, m && !n && (n = setTimeout(() => {
+        t && s(t), n = void 0, g(d());
+      }, m)), t = setTimeout(() => {
+        n && s(n), n = void 0, g(r());
+      }, a);
+    });
+  };
+}
+function de(e) {
+  let o;
+  function t() {
+    return o || (o = e()), o;
+  }
+  return t.reset = async () => {
+    const n = o;
+    o = void 0, n && await n;
+  }, t;
+}
+function me(e, o) {
+  var t;
+  if (typeof e == "number")
+    return e + o;
+  const n = ((t = e.match(/^-?\d+\.?\d*/)) == null ? void 0 : t[0]) || "", v = e.slice(n.length), s = Number.parseFloat(n) + o;
+  return Number.isNaN(s) ? e : s + v;
+}
+function j(e) {
+  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
+}
+function F(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function ve(e) {
+  return K();
+}
+// @__NO_SIDE_EFFECTS__
+function Me(e, o = 200, t = {}) {
+  return ce(
+    fe(o, t),
+    e
+  );
+}
+function pe(e, o = !0, t) {
+  ve() ? q(e, t) : o ? e() : z(e);
+}
+function he(e, o, t = {}) {
+  const {
+    immediate: n = !0,
+    immediateCallback: v = !1
+  } = t, s = E(!1);
+  let d;
+  function c() {
+    d && (clearTimeout(d), d = void 0);
+  }
+  function r() {
+    s.value = !1, c();
+  }
+  function a(...m) {
+    v && e(), c(), s.value = !0, d = setTimeout(() => {
+      s.value = !1, d = void 0, e(...m);
+    }, x(o));
+  }
+  return n && (s.value = !0, _ && a()), X(r), {
+    isPending: U(s),
+    start: a,
+    stop: r
+  };
+}
+function we(e, o, t) {
+  return G(
+    e,
+    o,
+    {
+      ...t,
+      immediate: !0
+    }
+  );
+}
+const R = _ ? window : void 0, H = _ ? window.navigator : void 0;
+function W(e) {
+  var o;
+  const t = x(e);
+  return (o = t == null ? void 0 : t.$el) != null ? o : t;
+}
+function T(...e) {
+  const o = [], t = () => {
+    o.forEach((c) => c()), o.length = 0;
+  }, n = (c, r, a, m) => (c.addEventListener(r, a, m), () => c.removeEventListener(r, a, m)), v = M(() => {
+    const c = F(x(e[0])).filter((r) => r != null);
+    return c.every((r) => typeof r != "string") ? c : void 0;
+  }), s = we(
+    () => {
+      var c, r;
+      return [
+        (r = (c = v.value) == null ? void 0 : c.map((a) => W(a))) != null ? r : [R].filter((a) => a != null),
+        F(x(v.value ? e[1] : e[0])),
+        F(oe(v.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        x(v.value ? e[3] : e[2])
+      ];
+    },
+    ([c, r, a, m]) => {
+      if (t(), !(c != null && c.length) || !(r != null && r.length) || !(a != null && a.length))
+        return;
+      const g = ae(m) ? { ...m } : m;
+      o.push(
+        ...c.flatMap(
+          (y) => r.flatMap(
+            (l) => a.map((f) => n(y, l, f, g))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), d = () => {
+    s(), t();
+  };
+  return X(t), d;
+}
+let Y = !1;
+function Oe(e, o, t = {}) {
+  const { window: n = R, ignore: v = [], capture: s = !0, detectIframe: d = !1, controls: c = !1 } = t;
+  if (!n)
+    return c ? { stop: C, cancel: C, trigger: C } : C;
+  if (ue && !Y) {
+    Y = !0;
+    const i = { passive: !0 };
+    Array.from(n.document.body.children).forEach((u) => u.addEventListener("click", C, i)), n.document.documentElement.addEventListener("click", C, i);
+  }
+  let r = !0;
+  const a = (i) => x(v).some((u) => {
+    if (typeof u == "string")
+      return Array.from(n.document.querySelectorAll(u)).some((p) => p === i.target || i.composedPath().includes(p));
+    {
+      const p = W(u);
+      return p && (i.target === p || i.composedPath().includes(p));
+    }
+  });
+  function m(i) {
+    const u = x(i);
+    return u && u.$.subTree.shapeFlag === 16;
+  }
+  function g(i, u) {
+    const p = x(i), w = p.$.subTree && p.$.subTree.children;
+    return w == null || !Array.isArray(w) ? !1 : w.some((S) => S.el === u.target || u.composedPath().includes(S.el));
+  }
+  const y = (i) => {
+    const u = W(e);
+    if (i.target != null && !(!(u instanceof Element) && m(e) && g(e, i)) && !(!u || u === i.target || i.composedPath().includes(u))) {
+      if ("detail" in i && i.detail === 0 && (r = !a(i)), !r) {
+        r = !0;
+        return;
+      }
+      o(i);
+    }
+  };
+  let l = !1;
+  const f = [
+    T(n, "click", (i) => {
+      l || (l = !0, setTimeout(() => {
+        l = !1;
+      }, 0), y(i));
+    }, { passive: !0, capture: s }),
+    T(n, "pointerdown", (i) => {
+      const u = W(e);
+      r = !a(i) && !!(u && !i.composedPath().includes(u));
+    }, { passive: !0 }),
+    d && T(n, "blur", (i) => {
+      setTimeout(() => {
+        var u;
+        const p = W(e);
+        ((u = n.document.activeElement) == null ? void 0 : u.tagName) === "IFRAME" && !(p != null && p.contains(n.document.activeElement)) && o(i);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), b = () => f.forEach((i) => i());
+  return c ? {
+    stop: b,
+    cancel: () => {
+      r = !1;
+    },
+    trigger: (i) => {
+      r = !0, y(i), r = !1;
+    }
+  } : b;
+}
+// @__NO_SIDE_EFFECTS__
+function N(e) {
+  return M(() => !!e());
+}
+const ye = Symbol("vueuse-ssr-width");
+// @__NO_SIDE_EFFECTS__
+function Q() {
+  const e = V() ? /* @__PURE__ */ ie(ye, null) : null;
+  return typeof e == "number" ? e : void 0;
+}
+function L(e, o = {}) {
+  const { window: t = R, ssrWidth: n = /* @__PURE__ */ Q() } = o, v = /* @__PURE__ */ N(() => t && "matchMedia" in t && typeof t.matchMedia == "function"), s = E(typeof n == "number"), d = E(), c = E(!1), r = (a) => {
+    c.value = a.matches;
+  };
+  return ne(() => {
+    if (s.value) {
+      s.value = !v.value;
+      const a = x(e).split(",");
+      c.value = a.some((m) => {
+        const g = m.includes("not all"), y = m.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), l = m.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let f = !!(y || l);
+        return y && f && (f = n >= j(y[1])), l && f && (f = n <= j(l[1])), g ? !f : f;
+      });
+      return;
+    }
+    v.value && (d.value = t.matchMedia(x(e)), c.value = d.value.matches);
+  }), T(d, "change", r, { passive: !0 }), M(() => c.value);
+}
+const ge = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+// @__NO_SIDE_EFFECTS__
+function be(e, o = {}) {
+  function t(l, f) {
+    let b = x(e[x(l)]);
+    return f != null && (b = me(b, f)), typeof b == "number" && (b = `${b}px`), b;
+  }
+  const { window: n = R, strategy: v = "min-width", ssrWidth: s = /* @__PURE__ */ Q() } = o, d = typeof s == "number", c = d ? E(!1) : { value: !0 };
+  d && pe(() => c.value = !!n);
+  function r(l, f) {
+    return !c.value && d ? l === "min" ? s >= j(f) : s <= j(f) : n ? n.matchMedia(`(${l}-width: ${f})`).matches : !1;
+  }
+  const a = (l) => L(() => `(min-width: ${t(l)})`, o), m = (l) => L(() => `(max-width: ${t(l)})`, o), g = Object.keys(e).reduce((l, f) => (Object.defineProperty(l, f, {
+    get: () => v === "min-width" ? a(f) : m(f),
+    enumerable: !0,
+    configurable: !0
+  }), l), {});
+  function y() {
+    const l = Object.keys(e).map((f) => [f, g[f], j(t(f))]).sort((f, b) => f[2] - b[2]);
+    return M(() => l.filter(([, f]) => f.value).map(([f]) => f));
+  }
+  return Object.assign(g, {
+    greaterOrEqual: a,
+    smallerOrEqual: m,
+    greater(l) {
+      return L(() => `(min-width: ${t(l, 0.1)})`, o);
+    },
+    smaller(l) {
+      return L(() => `(max-width: ${t(l, -0.1)})`, o);
+    },
+    between(l, f) {
+      return L(() => `(min-width: ${t(l)}) and (max-width: ${t(f, -0.1)})`, o);
+    },
+    isGreater(l) {
+      return r("min", t(l, 0.1));
+    },
+    isGreaterOrEqual(l) {
+      return r("min", t(l));
+    },
+    isSmaller(l) {
+      return r("max", t(l, -0.1));
+    },
+    isSmallerOrEqual(l) {
+      return r("max", t(l));
+    },
+    isInBetween(l, f) {
+      return r("min", t(l)) && r("max", t(f, -0.1));
+    },
+    current: y,
+    active() {
+      const l = y();
+      return M(() => l.value.length === 0 ? "" : l.value.at(v === "min-width" ? -1 : 0));
+    }
+  });
+}
+// @__NO_SIDE_EFFECTS__
+function B(e, o = {}) {
+  const {
+    controls: t = !1,
+    navigator: n = H
+  } = o, v = /* @__PURE__ */ N(() => n && "permissions" in n), s = E(), d = typeof e == "string" ? { name: e } : e, c = E(), r = () => {
+    var m, g;
+    c.value = (g = (m = s.value) == null ? void 0 : m.state) != null ? g : "prompt";
+  };
+  T(s, "change", r, { passive: !0 });
+  const a = de(async () => {
+    if (v.value) {
+      if (!s.value)
+        try {
+          s.value = await n.permissions.query(d);
+        } catch {
+          s.value = void 0;
+        } finally {
+          r();
+        }
+      if (t)
+        return re(s.value);
+    }
+  });
+  return a(), t ? {
+    state: c,
+    isSupported: v,
+    query: a
+  } : c;
+}
+function Ce(e = {}) {
+  const {
+    navigator: o = H,
+    read: t = !1,
+    source: n,
+    copiedDuring: v = 1500,
+    legacy: s = !1
+  } = e, d = /* @__PURE__ */ N(() => o && "clipboard" in o), c = /* @__PURE__ */ B("clipboard-read"), r = /* @__PURE__ */ B("clipboard-write"), a = M(() => d.value || s), m = E(""), g = E(!1), y = he(() => g.value = !1, v, { immediate: !1 });
+  async function l() {
+    let p = !(d.value && u(c.value));
+    if (!p)
+      try {
+        m.value = await o.clipboard.readText();
+      } catch {
+        p = !0;
+      }
+    p && (m.value = i());
+  }
+  a.value && t && T(["copy", "cut"], l, { passive: !0 });
+  async function f(p = x(n)) {
+    if (a.value && p != null) {
+      let w = !(d.value && u(r.value));
+      if (!w)
+        try {
+          await o.clipboard.writeText(p);
+        } catch {
+          w = !0;
+        }
+      w && b(p), m.value = p, g.value = !0, y.start();
+    }
+  }
+  function b(p) {
+    const w = document.createElement("textarea");
+    w.value = p ?? "", w.style.position = "absolute", w.style.opacity = "0", document.body.appendChild(w), w.select(), document.execCommand("copy"), w.remove();
+  }
+  function i() {
+    var p, w, S;
+    return (S = (w = (p = document == null ? void 0 : document.getSelection) == null ? void 0 : p.call(document)) == null ? void 0 : w.toString()) != null ? S : "";
+  }
+  function u(p) {
+    return p === "granted" || p === "prompt";
+  }
+  return {
+    isSupported: a,
+    text: m,
+    copied: g,
+    copy: f
+  };
+}
+const Se = {
+  ctrl: "control",
+  command: "meta",
+  cmd: "meta",
+  option: "alt",
+  up: "arrowup",
+  down: "arrowdown",
+  left: "arrowleft",
+  right: "arrowright"
+};
+function xe(e = {}) {
+  const {
+    reactive: o = !1,
+    target: t = R,
+    aliasMap: n = Se,
+    passive: v = !0,
+    onEventFired: s = C
+  } = e, d = $(/* @__PURE__ */ new Set()), c = {
+    toJSON() {
+      return {};
+    },
+    current: d
+  }, r = o ? $(c) : c, a = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Set();
+  function y(i, u) {
+    i in r && (o ? r[i] = u : r[i].value = u);
+  }
+  function l() {
+    d.clear();
+    for (const i of g)
+      y(i, !1);
+  }
+  function f(i, u) {
+    var p, w;
+    const S = (p = i.key) == null ? void 0 : p.toLowerCase(), k = [(w = i.code) == null ? void 0 : w.toLowerCase(), S].filter(Boolean);
+    S && (u ? d.add(S) : d.delete(S));
+    for (const h of k)
+      g.add(h), y(h, u);
+    if (S === "shift" && !u) {
+      const h = Array.from(m), O = h.indexOf("shift");
+      h.forEach((P, J) => {
+        J >= O && (d.delete(P), y(P, !1));
+      }), m.clear();
+    } else typeof i.getModifierState == "function" && i.getModifierState("Shift") && u && [...d, ...k].forEach((h) => m.add(h));
+    S === "meta" && !u ? (a.forEach((h) => {
+      d.delete(h), y(h, !1);
+    }), a.clear()) : typeof i.getModifierState == "function" && i.getModifierState("Meta") && u && [...d, ...k].forEach((h) => a.add(h));
+  }
+  T(t, "keydown", (i) => (f(i, !0), s(i)), { passive: v }), T(t, "keyup", (i) => (f(i, !1), s(i)), { passive: v }), T("blur", l, { passive: v }), T("focus", l, { passive: v });
+  const b = new Proxy(
+    r,
+    {
+      get(i, u, p) {
+        if (typeof u != "string")
+          return Reflect.get(i, u, p);
+        if (u = u.toLowerCase(), u in n && (u = n[u]), !(u in r))
+          if (/[+_-]/.test(u)) {
+            const S = u.split(/[+_-]/g).map((A) => A.trim());
+            r[u] = M(() => S.map((A) => x(b[A])).every(Boolean));
+          } else
+            r[u] = E(!1);
+        const w = Reflect.get(i, u, p);
+        return o ? x(w) : w;
+      }
+    }
+  );
+  return b;
+}
+function Ee(e, o = {}) {
+  const {
+    threshold: t = 50,
+    onSwipe: n,
+    onSwipeEnd: v,
+    onSwipeStart: s,
+    passive: d = !0
+  } = o, c = $({ x: 0, y: 0 }), r = $({ x: 0, y: 0 }), a = M(() => c.x - r.x), m = M(() => c.y - r.y), { max: g, abs: y } = Math, l = M(() => g(y(a.value), y(m.value)) >= t), f = E(!1), b = M(() => l.value ? y(a.value) > y(m.value) ? a.value > 0 ? "left" : "right" : m.value > 0 ? "up" : "down" : "none"), i = (h) => [h.touches[0].clientX, h.touches[0].clientY], u = (h, O) => {
+    c.x = h, c.y = O;
+  }, p = (h, O) => {
+    r.x = h, r.y = O;
+  }, w = { passive: d, capture: !d }, S = (h) => {
+    f.value && (v == null || v(h, b.value)), f.value = !1;
+  }, A = [
+    T(e, "touchstart", (h) => {
+      if (h.touches.length !== 1)
+        return;
+      const [O, P] = i(h);
+      u(O, P), p(O, P), s == null || s(h);
+    }, w),
+    T(e, "touchmove", (h) => {
+      if (h.touches.length !== 1)
+        return;
+      const [O, P] = i(h);
+      p(O, P), w.capture && !w.passive && Math.abs(a.value) > Math.abs(m.value) && h.preventDefault(), !f.value && l.value && (f.value = !0), f.value && (n == null || n(h));
+    }, w),
+    T(e, ["touchend", "touchcancel"], S, w)
+  ];
+  return {
+    isSwiping: f,
+    direction: b,
+    coordsStart: c,
+    coordsEnd: r,
+    lengthX: a,
+    lengthY: m,
+    stop: () => A.forEach((h) => h()),
+    // TODO: Remove in the next major version
+    isPassiveEventSupported: !0
+  };
+}
+const Pe = (e, o) => {
+  const t = I(!1), n = I(!1), v = I(null), s = xe();
+  s != null && s.escape && G(s.escape, () => {
+    d(new Event("close"));
+  });
+  const d = (r) => {
+    n.value = !1, setTimeout(() => {
+      t.value = !1;
+    }, 50), setTimeout(() => {
+      e("close", r || new Event("close"));
+    }, 300), v.value && clearTimeout(v.value);
+  }, c = () => e("open", t.value);
+  return q(() => {
+    setTimeout(() => {
+      t.value = !0;
+    }, 300), setTimeout(() => {
+      n.value = !0;
+    }, 500), o && (v.value = setTimeout(() => {
+      d();
+    }, o * 1e3));
+  }), {
+    show: t,
+    overlay: n,
+    onClose: d,
+    onOpen: c
+  };
+}, Ae = (e, o, t) => {
+  const n = M(() => {
+    var a;
+    return (a = o.value) == null ? void 0 : a.clientHeight;
+  }), v = E("translateY(0)"), s = E(1), d = E(!1);
+  if ((/* @__PURE__ */ be(ge)).greaterOrEqual("lg")) {
+    const { lengthY: a } = Ee(e, {
+      passive: !1,
+      onSwipeStart() {
+        d.value = !0;
+      },
+      onSwipe() {
+        if (n.value)
+          if (a.value < 0) {
+            const m = Math.abs(a.value);
+            v.value = `translateY(${m}px)`, s.value = 1.1 - m / n.value, s.value < 0.3 && (s.value = 0);
+          } else
+            v.value = "translateY(0)", s.value = 1;
+      },
+      onSwipeEnd(m) {
+        d.value = !1, a.value < 0 && n.value && Math.abs(a.value) / n.value >= 0.5 ? (s.value = 0, setTimeout(() => {
+          t(m);
+        }, 100)) : (v.value = "translateY(0)", s.value = 1);
+      }
+    });
+  }
+  return {
+    isSwiping: d,
+    transform: v,
+    opacity: s
+  };
+};
+export {
+  Ae as a,
+  be as b,
+  ge as c,
+  Me as d,
+  Ce as e,
+  Oe as o,
+  Pe as u
+};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.5",
+  "version": "2.1.7",
   "name": "vuesp-components",
   "type": "module",
   "main": "./dist/index.js",
@@ -85,10 +85,10 @@
     "unplugin-vue-components": "^32.1.0",
     "vite": "^5.0.0",
     "vite-plugin-dts": "~4.5.0",
-    "vue": "3.5.39",
+    "vue": "3.5.41",
     "vue-tsc": "^2.2.8"
   },
   "peerDependencies": {
-    "vue": "^3.5.0"
+    "vue": "3.5.41"
   }
 }