@adyen/bento-vue3 1.88.1 → 1.89.2

package/dist/chunks/{popper-container.DAK7c9uS.js → popper-container.DMN8n5iC.js}

@@ -1,8 +1,8 @@
 import { computed as S, unref as V, ref as z, shallowRef as oe, watch as ot, getCurrentScope as ie, onScopeDispose as re, shallowReadonly as Z, defineComponent as le, toRefs as se, openBlock as Rt, createBlock as ce, mergeProps as St, withCtx as ae, renderSlot as fe, createElementBlock as ue, createCommentVNode as de } from "vue";
-import { B as me } from "./focus-trap.BxCwzLqN.js";
+import { B as me } from "./focus-trap.BAiM_ywb.js";
 import { _ as pe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/popper-container.css";
-const Vt = ["top", "right", "bottom", "left"], Et = ["start", "end"], Lt = /* @__PURE__ */ Vt.reduce((t, e) => t.concat(e, e + "-" + Et[0], e + "-" + Et[1]), []), et = Math.min, G = Math.max, st = Math.round, lt = Math.floor, _ = (t) => ({
+const Vt = ["top", "right", "bottom", "left"], Et = ["start", "end"], Ct = /* @__PURE__ */ Vt.reduce((t, e) => t.concat(e, e + "-" + Et[0], e + "-" + Et[1]), []), et = Math.min, G = Math.max, st = Math.round, lt = Math.floor, _ = (t) => ({
   x: t,
   y: t
 }), ge = {
@@ -52,12 +52,12 @@ function ve(t) {
 function ct(t) {
   return t.replace(/start|end/g, (e) => he[e]);
 }
-const Ct = ["left", "right"], Dt = ["right", "left"], ye = ["top", "bottom"], xe = ["bottom", "top"];
+const Lt = ["left", "right"], Dt = ["right", "left"], ye = ["top", "bottom"], xe = ["bottom", "top"];
 function be(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
-      return n ? e ? Dt : Ct : e ? Ct : Dt;
+      return n ? e ? Dt : Lt : e ? Lt : Dt;
     case "left":
     case "right":
       return e ? ye : xe;
@@ -188,17 +188,17 @@ async function Te(t, e) {
   } : {
     x: 1,
     y: 1
-  }, O = ft(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = ft(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
     rect: v,
     offsetParent: x,
     strategy: c
   }) : v);
   return {
-    top: (h.top - O.top + m.top) / b.y,
-    bottom: (O.bottom - h.bottom + m.bottom) / b.y,
-    left: (h.left - O.left + m.left) / b.x,
-    right: (O.right - h.right + m.right) / b.x
+    top: (h.top - A.top + m.top) / b.y,
+    bottom: (A.bottom - h.bottom + m.bottom) / b.y,
+    left: (h.left - A.left + m.left) / b.x,
+    right: (A.right - h.right + m.right) / b.x
   };
 }
 const Re = async (t, e, n) => {
@@ -224,8 +224,8 @@ const Re = async (t, e, n) => {
     } = s[w], {
       x,
       y: b,
-      data: O,
-      reset: A
+      data: A,
+      reset: O
     } = await v({
       x: u,
       y: d,
@@ -247,13 +247,13 @@ const Re = async (t, e, n) => {
       ...f,
       [h]: {
         ...f[h],
-        ...O
+        ...A
       }
-    }, A && m <= 50 && (m++, typeof A == "object" && (A.placement && (p = A.placement), A.rects && (a = A.rects === !0 ? await r.getElementRects({
+    }, O && m <= 50 && (m++, typeof O == "object" && (O.placement && (p = O.placement), O.rects && (a = O.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
       strategy: i
-    }) : A.rects), {
+    }) : O.rects), {
       x: u,
       y: d
     } = Pt(a, p, c)), w = -1);
@@ -286,10 +286,10 @@ const Re = async (t, e, n) => {
     const d = zt(u), p = {
       x: n,
       y: o
-    }, f = xt(i), m = yt(f), g = await r.getDimensions(a), w = f === "y", h = w ? "top" : "left", v = w ? "bottom" : "right", x = w ? "clientHeight" : "clientWidth", b = l.reference[m] + l.reference[f] - p[f] - l.floating[m], O = p[f] - l.reference[f], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
-    let y = A ? A[x] : 0;
-    (!y || !await (r.isElement == null ? void 0 : r.isElement(A))) && (y = s.floating[x] || l.floating[m]);
-    const H = b / 2 - O / 2, E = y / 2 - g[m] / 2 - 1, T = et(d[h], E), C = et(d[v], E), N = T, Y = y - g[m] - C, R = y / 2 - g[m] / 2 + H, q = ht(N, R, Y), W = !c.arrow && B(i) != null && R !== q && l.reference[m] / 2 - (R < N ? T : C) - g[m] / 2 < 0, D = W ? R < N ? R - N : R - Y : 0;
+    }, f = xt(i), m = yt(f), g = await r.getDimensions(a), w = f === "y", h = w ? "top" : "left", v = w ? "bottom" : "right", x = w ? "clientHeight" : "clientWidth", b = l.reference[m] + l.reference[f] - p[f] - l.floating[m], A = p[f] - l.reference[f], O = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let y = O ? O[x] : 0;
+    (!y || !await (r.isElement == null ? void 0 : r.isElement(O))) && (y = s.floating[x] || l.floating[m]);
+    const H = b / 2 - A / 2, E = y / 2 - g[m] / 2 - 1, T = et(d[h], E), L = et(d[v], E), N = T, Y = y - g[m] - L, R = y / 2 - g[m] / 2 + H, q = ht(N, R, Y), W = !c.arrow && B(i) != null && R !== q && l.reference[m] / 2 - (R < N ? T : L) - g[m] / 2 < 0, D = W ? R < N ? R - N : R - Y : 0;
     return {
       [f]: p[f] + D,
       data: {
@@ -306,7 +306,7 @@ const Re = async (t, e, n) => {
 function Ee(t, e, n) {
   return (t ? [...n.filter((i) => B(i) === t), ...n.filter((i) => B(i) !== t)] : n.filter((i) => I(i) === i)).filter((i) => t ? B(i) === t || (e ? ct(i) !== i : !1) : !0);
 }
-const Le = function(t) {
+const Ce = function(t) {
   return t === void 0 && (t = {}), {
     name: "autoPlacement",
     options: t,
@@ -321,10 +321,10 @@ const Le = function(t) {
       } = e, {
         crossAxis: u = !1,
         alignment: d,
-        allowedPlacements: p = Lt,
+        allowedPlacements: p = Ct,
         autoAlignment: f = !0,
         ...m
-      } = J(t, e), g = d !== void 0 || p === Lt ? Ee(d || null, f, p) : p, w = await c.detectOverflow(e, m), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = g[h];
+      } = J(t, e), g = d !== void 0 || p === Ct ? Ee(d || null, f, p) : p, w = await c.detectOverflow(e, m), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = g[h];
       if (v == null)
         return {};
       const x = jt(v, l, await (c.isRTL == null ? void 0 : c.isRTL(a.floating)));
@@ -334,39 +334,39 @@ const Le = function(t) {
             placement: g[0]
           }
         };
-      const b = [w[I(v)], w[x[0]], w[x[1]]], O = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+      const b = [w[I(v)], w[x[0]], w[x[1]]], A = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
         placement: v,
         overflows: b
-      }], A = g[h + 1];
-      if (A)
+      }], O = g[h + 1];
+      if (O)
         return {
           data: {
             index: h + 1,
-            overflows: O
+            overflows: A
           },
           reset: {
-            placement: A
+            placement: O
           }
         };
-      const y = O.map((T) => {
-        const C = B(T.placement);
-        return [T.placement, C && u ? (
+      const y = A.map((T) => {
+        const L = B(T.placement);
+        return [T.placement, L && u ? (
           // Check along the mainAxis and main crossAxis side.
           T.overflows.slice(0, 2).reduce((N, Y) => N + Y, 0)
         ) : (
           // Check only the mainAxis.
           T.overflows[0]
         ), T.overflows];
-      }).sort((T, C) => T[1] - C[1]), E = ((i = y.filter((T) => T[2].slice(
+      }).sort((T, L) => T[1] - L[1]), E = ((i = y.filter((T) => T[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
         B(T[0]) ? 2 : 3
-      ).every((C) => C <= 0))[0]) == null ? void 0 : i[0]) || y[0][0];
+      ).every((L) => L <= 0))[0]) == null ? void 0 : i[0]) || y[0][0];
       return E !== s ? {
         data: {
           index: h + 1,
-          overflows: O
+          overflows: A
         },
         reset: {
           placement: E
@@ -374,7 +374,7 @@ const Le = function(t) {
       } : {};
     }
   };
-}, Ce = function(t) {
+}, Le = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -398,9 +398,9 @@ const Le = function(t) {
       } = J(t, e);
       if ((n = l.arrow) != null && n.alignmentOffset)
         return {};
-      const h = I(i), v = U(s), x = I(s) === s, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), O = p || (x || !g ? [at(s)] : ve(s)), A = m !== "none";
-      !p && A && O.push(...Oe(s, g, m, b));
-      const y = [s, ...O], H = await c.detectOverflow(e, w), E = [];
+      const h = I(i), v = U(s), x = I(s) === s, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), A = p || (x || !g ? [at(s)] : ve(s)), O = m !== "none";
+      !p && O && A.push(...Oe(s, g, m, b));
+      const y = [s, ...A], H = await c.detectOverflow(e, w), E = [];
       let T = ((o = l.flip) == null ? void 0 : o.overflows) || [];
       if (u && E.push(H[h]), d) {
         const R = jt(i, r, b);
@@ -410,8 +410,8 @@ const Le = function(t) {
         placement: i,
         overflows: E
       }], !E.every((R) => R <= 0)) {
-        var C, N;
-        const R = (((C = l.flip) == null ? void 0 : C.index) || 0) + 1, q = y[R];
+        var L, N;
+        const R = (((L = l.flip) == null ? void 0 : L.index) || 0) + 1, q = y[R];
         if (q && (!(d === "alignment" ? v !== U(q) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         T.every((P) => U(P.placement) === v ? P.overflows[0] > 0 : !0)))
@@ -430,7 +430,7 @@ const Le = function(t) {
             case "bestFit": {
               var Y;
               const D = (Y = T.filter((P) => {
-                if (A) {
+                if (O) {
                   const j = U(P.placement);
                   return j === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -623,7 +623,7 @@ function ut() {
 function Q(t) {
   return bt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function L(t) {
+function C(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
@@ -632,16 +632,16 @@ function $(t) {
   return (e = (bt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function bt(t) {
-  return ut() ? t instanceof Node || t instanceof L(t).Node : !1;
+  return ut() ? t instanceof Node || t instanceof C(t).Node : !1;
 }
 function F(t) {
-  return ut() ? t instanceof Element || t instanceof L(t).Element : !1;
+  return ut() ? t instanceof Element || t instanceof C(t).Element : !1;
 }
 function k(t) {
-  return ut() ? t instanceof HTMLElement || t instanceof L(t).HTMLElement : !1;
+  return ut() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
 }
 function _t(t) {
-  return !ut() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof L(t).ShadowRoot;
+  return !ut() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof C(t).ShadowRoot;
 }
 const Be = /* @__PURE__ */ new Set(["inline", "contents"]);
 function rt(t) {
@@ -691,7 +691,7 @@ function nt(t) {
   return je.has(Q(t));
 }
 function M(t) {
-  return L(t).getComputedStyle(t);
+  return C(t).getComputedStyle(t);
 }
 function mt(t) {
   return F(t) ? {
@@ -721,7 +721,7 @@ function Ut(t) {
 function it(t, e, n) {
   var o;
   e === void 0 && (e = []), n === void 0 && (n = !0);
-  const i = Ut(t), l = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = L(i);
+  const i = Ut(t), l = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = C(i);
   if (l) {
     const s = wt(r);
     return e.concat(r, r.visualViewport || [], rt(i) ? i : [], s && n ? it(s) : []);
@@ -761,14 +761,14 @@ function tt(t) {
 }
 const ze = /* @__PURE__ */ _(0);
 function Yt(t) {
-  const e = L(t);
+  const e = C(t);
   return !At() || !e.visualViewport ? ze : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
 function Ue(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== L(t) ? !1 : e;
+  return e === void 0 && (e = !1), !n || e && n !== C(t) ? !1 : e;
 }
 function K(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
@@ -778,11 +778,11 @@ function K(t, e, n, o) {
   const s = Ue(l, n, o) ? Yt(l) : _(0);
   let c = (i.left + s.x) / r.x, a = (i.top + s.y) / r.y, u = i.width / r.x, d = i.height / r.y;
   if (l) {
-    const p = L(l), f = o && F(o) ? L(o) : o;
+    const p = C(l), f = o && F(o) ? C(o) : o;
     let m = p, g = wt(m);
     for (; g && o && f !== m; ) {
       const w = tt(g), h = g.getBoundingClientRect(), v = M(g), x = h.left + (g.clientLeft + parseFloat(v.paddingLeft)) * w.x, b = h.top + (g.clientTop + parseFloat(v.paddingTop)) * w.y;
-      c *= w.x, a *= w.y, u *= w.x, d *= w.y, c += x, a += b, m = L(g), g = wt(m);
+      c *= w.x, a *= w.y, u *= w.x, d *= w.y, c += x, a += b, m = C(g), g = wt(m);
     }
   }
   return ft({
@@ -846,7 +846,7 @@ function qe(t) {
 }
 const Bt = 25;
 function Ge(t, e) {
-  const n = L(t), o = $(t), i = n.visualViewport;
+  const n = C(t), o = $(t), i = n.visualViewport;
   let l = o.clientWidth, r = o.clientHeight, s = 0, c = 0;
   if (i) {
     l = i.width, r = i.height;
@@ -975,7 +975,7 @@ function $t(t, e) {
   return $(t) === n && (n = n.ownerDocument.body), n;
 }
 function Kt(t, e) {
-  const n = L(t);
+  const n = C(t);
   if (dt(t))
     return n;
   if (!k(t)) {
@@ -1044,8 +1044,8 @@ function ln(t, e) {
       threshold: G(0, et(1, c)) || 1
     };
     let b = !0;
-    function O(A) {
-      const y = A[0].intersectionRatio;
+    function A(O) {
+      const y = O[0].intersectionRatio;
       if (y !== c) {
         if (!b)
           return r();
@@ -1056,13 +1056,13 @@ function ln(t, e) {
       y === 1 && !Jt(a, t.getBoundingClientRect()) && r(), b = !1;
     }
     try {
-      n = new IntersectionObserver(O, {
+      n = new IntersectionObserver(A, {
         ...x,
         // Handle <iframe>s
         root: i.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(O, x);
+      n = new IntersectionObserver(A, x);
     }
     n.observe(t);
   }
@@ -1101,10 +1101,10 @@ function Ht(t, e, n, o) {
     var h;
     u.forEach((v) => {
       i && v.removeEventListener("scroll", n), l && v.removeEventListener("resize", n);
-    }), d == null || d(), (h = f) == null || h.disconnect(), f = null, c && cancelAnimationFrame(m);
+    }), d?.(), (h = f) == null || h.disconnect(), f = null, c && cancelAnimationFrame(m);
   };
 }
-const sn = Me, cn = Le, an = _e, fn = Ce, Tn = De, un = Se, dn = (t, e, n) => {
+const sn = Me, cn = Ce, an = _e, fn = Le, Tn = De, un = Se, dn = (t, e, n) => {
   const o = /* @__PURE__ */ new Map(), i = {
     platform: rn,
     ...n
@@ -1195,7 +1195,7 @@ function gn(t, e, n) {
   function b() {
     typeof v == "function" && (v(), v = void 0);
   }
-  function O() {
+  function A() {
     if (b(), o === void 0) {
       x();
       return;
@@ -1205,14 +1205,14 @@ function gn(t, e, n) {
       return;
     }
   }
-  function A() {
+  function O() {
     i.value || (w.value = !1);
   }
   return ot([l, r, s], x, {
     flush: "sync"
-  }), ot([a, u], O, {
+  }), ot([a, u], A, {
     flush: "sync"
-  }), ot(i, A, {
+  }), ot(i, O, {
     flush: "sync"
   }), ie() && re(b), {
     x: Z(d),
@@ -1298,7 +1298,7 @@ const Wt = { ...Zt, ...te }, hn = (t, e) => t ? e[1] + 7 : e[1], wn = (t) => {
     offset: {
       type: Array,
       default: () => [0, 0],
-      validator: (t) => (t == null ? void 0 : t.length) === 2
+      validator: (t) => t?.length === 2
     },
     /**
      * Position relative to the target element
@@ -1327,12 +1327,11 @@ const Wt = { ...Zt, ...te }, hn = (t, e) => t ? e[1] + 7 : e[1], wn = (t) => {
   },
   emits: ["placement"],
   setup(t, { emit: e }) {
-    var b;
     const n = t, o = e, { position: i } = se(n), l = z(), r = z(null), s = z(n.position), c = S(
       () => n.targetElement.$el ? n.targetElement.$el : n.targetElement
     ), a = S(
       () => l.value.$el ? l.value.$el : l.value
-    ), u = S(() => (n == null ? void 0 : n.position) !== "auto" && (n == null ? void 0 : n.fallbackPosition) !== "auto"), d = S(() => {
+    ), u = S(() => n?.position !== "auto" && n?.fallbackPosition !== "auto"), d = S(() => {
       switch (n.position) {
         case "auto-start":
           return { alignment: "start", crossAxis: !0 };
@@ -1361,7 +1360,7 @@ const Wt = { ...Zt, ...te }, hn = (t, e) => t ? e[1] + 7 : e[1], wn = (t) => {
         // Adds same width middleware to keep popper width same as referenced element's width
         ...n.matchWidth ? [vn] : [],
         // If there is additional custom middleware to add via the property then add it
-        ...((b = n.middleware) == null ? void 0 : b.length) > 0 ? n.middleware : []
+        ...n.middleware?.length > 0 ? n.middleware : []
       ],
       strategy: p,
       // If we're mounting the element with a `v-if` then we need to auto update it while it's mounted
@@ -1371,7 +1370,7 @@ const Wt = { ...Zt, ...te }, hn = (t, e) => t ? e[1] + 7 : e[1], wn = (t) => {
     ot(
       () => n.isHidden,
       () => {
-        n.isHidden !== null && !n.isHidden ? h = Ht(c == null ? void 0 : c.value, a == null ? void 0 : a.value, w) : n.isHidden !== null && n.isHidden && typeof h == "function" && h();
+        n.isHidden !== null && !n.isHidden ? h = Ht(c?.value, a?.value, w) : n.isHidden !== null && n.isHidden && typeof h == "function" && h();
       }
     ), ot(
       () => g.value,
@@ -1379,23 +1378,17 @@ const Wt = { ...Zt, ...te }, hn = (t, e) => t ? e[1] + 7 : e[1], wn = (t) => {
         s.value !== g.value && (s.value = g.value, o("placement", s.value));
       }
     );
-    const v = S(() => {
-      var O, A;
-      return {
-        position: "absolute",
-        left: ((O = m.value.arrow) == null ? void 0 : O.x) != null ? `${m.value.arrow.x}px` : "",
-        top: ((A = m.value.arrow) == null ? void 0 : A.y) != null ? `${m.value.arrow.y}px` : ""
-      };
-    }), x = S(() => {
-      var O;
-      return {
-        class: n.arrow.classes,
-        style: v.value,
-        // Applies a data-hide attribute to arrow element depending on center offset.
-        ...((O = m.value.arrow) == null ? void 0 : O.centerOffset) !== 0 ? { "data-hide": "" } : {}
-      };
-    });
-    return (O, A) => (Rt(), ce(V(me), St(O.$attrs, {
+    const v = S(() => ({
+      position: "absolute",
+      left: m.value.arrow?.x != null ? `${m.value.arrow.x}px` : "",
+      top: m.value.arrow?.y != null ? `${m.value.arrow.y}px` : ""
+    })), x = S(() => ({
+      class: n.arrow.classes,
+      style: v.value,
+      // Applies a data-hide attribute to arrow element depending on center offset.
+      ...m.value.arrow?.centerOffset !== 0 ? { "data-hide": "" } : {}
+    }));
+    return (b, A) => (Rt(), ce(V(me), St(b.$attrs, {
       id: t.id,
       ref_key: "popperContainerRef",
       ref: l,
@@ -1408,7 +1401,7 @@ const Wt = { ...Zt, ...te }, hn = (t, e) => t ? e[1] + 7 : e[1], wn = (t) => {
       "trap-all-options": t.trapAllOptions
     }), {
       default: ae(() => [
-        fe(O.$slots, "default", {}, void 0, !0),
+        fe(b.$slots, "default", {}, void 0, !0),
         n.arrow ? (Rt(), ue("span", St({ key: 0 }, x.value, {
           ref_key: "floatingArrow",
           ref: r,
@@ -1429,4 +1422,4 @@ export {
   Tn as h,
   sn as o
 };
-//# sourceMappingURL=popper-container.DAK7c9uS.js.map
+//# sourceMappingURL=popper-container.DMN8n5iC.js.map