@adyen/bento-vue2 1.102.0 → 1.103.0

package/dist/chunks/{popper-container.Cb9wuFId.js → popper-container.D08eTt4B.js}

@@ -1,6 +1,6 @@
 import { computed as S, unref as Z, ref as j, shallowRef as ee, watch as ot, getCurrentScope as ne, onScopeDispose as oe, shallowReadonly as Q, defineComponent as ie, toRefs as re } from "vue";
 import "./index.Cl4_42j5.js";
-import { B as se } from "./focus-trap.oRKjDFzf.js";
+import { B as se } from "./focus-trap.l-wwtCHi.js";
 import { n as le } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/popper-container.css";
 const Wt = ["top", "right", "bottom", "left"], Rt = ["start", "end"], St = /* @__PURE__ */ Wt.reduce((t, e) => t.concat(e, e + "-" + Rt[0], e + "-" + Rt[1]), []), et = Math.min, q = Math.max, lt = Math.round, st = Math.floor, M = (t) => ({
@@ -53,12 +53,12 @@ function ue(t) {
 function ct(t) {
   return t.replace(/start|end/g, (e) => ae[e]);
 }
-const _t = ["left", "right"], Et = ["right", "left"], de = ["top", "bottom"], me = ["bottom", "top"];
+const Et = ["left", "right"], _t = ["right", "left"], de = ["top", "bottom"], me = ["bottom", "top"];
 function pe(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
-      return n ? e ? Et : _t : e ? _t : Et;
+      return n ? e ? _t : Et : e ? Et : _t;
     case "left":
     case "right":
       return e ? de : me;
@@ -114,48 +114,48 @@ function Ct(t, e, n) {
     reference: o,
     floating: i
   } = t;
-  const s = z(e), r = xt(e), l = yt(r), c = V(e), a = s === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, m = o[l] / 2 - i[l] / 2;
-  let f;
-  switch (c) {
+  const s = z(e), r = xt(e), l = yt(r), f = V(e), c = s === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, m = o[l] / 2 - i[l] / 2;
+  let a;
+  switch (f) {
     case "top":
-      f = {
+      a = {
         x: u,
         y: o.y - i.height
       };
       break;
     case "bottom":
-      f = {
+      a = {
         x: u,
         y: o.y + o.height
       };
       break;
     case "right":
-      f = {
+      a = {
         x: o.x + o.width,
         y: d
       };
       break;
     case "left":
-      f = {
+      a = {
         x: o.x - i.width,
         y: d
       };
       break;
     default:
-      f = {
+      a = {
         x: o.x,
         y: o.y
       };
   }
   switch (B(e)) {
     case "start":
-      f[r] -= m * (n && a ? -1 : 1);
+      a[r] -= m * (n && c ? -1 : 1);
       break;
     case "end":
-      f[r] += m * (n && a ? -1 : 1);
+      a[r] += m * (n && c ? -1 : 1);
       break;
   }
-  return f;
+  return a;
 }
 async function we(t, e) {
   var n;
@@ -166,40 +166,40 @@ async function we(t, e) {
     platform: s,
     rects: r,
     elements: l,
-    strategy: c
+    strategy: f
   } = t, {
-    boundary: a = "clippingAncestors",
+    boundary: c = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: d = "floating",
     altBoundary: m = !1,
-    padding: f = 0
-  } = K(e, t), p = It(f), g = l[m ? d === "floating" ? "reference" : "floating" : d], h = ft(await s.getClippingRect({
+    padding: a = 0
+  } = K(e, t), p = It(a), g = l[m ? d === "floating" ? "reference" : "floating" : d], h = ft(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(g))) == null || n ? g : g.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
-    boundary: a,
+    boundary: c,
     rootBoundary: u,
-    strategy: c
+    strategy: f
   })), v = d === "floating" ? {
     x: o,
     y: i,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), b = await (s.isElement == null ? void 0 : s.isElement(y)) ? await (s.getScale == null ? void 0 : s.getScale(y)) || {
+  } : r.reference, x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), b = await (s.isElement == null ? void 0 : s.isElement(x)) ? await (s.getScale == null ? void 0 : s.getScale(x)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, O = ft(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = ft(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
     rect: v,
-    offsetParent: y,
-    strategy: c
+    offsetParent: x,
+    strategy: f
   }) : v);
   return {
-    top: (h.top - O.top + p.top) / b.y,
-    bottom: (O.bottom - h.bottom + p.bottom) / b.y,
-    left: (h.left - O.left + p.left) / b.x,
-    right: (O.right - h.right + p.right) / b.x
+    top: (h.top - A.top + p.top) / b.y,
+    bottom: (A.bottom - h.bottom + p.bottom) / b.y,
+    left: (h.left - A.left + p.left) / b.x,
+    right: (A.right - h.right + p.right) / b.x
   };
 }
 const ve = async (t, e, n) => {
@@ -208,33 +208,33 @@ const ve = async (t, e, n) => {
     strategy: i = "absolute",
     middleware: s = [],
     platform: r
-  } = n, l = s.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(e));
-  let a = await r.getElementRects({
+  } = n, l = s.filter(Boolean), f = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let c = await r.getElementRects({
     reference: t,
     floating: e,
     strategy: i
   }), {
     x: u,
     y: d
-  } = Ct(a, o, c), m = o, f = {}, p = 0;
+  } = Ct(c, o, f), m = o, a = {}, p = 0;
   for (let g = 0; g < l.length; g++) {
     var w;
     const {
       name: h,
       fn: v
     } = l[g], {
-      x: y,
+      x,
       y: b,
-      data: O,
-      reset: A
+      data: A,
+      reset: O
     } = await v({
       x: u,
       y: d,
       initialPlacement: o,
       placement: m,
       strategy: i,
-      middlewareData: f,
-      rects: a,
+      middlewareData: a,
+      rects: c,
       platform: {
         ...r,
         detectOverflow: (w = r.detectOverflow) != null ? w : we
@@ -244,27 +244,27 @@ const ve = async (t, e, n) => {
         floating: e
       }
     });
-    u = y ?? u, d = b ?? d, f = {
-      ...f,
+    u = x ?? u, d = b ?? d, a = {
+      ...a,
       [h]: {
-        ...f[h],
-        ...O
+        ...a[h],
+        ...A
       }
-    }, A && p <= 50 && (p++, typeof A == "object" && (A.placement && (m = A.placement), A.rects && (a = A.rects === !0 ? await r.getElementRects({
+    }, O && p <= 50 && (p++, typeof O == "object" && (O.placement && (m = O.placement), O.rects && (c = O.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
       strategy: i
-    }) : A.rects), {
+    }) : O.rects), {
       x: u,
       y: d
-    } = Ct(a, m, c)), g = -1);
+    } = Ct(c, m, f)), g = -1);
   }
   return {
     x: u,
     y: d,
     placement: m,
     strategy: i,
-    middlewareData: f
+    middlewareData: a
   };
 }, ye = (t) => ({
   name: "arrow",
@@ -277,24 +277,24 @@ const ve = async (t, e, n) => {
       rects: s,
       platform: r,
       elements: l,
-      middlewareData: c
+      middlewareData: f
     } = e, {
-      element: a,
+      element: c,
       padding: u = 0
     } = K(t, e) || {};
-    if (a == null)
+    if (c == null)
       return {};
     const d = It(u), m = {
       x: n,
       y: o
-    }, f = xt(i), p = yt(f), w = await r.getDimensions(a), g = f === "y", h = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = s.reference[p] + s.reference[f] - m[f] - s.floating[p], O = m[f] - s.reference[f], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
-    let x = A ? A[y] : 0;
-    (!x || !await (r.isElement == null ? void 0 : r.isElement(A))) && (x = l.floating[y] || s.floating[p]);
-    const H = b / 2 - O / 2, _ = x / 2 - w[p] / 2 - 1, T = et(d[h], _), C = et(d[v], _), W = T, X = x - w[p] - C, R = x / 2 - w[p] / 2 + H, Y = ht(W, R, X), N = !c.arrow && B(i) != null && R !== Y && s.reference[p] / 2 - (R < W ? T : C) - w[p] / 2 < 0, L = N ? R < W ? R - W : R - X : 0;
+    }, a = xt(i), p = yt(a), w = await r.getDimensions(c), g = a === "y", h = g ? "top" : "left", v = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", b = s.reference[p] + s.reference[a] - m[a] - s.floating[p], A = m[a] - s.reference[a], O = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let y = O ? O[x] : 0;
+    (!y || !await (r.isElement == null ? void 0 : r.isElement(O))) && (y = l.floating[x] || s.floating[p]);
+    const H = b / 2 - A / 2, E = y / 2 - w[p] / 2 - 1, T = et(d[h], E), C = et(d[v], E), W = T, X = y - w[p] - C, R = y / 2 - w[p] / 2 + H, Y = ht(W, R, X), N = !f.arrow && B(i) != null && R !== Y && s.reference[p] / 2 - (R < W ? T : C) - w[p] / 2 < 0, L = N ? R < W ? R - W : R - X : 0;
     return {
-      [f]: m[f] + L,
+      [a]: m[a] + L,
       data: {
-        [f]: Y,
+        [a]: Y,
         centerOffset: R - Y - L,
         ...N && {
           alignmentOffset: L
@@ -317,39 +317,39 @@ const be = function(t) {
         rects: s,
         middlewareData: r,
         placement: l,
-        platform: c,
-        elements: a
+        platform: f,
+        elements: c
       } = e, {
         crossAxis: u = !1,
         alignment: d,
         allowedPlacements: m = St,
-        autoAlignment: f = !0,
+        autoAlignment: a = !0,
         ...p
-      } = K(t, e), w = d !== void 0 || m === St ? xe(d || null, f, m) : m, g = await c.detectOverflow(e, p), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = w[h];
+      } = K(t, e), w = d !== void 0 || m === St ? xe(d || null, a, m) : m, g = await f.detectOverflow(e, p), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = w[h];
       if (v == null)
         return {};
-      const y = Vt(v, s, await (c.isRTL == null ? void 0 : c.isRTL(a.floating)));
+      const x = Vt(v, s, await (f.isRTL == null ? void 0 : f.isRTL(c.floating)));
       if (l !== v)
         return {
           reset: {
             placement: w[0]
           }
         };
-      const b = [g[V(v)], g[y[0]], g[y[1]]], O = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+      const b = [g[V(v)], g[x[0]], g[x[1]]], A = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
         placement: v,
         overflows: b
-      }], A = w[h + 1];
-      if (A)
+      }], O = w[h + 1];
+      if (O)
         return {
           data: {
             index: h + 1,
-            overflows: O
+            overflows: A
           },
           reset: {
-            placement: A
+            placement: O
           }
         };
-      const x = O.map((T) => {
+      const y = A.map((T) => {
         const C = B(T.placement);
         return [T.placement, C && u ? (
           // Check along the mainAxis and main crossAxis side.
@@ -358,19 +358,19 @@ const be = function(t) {
           // Check only the mainAxis.
           T.overflows[0]
         ), T.overflows];
-      }).sort((T, C) => T[1] - C[1]), _ = ((i = x.filter((T) => T[2].slice(
+      }).sort((T, C) => T[1] - C[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]) || x[0][0];
-      return _ !== l ? {
+      ).every((C) => C <= 0))[0]) == null ? void 0 : i[0]) || y[0][0];
+      return E !== l ? {
         data: {
           index: h + 1,
-          overflows: O
+          overflows: A
         },
         reset: {
-          placement: _
+          placement: E
         }
       } : {};
     }
@@ -386,33 +386,33 @@ const be = function(t) {
         middlewareData: s,
         rects: r,
         initialPlacement: l,
-        platform: c,
-        elements: a
+        platform: f,
+        elements: c
       } = e, {
         mainAxis: u = !0,
         crossAxis: d = !0,
         fallbackPlacements: m,
-        fallbackStrategy: f = "bestFit",
+        fallbackStrategy: a = "bestFit",
         fallbackAxisSideDirection: p = "none",
         flipAlignment: w = !0,
         ...g
       } = K(t, e);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const h = V(i), v = z(l), y = V(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), O = m || (y || !w ? [at(l)] : ue(l)), A = p !== "none";
-      !m && A && O.push(...ge(l, w, p, b));
-      const x = [l, ...O], H = await c.detectOverflow(e, g), _ = [];
+      const h = V(i), v = z(l), x = V(l) === l, b = await (f.isRTL == null ? void 0 : f.isRTL(c.floating)), A = m || (x || !w ? [at(l)] : ue(l)), O = p !== "none";
+      !m && O && A.push(...ge(l, w, p, b));
+      const y = [l, ...A], H = await f.detectOverflow(e, g), E = [];
       let T = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (u && _.push(H[h]), d) {
+      if (u && E.push(H[h]), d) {
         const R = Vt(i, r, b);
-        _.push(H[R[0]], H[R[1]]);
+        E.push(H[R[0]], H[R[1]]);
       }
       if (T = [...T, {
         placement: i,
-        overflows: _
-      }], !_.every((R) => R <= 0)) {
+        overflows: E
+      }], !E.every((R) => R <= 0)) {
         var C, W;
-        const R = (((C = s.flip) == null ? void 0 : C.index) || 0) + 1, Y = x[R];
+        const R = (((C = s.flip) == null ? void 0 : C.index) || 0) + 1, Y = y[R];
         if (Y && (!(d === "alignment" ? v !== z(Y) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         T.every((D) => z(D.placement) === v ? D.overflows[0] > 0 : !0)))
@@ -427,11 +427,11 @@ const be = function(t) {
           };
         let N = (W = T.filter((L) => L.overflows[0] <= 0).sort((L, D) => L.overflows[1] - D.overflows[1])[0]) == null ? void 0 : W.placement;
         if (!N)
-          switch (f) {
+          switch (a) {
             case "bestFit": {
               var X;
               const L = (X = T.filter((D) => {
-                if (A) {
+                if (O) {
                   const I = z(D.placement);
                   return I === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -516,10 +516,10 @@ async function Re(t, e) {
     placement: n,
     platform: o,
     elements: i
-  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = V(n), l = B(n), c = z(n) === "y", a = Te.has(r) ? -1 : 1, u = s && c ? -1 : 1, d = K(e, t);
+  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = V(n), l = B(n), f = z(n) === "y", c = Te.has(r) ? -1 : 1, u = s && f ? -1 : 1, d = K(e, t);
   let {
     mainAxis: m,
-    crossAxis: f,
+    crossAxis: a,
     alignmentAxis: p
   } = typeof d == "number" ? {
     mainAxis: d,
@@ -530,12 +530,12 @@ async function Re(t, e) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return l && typeof p == "number" && (f = l === "end" ? p * -1 : p), c ? {
-    x: f * u,
-    y: m * a
+  return l && typeof p == "number" && (a = l === "end" ? p * -1 : p), f ? {
+    x: a * u,
+    y: m * c
   } : {
-    x: m * a,
-    y: f * u
+    x: m * c,
+    y: a * u
   };
 }
 const Se = function(t) {
@@ -549,18 +549,18 @@ const Se = function(t) {
         y: s,
         placement: r,
         middlewareData: l
-      } = e, c = await Re(e, t);
+      } = e, f = await Re(e, t);
       return r === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
-        x: i + c.x,
-        y: s + c.y,
+        x: i + f.x,
+        y: s + f.y,
         data: {
-          ...c,
+          ...f,
           placement: r
         }
       };
     }
   };
-}, _e = function(t) {
+}, Ee = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -573,35 +573,35 @@ const Se = function(t) {
       } = e, {
         mainAxis: r = !0,
         crossAxis: l = !1,
-        limiter: c = {
+        limiter: f = {
           fn: (h) => {
             let {
               x: v,
-              y
+              y: x
             } = h;
             return {
               x: v,
-              y
+              y: x
             };
           }
         },
-        ...a
+        ...c
       } = K(t, e), u = {
         x: n,
         y: o
-      }, d = await s.detectOverflow(e, a), m = z(V(i)), f = Nt(m);
-      let p = u[f], w = u[m];
+      }, d = await s.detectOverflow(e, c), m = z(V(i)), a = Nt(m);
+      let p = u[a], w = u[m];
       if (r) {
-        const h = f === "y" ? "top" : "left", v = f === "y" ? "bottom" : "right", y = p + d[h], b = p - d[v];
-        p = ht(y, p, b);
+        const h = a === "y" ? "top" : "left", v = a === "y" ? "bottom" : "right", x = p + d[h], b = p - d[v];
+        p = ht(x, p, b);
       }
       if (l) {
-        const h = m === "y" ? "top" : "left", v = m === "y" ? "bottom" : "right", y = w + d[h], b = w - d[v];
-        w = ht(y, w, b);
+        const h = m === "y" ? "top" : "left", v = m === "y" ? "bottom" : "right", x = w + d[h], b = w - d[v];
+        w = ht(x, w, b);
       }
-      const g = c.fn({
+      const g = f.fn({
         ...e,
-        [f]: p,
+        [a]: p,
         [m]: w
       });
       return {
@@ -610,7 +610,7 @@ const Se = function(t) {
           x: g.x - n,
           y: g.y - o,
           enabled: {
-            [f]: r,
+            [a]: r,
             [m]: l
           }
         }
@@ -624,7 +624,7 @@ function ut() {
 function J(t) {
   return bt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function E(t) {
+function _(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
@@ -633,18 +633,18 @@ function k(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 E(t).Node : !1;
+  return ut() ? t instanceof Node || t instanceof _(t).Node : !1;
 }
 function P(t) {
-  return ut() ? t instanceof Element || t instanceof E(t).Element : !1;
+  return ut() ? t instanceof Element || t instanceof _(t).Element : !1;
 }
 function $(t) {
-  return ut() ? t instanceof HTMLElement || t instanceof E(t).HTMLElement : !1;
+  return ut() ? t instanceof HTMLElement || t instanceof _(t).HTMLElement : !1;
 }
 function Pt(t) {
-  return !ut() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof E(t).ShadowRoot;
+  return !ut() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof _(t).ShadowRoot;
 }
-const Ee = /* @__PURE__ */ new Set(["inline", "contents"]);
+const _e = /* @__PURE__ */ new Set(["inline", "contents"]);
 function rt(t) {
   const {
     overflow: e,
@@ -652,7 +652,7 @@ function rt(t) {
     overflowY: o,
     display: i
   } = F(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !Ee.has(i);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !_e.has(i);
 }
 const Ce = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function Le(t) {
@@ -692,7 +692,7 @@ function nt(t) {
   return $e.has(J(t));
 }
 function F(t) {
-  return E(t).getComputedStyle(t);
+  return _(t).getComputedStyle(t);
 }
 function mt(t) {
   return P(t) ? {
@@ -722,7 +722,7 @@ function jt(t) {
 function it(t, e, n) {
   var o;
   e === void 0 && (e = []), n === void 0 && (n = !0);
-  const i = jt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = E(i);
+  const i = jt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = _(i);
   if (s) {
     const l = wt(r);
     return e.concat(r, r.visualViewport || [], rt(i) ? i : [], l && n ? it(l) : []);
@@ -762,14 +762,14 @@ function tt(t) {
 }
 const ke = /* @__PURE__ */ M(0);
 function Ut(t) {
-  const e = E(t);
+  const e = _(t);
   return !At() || !e.visualViewport ? ke : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
 function He(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== E(t) ? !1 : e;
+  return e === void 0 && (e = !1), !n || e && n !== _(t) ? !1 : e;
 }
 function G(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
@@ -777,20 +777,20 @@ function G(t, e, n, o) {
   let r = M(1);
   e && (o ? P(o) && (r = tt(o)) : r = tt(t));
   const l = He(s, n, o) ? Ut(s) : M(0);
-  let c = (i.left + l.x) / r.x, a = (i.top + l.y) / r.y, u = i.width / r.x, d = i.height / r.y;
+  let f = (i.left + l.x) / r.x, c = (i.top + l.y) / r.y, u = i.width / r.x, d = i.height / r.y;
   if (s) {
-    const m = E(s), f = o && P(o) ? E(o) : o;
+    const m = _(s), a = o && P(o) ? _(o) : o;
     let p = m, w = wt(p);
-    for (; w && o && f !== p; ) {
-      const g = tt(w), h = w.getBoundingClientRect(), v = F(w), y = h.left + (w.clientLeft + parseFloat(v.paddingLeft)) * g.x, b = h.top + (w.clientTop + parseFloat(v.paddingTop)) * g.y;
-      c *= g.x, a *= g.y, u *= g.x, d *= g.y, c += y, a += b, p = E(w), w = wt(p);
+    for (; w && o && a !== p; ) {
+      const g = tt(w), h = w.getBoundingClientRect(), v = F(w), x = h.left + (w.clientLeft + parseFloat(v.paddingLeft)) * g.x, b = h.top + (w.clientTop + parseFloat(v.paddingTop)) * g.y;
+      f *= g.x, c *= g.y, u *= g.x, d *= g.y, f += x, c += b, p = _(w), w = wt(p);
     }
   }
   return ft({
     width: u,
     height: d,
-    x: c,
-    y: a
+    x: f,
+    y: c
   });
 }
 function pt(t, e) {
@@ -814,21 +814,21 @@ function We(t) {
   const s = i === "fixed", r = k(o), l = e ? dt(e.floating) : !1;
   if (o === r || l && s)
     return n;
-  let c = {
+  let f = {
     scrollLeft: 0,
     scrollTop: 0
-  }, a = M(1);
+  }, c = M(1);
   const u = M(0), d = $(o);
-  if ((d || !d && !s) && ((J(o) !== "body" || rt(r)) && (c = mt(o)), $(o))) {
-    const f = G(o);
-    a = tt(o), u.x = f.x + o.clientLeft, u.y = f.y + o.clientTop;
+  if ((d || !d && !s) && ((J(o) !== "body" || rt(r)) && (f = mt(o)), $(o))) {
+    const a = G(o);
+    c = tt(o), u.x = a.x + o.clientLeft, u.y = a.y + o.clientTop;
   }
-  const m = r && !d && !s ? Xt(r, c) : M(0);
+  const m = r && !d && !s ? Xt(r, f) : M(0);
   return {
-    width: n.width * a.x,
-    height: n.height * a.y,
-    x: n.x * a.x - c.scrollLeft * a.x + u.x + m.x,
-    y: n.y * a.y - c.scrollTop * a.y + u.y + m.y
+    width: n.width * c.x,
+    height: n.height * c.y,
+    x: n.x * c.x - f.scrollLeft * c.x + u.x + m.x,
+    y: n.y * c.y - f.scrollTop * c.y + u.y + m.y
   };
 }
 function Ne(t) {
@@ -847,33 +847,33 @@ function Ve(t) {
 }
 const Ft = 25;
 function Ie(t, e) {
-  const n = E(t), o = k(t), i = n.visualViewport;
-  let s = o.clientWidth, r = o.clientHeight, l = 0, c = 0;
+  const n = _(t), o = k(t), i = n.visualViewport;
+  let s = o.clientWidth, r = o.clientHeight, l = 0, f = 0;
   if (i) {
     s = i.width, r = i.height;
     const u = At();
-    (!u || u && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
+    (!u || u && e === "fixed") && (l = i.offsetLeft, f = i.offsetTop);
   }
-  const a = pt(o);
-  if (a <= 0) {
-    const u = o.ownerDocument, d = u.body, m = getComputedStyle(d), f = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - f);
+  const c = pt(o);
+  if (c <= 0) {
+    const u = o.ownerDocument, d = u.body, m = getComputedStyle(d), a = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - a);
     p <= Ft && (s -= p);
-  } else a <= Ft && (s += a);
+  } else c <= Ft && (s += c);
   return {
     width: s,
     height: r,
     x: l,
-    y: c
+    y: f
   };
 }
 const je = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function ze(t, e) {
-  const n = G(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = $(t) ? tt(t) : M(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = i * s.x, a = o * s.y;
+  const n = G(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = $(t) ? tt(t) : M(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, f = i * s.x, c = o * s.y;
   return {
     width: r,
     height: l,
-    x: c,
-    y: a
+    x: f,
+    y: c
   };
 }
 function Mt(t, e, n) {
@@ -907,8 +907,8 @@ function Ue(t, e) {
   const s = F(t).position === "fixed";
   let r = s ? U(t) : t;
   for (; P(r) && !nt(r); ) {
-    const l = F(r), c = Ot(r);
-    !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && je.has(i.position) || rt(r) && !c && Yt(t, r)) ? o = o.filter((u) => u !== r) : i = l, r = U(r);
+    const l = F(r), f = Ot(r);
+    !f && l.position === "fixed" && (i = null), (s ? !f && !i : !f && l.position === "static" && !!i && je.has(i.position) || rt(r) && !f && Yt(t, r)) ? o = o.filter((u) => u !== r) : i = l, r = U(r);
   }
   return e.set(t, o), o;
 }
@@ -919,15 +919,15 @@ function Xe(t) {
     rootBoundary: o,
     strategy: i
   } = t;
-  const r = [...n === "clippingAncestors" ? dt(e) ? [] : Ue(e, this._c) : [].concat(n), o], l = r[0], c = r.reduce((a, u) => {
+  const r = [...n === "clippingAncestors" ? dt(e) ? [] : Ue(e, this._c) : [].concat(n), o], l = r[0], f = r.reduce((c, u) => {
     const d = Mt(e, u, i);
-    return a.top = q(d.top, a.top), a.right = et(d.right, a.right), a.bottom = et(d.bottom, a.bottom), a.left = q(d.left, a.left), a;
+    return c.top = q(d.top, c.top), c.right = et(d.right, c.right), c.bottom = et(d.bottom, c.bottom), c.left = q(d.left, c.left), c;
   }, Mt(e, l, i));
   return {
-    width: c.right - c.left,
-    height: c.bottom - c.top,
-    x: c.left,
-    y: c.top
+    width: f.right - f.left,
+    height: f.bottom - f.top,
+    x: f.left,
+    y: f.top
   };
 }
 function Ye(t) {
@@ -946,17 +946,17 @@ function qe(t, e, n) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const c = M(0);
-  function a() {
-    c.x = pt(i);
+  const f = M(0);
+  function c() {
+    f.x = pt(i);
   }
   if (o || !o && !s)
     if ((J(e) !== "body" || rt(i)) && (l = mt(e)), o) {
-      const f = G(e, !0, s, e);
-      c.x = f.x + e.clientLeft, c.y = f.y + e.clientTop;
-    } else i && a();
-  s && !o && i && a();
-  const u = i && !o && !s ? Xt(i, l) : M(0), d = r.left + l.scrollLeft - c.x - u.x, m = r.top + l.scrollTop - c.y - u.y;
+      const a = G(e, !0, s, e);
+      f.x = a.x + e.clientLeft, f.y = a.y + e.clientTop;
+    } else i && c();
+  s && !o && i && c();
+  const u = i && !o && !s ? Xt(i, l) : M(0), d = r.left + l.scrollLeft - f.x - u.x, m = r.top + l.scrollTop - f.y - u.y;
   return {
     x: d,
     y: m,
@@ -976,7 +976,7 @@ function Bt(t, e) {
   return k(t) === n && (n = n.ownerDocument.body), n;
 }
 function qt(t, e) {
-  const n = E(t);
+  const n = _(t);
   if (dt(t))
     return n;
   if (!$(t)) {
@@ -1030,40 +1030,40 @@ function Qe(t, e) {
     var l;
     clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
   }
-  function r(l, c) {
-    l === void 0 && (l = !1), c === void 0 && (c = 1), s();
-    const a = t.getBoundingClientRect(), {
+  function r(l, f) {
+    l === void 0 && (l = !1), f === void 0 && (f = 1), s();
+    const c = t.getBoundingClientRect(), {
       left: u,
       top: d,
       width: m,
-      height: f
-    } = a;
-    if (l || e(), !m || !f)
+      height: a
+    } = c;
+    if (l || e(), !m || !a)
       return;
-    const p = st(d), w = st(i.clientWidth - (u + m)), g = st(i.clientHeight - (d + f)), h = st(u), y = {
+    const p = st(d), w = st(i.clientWidth - (u + m)), g = st(i.clientHeight - (d + a)), h = st(u), x = {
       rootMargin: -p + "px " + -w + "px " + -g + "px " + -h + "px",
-      threshold: q(0, et(1, c)) || 1
+      threshold: q(0, et(1, f)) || 1
     };
     let b = !0;
-    function O(A) {
-      const x = A[0].intersectionRatio;
-      if (x !== c) {
+    function A(O) {
+      const y = O[0].intersectionRatio;
+      if (y !== f) {
         if (!b)
           return r();
-        x ? r(!1, x) : o = setTimeout(() => {
+        y ? r(!1, y) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      x === 1 && !Gt(a, t.getBoundingClientRect()) && r(), b = !1;
+      y === 1 && !Gt(c, t.getBoundingClientRect()) && r(), b = !1;
     }
     try {
-      n = new IntersectionObserver(O, {
-        ...y,
+      n = new IntersectionObserver(A, {
+        ...x,
         // Handle <iframe>s
         root: i.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(O, y);
+      n = new IntersectionObserver(A, x);
     }
     n.observe(t);
   }
@@ -1076,24 +1076,24 @@ function $t(t, e, n, o) {
     ancestorResize: s = !0,
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: c = !1
-  } = o, a = Tt(t), u = i || s ? [...a ? it(a) : [], ...it(e)] : [];
+    animationFrame: f = !1
+  } = o, c = Tt(t), u = i || s ? [...c ? it(c) : [], ...it(e)] : [];
   u.forEach((h) => {
     i && h.addEventListener("scroll", n, {
       passive: !0
     }), s && h.addEventListener("resize", n);
   });
-  const d = a && l ? Qe(a, n) : null;
-  let m = -1, f = null;
-  r && (f = new ResizeObserver((h) => {
+  const d = c && l ? Qe(c, n) : null;
+  let m = -1, a = null;
+  r && (a = new ResizeObserver((h) => {
     let [v] = h;
-    v && v.target === a && f && (f.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-      var y;
-      (y = f) == null || y.observe(e);
+    v && v.target === c && a && (a.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var x;
+      (x = a) == null || x.observe(e);
     })), n();
-  }), a && !c && f.observe(a), f.observe(e));
-  let p, w = c ? G(t) : null;
-  c && g();
+  }), c && !f && a.observe(c), a.observe(e));
+  let p, w = f ? G(t) : null;
+  f && g();
   function g() {
     const h = G(t);
     w && !Gt(w, h) && n(), w = h, p = requestAnimationFrame(g);
@@ -1102,10 +1102,10 @@ function $t(t, e, n, o) {
     var h;
     u.forEach((v) => {
       i && v.removeEventListener("scroll", n), s && v.removeEventListener("resize", n);
-    }), d == null || d(), (h = f) == null || h.disconnect(), f = null, c && cancelAnimationFrame(p);
+    }), d?.(), (h = a) == null || h.disconnect(), a = null, f && cancelAnimationFrame(p);
   };
 }
-const Ze = Se, tn = be, en = _e, nn = Oe, bn = Ae, on = ye, rn = (t, e, n) => {
+const Ze = Se, tn = be, en = Ee, nn = Oe, bn = Ae, on = ye, rn = (t, e, n) => {
   const o = /* @__PURE__ */ new Map(), i = {
     platform: Je,
     ...n
@@ -1151,79 +1151,79 @@ function kt(t, e) {
 function cn(t, e, n) {
   n === void 0 && (n = {});
   const o = n.whileElementsMounted, i = S(() => {
-    var x;
-    return (x = Z(n.open)) != null ? x : !0;
+    var y;
+    return (y = Z(n.open)) != null ? y : !0;
   }), s = S(() => Z(n.middleware)), r = S(() => {
-    var x;
-    return (x = Z(n.placement)) != null ? x : "bottom";
+    var y;
+    return (y = Z(n.placement)) != null ? y : "bottom";
   }), l = S(() => {
-    var x;
-    return (x = Z(n.strategy)) != null ? x : "absolute";
-  }), c = S(() => {
-    var x;
-    return (x = Z(n.transform)) != null ? x : !0;
-  }), a = S(() => vt(t.value)), u = S(() => vt(e.value)), d = j(0), m = j(0), f = j(l.value), p = j(r.value), w = ee({}), g = j(!1), h = S(() => {
-    const x = {
-      position: f.value,
+    var y;
+    return (y = Z(n.strategy)) != null ? y : "absolute";
+  }), f = S(() => {
+    var y;
+    return (y = Z(n.transform)) != null ? y : !0;
+  }), c = S(() => vt(t.value)), u = S(() => vt(e.value)), d = j(0), m = j(0), a = j(l.value), p = j(r.value), w = ee({}), g = j(!1), h = S(() => {
+    const y = {
+      position: a.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return x;
-    const H = kt(u.value, d.value), _ = kt(u.value, m.value);
-    return c.value ? {
-      ...x,
-      transform: "translate(" + H + "px, " + _ + "px)",
+      return y;
+    const H = kt(u.value, d.value), E = kt(u.value, m.value);
+    return f.value ? {
+      ...y,
+      transform: "translate(" + H + "px, " + E + "px)",
       ...Kt(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: f.value,
+      position: a.value,
       left: H + "px",
-      top: _ + "px"
+      top: E + "px"
     };
   });
   let v;
-  function y() {
-    a.value == null || u.value == null || rn(a.value, u.value, {
+  function x() {
+    c.value == null || u.value == null || rn(c.value, u.value, {
       middleware: s.value,
       placement: r.value,
       strategy: l.value
-    }).then((x) => {
-      d.value = x.x, m.value = x.y, f.value = x.strategy, p.value = x.placement, w.value = x.middlewareData, g.value = !0;
+    }).then((y) => {
+      d.value = y.x, m.value = y.y, a.value = y.strategy, p.value = y.placement, w.value = y.middlewareData, g.value = !0;
     });
   }
   function b() {
     typeof v == "function" && (v(), v = void 0);
   }
-  function O() {
+  function A() {
     if (b(), o === void 0) {
-      y();
+      x();
       return;
     }
-    if (a.value != null && u.value != null) {
-      v = o(a.value, u.value, y);
+    if (c.value != null && u.value != null) {
+      v = o(c.value, u.value, x);
       return;
     }
   }
-  function A() {
+  function O() {
     i.value || (g.value = !1);
   }
-  return ot([s, r, l], y, {
+  return ot([s, r, l], x, {
     flush: "sync"
-  }), ot([a, u], O, {
+  }), ot([c, u], A, {
     flush: "sync"
-  }), ot(i, A, {
+  }), ot(i, O, {
     flush: "sync"
   }), ne() && oe(b), {
     x: Q(d),
     y: Q(m),
-    strategy: Q(f),
+    strategy: Q(a),
     placement: Q(p),
     middlewareData: Q(w),
     isPositioned: Q(g),
     floatingStyles: h,
-    update: y
+    update: x
   };
 }
 var Jt = /* @__PURE__ */ ((t) => (t.TOP = "top", t.RIGHT = "right", t.BOTTOM = "bottom", t.LEFT = "left", t))(Jt || {}), Qt = /* @__PURE__ */ ((t) => (t.AUTO = "auto", t.AUTO_START = "auto-start", t.AUTO_END = "auto-end", t.TOP_START = "top-start", t.TOP_END = "top-end", t.RIGHT_START = "right-start", t.RIGHT_END = "right-end", t.BOTTOM_START = "bottom-start", t.BOTTOM_END = "bottom-end", t.LEFT_START = "left-start", t.LEFT_END = "left-end", t))(Qt || {}), Zt = /* @__PURE__ */ ((t) => (t.TOOLTIP = "tooltip", t.POPOVER = "dialog", t))(Zt || {});
@@ -1299,7 +1299,7 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (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
@@ -1328,12 +1328,11 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
   },
   emits: ["placement"],
   setup(t, { emit: e }) {
-    var y;
     const n = t, { position: o } = re(n), i = j(), s = j(null), r = j(n.position), l = S(
       () => n.targetElement.$el ? n.targetElement.$el : n.targetElement
-    ), c = S(
+    ), f = S(
       () => i.value.$el ? i.value.$el : i.value
-    ), a = S(() => (n == null ? void 0 : n.position) !== "auto" && (n == null ? void 0 : n.fallbackPosition) !== "auto"), u = S(() => {
+    ), c = S(() => n?.position !== "auto" && n?.fallbackPosition !== "auto"), u = S(() => {
       switch (n.position) {
         case "auto-start":
           return { alignment: "start", crossAxis: !0 };
@@ -1342,17 +1341,17 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
         default:
           return;
       }
-    }), d = S(() => n.fixedPositioning ? "fixed" : "absolute"), { floatingStyles: m, middlewareData: f, placement: p, update: w } = cn(l, i, {
+    }), d = S(() => n.fixedPositioning ? "fixed" : "absolute"), { floatingStyles: m, middlewareData: a, placement: p, update: w } = cn(l, i, {
       placement: o,
       middleware: [
         // Adds flip modifier if fallbackPosition is not set to auto
-        ...a.value ? [
+        ...c.value ? [
           nn({
             fallbackPlacements: fn(n.fallbackPosition).fallbackPlacements
           })
         ] : [],
         // Adds autoposition middlelare if position is set to any auto variants
-        ...a.value ? [] : [tn(u.value)],
+        ...c.value ? [] : [tn(u.value)],
         // Add shifting middle in case popper is still not fully visible in view port
         en(),
         // Adds offset middlelare if offset property is set
@@ -1362,7 +1361,7 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
         // Adds same width middleware to keep popper width same as referenced element's width
         ...n.matchWidth ? [un] : [],
         // If there is additional custom middleware to add via the property then add it
-        ...((y = n.middleware) == null ? void 0 : y.length) > 0 ? n.middleware : []
+        ...n.middleware?.length > 0 ? n.middleware : []
       ],
       strategy: d,
       // If we're mounting the element with a `v-if` then we need to auto update it while it's mounted
@@ -1372,7 +1371,7 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
     ot(
       () => n.isHidden,
       () => {
-        n.isHidden !== null && !n.isHidden ? g = $t(l == null ? void 0 : l.value, c == null ? void 0 : c.value, w) : n.isHidden !== null && n.isHidden && typeof g == "function" && g();
+        n.isHidden !== null && !n.isHidden ? g = $t(l?.value, f?.value, w) : n.isHidden !== null && n.isHidden && typeof g == "function" && g();
       }
     ), ot(
       () => p.value,
@@ -1380,23 +1379,17 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
         r.value !== p.value && (r.value = p.value, e("placement", r.value));
       }
     );
-    const h = S(() => {
-      var b, O;
-      return {
-        position: "absolute",
-        left: ((b = f.value.arrow) == null ? void 0 : b.x) != null ? `${f.value.arrow.x}px` : "",
-        top: ((O = f.value.arrow) == null ? void 0 : O.y) != null ? `${f.value.arrow.y}px` : ""
-      };
-    }), v = S(() => {
-      var b;
-      return {
-        class: n.arrow.classes,
-        style: h.value,
-        // Applies a data-hide attribute to arrow element depending on center offset.
-        ...((b = f.value.arrow) == null ? void 0 : b.centerOffset) !== 0 ? { "data-hide": "" } : {}
-      };
-    });
-    return { __sfc: !0, props: n, emit: e, position: o, popperContainerRef: i, floatingArrow: s, emittedPosition: r, targetElement: l, popperContainerElement: c, isFlipMiddleware: a, getAutoPlacementProps: u, strategy: d, floatingStyles: m, middlewareData: f, placement: p, update: w, cleanupAutoUpdate: g, arrowStyles: h, arrowAttributes: v, BentoFocusTrap: se };
+    const h = S(() => ({
+      position: "absolute",
+      left: a.value.arrow?.x != null ? `${a.value.arrow.x}px` : "",
+      top: a.value.arrow?.y != null ? `${a.value.arrow.y}px` : ""
+    })), v = S(() => ({
+      class: n.arrow.classes,
+      style: h.value,
+      // Applies a data-hide attribute to arrow element depending on center offset.
+      ...a.value.arrow?.centerOffset !== 0 ? { "data-hide": "" } : {}
+    }));
+    return { __sfc: !0, props: n, emit: e, position: o, popperContainerRef: i, floatingArrow: s, emittedPosition: r, targetElement: l, popperContainerElement: f, isFlipMiddleware: c, getAutoPlacementProps: u, strategy: d, floatingStyles: m, middlewareData: a, placement: p, update: w, cleanupAutoUpdate: g, arrowStyles: h, arrowAttributes: v, BentoFocusTrap: se };
   }
 });
 var pn = function() {
@@ -1420,4 +1413,4 @@ export {
   bn as h,
   Ze as o
 };
-//# sourceMappingURL=popper-container.Cb9wuFId.js.map
+//# sourceMappingURL=popper-container.D08eTt4B.js.map