vuesp-components 2.1.5 → 2.1.6

package/dist/useSwipeDown-CZyt34x6.js

@@ -0,0 +1,575 @@
+import { watch as N, shallowRef as E, shallowReadonly as U, onMounted as G, nextTick as z, toValue as x, getCurrentScope as Z, onScopeDispose as ee, 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((f, s) => {
+      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(f).catch(s);
+    });
+  }
+  return t;
+}
+function fe(e, o = {}) {
+  let t, n, f = C;
+  const s = (r) => {
+    clearTimeout(r), f(), f = C;
+  };
+  let c;
+  return (r) => {
+    const a = x(e), v = x(o.maxWait);
+    return t && s(t), a <= 0 || v !== void 0 && v <= 0 ? (n && (s(n), n = void 0), Promise.resolve(r())) : new Promise((g, y) => {
+      f = o.rejectOnCancel ? y : g, c = r, v && !n && (n = setTimeout(() => {
+        t && s(t), n = void 0, g(c());
+      }, v)), 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]) || "", f = e.slice(n.length), s = Number.parseFloat(n) + o;
+  return Number.isNaN(s) ? e : s + f;
+}
+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() ? G(e, t) : o ? e() : z(e);
+}
+function he(e, o, t = {}) {
+  const {
+    immediate: n = !0,
+    immediateCallback: f = !1
+  } = t, s = E(!1);
+  let c;
+  function d() {
+    c && (clearTimeout(c), c = void 0);
+  }
+  function r() {
+    s.value = !1, d();
+  }
+  function a(...v) {
+    f && e(), d(), s.value = !0, c = setTimeout(() => {
+      s.value = !1, c = void 0, e(...v);
+    }, x(o));
+  }
+  return n && (s.value = !0, _ && a()), X(r), {
+    isPending: U(s),
+    start: a,
+    stop: r
+  };
+}
+function we(e, o, t) {
+  return N(
+    e,
+    o,
+    {
+      ...t,
+      immediate: !0
+    }
+  );
+}
+function Oe(e, o, t) {
+  return N(
+    e,
+    (f, s, c) => {
+      f && o(f, s, c);
+    },
+    {
+      ...t,
+      once: !1
+    }
+  );
+}
+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((d) => d()), o.length = 0;
+  }, n = (d, r, a, v) => (d.addEventListener(r, a, v), () => d.removeEventListener(r, a, v)), f = M(() => {
+    const d = F(x(e[0])).filter((r) => r != null);
+    return d.every((r) => typeof r != "string") ? d : void 0;
+  }), s = we(
+    () => {
+      var d, r;
+      return [
+        (r = (d = f.value) == null ? void 0 : d.map((a) => W(a))) != null ? r : [R].filter((a) => a != null),
+        F(x(f.value ? e[1] : e[0])),
+        F(oe(f.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        x(f.value ? e[3] : e[2])
+      ];
+    },
+    ([d, r, a, v]) => {
+      if (t(), !(d != null && d.length) || !(r != null && r.length) || !(a != null && a.length))
+        return;
+      const g = ae(v) ? { ...v } : v;
+      o.push(
+        ...d.flatMap(
+          (y) => r.flatMap(
+            (l) => a.map((m) => n(y, l, m, g))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), c = () => {
+    s(), t();
+  };
+  return X(t), c;
+}
+let B = !1;
+function Ce(e, o, t = {}) {
+  const { window: n = R, ignore: f = [], capture: s = !0, detectIframe: c = !1, controls: d = !1 } = t;
+  if (!n)
+    return d ? { stop: C, cancel: C, trigger: C } : C;
+  if (ue && !B) {
+    B = !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(f).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 v(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) && v(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 m = [
+    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 }),
+    c && 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 = () => m.forEach((i) => i());
+  return d ? {
+    stop: b,
+    cancel: () => {
+      r = !1;
+    },
+    trigger: (i) => {
+      r = !0, y(i), r = !1;
+    }
+  } : b;
+}
+// @__NO_SIDE_EFFECTS__
+function Y(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, f = /* @__PURE__ */ Y(() => t && "matchMedia" in t && typeof t.matchMedia == "function"), s = E(typeof n == "number"), c = E(), d = E(!1), r = (a) => {
+    d.value = a.matches;
+  };
+  return ne(() => {
+    if (s.value) {
+      s.value = !f.value;
+      const a = x(e).split(",");
+      d.value = a.some((v) => {
+        const g = v.includes("not all"), y = v.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), l = v.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let m = !!(y || l);
+        return y && m && (m = n >= j(y[1])), l && m && (m = n <= j(l[1])), g ? !m : m;
+      });
+      return;
+    }
+    f.value && (c.value = t.matchMedia(x(e)), d.value = c.value.matches);
+  }), T(c, "change", r, { passive: !0 }), M(() => d.value);
+}
+const ge = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+// @__NO_SIDE_EFFECTS__
+function be(e, o = {}) {
+  function t(l, m) {
+    let b = x(e[x(l)]);
+    return m != null && (b = me(b, m)), typeof b == "number" && (b = `${b}px`), b;
+  }
+  const { window: n = R, strategy: f = "min-width", ssrWidth: s = /* @__PURE__ */ Q() } = o, c = typeof s == "number", d = c ? E(!1) : { value: !0 };
+  c && pe(() => d.value = !!n);
+  function r(l, m) {
+    return !d.value && c ? l === "min" ? s >= j(m) : s <= j(m) : n ? n.matchMedia(`(${l}-width: ${m})`).matches : !1;
+  }
+  const a = (l) => L(() => `(min-width: ${t(l)})`, o), v = (l) => L(() => `(max-width: ${t(l)})`, o), g = Object.keys(e).reduce((l, m) => (Object.defineProperty(l, m, {
+    get: () => f === "min-width" ? a(m) : v(m),
+    enumerable: !0,
+    configurable: !0
+  }), l), {});
+  function y() {
+    const l = Object.keys(e).map((m) => [m, g[m], j(t(m))]).sort((m, b) => m[2] - b[2]);
+    return M(() => l.filter(([, m]) => m.value).map(([m]) => m));
+  }
+  return Object.assign(g, {
+    greaterOrEqual: a,
+    smallerOrEqual: v,
+    greater(l) {
+      return L(() => `(min-width: ${t(l, 0.1)})`, o);
+    },
+    smaller(l) {
+      return L(() => `(max-width: ${t(l, -0.1)})`, o);
+    },
+    between(l, m) {
+      return L(() => `(min-width: ${t(l)}) and (max-width: ${t(m, -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, m) {
+      return r("min", t(l)) && r("max", t(m, -0.1));
+    },
+    current: y,
+    active() {
+      const l = y();
+      return M(() => l.value.length === 0 ? "" : l.value.at(f === "min-width" ? -1 : 0));
+    }
+  });
+}
+// @__NO_SIDE_EFFECTS__
+function q(e, o = {}) {
+  const {
+    controls: t = !1,
+    navigator: n = H
+  } = o, f = /* @__PURE__ */ Y(() => n && "permissions" in n), s = E(), c = typeof e == "string" ? { name: e } : e, d = E(), r = () => {
+    var v, g;
+    d.value = (g = (v = s.value) == null ? void 0 : v.state) != null ? g : "prompt";
+  };
+  T(s, "change", r, { passive: !0 });
+  const a = de(async () => {
+    if (f.value) {
+      if (!s.value)
+        try {
+          s.value = await n.permissions.query(c);
+        } catch {
+          s.value = void 0;
+        } finally {
+          r();
+        }
+      if (t)
+        return re(s.value);
+    }
+  });
+  return a(), t ? {
+    state: d,
+    isSupported: f,
+    query: a
+  } : d;
+}
+function Pe(e = {}) {
+  const {
+    navigator: o = H,
+    read: t = !1,
+    source: n,
+    copiedDuring: f = 1500,
+    legacy: s = !1
+  } = e, c = /* @__PURE__ */ Y(() => o && "clipboard" in o), d = /* @__PURE__ */ q("clipboard-read"), r = /* @__PURE__ */ q("clipboard-write"), a = M(() => c.value || s), v = E(""), g = E(!1), y = he(() => g.value = !1, f, { immediate: !1 });
+  async function l() {
+    let p = !(c.value && u(d.value));
+    if (!p)
+      try {
+        v.value = await o.clipboard.readText();
+      } catch {
+        p = !0;
+      }
+    p && (v.value = i());
+  }
+  a.value && t && T(["copy", "cut"], l, { passive: !0 });
+  async function m(p = x(n)) {
+    if (a.value && p != null) {
+      let w = !(c.value && u(r.value));
+      if (!w)
+        try {
+          await o.clipboard.writeText(p);
+        } catch {
+          w = !0;
+        }
+      w && b(p), v.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: v,
+    copied: g,
+    copy: m
+  };
+}
+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: f = !0,
+    onEventFired: s = C
+  } = e, c = $(/* @__PURE__ */ new Set()), d = {
+    toJSON() {
+      return {};
+    },
+    current: c
+  }, r = o ? $(d) : d, a = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Set();
+  function y(i, u) {
+    i in r && (o ? r[i] = u : r[i].value = u);
+  }
+  function l() {
+    c.clear();
+    for (const i of g)
+      y(i, !1);
+  }
+  function m(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 ? c.add(S) : c.delete(S));
+    for (const h of k)
+      g.add(h), y(h, u);
+    if (S === "shift" && !u) {
+      const h = Array.from(v), O = h.indexOf("shift");
+      h.forEach((P, J) => {
+        J >= O && (c.delete(P), y(P, !1));
+      }), v.clear();
+    } else typeof i.getModifierState == "function" && i.getModifierState("Shift") && u && [...c, ...k].forEach((h) => v.add(h));
+    S === "meta" && !u ? (a.forEach((h) => {
+      c.delete(h), y(h, !1);
+    }), a.clear()) : typeof i.getModifierState == "function" && i.getModifierState("Meta") && u && [...c, ...k].forEach((h) => a.add(h));
+  }
+  T(t, "keydown", (i) => (m(i, !0), s(i)), { passive: f }), T(t, "keyup", (i) => (m(i, !1), s(i)), { passive: f }), T("blur", l, { passive: f }), T("focus", l, { passive: f });
+  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: f,
+    onSwipeStart: s,
+    passive: c = !0
+  } = o, d = $({ x: 0, y: 0 }), r = $({ x: 0, y: 0 }), a = M(() => d.x - r.x), v = M(() => d.y - r.y), { max: g, abs: y } = Math, l = M(() => g(y(a.value), y(v.value)) >= t), m = E(!1), b = M(() => l.value ? y(a.value) > y(v.value) ? a.value > 0 ? "left" : "right" : v.value > 0 ? "up" : "down" : "none"), i = (h) => [h.touches[0].clientX, h.touches[0].clientY], u = (h, O) => {
+    d.x = h, d.y = O;
+  }, p = (h, O) => {
+    r.x = h, r.y = O;
+  }, w = { passive: c, capture: !c }, S = (h) => {
+    m.value && (f == null || f(h, b.value)), m.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(v.value) && h.preventDefault(), !m.value && l.value && (m.value = !0), m.value && (n == null || n(h));
+    }, w),
+    T(e, ["touchend", "touchcancel"], S, w)
+  ];
+  return {
+    isSwiping: m,
+    direction: b,
+    coordsStart: d,
+    coordsEnd: r,
+    lengthX: a,
+    lengthY: v,
+    stop: () => A.forEach((h) => h()),
+    // TODO: Remove in the next major version
+    isPassiveEventSupported: !0
+  };
+}
+const Ae = (e, o) => {
+  const t = I(!1), n = I(!1), f = I(null), s = xe();
+  s != null && s.escape && N(s.escape, () => {
+    c(new Event("close"));
+  });
+  const c = (r) => {
+    n.value = !1, setTimeout(() => {
+      t.value = !1;
+    }, 50), setTimeout(() => {
+      e("close", r || new Event("close"));
+    }, 300), f.value && clearTimeout(f.value);
+  }, d = () => e("open", t.value);
+  return G(() => {
+    setTimeout(() => {
+      t.value = !0;
+    }, 300), setTimeout(() => {
+      n.value = !0;
+    }, 500), o && (f.value = setTimeout(() => {
+      c();
+    }, o * 1e3));
+  }), {
+    show: t,
+    overlay: n,
+    onClose: c,
+    onOpen: d
+  };
+}, Le = (e, o, t) => {
+  const n = M(() => {
+    var a;
+    return (a = o.value) == null ? void 0 : a.clientHeight;
+  }), f = E("translateY(0)"), s = E(1), c = E(!1);
+  if ((/* @__PURE__ */ be(ge)).greaterOrEqual("lg")) {
+    const { lengthY: a } = Ee(e, {
+      passive: !1,
+      onSwipeStart() {
+        c.value = !0;
+      },
+      onSwipe() {
+        if (n.value)
+          if (a.value < 0) {
+            const v = Math.abs(a.value);
+            f.value = `translateY(${v}px)`, s.value = 1.1 - v / n.value, s.value < 0.3 && (s.value = 0);
+          } else
+            f.value = "translateY(0)", s.value = 1;
+      },
+      onSwipeEnd(v) {
+        c.value = !1, a.value < 0 && n.value && Math.abs(a.value) / n.value >= 0.5 ? (s.value = 0, setTimeout(() => {
+          t(v);
+        }, 100)) : (f.value = "translateY(0)", s.value = 1);
+      }
+    });
+  }
+  return {
+    isSwiping: c,
+    transform: f,
+    opacity: s
+  };
+};
+export {
+  Le as a,
+  be as b,
+  ge as c,
+  Me as d,
+  Pe as e,
+  xe as f,
+  Ce as o,
+  Ae as u,
+  Oe as w
+};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.5",
+  "version": "2.1.6",
   "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"
   }
 }