@adyen/bento-vue3 1.60.0 → 1.60.1

package/dist/chunks/popper-container.b5h4zYgT.js

@@ -0,0 +1,1396 @@
+import { computed as P, unref as N, ref as Y, shallowRef as Qt, watch as it, getCurrentScope as Zt, onScopeDispose as te, shallowReadonly as tt, defineComponent as ee, toRefs as ne, createBlock as oe, openBlock as Et, mergeProps as St, withCtx as ie, renderSlot as re, createElementBlock as se, createCommentVNode as le } from "vue";
+import { B as ce } from "./focus-trap.CljZgv9i.js";
+import { c as Tt, b as ae } from "./popper-container.types.BCZMbVFD.js";
+import { _ as fe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import "../assets/popper-container.css";
+const Vt = ["top", "right", "bottom", "left"], Lt = ["start", "end"], Dt = /* @__PURE__ */ Vt.reduce((t, e) => t.concat(e, e + "-" + Lt[0], e + "-" + Lt[1]), []), nt = Math.min, K = Math.max, at = Math.round, ct = Math.floor, B = (t) => ({
+  x: t,
+  y: t
+}), ue = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, de = {
+  start: "end",
+  end: "start"
+};
+function wt(t, e, n) {
+  return K(t, nt(e, n));
+}
+function Q(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function I(t) {
+  return t.split("-")[0];
+}
+function M(t) {
+  return t.split("-")[1];
+}
+function Nt(t) {
+  return t === "x" ? "y" : "x";
+}
+function xt(t) {
+  return t === "y" ? "height" : "width";
+}
+function G(t) {
+  return ["top", "bottom"].includes(I(t)) ? "y" : "x";
+}
+function bt(t) {
+  return Nt(G(t));
+}
+function It(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = M(t), i = bt(t), s = xt(i);
+  let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (r = ut(r)), [r, ut(r)];
+}
+function me(t) {
+  const e = ut(t);
+  return [ft(t), e, ft(e)];
+}
+function ft(t) {
+  return t.replace(/start|end/g, (e) => de[e]);
+}
+function pe(t, e, n) {
+  const o = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? i : o : e ? o : i;
+    case "left":
+    case "right":
+      return e ? s : r;
+    default:
+      return [];
+  }
+}
+function ge(t, e, n, o) {
+  const i = M(t);
+  let s = pe(I(t), n === "start", o);
+  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(ft)))), s;
+}
+function ut(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => ue[e]);
+}
+function he(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function jt(t) {
+  return typeof t != "number" ? he(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function dt(t) {
+  const {
+    x: e,
+    y: n,
+    width: o,
+    height: i
+  } = t;
+  return {
+    width: o,
+    height: i,
+    top: n,
+    left: e,
+    right: e + o,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+function kt(t, e, n) {
+  let {
+    reference: o,
+    floating: i
+  } = t;
+  const s = G(e), r = bt(e), l = xt(r), a = I(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":
+      f = {
+        x: d,
+        y: o.y - i.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: d,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      f = {
+        x: o.x + o.width,
+        y: u
+      };
+      break;
+    case "left":
+      f = {
+        x: o.x - i.width,
+        y: u
+      };
+      break;
+    default:
+      f = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (M(e)) {
+    case "start":
+      f[r] -= p * (n && c ? -1 : 1);
+      break;
+    case "end":
+      f[r] += p * (n && c ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const we = async (t, e, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: r
+  } = n, l = s.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let c = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: d,
+    y: u
+  } = kt(c, o, a), p = o, f = {}, m = 0;
+  for (let g = 0; g < l.length; g++) {
+    const {
+      name: v,
+      fn: h
+    } = l[g], {
+      x: w,
+      y: x,
+      data: O,
+      reset: y
+    } = await h({
+      x: d,
+      y: u,
+      initialPlacement: o,
+      placement: p,
+      strategy: i,
+      middlewareData: f,
+      rects: c,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    d = w ?? d, u = x ?? u, f = {
+      ...f,
+      [v]: {
+        ...f[v],
+        ...O
+      }
+    }, 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
+    }) : y.rects), {
+      x: d,
+      y: u
+    } = kt(c, p, a)), g = -1);
+  }
+  return {
+    x: d,
+    y: u,
+    placement: p,
+    strategy: i,
+    middlewareData: f
+  };
+};
+async function rt(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: i,
+    platform: s,
+    rects: r,
+    elements: l,
+    strategy: a
+  } = t, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: u = "floating",
+    altBoundary: p = !1,
+    padding: f = 0
+  } = Q(e, t), m = jt(f), v = l[p ? u === "floating" ? "reference" : "floating" : u], h = dt(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(v))) == null || n ? v : v.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+    boundary: c,
+    rootBoundary: d,
+    strategy: a
+  })), w = u === "floating" ? {
+    x: o,
+    y: i,
+    width: r.floating.width,
+    height: r.floating.height
+  } : 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
+  }, y = dt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: w,
+    offsetParent: x,
+    strategy: a
+  }) : w);
+  return {
+    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) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: n,
+      y: o,
+      placement: i,
+      rects: s,
+      platform: r,
+      elements: l,
+      middlewareData: a
+    } = e, {
+      element: c,
+      padding: d = 0
+    } = Q(t, e) || {};
+    if (c == null)
+      return {};
+    const u = jt(d), p = {
+      x: n,
+      y: o
+    }, f = bt(i), m = xt(f), g = await r.getDimensions(c), v = f === "y", h = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", O = s.reference[m] + s.reference[f] - p[f] - s.floating[m], y = p[f] - s.reference[f], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let b = R ? R[x] : 0;
+    (!b || !await (r.isElement == null ? void 0 : r.isElement(R))) && (b = l.floating[x] || s.floating[m]);
+    const H = O / 2 - y / 2, C = b / 2 - g[m] / 2 - 1, A = nt(u[h], C), S = nt(u[w], C), W = A, q = b - g[m] - S, k = b / 2 - g[m] / 2 + H, T = wt(W, k, q), X = !a.arrow && M(i) != null && k !== T && s.reference[m] / 2 - (k < W ? A : S) - g[m] / 2 < 0, V = X ? k < W ? k - W : k - q : 0;
+    return {
+      [f]: p[f] + V,
+      data: {
+        [f]: T,
+        centerOffset: k - T - V,
+        ...X && {
+          alignmentOffset: V
+        }
+      },
+      reset: X
+    };
+  }
+});
+function ye(t, e, n) {
+  return (t ? [...n.filter((i) => M(i) === t), ...n.filter((i) => M(i) !== t)] : n.filter((i) => I(i) === i)).filter((i) => t ? M(i) === t || (e ? ft(i) !== i : !1) : !0);
+}
+const xe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "autoPlacement",
+    options: t,
+    async fn(e) {
+      var n, o, i;
+      const {
+        rects: s,
+        middlewareData: r,
+        placement: l,
+        platform: a,
+        elements: c
+      } = e, {
+        crossAxis: d = !1,
+        alignment: u,
+        allowedPlacements: p = Dt,
+        autoAlignment: f = !0,
+        ...m
+      } = Q(t, e), g = u !== void 0 || p === Dt ? ye(u || null, f, p) : p, v = await rt(e, m), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, w = g[h];
+      if (w == null)
+        return {};
+      const x = It(w, s, await (a.isRTL == null ? void 0 : a.isRTL(c.floating)));
+      if (l !== w)
+        return {
+          reset: {
+            placement: g[0]
+          }
+        };
+      const O = [v[I(w)], v[x[0]], v[x[1]]], y = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+        placement: w,
+        overflows: O
+      }], R = g[h + 1];
+      if (R)
+        return {
+          data: {
+            index: h + 1,
+            overflows: y
+          },
+          reset: {
+            placement: R
+          }
+        };
+      const b = y.map((A) => {
+        const S = M(A.placement);
+        return [A.placement, S && d ? (
+          // Check along the mainAxis and main crossAxis side.
+          A.overflows.slice(0, 2).reduce((W, q) => W + q, 0)
+        ) : (
+          // Check only the mainAxis.
+          A.overflows[0]
+        ), A.overflows];
+      }).sort((A, S) => A[1] - S[1]), C = ((i = b.filter((A) => A[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        M(A[0]) ? 2 : 3
+      ).every((S) => S <= 0))[0]) == null ? void 0 : i[0]) || b[0][0];
+      return C !== l ? {
+        data: {
+          index: h + 1,
+          overflows: y
+        },
+        reset: {
+          placement: C
+        }
+      } : {};
+    }
+  };
+}, be = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: l,
+        platform: a,
+        elements: c
+      } = e, {
+        mainAxis: d = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: g = !0,
+        ...v
+      } = Q(t, e);
+      if ((n = s.arrow) != null && n.alignmentOffset)
+        return {};
+      const h = I(i), w = G(l), x = I(l) === l, O = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = p || (x || !g ? [ut(l)] : me(l)), R = m !== "none";
+      !p && R && y.push(...ge(l, g, m, O));
+      const b = [l, ...y], H = await rt(e, v), C = [];
+      let A = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (d && C.push(H[h]), u) {
+        const T = It(i, r, O);
+        C.push(H[T[0]], H[T[1]]);
+      }
+      if (A = [...A, {
+        placement: i,
+        overflows: C
+      }], !C.every((T) => T <= 0)) {
+        var S, W;
+        const T = (((S = s.flip) == null ? void 0 : S.index) || 0) + 1, X = b[T];
+        if (X) {
+          var q;
+          const j = u === "alignment" ? w !== G(X) : !1, F = ((q = A[0]) == null ? void 0 : q.overflows[0]) > 0;
+          if (!j || F)
+            return {
+              data: {
+                index: T,
+                overflows: A
+              },
+              reset: {
+                placement: X
+              }
+            };
+        }
+        let V = (W = A.filter((j) => j.overflows[0] <= 0).sort((j, F) => j.overflows[1] - F.overflows[1])[0]) == null ? void 0 : W.placement;
+        if (!V)
+          switch (f) {
+            case "bestFit": {
+              var k;
+              const j = (k = A.filter((F) => {
+                if (R) {
+                  const z = G(F.placement);
+                  return z === w || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  z === "y";
+                }
+                return !0;
+              }).map((F) => [F.placement, F.overflows.filter((z) => z > 0).reduce((z, Jt) => z + Jt, 0)]).sort((F, z) => F[1] - z[1])[0]) == null ? void 0 : k[0];
+              j && (V = j);
+              break;
+            }
+            case "initialPlacement":
+              V = l;
+              break;
+          }
+        if (i !== V)
+          return {
+            reset: {
+              placement: V
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function Ft(t, e) {
+  return {
+    top: t.top - e.height,
+    right: t.right - e.width,
+    bottom: t.bottom - e.height,
+    left: t.left - e.width
+  };
+}
+function Bt(t) {
+  return Vt.some((e) => t[e] >= 0);
+}
+const Oe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "hide",
+    options: t,
+    async fn(e) {
+      const {
+        rects: n
+      } = e, {
+        strategy: o = "referenceHidden",
+        ...i
+      } = Q(t, e);
+      switch (o) {
+        case "referenceHidden": {
+          const s = await rt(e, {
+            ...i,
+            elementContext: "reference"
+          }), r = Ft(s, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: r,
+              referenceHidden: Bt(r)
+            }
+          };
+        }
+        case "escaped": {
+          const s = await rt(e, {
+            ...i,
+            altBoundary: !0
+          }), r = Ft(s, n.floating);
+          return {
+            data: {
+              escapedOffsets: r,
+              escaped: Bt(r)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+};
+async function Ae(t, e) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = I(n), l = M(n), a = G(n) === "y", c = ["left", "top"].includes(r) ? -1 : 1, d = s && a ? -1 : 1, u = Q(e, t);
+  let {
+    mainAxis: p,
+    crossAxis: f,
+    alignmentAxis: m
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return l && typeof m == "number" && (f = l === "end" ? m * -1 : m), a ? {
+    x: f * d,
+    y: p * c
+  } : {
+    x: p * c,
+    y: f * d
+  };
+}
+const Re = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        x: i,
+        y: s,
+        placement: r,
+        middlewareData: l
+      } = e, a = await Ae(e, t);
+      return r === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + a.x,
+        y: s + a.y,
+        data: {
+          ...a,
+          placement: r
+        }
+      };
+    }
+  };
+}, Pe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: n,
+        y: o,
+        placement: i
+      } = e, {
+        mainAxis: s = !0,
+        crossAxis: r = !1,
+        limiter: l = {
+          fn: (v) => {
+            let {
+              x: h,
+              y: w
+            } = v;
+            return {
+              x: h,
+              y: w
+            };
+          }
+        },
+        ...a
+      } = Q(t, e), c = {
+        x: n,
+        y: o
+      }, d = await rt(e, a), u = G(I(i)), p = Nt(u);
+      let f = c[p], m = c[u];
+      if (s) {
+        const v = p === "y" ? "top" : "left", h = p === "y" ? "bottom" : "right", w = f + d[v], x = f - d[h];
+        f = wt(w, f, x);
+      }
+      if (r) {
+        const v = u === "y" ? "top" : "left", h = u === "y" ? "bottom" : "right", w = m + d[v], x = m - d[h];
+        m = wt(w, m, x);
+      }
+      const g = l.fn({
+        ...e,
+        [p]: f,
+        [u]: m
+      });
+      return {
+        ...g,
+        data: {
+          x: g.x - n,
+          y: g.y - o,
+          enabled: {
+            [p]: s,
+            [u]: r
+          }
+        }
+      };
+    }
+  };
+};
+function mt() {
+  return typeof window < "u";
+}
+function Z(t) {
+  return Ot(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function E(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function _(t) {
+  var e;
+  return (e = (Ot(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function Ot(t) {
+  return mt() ? t instanceof Node || t instanceof E(t).Node : !1;
+}
+function L(t) {
+  return mt() ? t instanceof Element || t instanceof E(t).Element : !1;
+}
+function $(t) {
+  return mt() ? t instanceof HTMLElement || t instanceof E(t).HTMLElement : !1;
+}
+function Mt(t) {
+  return !mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof E(t).ShadowRoot;
+}
+function lt(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = D(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !["inline", "contents"].includes(i);
+}
+function Ce(t) {
+  return ["table", "td", "th"].includes(Z(t));
+}
+function pt(t) {
+  return [":popover-open", ":modal"].some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+function At(t) {
+  const e = Rt(), n = L(t) ? D(t) : t;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
+}
+function Ee(t) {
+  let e = U(t);
+  for (; $(e) && !ot(e); ) {
+    if (At(e))
+      return e;
+    if (pt(e))
+      return null;
+    e = U(e);
+  }
+  return null;
+}
+function Rt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function ot(t) {
+  return ["html", "body", "#document"].includes(Z(t));
+}
+function D(t) {
+  return E(t).getComputedStyle(t);
+}
+function gt(t) {
+  return L(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function U(t) {
+  if (Z(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    Mt(t) && t.host || // Fallback.
+    _(t)
+  );
+  return Mt(e) ? e.host : e;
+}
+function zt(t) {
+  const e = U(t);
+  return ot(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : $(e) && lt(e) ? e : zt(e);
+}
+function st(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const i = zt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = E(i);
+  if (s) {
+    const l = vt(r);
+    return e.concat(r, r.visualViewport || [], lt(i) ? i : [], l && n ? st(l) : []);
+  }
+  return e.concat(i, st(i, [], n));
+}
+function vt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function Yt(t) {
+  const e = D(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = $(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = at(n) !== s || at(o) !== r;
+  return l && (n = s, o = r), {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+function Pt(t) {
+  return L(t) ? t : t.contextElement;
+}
+function et(t) {
+  const e = Pt(t);
+  if (!$(e))
+    return B(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: s
+  } = Yt(e);
+  let r = (s ? at(n.width) : n.width) / o, l = (s ? at(n.height) : n.height) / i;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: r,
+    y: l
+  };
+}
+const Se = /* @__PURE__ */ B(0);
+function Ut(t) {
+  const e = E(t);
+  return !Rt() || !e.visualViewport ? Se : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Te(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== E(t) ? !1 : e;
+}
+function J(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), s = Pt(t);
+  let r = B(1);
+  e && (o ? L(o) && (r = et(o)) : r = et(t));
+  const l = Te(s, n, o) ? Ut(s) : B(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 p = E(s), f = o && L(o) ? E(o) : o;
+    let m = p, g = vt(m);
+    for (; g && o && f !== m; ) {
+      const v = et(g), h = g.getBoundingClientRect(), w = D(g), x = h.left + (g.clientLeft + parseFloat(w.paddingLeft)) * v.x, O = h.top + (g.clientTop + parseFloat(w.paddingTop)) * v.y;
+      a *= v.x, c *= v.y, d *= v.x, u *= v.y, a += x, c += O, m = E(g), g = vt(m);
+    }
+  }
+  return dt({
+    width: d,
+    height: u,
+    x: a,
+    y: c
+  });
+}
+function Ct(t, e) {
+  const n = gt(t).scrollLeft;
+  return e ? e.left + n : J(_(t)).left + n;
+}
+function qt(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = t.getBoundingClientRect(), i = o.left + e.scrollLeft - (n ? 0 : (
+    // RTL <body> scrollbar.
+    Ct(t, o)
+  )), s = o.top + e.scrollTop;
+  return {
+    x: i,
+    y: s
+  };
+}
+function Le(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const s = i === "fixed", r = _(o), l = e ? pt(e.floating) : !1;
+  if (o === r || l && s)
+    return n;
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = B(1);
+  const d = B(0), u = $(o);
+  if ((u || !u && !s) && ((Z(o) !== "body" || lt(r)) && (a = gt(o)), $(o))) {
+    const f = J(o);
+    c = et(o), d.x = f.x + o.clientLeft, d.y = f.y + o.clientTop;
+  }
+  const p = r && !u && !s ? qt(r, a, !0) : B(0);
+  return {
+    width: n.width * c.x,
+    height: n.height * c.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 De(t) {
+  return Array.from(t.getClientRects());
+}
+function ke(t) {
+  const e = _(t), n = gt(t), o = t.ownerDocument.body, i = K(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = K(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let r = -n.scrollLeft + Ct(t);
+  const l = -n.scrollTop;
+  return D(o).direction === "rtl" && (r += K(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: s,
+    x: r,
+    y: l
+  };
+}
+function Fe(t, e) {
+  const n = E(t), o = _(t), i = n.visualViewport;
+  let s = o.clientWidth, r = o.clientHeight, l = 0, a = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const c = Rt();
+    (!c || c && e === "fixed") && (l = i.offsetLeft, a = i.offsetTop);
+  }
+  return {
+    width: s,
+    height: r,
+    x: l,
+    y: a
+  };
+}
+function Be(t, e) {
+  const n = J(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = $(t) ? et(t) : B(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, a = i * s.x, c = o * s.y;
+  return {
+    width: r,
+    height: l,
+    x: a,
+    y: c
+  };
+}
+function $t(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = Fe(t, n);
+  else if (e === "document")
+    o = ke(_(t));
+  else if (L(e))
+    o = Be(e, n);
+  else {
+    const i = Ut(t);
+    o = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return dt(o);
+}
+function Xt(t, e) {
+  const n = U(t);
+  return n === e || !L(n) || ot(n) ? !1 : D(n).position === "fixed" || Xt(n, e);
+}
+function Me(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = st(t, [], !1).filter((l) => L(l) && Z(l) !== "body"), i = null;
+  const s = D(t).position === "fixed";
+  let r = s ? U(t) : t;
+  for (; L(r) && !ot(r); ) {
+    const l = D(r), a = At(r);
+    !a && l.position === "fixed" && (i = null), (s ? !a && !i : !a && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || lt(r) && !a && Xt(t, r)) ? o = o.filter((d) => d !== r) : i = l, r = U(r);
+  }
+  return e.set(t, o), o;
+}
+function $e(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const r = [...n === "clippingAncestors" ? pt(e) ? [] : Me(e, this._c) : [].concat(n), o], l = r[0], a = r.reduce((c, d) => {
+    const u = $t(e, d, i);
+    return c.top = K(u.top, c.top), c.right = nt(u.right, c.right), c.bottom = nt(u.bottom, c.bottom), c.left = K(u.left, c.left), c;
+  }, $t(e, l, i));
+  return {
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
+  };
+}
+function _e(t) {
+  const {
+    width: e,
+    height: n
+  } = Yt(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function He(t, e, n) {
+  const o = $(e), i = _(e), s = n === "fixed", r = J(t, !0, s, e);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const a = B(0);
+  if (o || !o && !s)
+    if ((Z(e) !== "body" || lt(i)) && (l = gt(e)), o) {
+      const p = J(e, !0, s, e);
+      a.x = p.x + e.clientLeft, a.y = p.y + e.clientTop;
+    } else i && (a.x = Ct(i));
+  const c = i && !o && !s ? qt(i, l) : B(0), d = r.left + l.scrollLeft - a.x - c.x, u = r.top + l.scrollTop - a.y - c.y;
+  return {
+    x: d,
+    y: u,
+    width: r.width,
+    height: r.height
+  };
+}
+function ht(t) {
+  return D(t).position === "static";
+}
+function _t(t, e) {
+  if (!$(t) || D(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return _(t) === n && (n = n.ownerDocument.body), n;
+}
+function Kt(t, e) {
+  const n = E(t);
+  if (pt(t))
+    return n;
+  if (!$(t)) {
+    let i = U(t);
+    for (; i && !ot(i); ) {
+      if (L(i) && !ht(i))
+        return i;
+      i = U(i);
+    }
+    return n;
+  }
+  let o = _t(t, e);
+  for (; o && Ce(o) && ht(o); )
+    o = _t(o, e);
+  return o && ot(o) && ht(o) && !At(o) ? n : o || Ee(t) || n;
+}
+const We = async function(t) {
+  const e = this.getOffsetParent || Kt, n = this.getDimensions, o = await n(t.floating);
+  return {
+    reference: He(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Ve(t) {
+  return D(t).direction === "rtl";
+}
+const Ne = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Le,
+  getDocumentElement: _,
+  getClippingRect: $e,
+  getOffsetParent: Kt,
+  getElementRects: We,
+  getClientRects: De,
+  getDimensions: _e,
+  getScale: et,
+  isElement: L,
+  isRTL: Ve
+};
+function Ie(t, e) {
+  let n = null, o;
+  const i = _(t);
+  function s() {
+    var l;
+    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
+  }
+  function r(l, a) {
+    l === void 0 && (l = !1), a === void 0 && (a = 1), s();
+    const {
+      left: c,
+      top: d,
+      width: u,
+      height: p
+    } = t.getBoundingClientRect();
+    if (l || e(), !u || !p)
+      return;
+    const f = ct(d), m = ct(i.clientWidth - (c + u)), g = ct(i.clientHeight - (d + p)), v = ct(c), w = {
+      rootMargin: -f + "px " + -m + "px " + -g + "px " + -v + "px",
+      threshold: K(0, nt(1, a)) || 1
+    };
+    let x = !0;
+    function O(y) {
+      const R = y[0].intersectionRatio;
+      if (R !== a) {
+        if (!x)
+          return r();
+        R ? r(!1, R) : o = setTimeout(() => {
+          r(!1, 1e-7);
+        }, 1e3);
+      }
+      x = !1;
+    }
+    try {
+      n = new IntersectionObserver(O, {
+        ...w,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(O, w);
+    }
+    n.observe(t);
+  }
+  return r(!0), s;
+}
+function Ht(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: s = !0,
+    elementResize: r = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: a = !1
+  } = o, c = Pt(t), d = i || s ? [...c ? st(c) : [], ...st(e)] : [];
+  d.forEach((h) => {
+    i && h.addEventListener("scroll", n, {
+      passive: !0
+    }), s && h.addEventListener("resize", n);
+  });
+  const u = c && l ? Ie(c, n) : null;
+  let p = -1, f = null;
+  r && (f = new ResizeObserver((h) => {
+    let [w] = h;
+    w && w.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 m, g = a ? J(t) : null;
+  a && v();
+  function v() {
+    const h = J(t);
+    g && (h.x !== g.x || h.y !== g.y || h.width !== g.width || h.height !== g.height) && n(), g = h, m = requestAnimationFrame(v);
+  }
+  return n(), () => {
+    var h;
+    d.forEach((w) => {
+      i && w.removeEventListener("scroll", n), s && w.removeEventListener("resize", n);
+    }), u == null || u(), (h = f) == null || h.disconnect(), f = null, a && cancelAnimationFrame(m);
+  };
+}
+const je = Re, ze = xe, Ye = Pe, Ue = be, cn = Oe, qe = ve, Xe = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: Ne,
+    ...n
+  }, s = {
+    ...i.platform,
+    _c: o
+  };
+  return we(t, e, {
+    ...i,
+    platform: s
+  });
+};
+function Ke(t) {
+  return t != null && typeof t == "object" && "$el" in t;
+}
+function yt(t) {
+  if (Ke(t)) {
+    const e = t.$el;
+    return Ot(e) && Z(e) === "#comment" ? null : e;
+  }
+  return t;
+}
+function Ge(t) {
+  return {
+    name: "arrow",
+    options: t,
+    fn(e) {
+      const n = yt(N(t.element));
+      return n == null ? {} : qe({
+        element: n,
+        padding: t.padding
+      }).fn(e);
+    }
+  };
+}
+function Gt(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Wt(t, e) {
+  const n = Gt(t);
+  return Math.round(e * n) / n;
+}
+function Je(t, e, n) {
+  n === void 0 && (n = {});
+  const o = n.whileElementsMounted, i = P(() => {
+    var b;
+    return (b = N(n.open)) != null ? b : !0;
+  }), s = P(() => N(n.middleware)), r = P(() => {
+    var b;
+    return (b = N(n.placement)) != null ? b : "bottom";
+  }), l = P(() => {
+    var b;
+    return (b = N(n.strategy)) != null ? b : "absolute";
+  }), a = P(() => {
+    var b;
+    return (b = N(n.transform)) != null ? b : !0;
+  }), c = P(() => yt(t.value)), d = P(() => yt(e.value)), u = Y(0), p = Y(0), f = Y(l.value), m = Y(r.value), g = Qt({}), v = Y(!1), h = P(() => {
+    const b = {
+      position: f.value,
+      left: "0",
+      top: "0"
+    };
+    if (!d.value)
+      return b;
+    const H = Wt(d.value, u.value), C = Wt(d.value, p.value);
+    return a.value ? {
+      ...b,
+      transform: "translate(" + H + "px, " + C + "px)",
+      ...Gt(d.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: f.value,
+      left: H + "px",
+      top: C + "px"
+    };
+  });
+  let w;
+  function x() {
+    c.value == null || d.value == null || Xe(c.value, d.value, {
+      middleware: s.value,
+      placement: r.value,
+      strategy: l.value
+    }).then((b) => {
+      u.value = b.x, p.value = b.y, f.value = b.strategy, m.value = b.placement, g.value = b.middlewareData, v.value = !0;
+    });
+  }
+  function O() {
+    typeof w == "function" && (w(), w = void 0);
+  }
+  function y() {
+    if (O(), o === void 0) {
+      x();
+      return;
+    }
+    if (c.value != null && d.value != null) {
+      w = o(c.value, d.value, x);
+      return;
+    }
+  }
+  function R() {
+    i.value || (v.value = !1);
+  }
+  return it([s, r, l], x, {
+    flush: "sync"
+  }), it([c, d], y, {
+    flush: "sync"
+  }), it(i, R, {
+    flush: "sync"
+  }), Zt() && te(O), {
+    x: tt(u),
+    y: tt(p),
+    strategy: tt(f),
+    placement: tt(m),
+    middlewareData: tt(g),
+    isPositioned: tt(v),
+    floatingStyles: h,
+    update: x
+  };
+}
+const Qe = (t, e) => t ? e[1] + 7 : e[1], Ze = (t) => {
+  let e = Array.isArray(t) ? t : [t];
+  return e = e.filter((n) => n !== "auto" && n !== "auto-start" && n !== "auto-end").map((n) => n), {
+    fallbackPlacements: e
+  };
+}, tn = {
+  name: "sameWidth",
+  fn: ({ elements: t }) => (t.floating.style.width = `${t.reference.offsetWidth}px`, {})
+}, en = {}, nn = /* @__PURE__ */ ee({
+  ...en,
+  __name: "popper-container",
+  props: {
+    /**
+     * The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
+     */
+    ariaRole: {
+      type: String,
+      default: null,
+      validator: (t) => Object.values(ae).includes(t)
+    },
+    /**
+     * Indicates if container should have additional arrow, pointing at target element
+     * Can be just a boolean flag, or an object with additional configuration:
+     * @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
+     * @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
+     */
+    arrow: { type: Object, default: void 0 },
+    /**
+     * Disables wrapping focus-trap component.
+     * Mostly useful for the storybook demo.
+     */
+    disabledFocusTrap: { type: Boolean, default: !1 },
+    /**
+     * Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
+     * Useful when not using auto as starting placement.
+     * @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
+     */
+    fallbackPosition: {
+      type: [Array, String],
+      default: null
+    },
+    /**
+     * Instructs popover to be visible outside of the containing container.
+     * Useful when component would be used in limited containers like Modal, Side panel, etc.
+     * @see {@link https://floating-ui.com/docs/usefloating#strategy}
+     */
+    fixedPositioning: { type: Boolean, default: !1 },
+    /**
+     * The id to be set on the component. Use it for accessibility purposes.
+     */
+    id: { type: String, default: null },
+    /**
+     * If hiding / showing popper element then use this property to tell the popper when to update it's position.
+     * This will drastically help improve performance, as we will not need to track hidden elements.
+     */
+    isHidden: { type: Boolean, default: null },
+    /**
+     * Instructs popper container to have the same width as target element.
+     */
+    matchWidth: { type: Boolean, default: !1 },
+    /**
+     * Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
+     * @see {@link https://floating-ui.com/docs/middleware}
+     */
+    middleware: { type: Array, default: null },
+    /**
+     * Allows to displace a popper container from its target element.
+     * @see {@link https://floating-ui.com/docs/offset#options}
+     */
+    offset: {
+      type: Array,
+      default: () => [0, 0],
+      validator: (t) => (t == null ? void 0 : t.length) === 2
+    },
+    /**
+     * Position relative to the target element
+     * @see {@link https://floating-ui.com/docs/computeposition#placement}
+     */
+    position: {
+      type: String,
+      default: Tt.AUTO,
+      validator: (t) => Object.values(Tt).includes(t)
+    },
+    /**
+     * Reference to the DOM element or Vue component for positioning
+     */
+    targetElement: { type: [Element, Object], required: !0 }
+  },
+  emits: ["placement"],
+  setup(t, { emit: e }) {
+    var O;
+    const n = t, o = e, { position: i } = ne(n), s = Y(), r = Y(null), l = Y(n.position), a = P(
+      () => n.targetElement.$el ? n.targetElement.$el : n.targetElement
+    ), c = P(
+      () => s.value.$el ? s.value.$el : s.value
+    ), d = P(() => (n == null ? void 0 : n.position) !== "auto" && (n == null ? void 0 : n.fallbackPosition) !== "auto"), u = P(() => {
+      switch (n.position) {
+        case "auto-start":
+          return { alignment: "start", crossAxis: !0 };
+        case "auto-end":
+          return { alignment: "end", crossAxis: !0 };
+        default:
+          return;
+      }
+    }), p = P(() => n.fixedPositioning ? "fixed" : "absolute"), { floatingStyles: f, middlewareData: m, placement: g, update: v } = Je(a, s, {
+      placement: i,
+      middleware: [
+        // Adds flip modifier if fallbackPosition is not set to auto
+        ...d.value ? [
+          Ue({
+            fallbackPlacements: Ze(n.fallbackPosition).fallbackPlacements
+          })
+        ] : [],
+        // Adds autoposition middlelare if position is set to any auto variants
+        ...d.value ? [] : [ze(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 ? [je(Qe(n.arrow, n.offset))] : [],
+        // Adds arrow middlelare if arrow property is set, can set additional padding property
+        ...n.arrow ? [Ge({ element: r, padding: n.arrow.padding || 0 })] : [],
+        // Adds same width middleware to keep popper width same as referenced element's width
+        ...n.matchWidth ? [tn] : [],
+        // If there is additional custom middleware to add via the property then add it
+        ...((O = n.middleware) == null ? void 0 : O.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
+      ...n.isHidden === null ? { whileElementsMounted: Ht } : []
+    });
+    let h;
+    it(
+      () => n.isHidden,
+      () => {
+        n.isHidden !== null && !n.isHidden ? h = Ht(a == null ? void 0 : a.value, c == null ? void 0 : c.value, v) : n.isHidden !== null && n.isHidden && typeof h == "function" && h();
+      }
+    ), it(
+      () => g.value,
+      () => {
+        l.value !== g.value && (l.value = g.value, o("placement", l.value));
+      }
+    );
+    const w = P(() => {
+      var y, R;
+      return {
+        position: "absolute",
+        left: ((y = m.value.arrow) == null ? void 0 : y.x) != null ? `${m.value.arrow.x}px` : "",
+        top: ((R = m.value.arrow) == null ? void 0 : R.y) != null ? `${m.value.arrow.y}px` : ""
+      };
+    }), x = P(() => {
+      var y;
+      return {
+        class: n.arrow.classes,
+        style: w.value,
+        // Applies a data-hide attribute to arrow element depending on center offset.
+        ...((y = m.value.arrow) == null ? void 0 : y.centerOffset) !== 0 ? { "data-hide": "" } : {}
+      };
+    });
+    return (y, R) => (Et(), oe(N(ce), St(y.$attrs, {
+      id: t.id,
+      ref_key: "popperContainerRef",
+      ref: s,
+      class: "b-popper-container",
+      "data-popper-placement": N(g),
+      disabled: t.disabledFocusTrap,
+      style: N(f),
+      role: t.ariaRole
+    }), {
+      default: ie(() => [
+        re(y.$slots, "default", {}, void 0, !0),
+        n.arrow ? (Et(), se("span", St({ key: 0 }, x.value, {
+          ref_key: "floatingArrow",
+          ref: r,
+          class: "b-popper-container__arrow",
+          "data-testid": "arrow"
+        }), null, 16)) : le("", !0)
+      ]),
+      _: 3
+    }, 16, ["id", "data-popper-placement", "disabled", "style", "role"]));
+  }
+}), an = /* @__PURE__ */ fe(nn, [["__scopeId", "data-v-59884aac"]]);
+export {
+  an as P,
+  cn as h,
+  je as o
+};
+//# sourceMappingURL=popper-container.b5h4zYgT.js.map