@zealsolutions/zeal-ui 1.0.0-alpha.100

package/dist/InfiniteScroll-CgeGewSV.js

@@ -0,0 +1,498 @@
+import { unref as ee, watch as A, onMounted as P, nextTick as Q, getCurrentScope as te, onScopeDispose as ne, getCurrentInstance as X, isRef as re, computed as _, reactive as N, ref as g, watchEffect as oe, openBlock as ie, createElementBlock as le, renderSlot as se } from "vue";
+function H(e) {
+  return te() ? (ne(e), !0) : !1;
+}
+function w(e) {
+  return typeof e == "function" ? e() : ee(e);
+}
+const ue = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const ce = (e) => e != null, ae = Object.prototype.toString, fe = (e) => ae.call(e) === "[object Object]", T = () => {
+};
+function V(e, n) {
+  function t(...o) {
+    return new Promise((i, l) => {
+      Promise.resolve(e(() => n.apply(this, o), { fn: n, thisArg: this, args: o })).then(i).catch(l);
+    });
+  }
+  return t;
+}
+const de = (e) => e();
+function U(e, n = {}) {
+  let t, o, i = T;
+  const l = (u) => {
+    clearTimeout(u), i(), i = T;
+  };
+  return (u) => {
+    const a = w(e), f = w(n.maxWait);
+    return t && l(t), a <= 0 || f !== void 0 && f <= 0 ? (o && (l(o), o = null), Promise.resolve(u())) : new Promise((r, s) => {
+      i = n.rejectOnCancel ? s : r, f && !o && (o = setTimeout(() => {
+        t && l(t), o = null, r(u());
+      }, f)), t = setTimeout(() => {
+        o && l(o), o = null, r(u());
+      }, a);
+    });
+  };
+}
+function me(...e) {
+  let n = 0, t, o = !0, i = T, l, c, u, a, f;
+  !re(e[0]) && typeof e[0] == "object" ? { delay: c, trailing: u = !0, leading: a = !0, rejectOnCancel: f = !1 } = e[0] : [c, u = !0, a = !0, f = !1] = e;
+  const r = () => {
+    t && (clearTimeout(t), t = void 0, i(), i = T);
+  };
+  return (m) => {
+    const v = w(c), h = Date.now() - n, S = () => l = m();
+    return r(), v <= 0 ? (n = Date.now(), S()) : (h > v && (a || !o) ? (n = Date.now(), S()) : u && (l = new Promise((b, p) => {
+      i = f ? p : b, t = setTimeout(() => {
+        n = Date.now(), o = !0, b(S()), r();
+      }, Math.max(0, v - h));
+    })), !a && !t && (t = setTimeout(() => o = !0, v)), o = !1, l);
+  };
+}
+function ve(e, n) {
+  var t;
+  if (typeof e == "number")
+    return e + n;
+  const o = ((t = e.match(/^-?[0-9]+\.?[0-9]*/)) == null ? void 0 : t[0]) || "", i = e.slice(o.length), l = Number.parseFloat(o) + n;
+  return Number.isNaN(l) ? e : l + i;
+}
+function he(e) {
+  return X();
+}
+function pe(e, n = 200, t = {}) {
+  return V(
+    U(n, t),
+    e
+  );
+}
+function we(e, n = 200, t = !1, o = !0, i = !1) {
+  return V(
+    me(n, t, o, i),
+    e
+  );
+}
+function be(e, n, t = {}) {
+  const {
+    eventFilter: o = de,
+    ...i
+  } = t;
+  return A(
+    e,
+    V(
+      o,
+      n
+    ),
+    i
+  );
+}
+function J(e, n = !0, t) {
+  he() ? P(e, t) : n ? e() : Q(e);
+}
+function _e(e, n, t = {}) {
+  const {
+    debounce: o = 0,
+    maxWait: i = void 0,
+    ...l
+  } = t;
+  return be(
+    e,
+    n,
+    {
+      ...l,
+      eventFilter: U(o, { maxWait: i })
+    }
+  );
+}
+function $(e) {
+  var n;
+  const t = w(e);
+  return (n = t == null ? void 0 : t.$el) != null ? n : t;
+}
+const W = ue ? window : void 0;
+function F(...e) {
+  let n, t, o, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, o, i] = e, n = W) : [n, t, o, i] = e, !n)
+    return T;
+  Array.isArray(t) || (t = [t]), Array.isArray(o) || (o = [o]);
+  const l = [], c = () => {
+    l.forEach((r) => r()), l.length = 0;
+  }, u = (r, s, m, v) => (r.addEventListener(s, m, v), () => r.removeEventListener(s, m, v)), a = A(
+    () => [$(n), w(i)],
+    ([r, s]) => {
+      if (c(), !r)
+        return;
+      const m = fe(s) ? { ...s } : s;
+      l.push(
+        ...t.flatMap((v) => o.map((h) => u(r, v, h, m)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), f = () => {
+    a(), c();
+  };
+  return H(f), f;
+}
+function ye() {
+  const e = g(!1), n = X();
+  return n && P(() => {
+    e.value = !0;
+  }, n), e;
+}
+function K(e) {
+  const n = ye();
+  return _(() => (n.value, !!e()));
+}
+function L(e, n = {}) {
+  const { window: t = W } = n, o = K(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
+  let i;
+  const l = g(!1), c = (f) => {
+    l.value = f.matches;
+  }, u = () => {
+    i && ("removeEventListener" in i ? i.removeEventListener("change", c) : i.removeListener(c));
+  }, a = oe(() => {
+    o.value && (u(), i = t.matchMedia(w(e)), "addEventListener" in i ? i.addEventListener("change", c) : i.addListener(c), l.value = i.matches);
+  });
+  return H(() => {
+    a(), u(), i = void 0;
+  }), l;
+}
+const xe = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+function Ie(e, n = {}) {
+  function t(r, s) {
+    let m = w(e[w(r)]);
+    return s != null && (m = ve(m, s)), typeof m == "number" && (m = `${m}px`), m;
+  }
+  const { window: o = W, strategy: i = "min-width" } = n;
+  function l(r) {
+    return o ? o.matchMedia(r).matches : !1;
+  }
+  const c = (r) => L(() => `(min-width: ${t(r)})`, n), u = (r) => L(() => `(max-width: ${t(r)})`, n), a = Object.keys(e).reduce((r, s) => (Object.defineProperty(r, s, {
+    get: () => i === "min-width" ? c(s) : u(s),
+    enumerable: !0,
+    configurable: !0
+  }), r), {});
+  function f() {
+    const r = Object.keys(e).map((s) => [s, c(s)]);
+    return _(() => r.filter(([, s]) => s.value).map(([s]) => s));
+  }
+  return Object.assign(a, {
+    greaterOrEqual: c,
+    smallerOrEqual: u,
+    greater(r) {
+      return L(() => `(min-width: ${t(r, 0.1)})`, n);
+    },
+    smaller(r) {
+      return L(() => `(max-width: ${t(r, -0.1)})`, n);
+    },
+    between(r, s) {
+      return L(() => `(min-width: ${t(r)}) and (max-width: ${t(s, -0.1)})`, n);
+    },
+    isGreater(r) {
+      return l(`(min-width: ${t(r, 0.1)})`);
+    },
+    isGreaterOrEqual(r) {
+      return l(`(min-width: ${t(r)})`);
+    },
+    isSmaller(r) {
+      return l(`(max-width: ${t(r, -0.1)})`);
+    },
+    isSmallerOrEqual(r) {
+      return l(`(max-width: ${t(r)})`);
+    },
+    isInBetween(r, s) {
+      return l(`(min-width: ${t(r)}) and (max-width: ${t(s, -0.1)})`);
+    },
+    current: f,
+    active() {
+      const r = f();
+      return _(() => r.value.length === 0 ? "" : r.value.at(-1));
+    }
+  });
+}
+function ge(e, n, t = {}) {
+  const {
+    root: o,
+    rootMargin: i = "0px",
+    threshold: l = 0.1,
+    window: c = W,
+    immediate: u = !0
+  } = t, a = K(() => c && "IntersectionObserver" in c), f = _(() => {
+    const h = w(e);
+    return (Array.isArray(h) ? h : [h]).map($).filter(ce);
+  });
+  let r = T;
+  const s = g(u), m = a.value ? A(
+    () => [f.value, $(o), s.value],
+    ([h, S]) => {
+      if (r(), !s.value || !h.length)
+        return;
+      const b = new IntersectionObserver(
+        n,
+        {
+          root: $(S),
+          rootMargin: i,
+          threshold: l
+        }
+      );
+      h.forEach((p) => p && b.observe(p)), r = () => {
+        b.disconnect(), r = T;
+      };
+    },
+    { immediate: u, flush: "post" }
+  ) : T, v = () => {
+    r(), m(), s.value = !1;
+  };
+  return H(v), {
+    isSupported: a,
+    isActive: s,
+    pause() {
+      r(), s.value = !1;
+    },
+    resume() {
+      s.value = !0;
+    },
+    stop: v
+  };
+}
+function Ee(e, n = {}) {
+  const { window: t = W, scrollTarget: o, threshold: i = 0 } = n, l = g(!1);
+  return ge(
+    e,
+    (c) => {
+      let u = l.value, a = 0;
+      for (const f of c)
+        f.time >= a && (a = f.time, u = f.isIntersecting);
+      l.value = u;
+    },
+    {
+      root: o,
+      window: t,
+      threshold: i
+    }
+  ), l;
+}
+const Y = 1;
+function Se(e, n = {}) {
+  const {
+    throttle: t = 0,
+    idle: o = 200,
+    onStop: i = T,
+    onScroll: l = T,
+    offset: c = {
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    },
+    eventListenerOptions: u = {
+      capture: !1,
+      passive: !0
+    },
+    behavior: a = "auto",
+    window: f = W,
+    onError: r = (d) => {
+      console.error(d);
+    }
+  } = n, s = g(0), m = g(0), v = _({
+    get() {
+      return s.value;
+    },
+    set(d) {
+      S(d, void 0);
+    }
+  }), h = _({
+    get() {
+      return m.value;
+    },
+    set(d) {
+      S(void 0, d);
+    }
+  });
+  function S(d, x) {
+    var y, M, D;
+    if (!f)
+      return;
+    const O = w(e);
+    O && ((D = O instanceof Document ? f.document.body : O) == null || D.scrollTo({
+      top: (y = w(x)) != null ? y : h.value,
+      left: (M = w(d)) != null ? M : v.value,
+      behavior: w(a)
+    }));
+  }
+  const b = g(!1), p = N({
+    left: !0,
+    right: !1,
+    top: !0,
+    bottom: !1
+  }), E = N({
+    left: !1,
+    right: !1,
+    top: !1,
+    bottom: !1
+  }), C = (d) => {
+    b.value && (b.value = !1, E.left = !1, E.right = !1, E.top = !1, E.bottom = !1, i(d));
+  }, Z = pe(C, t + o), j = (d) => {
+    var x;
+    if (!f)
+      return;
+    const y = ((x = d == null ? void 0 : d.document) == null ? void 0 : x.documentElement) || (d == null ? void 0 : d.documentElement) || $(d), { display: M, flexDirection: D } = getComputedStyle(y), O = y.scrollLeft;
+    E.left = O < s.value, E.right = O > s.value;
+    const k = Math.abs(O) <= (c.left || 0), R = Math.abs(O) + y.clientWidth >= y.scrollWidth - (c.right || 0) - Y;
+    M === "flex" && D === "row-reverse" ? (p.left = R, p.right = k) : (p.left = k, p.right = R), s.value = O;
+    let I = y.scrollTop;
+    d === f.document && !I && (I = f.document.body.scrollTop), E.top = I < m.value, E.bottom = I > m.value;
+    const q = Math.abs(I) <= (c.top || 0), G = Math.abs(I) + y.clientHeight >= y.scrollHeight - (c.bottom || 0) - Y;
+    M === "flex" && D === "column-reverse" ? (p.top = G, p.bottom = q) : (p.top = q, p.bottom = G), m.value = I;
+  }, B = (d) => {
+    var x;
+    if (!f)
+      return;
+    const y = (x = d.target.documentElement) != null ? x : d.target;
+    j(y), b.value = !0, Z(d), l(d);
+  };
+  return F(
+    e,
+    "scroll",
+    t ? we(B, t, !0, !1) : B,
+    u
+  ), J(() => {
+    try {
+      const d = w(e);
+      if (!d)
+        return;
+      j(d);
+    } catch (d) {
+      r(d);
+    }
+  }), F(
+    e,
+    "scrollend",
+    C,
+    u
+  ), {
+    x: v,
+    y: h,
+    isScrolling: b,
+    arrivedState: p,
+    directions: E,
+    measure() {
+      const d = w(e);
+      f && d && j(d);
+    }
+  };
+}
+function Te(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function z(e, n, t = {}) {
+  var o;
+  const {
+    direction: i = "bottom",
+    interval: l = 100,
+    canLoadMore: c = () => !0
+  } = t, u = N(Se(
+    e,
+    {
+      ...t,
+      offset: {
+        [i]: (o = t.distance) != null ? o : 0,
+        ...t.offset
+      }
+    }
+  )), a = g(), f = _(() => !!a.value), r = _(() => Te(w(e))), s = Ee(r);
+  function m() {
+    if (u.measure(), !r.value || !s.value || !c(r.value))
+      return;
+    const { scrollHeight: v, clientHeight: h, scrollWidth: S, clientWidth: b } = r.value, p = i === "bottom" || i === "top" ? v <= h : S <= b;
+    (u.arrivedState[i] || p) && (a.value || (a.value = Promise.all([
+      n(u),
+      new Promise((E) => setTimeout(E, l))
+    ]).finally(() => {
+      a.value = null, Q(() => m());
+    })));
+  }
+  return A(
+    () => [u.arrivedState[i], s.value],
+    m,
+    { immediate: !0 }
+  ), {
+    isLoading: f
+  };
+}
+function We(e = {}) {
+  const {
+    window: n = W,
+    initialWidth: t = Number.POSITIVE_INFINITY,
+    initialHeight: o = Number.POSITIVE_INFINITY,
+    listenOrientation: i = !0,
+    includeScrollbar: l = !0
+  } = e, c = g(t), u = g(o), a = () => {
+    n && (l ? (c.value = n.innerWidth, u.value = n.innerHeight) : (c.value = n.document.documentElement.clientWidth, u.value = n.document.documentElement.clientHeight));
+  };
+  if (a(), J(a), F("resize", a, { passive: !0 }), i) {
+    const f = L("(orientation: portrait)");
+    A(f, () => a());
+  }
+  return { width: c, height: u };
+}
+const Le = {
+  __name: "InfiniteScroll",
+  props: {
+    down: {
+      type: Boolean,
+      default: !0
+    },
+    up: {
+      type: Boolean,
+      default: !1
+    },
+    distance: {
+      type: Number,
+      default: 10
+    }
+  },
+  emits: ["load"],
+  setup(e, { expose: n, emit: t }) {
+    const o = e, i = t, l = g(null), c = g(!0);
+    n({
+      canEmit: c
+    }), o.down && z(
+      l,
+      () => {
+        u("down");
+      },
+      { distance: o.distance }
+    ), o.up && z(
+      l,
+      () => {
+        u("up");
+      },
+      { distance: o.distance, direction: "top" }
+    );
+    const u = (a) => {
+      c.value && (c.value = !1, i("load", a));
+    };
+    return P(() => {
+      l.value.scrollTop = 0;
+    }), (a, f) => (ie(), le("div", {
+      ref_key: "el",
+      ref: l,
+      class: "overflow-y-scroll overscroll-none"
+    }, [
+      se(a.$slots, "default")
+    ], 512));
+  }
+};
+export {
+  Le as _,
+  We as a,
+  xe as b,
+  Ie as u,
+  _e as w
+};

package/dist/InputField-CxSec0eW.js

@@ -0,0 +1,59 @@
+import { mergeModels as o, useModel as f, computed as m, openBlock as n, createElementBlock as h, normalizeClass as a, renderSlot as g, withDirectives as b, createElementVNode as x, vModelDynamic as y, createBlock as v, createCommentVNode as w } from "vue";
+import { C as B } from "./CircleExclamationIcon-CVpIK7Mu.js";
+const E = ["name", "type", "placeholder", "disabled"], C = {
+  __name: "InputField",
+  props: /* @__PURE__ */ o({
+    hasError: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    fieldType: {
+      type: String,
+      default: "text"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ o(["blur"], ["update:modelValue"]),
+  setup(e, { emit: i }) {
+    const t = e, s = i, l = f(e, "modelValue"), d = () => {
+      s("blur");
+    }, u = m(() => t.hasError && !t.disabled ? "ring-error-950 focus-within:bg-error-100 focus-within:ring-error-950 text-error-950" : t.disabled ? "ring-steel-500 bg-steel-100 cursor-not-allowed" : "ring-steel-500 focus-within:bg-app-100 focus-within:ring-app-950 text-black-950");
+    return (c, r) => (n(), h("div", {
+      class: a(["relative flex flex-1 gap-x-2 px-4 text-style-input items-center h-10 rounded-[20px] ring-1 ring-inset focus-within:ring-2 focus-within:outline-none", u.value])
+    }, [
+      g(c.$slots, "icon"),
+      b(x("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (p) => l.value = p),
+        name: e.label,
+        onBlur: d,
+        type: e.fieldType,
+        class: a(["flex-1 border-0 bg-transparent pl-0 ring-0 focus:ring-0 outline-none focus:outline-none disabled:placeholder:text-steel-800 disabled:pointer-events-none", e.hasError ? " focus:placeholder:text-error-950 pr-6" : "placeholder:text-steel-950 pr-0"]),
+        placeholder: e.placeholder,
+        disabled: e.disabled
+      }, null, 42, E), [
+        [y, l.value]
+      ]),
+      e.hasError ? (n(), v(B, {
+        key: 0,
+        class: "absolute top-1/2 -translate-y-1/2 right-3 scale-[0.8182] pointer-events-none text-error-950"
+      })) : w("", !0)
+    ], 2));
+  }
+};
+export {
+  C as _
+};