@adyen/bento-vue3 1.84.2 → 1.86.0

package/dist/chunks/index.CbxHJr39.js

@@ -0,0 +1,691 @@
+import { onMounted as U, nextTick as oe, unref as re, watch as A, toRef as ie, readonly as le, customRef as ue, ref as p, getCurrentScope as se, onScopeDispose as ce, getCurrentInstance as X, isRef as ae, shallowRef as fe, computed as O, reactive as q, watchEffect as de } from "vue";
+function D(e) {
+  return se() ? (ce(e), !0) : !1;
+}
+function w(e) {
+  return typeof e == "function" ? e() : re(e);
+}
+const ve = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const K = (e) => e != null, he = Object.prototype.toString, me = (e) => he.call(e) === "[object Object]", I = () => {
+};
+function P(e, t) {
+  function o(...i) {
+    return new Promise((u, l) => {
+      Promise.resolve(e(() => t.apply(this, i), { fn: t, thisArg: this, args: i })).then(u).catch(l);
+    });
+  }
+  return o;
+}
+const pe = (e) => e();
+function Q(e, t = {}) {
+  let o, i, u = I;
+  const l = (s) => {
+    clearTimeout(s), u(), u = I;
+  };
+  return (s) => {
+    const d = w(e), a = w(t.maxWait);
+    return o && l(o), d <= 0 || a !== void 0 && a <= 0 ? (i && (l(i), i = null), Promise.resolve(s())) : new Promise((n, r) => {
+      u = t.rejectOnCancel ? r : n, a && !i && (i = setTimeout(() => {
+        o && l(o), i = null, n(s());
+      }, a)), o = setTimeout(() => {
+        i && l(i), i = null, n(s());
+      }, d);
+    });
+  };
+}
+function J(...e) {
+  let t = 0, o, i = !0, u = I, l, c, s, d, a;
+  !ae(e[0]) && typeof e[0] == "object" ? { delay: c, trailing: s = !0, leading: d = !0, rejectOnCancel: a = !1 } = e[0] : [c, s = !0, d = !0, a = !1] = e;
+  const n = () => {
+    o && (clearTimeout(o), o = void 0, u(), u = I);
+  };
+  return (f) => {
+    const v = w(c), h = Date.now() - t, E = () => l = f();
+    return n(), v <= 0 ? (t = Date.now(), E()) : (h > v && (d || !i) ? (t = Date.now(), E()) : s && (l = new Promise((g, b) => {
+      u = a ? b : g, o = setTimeout(() => {
+        t = Date.now(), i = !0, g(E()), n();
+      }, Math.max(0, v - h));
+    })), !d && !o && (o = setTimeout(() => i = !0, v)), i = !1, l);
+  };
+}
+function we(e, t) {
+  var o;
+  if (typeof e == "number")
+    return e + t;
+  const i = ((o = e.match(/^-?\d+\.?\d*/)) == null ? void 0 : o[0]) || "", u = e.slice(i.length), l = Number.parseFloat(i) + t;
+  return Number.isNaN(l) ? e : l + u;
+}
+function be(e) {
+  return X();
+}
+function ge(...e) {
+  if (e.length !== 1)
+    return ie(...e);
+  const t = e[0];
+  return typeof t == "function" ? le(ue(() => ({ get: t, set: I }))) : p(t);
+}
+function ye(e, t = 200, o = {}) {
+  return P(
+    Q(t, o),
+    e
+  );
+}
+function Ee(e, t = 200, o = !1, i = !0, u = !1) {
+  return P(
+    J(t, o, i, u),
+    e
+  );
+}
+function Z(e, t, o = {}) {
+  const {
+    eventFilter: i = pe,
+    ...u
+  } = o;
+  return A(
+    e,
+    P(
+      i,
+      t
+    ),
+    u
+  );
+}
+function F(e, t = !0, o) {
+  be() ? U(e, o) : t ? e() : oe(e);
+}
+function Ae(e, t, o = {}) {
+  const {
+    debounce: i = 0,
+    maxWait: u = void 0,
+    ...l
+  } = o;
+  return Z(
+    e,
+    t,
+    {
+      ...l,
+      eventFilter: Q(i, { maxWait: u })
+    }
+  );
+}
+function We(e, t, o = {}) {
+  const {
+    throttle: i = 0,
+    trailing: u = !0,
+    leading: l = !0,
+    ...c
+  } = o;
+  return Z(
+    e,
+    t,
+    {
+      ...c,
+      eventFilter: J(i, u, l)
+    }
+  );
+}
+const S = ve ? window : void 0;
+function x(e) {
+  var t;
+  const o = w(e);
+  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+}
+function R(...e) {
+  let t, o, i, u;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([o, i, u] = e, t = S) : [t, o, i, u] = e, !t)
+    return I;
+  Array.isArray(o) || (o = [o]), Array.isArray(i) || (i = [i]);
+  const l = [], c = () => {
+    l.forEach((n) => n()), l.length = 0;
+  }, s = (n, r, f, v) => (n.addEventListener(r, f, v), () => n.removeEventListener(r, f, v)), d = A(
+    () => [x(t), w(u)],
+    ([n, r]) => {
+      if (c(), !n)
+        return;
+      const f = me(r) ? { ...r } : r;
+      l.push(
+        ...o.flatMap((v) => i.map((h) => s(n, v, h, f)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), a = () => {
+    d(), c();
+  };
+  return D(a), a;
+}
+function xe(e) {
+  return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
+}
+function Le(...e) {
+  let t, o, i = {};
+  e.length === 3 ? (t = e[0], o = e[1], i = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, o = e[0], i = e[1]) : (t = e[0], o = e[1]) : (t = !0, o = e[0]);
+  const {
+    target: u = S,
+    eventName: l = "keydown",
+    passive: c = !1,
+    dedupe: s = !1
+  } = i, d = xe(t);
+  return R(u, l, (n) => {
+    n.repeat && w(s) || d(n) && o(n);
+  }, c);
+}
+function Oe() {
+  const e = p(!1), t = X();
+  return t && U(() => {
+    e.value = !0;
+  }, t), e;
+}
+function V(e) {
+  const t = Oe();
+  return O(() => (t.value, !!e()));
+}
+function ee(e, t, o = {}) {
+  const { window: i = S, ...u } = o;
+  let l;
+  const c = V(() => i && "MutationObserver" in i), s = () => {
+    l && (l.disconnect(), l = void 0);
+  }, d = O(() => {
+    const f = w(e), v = (Array.isArray(f) ? f : [f]).map(x).filter(K);
+    return new Set(v);
+  }), a = A(
+    () => d.value,
+    (f) => {
+      s(), c.value && f.size && (l = new MutationObserver(t), f.forEach((v) => l.observe(v, u)));
+    },
+    { immediate: !0, flush: "post" }
+  ), n = () => l == null ? void 0 : l.takeRecords(), r = () => {
+    a(), s();
+  };
+  return D(r), {
+    isSupported: c,
+    stop: r,
+    takeRecords: n
+  };
+}
+function Se(e = {}) {
+  var t;
+  const {
+    window: o = S,
+    deep: i = !0,
+    triggerOnRemoval: u = !1
+  } = e, l = (t = e.document) != null ? t : o == null ? void 0 : o.document, c = () => {
+    var a;
+    let n = l == null ? void 0 : l.activeElement;
+    if (i)
+      for (; n != null && n.shadowRoot; )
+        n = (a = n == null ? void 0 : n.shadowRoot) == null ? void 0 : a.activeElement;
+    return n;
+  }, s = p(), d = () => {
+    s.value = c();
+  };
+  return o && (R(o, "blur", (a) => {
+    a.relatedTarget === null && d();
+  }, !0), R(o, "focus", d, !0)), u && ee(l, (a) => {
+    a.filter((n) => n.removedNodes.length).map((n) => Array.from(n.removedNodes)).flat().forEach((n) => {
+      n === s.value && d();
+    });
+  }, {
+    childList: !0,
+    subtree: !0
+  }), d(), s;
+}
+function N(e, t = {}) {
+  const { window: o = S } = t, i = V(() => o && "matchMedia" in o && typeof o.matchMedia == "function");
+  let u;
+  const l = p(!1), c = (a) => {
+    l.value = a.matches;
+  }, s = () => {
+    u && ("removeEventListener" in u ? u.removeEventListener("change", c) : u.removeListener(c));
+  }, d = de(() => {
+    i.value && (s(), u = o.matchMedia(w(e)), "addEventListener" in u ? u.addEventListener("change", c) : u.addListener(c), l.value = u.matches);
+  });
+  return D(() => {
+    d(), s(), u = void 0;
+  }), l;
+}
+function Me(e, t = {}) {
+  function o(n, r) {
+    let f = w(e[w(n)]);
+    return r != null && (f = we(f, r)), typeof f == "number" && (f = `${f}px`), f;
+  }
+  const { window: i = S, strategy: u = "min-width" } = t;
+  function l(n) {
+    return i ? i.matchMedia(n).matches : !1;
+  }
+  const c = (n) => N(() => `(min-width: ${o(n)})`, t), s = (n) => N(() => `(max-width: ${o(n)})`, t), d = Object.keys(e).reduce((n, r) => (Object.defineProperty(n, r, {
+    get: () => u === "min-width" ? c(r) : s(r),
+    enumerable: !0,
+    configurable: !0
+  }), n), {});
+  function a() {
+    const n = Object.keys(e).map((r) => [r, c(r)]);
+    return O(() => n.filter(([, r]) => r.value).map(([r]) => r));
+  }
+  return Object.assign(d, {
+    greaterOrEqual: c,
+    smallerOrEqual: s,
+    greater(n) {
+      return N(() => `(min-width: ${o(n, 0.1)})`, t);
+    },
+    smaller(n) {
+      return N(() => `(max-width: ${o(n, -0.1)})`, t);
+    },
+    between(n, r) {
+      return N(() => `(min-width: ${o(n)}) and (max-width: ${o(r, -0.1)})`, t);
+    },
+    isGreater(n) {
+      return l(`(min-width: ${o(n, 0.1)})`);
+    },
+    isGreaterOrEqual(n) {
+      return l(`(min-width: ${o(n)})`);
+    },
+    isSmaller(n) {
+      return l(`(max-width: ${o(n, -0.1)})`);
+    },
+    isSmallerOrEqual(n) {
+      return l(`(max-width: ${o(n)})`);
+    },
+    isInBetween(n, r) {
+      return l(`(min-width: ${o(n)}) and (max-width: ${o(r, -0.1)})`);
+    },
+    current: a,
+    active() {
+      const n = a();
+      return O(() => n.value.length === 0 ? "" : n.value.at(-1));
+    }
+  });
+}
+function Ne(e, t) {
+  const o = fe(a()), i = ge(e), u = O({
+    get() {
+      var n;
+      const r = i.value;
+      let f = t != null && t.getIndexOf ? t.getIndexOf(o.value, r) : r.indexOf(o.value);
+      return f < 0 && (f = (n = t == null ? void 0 : t.fallbackIndex) != null ? n : 0), f;
+    },
+    set(n) {
+      l(n);
+    }
+  });
+  function l(n) {
+    const r = i.value, f = r.length, v = (n % f + f) % f, h = r[v];
+    return o.value = h, h;
+  }
+  function c(n = 1) {
+    return l(u.value + n);
+  }
+  function s(n = 1) {
+    return c(n);
+  }
+  function d(n = 1) {
+    return c(-n);
+  }
+  function a() {
+    var n, r;
+    return (r = w((n = t == null ? void 0 : t.initialValue) != null ? n : w(e)[0])) != null ? r : void 0;
+  }
+  return A(i, () => l(u.value)), {
+    state: o,
+    index: u,
+    next: s,
+    prev: d,
+    go: l
+  };
+}
+function te(e, t, o = {}) {
+  const { window: i = S, ...u } = o;
+  let l;
+  const c = V(() => i && "ResizeObserver" in i), s = () => {
+    l && (l.disconnect(), l = void 0);
+  }, d = O(() => {
+    const r = w(e);
+    return Array.isArray(r) ? r.map((f) => x(f)) : [x(r)];
+  }), a = A(
+    d,
+    (r) => {
+      if (s(), c.value && i) {
+        l = new ResizeObserver(t);
+        for (const f of r)
+          f && l.observe(f, u);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), n = () => {
+    s(), a();
+  };
+  return D(n), {
+    isSupported: c,
+    stop: n
+  };
+}
+function $e(e, t = {}) {
+  const {
+    reset: o = !0,
+    windowResize: i = !0,
+    windowScroll: u = !0,
+    immediate: l = !0,
+    updateTiming: c = "sync"
+  } = t, s = p(0), d = p(0), a = p(0), n = p(0), r = p(0), f = p(0), v = p(0), h = p(0);
+  function E() {
+    const b = x(e);
+    if (!b) {
+      o && (s.value = 0, d.value = 0, a.value = 0, n.value = 0, r.value = 0, f.value = 0, v.value = 0, h.value = 0);
+      return;
+    }
+    const y = b.getBoundingClientRect();
+    s.value = y.height, d.value = y.bottom, a.value = y.left, n.value = y.right, r.value = y.top, f.value = y.width, v.value = y.x, h.value = y.y;
+  }
+  function g() {
+    c === "sync" ? E() : c === "next-frame" && requestAnimationFrame(() => E());
+  }
+  return te(e, g), A(() => x(e), (b) => !b && g()), ee(e, g, {
+    attributeFilter: ["style", "class"]
+  }), u && R("scroll", g, { capture: !0, passive: !0 }), i && R("resize", g, { passive: !0 }), F(() => {
+    l && g();
+  }), {
+    height: s,
+    bottom: d,
+    left: a,
+    right: n,
+    top: r,
+    width: f,
+    x: v,
+    y: h,
+    update: g
+  };
+}
+function je(e, t = { width: 0, height: 0 }, o = {}) {
+  const { window: i = S, box: u = "content-box" } = o, l = O(() => {
+    var r, f;
+    return (f = (r = x(e)) == null ? void 0 : r.namespaceURI) == null ? void 0 : f.includes("svg");
+  }), c = p(t.width), s = p(t.height), { stop: d } = te(
+    e,
+    ([r]) => {
+      const f = u === "border-box" ? r.borderBoxSize : u === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
+      if (i && l.value) {
+        const v = x(e);
+        if (v) {
+          const h = v.getBoundingClientRect();
+          c.value = h.width, s.value = h.height;
+        }
+      } else if (f) {
+        const v = Array.isArray(f) ? f : [f];
+        c.value = v.reduce((h, { inlineSize: E }) => h + E, 0), s.value = v.reduce((h, { blockSize: E }) => h + E, 0);
+      } else
+        c.value = r.contentRect.width, s.value = r.contentRect.height;
+    },
+    o
+  );
+  F(() => {
+    const r = x(e);
+    r && (c.value = "offsetWidth" in r ? r.offsetWidth : t.width, s.value = "offsetHeight" in r ? r.offsetHeight : t.height);
+  });
+  const a = A(
+    () => x(e),
+    (r) => {
+      c.value = r ? t.width : 0, s.value = r ? t.height : 0;
+    }
+  );
+  function n() {
+    d(), a();
+  }
+  return {
+    width: c,
+    height: s,
+    stop: n
+  };
+}
+function Te(e, t, o = {}) {
+  const {
+    root: i,
+    rootMargin: u = "0px",
+    threshold: l = 0,
+    window: c = S,
+    immediate: s = !0
+  } = o, d = V(() => c && "IntersectionObserver" in c), a = O(() => {
+    const h = w(e);
+    return (Array.isArray(h) ? h : [h]).map(x).filter(K);
+  });
+  let n = I;
+  const r = p(s), f = d.value ? A(
+    () => [a.value, x(i), r.value],
+    ([h, E]) => {
+      if (n(), !r.value || !h.length)
+        return;
+      const g = new IntersectionObserver(
+        t,
+        {
+          root: x(E),
+          rootMargin: u,
+          threshold: l
+        }
+      );
+      h.forEach((b) => b && g.observe(b)), n = () => {
+        g.disconnect(), n = I;
+      };
+    },
+    { immediate: s, flush: "post" }
+  ) : I, v = () => {
+    n(), f(), r.value = !1;
+  };
+  return D(v), {
+    isSupported: d,
+    isActive: r,
+    pause() {
+      n(), r.value = !1;
+    },
+    resume() {
+      r.value = !0;
+    },
+    stop: v
+  };
+}
+function Ce(e, t = {}) {
+  const { window: o = S, scrollTarget: i, threshold: u = 0 } = t, l = p(!1);
+  return Te(
+    e,
+    (c) => {
+      let s = l.value, d = 0;
+      for (const a of c)
+        a.time >= d && (d = a.time, s = a.isIntersecting);
+      l.value = s;
+    },
+    {
+      root: i,
+      window: o,
+      threshold: u
+    }
+  ), l;
+}
+const _e = "focusin", Ie = "focusout";
+function De(e, t = {}) {
+  const { window: o = S } = t, i = O(() => x(e)), u = p(!1), l = O(() => u.value), c = Se(t);
+  return !o || !c.value ? { focused: l } : (R(i, _e, () => u.value = !0), R(i, Ie, () => u.value = !1), { focused: l });
+}
+const G = 1;
+function Fe(e, t = {}) {
+  const {
+    throttle: o = 0,
+    idle: i = 200,
+    onStop: u = I,
+    onScroll: l = I,
+    offset: c = {
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    },
+    eventListenerOptions: s = {
+      capture: !1,
+      passive: !0
+    },
+    behavior: d = "auto",
+    window: a = S,
+    onError: n = (m) => {
+      console.error(m);
+    }
+  } = t, r = p(0), f = p(0), v = O({
+    get() {
+      return r.value;
+    },
+    set(m) {
+      E(m, void 0);
+    }
+  }), h = O({
+    get() {
+      return f.value;
+    },
+    set(m) {
+      E(void 0, m);
+    }
+  });
+  function E(m, L) {
+    var T, $, j, W;
+    if (!a)
+      return;
+    const _ = w(e);
+    if (!_)
+      return;
+    (j = _ instanceof Document ? a.document.body : _) == null || j.scrollTo({
+      top: (T = w(L)) != null ? T : h.value,
+      left: ($ = w(m)) != null ? $ : v.value,
+      behavior: w(d)
+    });
+    const C = ((W = _ == null ? void 0 : _.document) == null ? void 0 : W.documentElement) || (_ == null ? void 0 : _.documentElement) || _;
+    v != null && (r.value = C.scrollLeft), h != null && (f.value = C.scrollTop);
+  }
+  const g = p(!1), b = q({
+    left: !0,
+    right: !1,
+    top: !0,
+    bottom: !1
+  }), y = q({
+    left: !1,
+    right: !1,
+    top: !1,
+    bottom: !1
+  }), B = (m) => {
+    g.value && (g.value = !1, y.left = !1, y.right = !1, y.top = !1, y.bottom = !1, u(m));
+  }, ne = ye(B, o + i), H = (m) => {
+    var L;
+    if (!a)
+      return;
+    const T = ((L = m == null ? void 0 : m.document) == null ? void 0 : L.documentElement) || (m == null ? void 0 : m.documentElement) || x(m), { display: $, flexDirection: j } = getComputedStyle(T), W = T.scrollLeft;
+    y.left = W < r.value, y.right = W > r.value;
+    const _ = Math.abs(W) <= (c.left || 0), C = Math.abs(W) + T.clientWidth >= T.scrollWidth - (c.right || 0) - G;
+    $ === "flex" && j === "row-reverse" ? (b.left = C, b.right = _) : (b.left = _, b.right = C), r.value = W;
+    let M = T.scrollTop;
+    m === a.document && !M && (M = a.document.body.scrollTop), y.top = M < f.value, y.bottom = M > f.value;
+    const Y = Math.abs(M) <= (c.top || 0), k = Math.abs(M) + T.clientHeight >= T.scrollHeight - (c.bottom || 0) - G;
+    $ === "flex" && j === "column-reverse" ? (b.top = k, b.bottom = Y) : (b.top = Y, b.bottom = k), f.value = M;
+  }, z = (m) => {
+    var L;
+    if (!a)
+      return;
+    const T = (L = m.target.documentElement) != null ? L : m.target;
+    H(T), g.value = !0, ne(m), l(m);
+  };
+  return R(
+    e,
+    "scroll",
+    o ? Ee(z, o, !0, !1) : z,
+    s
+  ), F(() => {
+    try {
+      const m = w(e);
+      if (!m)
+        return;
+      H(m);
+    } catch (m) {
+      n(m);
+    }
+  }), R(
+    e,
+    "scrollend",
+    B,
+    s
+  ), {
+    x: v,
+    y: h,
+    isScrolling: g,
+    arrivedState: b,
+    directions: y,
+    measure() {
+      const m = w(e);
+      a && m && H(m);
+    }
+  };
+}
+function Ve(e = {}) {
+  const { window: t = S, behavior: o = "auto" } = e;
+  if (!t)
+    return {
+      x: p(0),
+      y: p(0)
+    };
+  const i = p(t.scrollX), u = p(t.scrollY), l = O({
+    get() {
+      return i.value;
+    },
+    set(s) {
+      scrollTo({ left: s, behavior: o });
+    }
+  }), c = O({
+    get() {
+      return u.value;
+    },
+    set(s) {
+      scrollTo({ top: s, behavior: o });
+    }
+  });
+  return R(
+    t,
+    "scroll",
+    () => {
+      i.value = t.scrollX, u.value = t.scrollY;
+    },
+    {
+      capture: !1,
+      passive: !0
+    }
+  ), { x: l, y: c };
+}
+function He(e = {}) {
+  const {
+    window: t = S,
+    initialWidth: o = Number.POSITIVE_INFINITY,
+    initialHeight: i = Number.POSITIVE_INFINITY,
+    listenOrientation: u = !0,
+    includeScrollbar: l = !0,
+    type: c = "inner"
+  } = e, s = p(o), d = p(i), a = () => {
+    t && (c === "outer" ? (s.value = t.outerWidth, d.value = t.outerHeight) : l ? (s.value = t.innerWidth, d.value = t.innerHeight) : (s.value = t.document.documentElement.clientWidth, d.value = t.document.documentElement.clientHeight));
+  };
+  if (a(), F(a), R("resize", a, { passive: !0 }), u) {
+    const n = N("(orientation: portrait)");
+    A(n, () => a());
+  }
+  return { width: s, height: d };
+}
+export {
+  Se as a,
+  je as b,
+  Fe as c,
+  Ve as d,
+  De as e,
+  Ne as f,
+  We as g,
+  $e as h,
+  N as i,
+  Me as j,
+  ee as k,
+  Ce as l,
+  x as m,
+  te as n,
+  Le as o,
+  w as t,
+  He as u,
+  Ae as w
+};
+//# sourceMappingURL=index.CbxHJr39.js.map