@adyen/bento-vue3 1.32.0 → 1.33.0

package/dist/chunks/{popper-container.DigB3V2j.js → popper-container.DFpaesDm.js}

@@ -1,8 +1,8 @@
-import { unref as F, computed as S, ref as z, shallowRef as te, watch as ot, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as Q, defineComponent as oe, toRefs as ie, openBlock as St, createBlock as re, mergeProps as Et, withCtx as se, renderSlot as le, createElementBlock as ce, createCommentVNode as ae } from "vue";
+import { unref as W, computed as S, ref as z, shallowRef as te, watch as ot, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as Q, defineComponent as oe, toRefs as ie, openBlock as St, createBlock as re, mergeProps as Et, withCtx as se, renderSlot as le, createElementBlock as ce, createCommentVNode as ae } from "vue";
 import { B as fe } from "./focus-trap.CwkbHfT8.js";
 import { _ as ue } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/popper-container.css";
-const Nt = ["top", "right", "bottom", "left"], Dt = ["start", "end"], Lt = /* @__PURE__ */ Nt.reduce((t, e) => t.concat(e, e + "-" + Dt[0], e + "-" + Dt[1]), []), tt = Math.min, q = Math.max, ct = Math.round, lt = Math.floor, k = (t) => ({
+const Nt = ["top", "right", "bottom", "left"], Dt = ["start", "end"], Lt = /* @__PURE__ */ Nt.reduce((t, e) => t.concat(e, e + "-" + Dt[0], e + "-" + Dt[1]), []), tt = Math.min, q = Math.max, ct = Math.round, lt = Math.floor, F = (t) => ({
   x: t,
   y: t
 }), de = {
@@ -23,13 +23,13 @@ function X(t, e) {
 function V(t) {
   return t.split("-")[0];
 }
-function B(t) {
+function k(t) {
   return t.split("-")[1];
 }
 function Wt(t) {
   return t === "x" ? "y" : "x";
 }
-function vt(t) {
+function yt(t) {
   return t === "y" ? "height" : "width";
 }
 function et(t) {
@@ -40,7 +40,7 @@ function xt(t) {
 }
 function Vt(t, e, n) {
   n === void 0 && (n = !1);
-  const o = B(t), i = xt(t), s = vt(i);
+  const o = k(t), i = xt(t), s = yt(i);
   let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return e.reference[s] > e.floating[s] && (r = ft(r)), [r, ft(r)];
 }
@@ -65,7 +65,7 @@ function ge(t, e, n) {
   }
 }
 function he(t, e, n, o) {
-  const i = B(t);
+  const i = k(t);
   let s = ge(V(t), n === "start", o);
   return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(at)))), s;
 }
@@ -112,7 +112,7 @@ function Pt(t, e, n) {
     reference: o,
     floating: i
   } = t;
-  const s = et(e), r = xt(e), l = vt(r), a = V(e), c = s === "y", d = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, m = o[l] / 2 - i[l] / 2;
+  const s = et(e), r = xt(e), l = yt(r), a = V(e), c = s === "y", d = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, p = o[l] / 2 - i[l] / 2;
   let f;
   switch (a) {
     case "top":
@@ -145,17 +145,17 @@ function Pt(t, e, n) {
         y: o.y
       };
   }
-  switch (B(e)) {
+  switch (k(e)) {
     case "start":
-      f[r] -= m * (n && c ? -1 : 1);
+      f[r] -= p * (n && c ? -1 : 1);
       break;
     case "end":
-      f[r] += m * (n && c ? -1 : 1);
+      f[r] += p * (n && c ? -1 : 1);
       break;
   }
   return f;
 }
-const ye = async (t, e, n) => {
+const ve = async (t, e, n) => {
   const {
     placement: o = "bottom",
     strategy: i = "absolute",
@@ -169,21 +169,21 @@ const ye = async (t, e, n) => {
   }), {
     x: d,
     y: u
-  } = Pt(c, o, a), m = o, f = {}, p = 0;
+  } = Pt(c, o, a), p = o, f = {}, m = 0;
   for (let g = 0; g < l.length; g++) {
     const {
       name: w,
       fn: h
     } = l[g], {
-      x: y,
-      y: v,
-      data: b,
-      reset: O
+      x: v,
+      y: x,
+      data: O,
+      reset: y
     } = await h({
       x: d,
       y: u,
       initialPlacement: o,
-      placement: m,
+      placement: p,
       strategy: i,
       middlewareData: f,
       rects: c,
@@ -193,25 +193,25 @@ const ye = async (t, e, n) => {
         floating: e
       }
     });
-    d = y ?? d, u = v ?? u, f = {
+    d = v ?? d, u = x ?? u, f = {
       ...f,
       [w]: {
         ...f[w],
-        ...b
+        ...O
       }
-    }, O && p <= 50 && (p++, typeof O == "object" && (O.placement && (m = O.placement), O.rects && (c = O.rects === !0 ? await r.getElementRects({
+    }, y && m <= 50 && (m++, typeof y == "object" && (y.placement && (p = y.placement), y.rects && (c = y.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
       strategy: i
-    }) : O.rects), {
+    }) : y.rects), {
       x: d,
       y: u
-    } = Pt(c, m, a)), g = -1);
+    } = Pt(c, p, a)), g = -1);
   }
   return {
     x: d,
     y: u,
-    placement: m,
+    placement: p,
     strategy: i,
     middlewareData: f
   };
@@ -230,38 +230,38 @@ async function it(t, e) {
     boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: u = "floating",
-    altBoundary: m = !1,
+    altBoundary: p = !1,
     padding: f = 0
-  } = X(e, t), p = It(f), w = l[m ? u === "floating" ? "reference" : "floating" : u], h = ut(await s.getClippingRect({
+  } = X(e, t), m = It(f), w = l[p ? u === "floating" ? "reference" : "floating" : u], h = ut(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(w))) == null || n ? w : w.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
     boundary: c,
     rootBoundary: d,
     strategy: a
-  })), y = u === "floating" ? {
+  })), v = u === "floating" ? {
     x: o,
     y: i,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, v = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), b = await (s.isElement == null ? void 0 : s.isElement(v)) ? await (s.getScale == null ? void 0 : s.getScale(v)) || {
+  } : r.reference, x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), O = 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 = ut(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, y = ut(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: y,
-    offsetParent: v,
+    rect: v,
+    offsetParent: x,
     strategy: a
-  }) : y);
+  }) : 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 - y.top + m.top) / O.y,
+    bottom: (y.bottom - h.bottom + m.bottom) / O.y,
+    left: (h.left - y.left + m.left) / O.x,
+    right: (y.right - h.right + m.right) / O.x
   };
 }
-const ve = (t) => ({
+const ye = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -279,28 +279,28 @@ const ve = (t) => ({
     } = X(t, e) || {};
     if (c == null)
       return {};
-    const u = It(d), m = {
+    const u = It(d), p = {
       x: n,
       y: o
-    }, f = xt(i), p = vt(f), g = await r.getDimensions(c), w = f === "y", h = w ? "top" : "left", y = w ? "bottom" : "right", v = w ? "clientHeight" : "clientWidth", b = s.reference[p] + s.reference[f] - m[f] - s.floating[p], O = m[f] - s.reference[f], T = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
-    let x = T ? T[v] : 0;
-    (!x || !await (r.isElement == null ? void 0 : r.isElement(T))) && (x = l.floating[v] || s.floating[p]);
-    const H = b / 2 - O / 2, E = x / 2 - g[p] / 2 - 1, A = tt(u[h], E), L = tt(u[y], E), N = A, Y = x - g[p] - L, R = x / 2 - g[p] / 2 + H, J = ht(N, R, Y), W = !a.arrow && B(i) != null && R !== J && s.reference[p] / 2 - (R < N ? A : L) - g[p] / 2 < 0, _ = W ? R < N ? R - N : R - Y : 0;
+    }, f = xt(i), m = yt(f), g = await r.getDimensions(c), w = f === "y", h = w ? "top" : "left", v = w ? "bottom" : "right", x = w ? "clientHeight" : "clientWidth", O = s.reference[m] + s.reference[f] - p[f] - s.floating[m], y = p[f] - s.reference[f], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let b = A ? A[x] : 0;
+    (!b || !await (r.isElement == null ? void 0 : r.isElement(A))) && (b = l.floating[x] || s.floating[m]);
+    const $ = O / 2 - y / 2, E = b / 2 - g[m] / 2 - 1, T = tt(u[h], E), L = tt(u[v], E), H = T, Y = b - g[m] - L, R = b / 2 - g[m] / 2 + $, J = ht(H, R, Y), N = !a.arrow && k(i) != null && R !== J && s.reference[m] / 2 - (R < H ? T : L) - g[m] / 2 < 0, _ = N ? R < H ? R - H : R - Y : 0;
     return {
-      [f]: m[f] + _,
+      [f]: p[f] + _,
       data: {
         [f]: J,
         centerOffset: R - J - _,
-        ...W && {
+        ...N && {
           alignmentOffset: _
         }
       },
-      reset: W
+      reset: N
     };
   }
 });
 function xe(t, e, n) {
-  return (t ? [...n.filter((i) => B(i) === t), ...n.filter((i) => B(i) !== t)] : n.filter((i) => V(i) === i)).filter((i) => t ? B(i) === t || (e ? at(i) !== i : !1) : !0);
+  return (t ? [...n.filter((i) => k(i) === t), ...n.filter((i) => k(i) !== t)] : n.filter((i) => V(i) === i)).filter((i) => t ? k(i) === t || (e ? at(i) !== i : !1) : !0);
 }
 const be = function(t) {
   return t === void 0 && (t = {}), {
@@ -317,52 +317,52 @@ const be = function(t) {
       } = e, {
         crossAxis: d = !1,
         alignment: u,
-        allowedPlacements: m = Lt,
+        allowedPlacements: p = Lt,
         autoAlignment: f = !0,
-        ...p
-      } = X(t, e), g = u !== void 0 || m === Lt ? xe(u || null, f, m) : m, w = await it(e, p), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, y = g[h];
-      if (y == null)
+        ...m
+      } = X(t, e), g = u !== void 0 || p === Lt ? xe(u || null, f, p) : p, w = await it(e, m), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = g[h];
+      if (v == null)
         return {};
-      const v = Vt(y, s, await (a.isRTL == null ? void 0 : a.isRTL(c.floating)));
-      if (l !== y)
+      const x = Vt(v, s, await (a.isRTL == null ? void 0 : a.isRTL(c.floating)));
+      if (l !== v)
         return {
           reset: {
             placement: g[0]
           }
         };
-      const b = [w[V(y)], w[v[0]], w[v[1]]], O = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
-        placement: y,
-        overflows: b
-      }], T = g[h + 1];
-      if (T)
+      const O = [w[V(v)], w[x[0]], w[x[1]]], y = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+        placement: v,
+        overflows: O
+      }], A = g[h + 1];
+      if (A)
         return {
           data: {
             index: h + 1,
-            overflows: O
+            overflows: y
           },
           reset: {
-            placement: T
+            placement: A
           }
         };
-      const x = O.map((A) => {
-        const L = B(A.placement);
-        return [A.placement, L && d ? (
+      const b = y.map((T) => {
+        const L = k(T.placement);
+        return [T.placement, L && d ? (
           // Check along the mainAxis and main crossAxis side.
-          A.overflows.slice(0, 2).reduce((N, Y) => N + Y, 0)
+          T.overflows.slice(0, 2).reduce((H, Y) => H + Y, 0)
         ) : (
           // Check only the mainAxis.
-          A.overflows[0]
-        ), A.overflows];
-      }).sort((A, L) => A[1] - L[1]), E = ((i = x.filter((A) => A[2].slice(
+          T.overflows[0]
+        ), T.overflows];
+      }).sort((T, L) => T[1] - L[1]), E = ((i = b.filter((T) => T[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        B(A[0]) ? 2 : 3
-      ).every((L) => L <= 0))[0]) == null ? void 0 : i[0]) || x[0][0];
+        k(T[0]) ? 2 : 3
+      ).every((L) => L <= 0))[0]) == null ? void 0 : i[0]) || b[0][0];
       return E !== l ? {
         data: {
           index: h + 1,
-          overflows: O
+          overflows: y
         },
         reset: {
           placement: E
@@ -386,63 +386,63 @@ const be = function(t) {
       } = e, {
         mainAxis: d = !0,
         crossAxis: u = !0,
-        fallbackPlacements: m,
+        fallbackPlacements: p,
         fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: p = "none",
+        fallbackAxisSideDirection: m = "none",
         flipAlignment: g = !0,
         ...w
       } = X(t, e);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const h = V(i), y = et(l), v = V(l) === l, b = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), O = m || (v || !g ? [ft(l)] : pe(l)), T = p !== "none";
-      !m && T && O.push(...he(l, g, p, b));
-      const x = [l, ...O], H = await it(e, w), E = [];
-      let A = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (d && E.push(H[h]), u) {
-        const R = Vt(i, r, b);
-        E.push(H[R[0]], H[R[1]]);
+      const h = V(i), v = et(l), x = V(l) === l, O = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = p || (x || !g ? [ft(l)] : pe(l)), A = m !== "none";
+      !p && A && y.push(...he(l, g, m, O));
+      const b = [l, ...y], $ = await it(e, w), E = [];
+      let T = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (d && E.push($[h]), u) {
+        const R = Vt(i, r, O);
+        E.push($[R[0]], $[R[1]]);
       }
-      if (A = [...A, {
+      if (T = [...T, {
         placement: i,
         overflows: E
       }], !E.every((R) => R <= 0)) {
-        var L, N;
-        const R = (((L = s.flip) == null ? void 0 : L.index) || 0) + 1, J = x[R];
+        var L, H;
+        const R = (((L = s.flip) == null ? void 0 : L.index) || 0) + 1, J = b[R];
         if (J)
           return {
             data: {
               index: R,
-              overflows: A
+              overflows: T
             },
             reset: {
               placement: J
             }
           };
-        let W = (N = A.filter((_) => _.overflows[0] <= 0).sort((_, I) => _.overflows[1] - I.overflows[1])[0]) == null ? void 0 : N.placement;
-        if (!W)
+        let N = (H = T.filter((_) => _.overflows[0] <= 0).sort((_, I) => _.overflows[1] - I.overflows[1])[0]) == null ? void 0 : H.placement;
+        if (!N)
           switch (f) {
             case "bestFit": {
               var Y;
-              const _ = (Y = A.filter((I) => {
-                if (T) {
+              const _ = (Y = T.filter((I) => {
+                if (A) {
                   const j = et(I.placement);
-                  return j === y || // Create a bias to the `y` side axis due to horizontal
+                  return j === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   j === "y";
                 }
                 return !0;
               }).map((I) => [I.placement, I.overflows.filter((j) => j > 0).reduce((j, Zt) => j + Zt, 0)]).sort((I, j) => I[1] - j[1])[0]) == null ? void 0 : Y[0];
-              _ && (W = _);
+              _ && (N = _);
               break;
             }
             case "initialPlacement":
-              W = l;
+              N = l;
               break;
           }
-        if (i !== W)
+        if (i !== N)
           return {
             reset: {
-              placement: W
+              placement: N
             }
           };
       }
@@ -508,11 +508,11 @@ async function Te(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), a = et(n) === "y", c = ["left", "top"].includes(r) ? -1 : 1, d = s && a ? -1 : 1, u = X(e, t);
+  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = V(n), l = k(n), a = et(n) === "y", c = ["left", "top"].includes(r) ? -1 : 1, d = s && a ? -1 : 1, u = X(e, t);
   let {
-    mainAxis: m,
+    mainAxis: p,
     crossAxis: f,
-    alignmentAxis: p
+    alignmentAxis: m
   } = typeof u == "number" ? {
     mainAxis: u,
     crossAxis: 0,
@@ -522,11 +522,11 @@ async function Te(t, e) {
     crossAxis: u.crossAxis || 0,
     alignmentAxis: u.alignmentAxis
   };
-  return l && typeof p == "number" && (f = l === "end" ? p * -1 : p), a ? {
+  return l && typeof m == "number" && (f = l === "end" ? m * -1 : m), a ? {
     x: f * d,
-    y: m * c
+    y: p * c
   } : {
-    x: m * c,
+    x: p * c,
     y: f * d
   };
 }
@@ -568,11 +568,11 @@ const Re = function(t) {
           fn: (w) => {
             let {
               x: h,
-              y
+              y: v
             } = w;
             return {
               x: h,
-              y
+              y: v
             };
           }
         },
@@ -580,20 +580,20 @@ const Re = function(t) {
       } = X(t, e), c = {
         x: n,
         y: o
-      }, d = await it(e, a), u = et(V(i)), m = Wt(u);
-      let f = c[m], p = c[u];
+      }, d = await it(e, a), u = et(V(i)), p = Wt(u);
+      let f = c[p], m = c[u];
       if (s) {
-        const w = m === "y" ? "top" : "left", h = m === "y" ? "bottom" : "right", y = f + d[w], v = f - d[h];
-        f = ht(y, f, v);
+        const w = p === "y" ? "top" : "left", h = p === "y" ? "bottom" : "right", v = f + d[w], x = f - d[h];
+        f = ht(v, f, x);
       }
       if (r) {
-        const w = u === "y" ? "top" : "left", h = u === "y" ? "bottom" : "right", y = p + d[w], v = p - d[h];
-        p = ht(y, p, v);
+        const w = u === "y" ? "top" : "left", h = u === "y" ? "bottom" : "right", v = m + d[w], x = m - d[h];
+        m = ht(v, m, x);
       }
       const g = l.fn({
         ...e,
-        [m]: f,
-        [u]: p
+        [p]: f,
+        [u]: m
       });
       return {
         ...g,
@@ -601,7 +601,7 @@ const Re = function(t) {
           x: g.x - n,
           y: g.y - o,
           enabled: {
-            [m]: s,
+            [p]: s,
             [u]: r
           }
         }
@@ -619,7 +619,7 @@ function D(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function $(t) {
+function M(t) {
   var e;
   return (e = (bt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
@@ -629,7 +629,7 @@ function bt(t) {
 function P(t) {
   return dt() ? t instanceof Element || t instanceof D(t).Element : !1;
 }
-function M(t) {
+function B(t) {
   return dt() ? t instanceof HTMLElement || t instanceof D(t).HTMLElement : !1;
 }
 function Ft(t) {
@@ -662,7 +662,7 @@ function Ot(t) {
 }
 function De(t) {
   let e = U(t);
-  for (; M(e) && !nt(e); ) {
+  for (; B(e) && !nt(e); ) {
     if (Ot(e))
       return e;
     if (mt(e))
@@ -697,13 +697,13 @@ function U(t) {
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
     Ft(t) && t.host || // Fallback.
-    $(t)
+    M(t)
   );
   return Ft(e) ? e.host : e;
 }
 function jt(t) {
   const e = U(t);
-  return nt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : M(e) && st(e) ? e : jt(e);
+  return nt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : B(e) && st(e) ? e : jt(e);
 }
 function rt(t, e, n) {
   var o;
@@ -721,7 +721,7 @@ function wt(t) {
 function zt(t) {
   const e = C(t);
   let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
-  const i = M(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = ct(n) !== s || ct(o) !== r;
+  const i = B(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = ct(n) !== s || ct(o) !== r;
   return l && (n = s, o = r), {
     width: n,
     height: o,
@@ -733,8 +733,8 @@ function Tt(t) {
 }
 function Z(t) {
   const e = Tt(t);
-  if (!M(e))
-    return k(1);
+  if (!B(e))
+    return F(1);
   const n = e.getBoundingClientRect(), {
     width: o,
     height: i,
@@ -746,7 +746,7 @@ function Z(t) {
     y: l
   };
 }
-const Le = /* @__PURE__ */ k(0);
+const Le = /* @__PURE__ */ F(0);
 function Ut(t) {
   const e = D(t);
   return !At() || !e.visualViewport ? Le : {
@@ -760,16 +760,16 @@ function Pe(t, e, n) {
 function G(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
   const i = t.getBoundingClientRect(), s = Tt(t);
-  let r = k(1);
+  let r = F(1);
   e && (o ? P(o) && (r = Z(o)) : r = Z(t));
-  const l = Pe(s, n, o) ? Ut(s) : k(0);
+  const l = Pe(s, n, o) ? Ut(s) : F(0);
   let a = (i.left + l.x) / r.x, c = (i.top + l.y) / r.y, d = i.width / r.x, u = i.height / r.y;
   if (s) {
-    const m = D(s), f = o && P(o) ? D(o) : o;
-    let p = m, g = wt(p);
-    for (; g && o && f !== p; ) {
-      const w = Z(g), h = g.getBoundingClientRect(), y = C(g), v = h.left + (g.clientLeft + parseFloat(y.paddingLeft)) * w.x, b = h.top + (g.clientTop + parseFloat(y.paddingTop)) * w.y;
-      a *= w.x, c *= w.y, d *= w.x, u *= w.y, a += v, c += b, p = D(g), g = wt(p);
+    const p = D(s), f = o && P(o) ? D(o) : o;
+    let m = p, g = wt(m);
+    for (; g && o && f !== m; ) {
+      const w = Z(g), h = g.getBoundingClientRect(), v = C(g), x = h.left + (g.clientLeft + parseFloat(v.paddingLeft)) * w.x, O = h.top + (g.clientTop + parseFloat(v.paddingTop)) * w.y;
+      a *= w.x, c *= w.y, d *= w.x, u *= w.y, a += x, c += O, m = D(g), g = wt(m);
     }
   }
   return ut({
@@ -781,7 +781,7 @@ function G(t, e, n, o) {
 }
 function Rt(t, e) {
   const n = pt(t).scrollLeft;
-  return e ? e.left + n : G($(t)).left + n;
+  return e ? e.left + n : G(M(t)).left + n;
 }
 function Yt(t, e, n) {
   n === void 0 && (n = !1);
@@ -801,31 +801,31 @@ function Ce(t) {
     offsetParent: o,
     strategy: i
   } = t;
-  const s = i === "fixed", r = $(o), l = e ? mt(e.floating) : !1;
+  const s = i === "fixed", r = M(o), l = e ? mt(e.floating) : !1;
   if (o === r || l && s)
     return n;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = k(1);
-  const d = k(0), u = M(o);
-  if ((u || !u && !s) && ((K(o) !== "body" || st(r)) && (a = pt(o)), M(o))) {
+  }, c = F(1);
+  const d = F(0), u = B(o);
+  if ((u || !u && !s) && ((K(o) !== "body" || st(r)) && (a = pt(o)), B(o))) {
     const f = G(o);
     c = Z(o), d.x = f.x + o.clientLeft, d.y = f.y + o.clientTop;
   }
-  const m = r && !u && !s ? Yt(r, a, !0) : k(0);
+  const p = r && !u && !s ? Yt(r, a, !0) : F(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - a.scrollLeft * c.x + d.x + m.x,
-    y: n.y * c.y - a.scrollTop * c.y + d.y + m.y
+    x: n.x * c.x - a.scrollLeft * c.x + d.x + p.x,
+    y: n.y * c.y - a.scrollTop * c.y + d.y + p.y
   };
 }
 function _e(t) {
   return Array.from(t.getClientRects());
 }
 function Fe(t) {
-  const e = $(t), n = pt(t), o = t.ownerDocument.body, i = q(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = q(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  const e = M(t), n = pt(t), o = t.ownerDocument.body, i = q(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = q(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
   let r = -n.scrollLeft + Rt(t);
   const l = -n.scrollTop;
   return C(o).direction === "rtl" && (r += q(e.clientWidth, o.clientWidth) - i), {
@@ -836,7 +836,7 @@ function Fe(t) {
   };
 }
 function ke(t, e) {
-  const n = D(t), o = $(t), i = n.visualViewport;
+  const n = D(t), o = M(t), i = n.visualViewport;
   let s = o.clientWidth, r = o.clientHeight, l = 0, a = 0;
   if (i) {
     s = i.width, r = i.height;
@@ -851,7 +851,7 @@ function ke(t, e) {
   };
 }
 function Be(t, e) {
-  const n = G(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = M(t) ? Z(t) : k(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, a = i * s.x, c = o * s.y;
+  const n = G(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = B(t) ? Z(t) : F(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, a = i * s.x, c = o * s.y;
   return {
     width: r,
     height: l,
@@ -864,7 +864,7 @@ function kt(t, e, n) {
   if (e === "viewport")
     o = ke(t, n);
   else if (e === "document")
-    o = Fe($(t));
+    o = Fe(M(t));
   else if (P(e))
     o = Be(e, n);
   else {
@@ -924,18 +924,18 @@ function He(t) {
   };
 }
 function Ne(t, e, n) {
-  const o = M(e), i = $(e), s = n === "fixed", r = G(t, !0, s, e);
+  const o = B(e), i = M(e), s = n === "fixed", r = G(t, !0, s, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = k(0);
+  const a = F(0);
   if (o || !o && !s)
     if ((K(e) !== "body" || st(i)) && (l = pt(e)), o) {
-      const m = G(e, !0, s, e);
-      a.x = m.x + e.clientLeft, a.y = m.y + e.clientTop;
+      const p = G(e, !0, s, e);
+      a.x = p.x + e.clientLeft, a.y = p.y + e.clientTop;
     } else i && (a.x = Rt(i));
-  const c = i && !o && !s ? Yt(i, l) : k(0), d = r.left + l.scrollLeft - a.x - c.x, u = r.top + l.scrollTop - a.y - c.y;
+  const c = i && !o && !s ? Yt(i, l) : F(0), d = r.left + l.scrollLeft - a.x - c.x, u = r.top + l.scrollTop - a.y - c.y;
   return {
     x: d,
     y: u,
@@ -947,18 +947,18 @@ function gt(t) {
   return C(t).position === "static";
 }
 function Bt(t, e) {
-  if (!M(t) || C(t).position === "fixed")
+  if (!B(t) || C(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let n = t.offsetParent;
-  return $(t) === n && (n = n.ownerDocument.body), n;
+  return M(t) === n && (n = n.ownerDocument.body), n;
 }
 function Gt(t, e) {
   const n = D(t);
   if (mt(t))
     return n;
-  if (!M(t)) {
+  if (!B(t)) {
     let i = U(t);
     for (; i && !nt(i); ) {
       if (P(i) && !gt(i))
@@ -989,7 +989,7 @@ function Ve(t) {
 }
 const Ie = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Ce,
-  getDocumentElement: $,
+  getDocumentElement: M,
   getClippingRect: $e,
   getOffsetParent: Gt,
   getElementRects: We,
@@ -1001,7 +1001,7 @@ const Ie = {
 };
 function je(t, e) {
   let n = null, o;
-  const i = $(t);
+  const i = M(t);
   function s() {
     var l;
     clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
@@ -1012,34 +1012,34 @@ function je(t, e) {
       left: c,
       top: d,
       width: u,
-      height: m
+      height: p
     } = t.getBoundingClientRect();
-    if (l || e(), !u || !m)
+    if (l || e(), !u || !p)
       return;
-    const f = lt(d), p = lt(i.clientWidth - (c + u)), g = lt(i.clientHeight - (d + m)), w = lt(c), y = {
-      rootMargin: -f + "px " + -p + "px " + -g + "px " + -w + "px",
+    const f = lt(d), m = lt(i.clientWidth - (c + u)), g = lt(i.clientHeight - (d + p)), w = lt(c), v = {
+      rootMargin: -f + "px " + -m + "px " + -g + "px " + -w + "px",
       threshold: q(0, tt(1, a)) || 1
     };
-    let v = !0;
-    function b(O) {
-      const T = O[0].intersectionRatio;
-      if (T !== a) {
-        if (!v)
+    let x = !0;
+    function O(y) {
+      const A = y[0].intersectionRatio;
+      if (A !== a) {
+        if (!x)
           return r();
-        T ? r(!1, T) : o = setTimeout(() => {
+        A ? r(!1, A) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      v = !1;
+      x = !1;
     }
     try {
-      n = new IntersectionObserver(b, {
-        ...y,
+      n = new IntersectionObserver(O, {
+        ...v,
         // Handle <iframe>s
         root: i.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(b, y);
+      n = new IntersectionObserver(O, v);
     }
     n.observe(t);
   }
@@ -1060,28 +1060,28 @@ function Mt(t, e, n, o) {
     }), s && h.addEventListener("resize", n);
   });
   const u = c && l ? je(c, n) : null;
-  let m = -1, f = null;
+  let p = -1, f = null;
   r && (f = new ResizeObserver((h) => {
-    let [y] = h;
-    y && y.target === c && f && (f.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-      var v;
-      (v = f) == null || v.observe(e);
+    let [v] = h;
+    v && v.target === c && f && (f.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var x;
+      (x = f) == null || x.observe(e);
     })), n();
   }), c && !a && f.observe(c), f.observe(e));
-  let p, g = a ? G(t) : null;
+  let m, g = a ? G(t) : null;
   a && w();
   function w() {
     const h = G(t);
-    g && (h.x !== g.x || h.y !== g.y || h.width !== g.width || h.height !== g.height) && n(), g = h, p = requestAnimationFrame(w);
+    g && (h.x !== g.x || h.y !== g.y || h.width !== g.width || h.height !== g.height) && n(), g = h, m = requestAnimationFrame(w);
   }
   return n(), () => {
     var h;
-    d.forEach((y) => {
-      i && y.removeEventListener("scroll", n), s && y.removeEventListener("resize", n);
-    }), u == null || u(), (h = f) == null || h.disconnect(), f = null, a && cancelAnimationFrame(p);
+    d.forEach((v) => {
+      i && v.removeEventListener("scroll", n), s && v.removeEventListener("resize", n);
+    }), u == null || u(), (h = f) == null || h.disconnect(), f = null, a && cancelAnimationFrame(m);
   };
 }
-const ze = Re, Ue = be, Ye = Se, qe = Oe, cn = Ae, Ge = ve, Xe = (t, e, n) => {
+const ze = Re, Ue = be, Ye = Se, qe = Oe, cn = Ae, Ge = ye, Xe = (t, e, n) => {
   const o = /* @__PURE__ */ new Map(), i = {
     platform: Ie,
     ...n
@@ -1089,7 +1089,7 @@ const ze = Re, Ue = be, Ye = Se, qe = Oe, cn = Ae, Ge = ve, Xe = (t, e, n) => {
     ...i.platform,
     _c: o
   };
-  return ye(t, e, {
+  return ve(t, e, {
     ...i,
     platform: s
   });
@@ -1097,7 +1097,7 @@ const ze = Re, Ue = be, Ye = Se, qe = Oe, cn = Ae, Ge = ve, Xe = (t, e, n) => {
 function Ke(t) {
   return t != null && typeof t == "object" && "$el" in t;
 }
-function yt(t) {
+function vt(t) {
   if (Ke(t)) {
     const e = t.$el;
     return bt(e) && K(e) === "#comment" ? null : e;
@@ -1109,7 +1109,7 @@ function Je(t) {
     name: "arrow",
     options: t,
     fn(e) {
-      const n = yt(F(t.element));
+      const n = vt(W(t.element));
       return n == null ? {} : Ge({
         element: n,
         padding: t.padding
@@ -1127,79 +1127,79 @@ function $t(t, e) {
 function Qe(t, e, n) {
   n === void 0 && (n = {});
   const o = n.whileElementsMounted, i = S(() => {
-    var x;
-    return (x = F(n.open)) != null ? x : !0;
-  }), s = S(() => F(n.middleware)), r = S(() => {
-    var x;
-    return (x = F(n.placement)) != null ? x : "bottom";
+    var b;
+    return (b = W(n.open)) != null ? b : !0;
+  }), s = S(() => W(n.middleware)), r = S(() => {
+    var b;
+    return (b = W(n.placement)) != null ? b : "bottom";
   }), l = S(() => {
-    var x;
-    return (x = F(n.strategy)) != null ? x : "absolute";
+    var b;
+    return (b = W(n.strategy)) != null ? b : "absolute";
   }), a = S(() => {
-    var x;
-    return (x = F(n.transform)) != null ? x : !0;
-  }), c = S(() => yt(t.value)), d = S(() => yt(e.value)), u = z(0), m = z(0), f = z(l.value), p = z(r.value), g = te({}), w = z(!1), h = S(() => {
-    const x = {
+    var b;
+    return (b = W(n.transform)) != null ? b : !0;
+  }), c = S(() => vt(t.value)), d = S(() => vt(e.value)), u = z(0), p = z(0), f = z(l.value), m = z(r.value), g = te({}), w = z(!1), h = S(() => {
+    const b = {
       position: f.value,
       left: "0",
       top: "0"
     };
     if (!d.value)
-      return x;
-    const H = $t(d.value, u.value), E = $t(d.value, m.value);
+      return b;
+    const $ = $t(d.value, u.value), E = $t(d.value, p.value);
     return a.value ? {
-      ...x,
-      transform: "translate(" + H + "px, " + E + "px)",
+      ...b,
+      transform: "translate(" + $ + "px, " + E + "px)",
       ...Xt(d.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: f.value,
-      left: H + "px",
+      left: $ + "px",
       top: E + "px"
     };
   });
-  let y;
-  function v() {
+  let v;
+  function x() {
     c.value == null || d.value == null || Xe(c.value, d.value, {
       middleware: s.value,
       placement: r.value,
       strategy: l.value
-    }).then((x) => {
-      u.value = x.x, m.value = x.y, f.value = x.strategy, p.value = x.placement, g.value = x.middlewareData, w.value = !0;
+    }).then((b) => {
+      u.value = b.x, p.value = b.y, f.value = b.strategy, m.value = b.placement, g.value = b.middlewareData, w.value = !0;
     });
   }
-  function b() {
-    typeof y == "function" && (y(), y = void 0);
-  }
   function O() {
-    if (b(), o === void 0) {
-      v();
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function y() {
+    if (O(), o === void 0) {
+      x();
       return;
     }
     if (c.value != null && d.value != null) {
-      y = o(c.value, d.value, v);
+      v = o(c.value, d.value, x);
       return;
     }
   }
-  function T() {
+  function A() {
     i.value || (w.value = !1);
   }
-  return ot([s, r, l], v, {
+  return ot([s, r, l], x, {
     flush: "sync"
-  }), ot([c, d], O, {
+  }), ot([c, d], y, {
     flush: "sync"
-  }), ot(i, T, {
+  }), ot(i, A, {
     flush: "sync"
-  }), ee() && ne(b), {
+  }), ee() && ne(O), {
     x: Q(u),
-    y: Q(m),
+    y: Q(p),
     strategy: Q(f),
-    placement: Q(p),
+    placement: Q(m),
     middlewareData: Q(g),
     isPositioned: Q(w),
     floatingStyles: h,
-    update: v
+    update: x
   };
 }
 var Kt = /* @__PURE__ */ ((t) => (t.TOP = "top", t.RIGHT = "right", t.BOTTOM = "bottom", t.LEFT = "left", t))(Kt || {}), Jt = /* @__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))(Jt || {}), Qt = /* @__PURE__ */ ((t) => (t.TOOLTIP = "tooltip", t.POPOVER = "dialog", t))(Qt || {});
@@ -1293,12 +1293,12 @@ const Ht = { ...Kt, ...Jt }, Ze = (t, e) => t ? e[1] + 7 : e[1], tn = (t) => {
   },
   emits: ["placement"],
   setup(t, { emit: e }) {
-    var v;
-    const n = t, { position: o } = ie(n), i = z(), s = z(null), r = z(n.position), l = S(
+    var O;
+    const n = t, o = e, { position: i } = ie(n), s = z(), r = z(null), l = z(n.position), a = S(
       () => n.targetElement.$el ? n.targetElement.$el : n.targetElement
-    ), a = S(
-      () => i.value.$el ? i.value.$el : i.value
-    ), c = S(() => (n == null ? void 0 : n.position) !== "auto" && (n == null ? void 0 : n.fallbackPosition) !== "auto"), d = S(() => {
+    ), c = S(
+      () => s.value.$el ? s.value.$el : s.value
+    ), d = S(() => (n == null ? void 0 : n.position) !== "auto" && (n == null ? void 0 : n.fallbackPosition) !== "auto"), u = S(() => {
       switch (n.position) {
         case "auto-start":
           return { alignment: "start", crossAxis: !0 };
@@ -1307,75 +1307,75 @@ const Ht = { ...Kt, ...Jt }, Ze = (t, e) => t ? e[1] + 7 : e[1], tn = (t) => {
         default:
           return;
       }
-    }), u = S(() => n.fixedPositioning ? "fixed" : "absolute"), { floatingStyles: m, middlewareData: f, placement: p, update: g } = Qe(l, i, {
-      placement: o,
+    }), p = S(() => n.fixedPositioning ? "fixed" : "absolute"), { floatingStyles: f, middlewareData: m, placement: g, update: w } = Qe(a, s, {
+      placement: i,
       middleware: [
         // Adds flip modifier if fallbackPosition is not set to auto
-        ...c.value ? [
+        ...d.value ? [
           qe({
             fallbackPlacements: tn(n.fallbackPosition).fallbackPlacements
           })
         ] : [],
         // Adds autoposition middlelare if position is set to any auto variants
-        ...c.value ? [] : [Ue(d.value)],
+        ...d.value ? [] : [Ue(u.value)],
         // Add shifting middle in case popper is still not fully visible in view port
         Ye(),
         // Adds offset middlelare if offset property is set
         ...n.offset ? [ze(Ze(n.arrow, n.offset))] : [],
         // Adds arrow middlelare if arrow property is set, can set additional padding property
-        ...n.arrow ? [Je({ element: s, padding: n.arrow.padding || 0 })] : [],
+        ...n.arrow ? [Je({ element: r, padding: n.arrow.padding || 0 })] : [],
         // Adds same width middleware to keep popper width same as referenced element's width
         ...n.matchWidth ? [en] : [],
         // If there is additional custom middleware to add via the property then add it
-        ...((v = n.middleware) == null ? void 0 : v.length) > 0 ? n.middleware : []
+        ...((O = n.middleware) == null ? void 0 : O.length) > 0 ? n.middleware : []
       ],
-      strategy: u,
+      strategy: p,
       // If we're mounting the element with a `v-if` then we need to auto update it while it's mounted
       ...n.isHidden === null ? { whileElementsMounted: Mt } : []
     });
-    let w;
+    let h;
     ot(
       () => n.isHidden,
       () => {
-        n.isHidden !== null && !n.isHidden ? w = Mt(l == null ? void 0 : l.value, a == null ? void 0 : a.value, g) : n.isHidden !== null && n.isHidden && typeof w == "function" && w();
+        n.isHidden !== null && !n.isHidden ? h = Mt(a == null ? void 0 : a.value, c == null ? void 0 : c.value, w) : n.isHidden !== null && n.isHidden && typeof h == "function" && h();
       }
     ), ot(
-      () => p.value,
+      () => g.value,
       () => {
-        r.value !== p.value && (r.value = p.value, e("placement", r.value));
+        l.value !== g.value && (l.value = g.value, o("placement", l.value));
       }
     );
-    const h = S(() => {
-      var b, O;
+    const v = S(() => {
+      var y, A;
       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` : ""
+        left: ((y = m.value.arrow) == null ? void 0 : y.x) != null ? `${m.value.arrow.x}px` : "",
+        top: ((A = m.value.arrow) == null ? void 0 : A.y) != null ? `${m.value.arrow.y}px` : ""
       };
-    }), y = S(() => {
-      var b;
+    }), x = S(() => {
+      var y;
       return {
         class: n.arrow.classes,
-        style: h.value,
+        style: v.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": "" } : {}
+        ...((y = m.value.arrow) == null ? void 0 : y.centerOffset) !== 0 ? { "data-hide": "" } : {}
       };
     });
-    return (b, O) => (St(), re(F(fe), Et(b.$attrs, {
+    return (y, A) => (St(), re(W(fe), Et(y.$attrs, {
       id: t.id,
       ref_key: "popperContainerRef",
-      ref: i,
+      ref: s,
       class: "b-popper-container",
-      "data-popper-placement": F(p),
+      "data-popper-placement": W(g),
       disabled: t.disabledFocusTrap,
-      style: F(m),
+      style: W(f),
       role: t.ariaRole
     }), {
       default: se(() => [
-        le(b.$slots, "default", {}, void 0, !0),
-        n.arrow ? (St(), ce("span", Et({ key: 0 }, F(y), {
+        le(y.$slots, "default", {}, void 0, !0),
+        n.arrow ? (St(), ce("span", Et({ key: 0 }, x.value, {
           ref_key: "floatingArrow",
-          ref: s,
+          ref: r,
           class: "b-popper-container__arrow",
           "data-testid": "arrow"
         }), null, 16)) : ae("", !0)
@@ -1393,4 +1393,4 @@ export {
   cn as h,
   ze as o
 };
-//# sourceMappingURL=popper-container.DigB3V2j.js.map
+//# sourceMappingURL=popper-container.DFpaesDm.js.map