vuesp-components 2.1.3 → 2.1.4

package/dist/useSwipeDown-BHSNKbwG.js

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

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.3",
+  "version": "2.1.4",
   "name": "vuesp-components",
   "type": "module",
   "main": "./dist/index.js",
@@ -32,7 +32,7 @@
       "default": "./dist/helpers/index.es.js"
     },
     "./types": {
-      "types": "./dist/types/types.d.ts"
+      "types": "./dist/types/index.d.ts"
     },
     "./dist/style.css": {
       "import": "./dist/style.css",

package/dist/types/state.d.ts

@@ -1,52 +0,0 @@
-import { IMenuItem, IDialog, IMessageInfo, IMessagePort, IMessageSettings, IMessageProgress, IDashboardItem } from './types';
-export interface INotification {
-    key?: number;
-    isNew: number;
-    color: number;
-    timeout: number;
-    date: number;
-    text: string;
-}
-export interface IPackage {
-    name: string;
-    version: string;
-    author?: string;
-    email?: string;
-    homepage?: string;
-    description?: string;
-    repository?: {
-        type: string;
-        url: string;
-    };
-    bugs?: {
-        url: string;
-    };
-    license?: string;
-}
-export interface IStateInfo extends IMessageInfo {
-    pkg?: IPackage;
-    board?: number;
-}
-export interface IStateMain {
-    info: IStateInfo;
-    ports: Record<string, IMessagePort>;
-}
-export interface IStateApp {
-    menu: IMenuItem[];
-    dashboard: IDashboardItem[];
-    theme: string;
-    dialog: IDialog;
-}
-export interface IStateWebSocket {
-    socket: WebSocket | null;
-    pingClient: number;
-    pingDevice: number;
-    isInit: boolean;
-}
-export interface IStateWebSocketStore {
-    settings: IMessageSettings;
-    main: IStateMain;
-    progress: IMessageProgress;
-    notifications: INotification[];
-}
-//# sourceMappingURL=state.d.ts.map

package/dist/types/state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/types/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGxI,MAAM,WAAW,aAAa;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,IAAI,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC5C,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CACjB;AACD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,aAAa,EAAE,aAAa,EAAE,CAAC;CAChC"}

package/dist/types/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}