@adyen/bento-vue3 1.56.2 → 1.57.0

package/dist/chunks/index.CVpo3mlK.js

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