@adyen/bento-vue2 1.4.1 → 1.5.0

package/dist/popper-container.js

@@ -1,225 +1,1273 @@
-import { createPopper as p } from "@popperjs/core";
-import { defineComponent as l } from "vue";
-import { B as n } from "./chunks/index.c39c64c9.js";
-import { n as f } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index24.css";
-var i = /* @__PURE__ */ ((t) => (t.TOP = "top", t.RIGHT = "right", t.BOTTOM = "bottom", t.LEFT = "left", t))(i || {}), a = /* @__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))(a || {}), o = /* @__PURE__ */ ((t) => (t.TOOLTIP = "tooltip", t.POPOVER = "dialog", t))(o || {});
-const s = { ...i, ...a }, d = (t, e) => ({
+import { unref as q, computed as R, ref as I, shallowRef as zt, watch as Z, getCurrentScope as jt, onScopeDispose as Ut, shallowReadonly as Y, defineComponent as Xt, toRefs as Yt } from "vue";
+import "./chunks/index.af05ced4.js";
+import { B as qt } from "./chunks/index.0f8690c4.js";
+import { n as Gt } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import "./assets/index35.css";
+const Kt = ["top", "right", "bottom", "left"], yt = ["start", "end"], xt = /* @__PURE__ */ Kt.reduce((t, e) => t.concat(e, e + "-" + yt[0], e + "-" + yt[1]), []), K = Math.min, U = Math.max, ot = Math.round, nt = Math.floor, z = (t) => ({
+  x: t,
+  y: t
+}), Jt = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Qt = {
+  start: "end",
+  end: "start"
+};
+function ft(t, e, n) {
+  return U(t, K(e, n));
+}
+function Q(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function N(t) {
+  return t.split("-")[0];
+}
+function B(t) {
+  return t.split("-")[1];
+}
+function St(t) {
+  return t === "x" ? "y" : "x";
+}
+function dt(t) {
+  return t === "y" ? "height" : "width";
+}
+function st(t) {
+  return ["top", "bottom"].includes(N(t)) ? "y" : "x";
+}
+function mt(t) {
+  return St(st(t));
+}
+function Lt(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = B(t), i = mt(t), l = dt(i);
+  let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[l] > e.floating[l] && (r = rt(r)), [r, rt(r)];
+}
+function Zt(t) {
+  const e = rt(t);
+  return [it(t), e, it(e)];
+}
+function it(t) {
+  return t.replace(/start|end/g, (e) => Qt[e]);
+}
+function te(t, e, n) {
+  const o = ["left", "right"], i = ["right", "left"], l = ["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 ? l : r;
+    default:
+      return [];
+  }
+}
+function ee(t, e, n, o) {
+  const i = B(t);
+  let l = te(N(t), n === "start", o);
+  return i && (l = l.map((r) => r + "-" + i), e && (l = l.concat(l.map(it)))), l;
+}
+function rt(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Jt[e]);
+}
+function ne(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function Ct(t) {
+  return typeof t != "number" ? ne(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function lt(t) {
+  return {
+    ...t,
+    top: t.y,
+    left: t.x,
+    right: t.x + t.width,
+    bottom: t.y + t.height
+  };
+}
+function bt(t, e, n) {
+  let {
+    reference: o,
+    floating: i
+  } = t;
+  const l = st(e), r = mt(e), s = dt(r), a = N(e), c = l === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, p = o[s] / 2 - i[s] / 2;
+  let f;
+  switch (a) {
+    case "top":
+      f = {
+        x: u,
+        y: o.y - i.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: u,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      f = {
+        x: o.x + o.width,
+        y: d
+      };
+      break;
+    case "left":
+      f = {
+        x: o.x - i.width,
+        y: d
+      };
+      break;
+    default:
+      f = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (B(e)) {
+    case "start":
+      f[r] -= p * (n && c ? -1 : 1);
+      break;
+    case "end":
+      f[r] += p * (n && c ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const oe = async (t, e, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: l = [],
+    platform: r
+  } = n, s = l.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let c = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: u,
+    y: d
+  } = bt(c, o, a), p = o, f = {}, m = 0;
+  for (let g = 0; g < s.length; g++) {
+    const {
+      name: w,
+      fn: h
+    } = s[g], {
+      x: v,
+      y,
+      data: O,
+      reset: b
+    } = await h({
+      x: u,
+      y: d,
+      initialPlacement: o,
+      placement: p,
+      strategy: i,
+      middlewareData: f,
+      rects: c,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    u = v ?? u, d = y ?? d, f = {
+      ...f,
+      [w]: {
+        ...f[w],
+        ...O
+      }
+    }, b && m <= 50 && (m++, typeof b == "object" && (b.placement && (p = b.placement), b.rects && (c = b.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : b.rects), {
+      x: u,
+      y: d
+    } = bt(c, p, a)), g = -1);
+  }
+  return {
+    x: u,
+    y: d,
+    placement: p,
+    strategy: i,
+    middlewareData: f
+  };
+};
+async function pt(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: i,
+    platform: l,
+    rects: r,
+    elements: s,
+    strategy: a
+  } = t, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: d = "floating",
+    altBoundary: p = !1,
+    padding: f = 0
+  } = Q(e, t), m = Ct(f), w = s[p ? d === "floating" ? "reference" : "floating" : d], h = lt(await l.getClippingRect({
+    element: (n = await (l.isElement == null ? void 0 : l.isElement(w))) == null || n ? w : w.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(s.floating)),
+    boundary: c,
+    rootBoundary: u,
+    strategy: a
+  })), v = d === "floating" ? {
+    ...r.floating,
+    x: o,
+    y: i
+  } : r.reference, y = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(s.floating)), O = await (l.isElement == null ? void 0 : l.isElement(y)) ? await (l.getScale == null ? void 0 : l.getScale(y)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, b = lt(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: s,
+    rect: v,
+    offsetParent: y,
+    strategy: a
+  }) : v);
+  return {
+    top: (h.top - b.top + m.top) / O.y,
+    bottom: (b.bottom - h.bottom + m.bottom) / O.y,
+    left: (h.left - b.left + m.left) / O.x,
+    right: (b.right - h.right + m.right) / O.x
+  };
+}
+const ie = (t) => ({
   name: "arrow",
-  options: {
-    element: t,
-    padding: e.padding || 0
-  }
-}), c = (t, e) => ({
-  name: "offset",
-  options: { offset: t ? [e[0], e[1] + 7] : e }
-}), h = (t) => ({
-  name: "flip",
-  options: {
-    fallbackPlacements: Array.isArray(t) ? t : [t]
-  }
-}), m = {
-  name: "applyArrowHide",
-  enabled: !0,
-  phase: "write",
-  fn({ state: t }) {
-    const { arrow: e } = t.elements;
-    e && (t.modifiersData.arrow.centerOffset !== 0 ? e.setAttribute("data-hide", "") : e.removeAttribute("data-hide"));
-  }
-}, u = {
-  name: "sameWidth",
-  enabled: !0,
-  phase: "beforeWrite",
-  requires: ["computeStyles"],
-  fn: ({ state: t }) => {
-    t.styles.popper.width = `${t.rects.reference.width}px`;
-  },
-  effect: ({ state: t }) => {
-    t.elements.popper.style.width = `${t.elements.reference.offsetWidth}px`;
+  options: t,
+  async fn(e) {
+    const {
+      x: n,
+      y: o,
+      placement: i,
+      rects: l,
+      platform: r,
+      elements: s,
+      middlewareData: a
+    } = e, {
+      element: c,
+      padding: u = 0
+    } = Q(t, e) || {};
+    if (c == null)
+      return {};
+    const d = Ct(u), p = {
+      x: n,
+      y: o
+    }, f = mt(i), m = dt(f), g = await r.getDimensions(c), w = f === "y", h = w ? "top" : "left", v = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", O = l.reference[m] + l.reference[f] - p[f] - l.floating[m], b = p[f] - l.reference[f], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let x = A ? A[y] : 0;
+    (!x || !await (r.isElement == null ? void 0 : r.isElement(A))) && (x = s.floating[y] || l.floating[m]);
+    const C = O / 2 - b / 2, D = x / 2 - g[m] / 2 - 1, T = K(d[h], D), P = K(d[v], D), _ = T, j = x - g[m] - P, E = x / 2 - g[m] / 2 + C, F = ft(_, E, j), M = !a.arrow && B(i) != null && E !== F && l.reference[m] / 2 - (E < _ ? T : P) - g[m] / 2 < 0, $ = M ? E < _ ? E - _ : E - j : 0;
+    return {
+      [f]: p[f] + $,
+      data: {
+        [f]: F,
+        centerOffset: E - F - $,
+        ...M && {
+          alignmentOffset: $
+        }
+      },
+      reset: M
+    };
+  }
+});
+function re(t, e, n) {
+  return (t ? [...n.filter((i) => B(i) === t), ...n.filter((i) => B(i) !== t)] : n.filter((i) => N(i) === i)).filter((i) => t ? B(i) === t || (e ? it(i) !== i : !1) : !0);
+}
+const le = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "autoPlacement",
+    options: t,
+    async fn(e) {
+      var n, o, i;
+      const {
+        rects: l,
+        middlewareData: r,
+        placement: s,
+        platform: a,
+        elements: c
+      } = e, {
+        crossAxis: u = !1,
+        alignment: d,
+        allowedPlacements: p = xt,
+        autoAlignment: f = !0,
+        ...m
+      } = Q(t, e), g = d !== void 0 || p === xt ? re(d || null, f, p) : p, w = await pt(e, m), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = g[h];
+      if (v == null)
+        return {};
+      const y = Lt(v, l, await (a.isRTL == null ? void 0 : a.isRTL(c.floating)));
+      if (s !== v)
+        return {
+          reset: {
+            placement: g[0]
+          }
+        };
+      const O = [w[N(v)], w[y[0]], w[y[1]]], b = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+        placement: v,
+        overflows: O
+      }], A = g[h + 1];
+      if (A)
+        return {
+          data: {
+            index: h + 1,
+            overflows: b
+          },
+          reset: {
+            placement: A
+          }
+        };
+      const x = b.map((T) => {
+        const P = B(T.placement);
+        return [T.placement, P && u ? (
+          // Check along the mainAxis and main crossAxis side.
+          T.overflows.slice(0, 2).reduce((_, j) => _ + j, 0)
+        ) : (
+          // Check only the mainAxis.
+          T.overflows[0]
+        ), T.overflows];
+      }).sort((T, P) => T[1] - P[1]), D = ((i = x.filter((T) => T[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        B(T[0]) ? 2 : 3
+      ).every((P) => P <= 0))[0]) == null ? void 0 : i[0]) || x[0][0];
+      return D !== s ? {
+        data: {
+          index: h + 1,
+          overflows: b
+        },
+        reset: {
+          placement: D
+        }
+      } : {};
+    }
+  };
+}, se = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        middlewareData: l,
+        rects: r,
+        initialPlacement: s,
+        platform: a,
+        elements: c
+      } = e, {
+        mainAxis: u = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: g = !0,
+        ...w
+      } = Q(t, e);
+      if ((n = l.arrow) != null && n.alignmentOffset)
+        return {};
+      const h = N(i), v = N(s) === s, y = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), O = p || (v || !g ? [rt(s)] : Zt(s));
+      !p && m !== "none" && O.push(...ee(s, g, m, y));
+      const b = [s, ...O], A = await pt(e, w), x = [];
+      let C = ((o = l.flip) == null ? void 0 : o.overflows) || [];
+      if (u && x.push(A[h]), d) {
+        const _ = Lt(i, r, y);
+        x.push(A[_[0]], A[_[1]]);
+      }
+      if (C = [...C, {
+        placement: i,
+        overflows: x
+      }], !x.every((_) => _ <= 0)) {
+        var D, T;
+        const _ = (((D = l.flip) == null ? void 0 : D.index) || 0) + 1, j = b[_];
+        if (j)
+          return {
+            data: {
+              index: _,
+              overflows: C
+            },
+            reset: {
+              placement: j
+            }
+          };
+        let E = (T = C.filter((F) => F.overflows[0] <= 0).sort((F, M) => F.overflows[1] - M.overflows[1])[0]) == null ? void 0 : T.placement;
+        if (!E)
+          switch (f) {
+            case "bestFit": {
+              var P;
+              const F = (P = C.map((M) => [M.placement, M.overflows.filter(($) => $ > 0).reduce(($, It) => $ + It, 0)]).sort((M, $) => M[1] - $[1])[0]) == null ? void 0 : P[0];
+              F && (E = F);
+              break;
+            }
+            case "initialPlacement":
+              E = s;
+              break;
+          }
+        if (i !== E)
+          return {
+            reset: {
+              placement: E
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function ce(t, e) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = t, l = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = N(n), s = B(n), a = st(n) === "y", c = ["left", "top"].includes(r) ? -1 : 1, u = l && a ? -1 : 1, d = Q(e, t);
+  let {
+    mainAxis: p,
+    crossAxis: f,
+    alignmentAxis: m
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...d
+  };
+  return s && typeof m == "number" && (f = s === "end" ? m * -1 : m), a ? {
+    x: f * u,
+    y: p * c
+  } : {
+    x: p * c,
+    y: f * u
+  };
+}
+const ae = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        x: i,
+        y: l,
+        placement: r,
+        middlewareData: s
+      } = e, a = await ce(e, t);
+      return r === ((n = s.offset) == null ? void 0 : n.placement) && (o = s.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + a.x,
+        y: l + a.y,
+        data: {
+          ...a,
+          placement: r
+        }
+      };
+    }
+  };
+}, fe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: n,
+        y: o,
+        placement: i
+      } = e, {
+        mainAxis: l = !0,
+        crossAxis: r = !1,
+        limiter: s = {
+          fn: (w) => {
+            let {
+              x: h,
+              y: v
+            } = w;
+            return {
+              x: h,
+              y: v
+            };
+          }
+        },
+        ...a
+      } = Q(t, e), c = {
+        x: n,
+        y: o
+      }, u = await pt(e, a), d = st(N(i)), p = St(d);
+      let f = c[p], m = c[d];
+      if (l) {
+        const w = p === "y" ? "top" : "left", h = p === "y" ? "bottom" : "right", v = f + u[w], y = f - u[h];
+        f = ft(v, f, y);
+      }
+      if (r) {
+        const w = d === "y" ? "top" : "left", h = d === "y" ? "bottom" : "right", v = m + u[w], y = m - u[h];
+        m = ft(v, m, y);
+      }
+      const g = s.fn({
+        ...e,
+        [p]: f,
+        [d]: m
+      });
+      return {
+        ...g,
+        data: {
+          x: g.x - n,
+          y: g.y - o
+        }
+      };
+    }
+  };
+};
+function H(t) {
+  return gt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function S(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function V(t) {
+  var e;
+  return (e = (gt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function gt(t) {
+  return t instanceof Node || t instanceof S(t).Node;
+}
+function W(t) {
+  return t instanceof Element || t instanceof S(t).Element;
+}
+function k(t) {
+  return t instanceof HTMLElement || t instanceof S(t).HTMLElement;
+}
+function Ot(t) {
+  return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof S(t).ShadowRoot;
+}
+function et(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = L(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !["inline", "contents"].includes(i);
+}
+function ue(t) {
+  return ["table", "td", "th"].includes(H(t));
+}
+function ht(t) {
+  const e = wt(), n = L(t);
+  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
+}
+function de(t) {
+  let e = J(t);
+  for (; k(e) && !ct(e); ) {
+    if (ht(e))
+      return e;
+    e = J(e);
+  }
+  return null;
+}
+function wt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function ct(t) {
+  return ["html", "body", "#document"].includes(H(t));
+}
+function L(t) {
+  return S(t).getComputedStyle(t);
+}
+function at(t) {
+  return W(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.pageXOffset,
+    scrollTop: t.pageYOffset
+  };
+}
+function J(t) {
+  if (H(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.
+    Ot(t) && t.host || // Fallback.
+    V(t)
+  );
+  return Ot(e) ? e.host : e;
+}
+function Dt(t) {
+  const e = J(t);
+  return ct(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && et(e) ? e : Dt(e);
+}
+function tt(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const i = Dt(t), l = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = S(i);
+  return l ? e.concat(r, r.visualViewport || [], et(i) ? i : [], r.frameElement && n ? tt(r.frameElement) : []) : e.concat(i, tt(i, [], n));
+}
+function Pt(t) {
+  const e = L(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = k(t), l = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, s = ot(n) !== l || ot(o) !== r;
+  return s && (n = l, o = r), {
+    width: n,
+    height: o,
+    $: s
+  };
+}
+function vt(t) {
+  return W(t) ? t : t.contextElement;
+}
+function G(t) {
+  const e = vt(t);
+  if (!k(e))
+    return z(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: l
+  } = Pt(e);
+  let r = (l ? ot(n.width) : n.width) / o, s = (l ? ot(n.height) : n.height) / i;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+    x: r,
+    y: s
+  };
+}
+const me = /* @__PURE__ */ z(0);
+function Ft(t) {
+  const e = S(t);
+  return !wt() || !e.visualViewport ? me : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function pe(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== S(t) ? !1 : e;
+}
+function X(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), l = vt(t);
+  let r = z(1);
+  e && (o ? W(o) && (r = G(o)) : r = G(t));
+  const s = pe(l, n, o) ? Ft(l) : z(0);
+  let a = (i.left + s.x) / r.x, c = (i.top + s.y) / r.y, u = i.width / r.x, d = i.height / r.y;
+  if (l) {
+    const p = S(l), f = o && W(o) ? S(o) : o;
+    let m = p, g = m.frameElement;
+    for (; g && o && f !== m; ) {
+      const w = G(g), h = g.getBoundingClientRect(), v = L(g), y = 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, u *= w.x, d *= w.y, a += y, c += O, m = S(g), g = m.frameElement;
+    }
+  }
+  return lt({
+    width: u,
+    height: d,
+    x: a,
+    y: c
+  });
+}
+const ge = [":popover-open", ":modal"];
+function Mt(t) {
+  return ge.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+function he(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const l = i === "fixed", r = V(o), s = e ? Mt(e.floating) : !1;
+  if (o === r || s && l)
+    return n;
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = z(1);
+  const u = z(0), d = k(o);
+  if ((d || !d && !l) && ((H(o) !== "body" || et(r)) && (a = at(o)), k(o))) {
+    const p = X(o);
+    c = G(o), u.x = p.x + o.clientLeft, u.y = p.y + o.clientTop;
+  }
+  return {
+    width: n.width * c.x,
+    height: n.height * c.y,
+    x: n.x * c.x - a.scrollLeft * c.x + u.x,
+    y: n.y * c.y - a.scrollTop * c.y + u.y
+  };
+}
+function we(t) {
+  return Array.from(t.getClientRects());
+}
+function Bt(t) {
+  return X(V(t)).left + at(t).scrollLeft;
+}
+function ve(t) {
+  const e = V(t), n = at(t), o = t.ownerDocument.body, i = U(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), l = U(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let r = -n.scrollLeft + Bt(t);
+  const s = -n.scrollTop;
+  return L(o).direction === "rtl" && (r += U(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: l,
+    x: r,
+    y: s
+  };
+}
+function ye(t, e) {
+  const n = S(t), o = V(t), i = n.visualViewport;
+  let l = o.clientWidth, r = o.clientHeight, s = 0, a = 0;
+  if (i) {
+    l = i.width, r = i.height;
+    const c = wt();
+    (!c || c && e === "fixed") && (s = i.offsetLeft, a = i.offsetTop);
+  }
+  return {
+    width: l,
+    height: r,
+    x: s,
+    y: a
+  };
+}
+function xe(t, e) {
+  const n = X(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, l = k(t) ? G(t) : z(1), r = t.clientWidth * l.x, s = t.clientHeight * l.y, a = i * l.x, c = o * l.y;
+  return {
+    width: r,
+    height: s,
+    x: a,
+    y: c
+  };
+}
+function At(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = ye(t, n);
+  else if (e === "document")
+    o = ve(V(t));
+  else if (W(e))
+    o = xe(e, n);
+  else {
+    const i = Ft(t);
+    o = {
+      ...e,
+      x: e.x - i.x,
+      y: e.y - i.y
+    };
+  }
+  return lt(o);
+}
+function kt(t, e) {
+  const n = J(t);
+  return n === e || !W(n) || ct(n) ? !1 : L(n).position === "fixed" || kt(n, e);
+}
+function be(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = tt(t, [], !1).filter((s) => W(s) && H(s) !== "body"), i = null;
+  const l = L(t).position === "fixed";
+  let r = l ? J(t) : t;
+  for (; W(r) && !ct(r); ) {
+    const s = L(r), a = ht(r);
+    !a && s.position === "fixed" && (i = null), (l ? !a && !i : !a && s.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || et(r) && !a && kt(t, r)) ? o = o.filter((u) => u !== r) : i = s, r = J(r);
   }
-}, _ = l({
-  components: { BentoFocusTrap: n },
+  return e.set(t, o), o;
+}
+function Oe(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const r = [...n === "clippingAncestors" ? be(e, this._c) : [].concat(n), o], s = r[0], a = r.reduce((c, u) => {
+    const d = At(e, u, i);
+    return c.top = U(d.top, c.top), c.right = K(d.right, c.right), c.bottom = K(d.bottom, c.bottom), c.left = U(d.left, c.left), c;
+  }, At(e, s, i));
+  return {
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
+  };
+}
+function Ae(t) {
+  const {
+    width: e,
+    height: n
+  } = Pt(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function Te(t, e, n) {
+  const o = k(e), i = V(e), l = n === "fixed", r = X(t, !0, l, e);
+  let s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const a = z(0);
+  if (o || !o && !l)
+    if ((H(e) !== "body" || et(i)) && (s = at(e)), o) {
+      const d = X(e, !0, l, e);
+      a.x = d.x + e.clientLeft, a.y = d.y + e.clientTop;
+    } else
+      i && (a.x = Bt(i));
+  const c = r.left + s.scrollLeft - a.x, u = r.top + s.scrollTop - a.y;
+  return {
+    x: c,
+    y: u,
+    width: r.width,
+    height: r.height
+  };
+}
+function Tt(t, e) {
+  return !k(t) || L(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+}
+function $t(t, e) {
+  const n = S(t);
+  if (!k(t) || Mt(t))
+    return n;
+  let o = Tt(t, e);
+  for (; o && ue(o) && L(o).position === "static"; )
+    o = Tt(o, e);
+  return o && (H(o) === "html" || H(o) === "body" && L(o).position === "static" && !ht(o)) ? n : o || de(t) || n;
+}
+const Re = async function(t) {
+  const e = this.getOffsetParent || $t, n = this.getDimensions;
+  return {
+    reference: Te(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      ...await n(t.floating)
+    }
+  };
+};
+function _e(t) {
+  return L(t).direction === "rtl";
+}
+const Ee = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: he,
+  getDocumentElement: V,
+  getClippingRect: Oe,
+  getOffsetParent: $t,
+  getElementRects: Re,
+  getClientRects: we,
+  getDimensions: Ae,
+  getScale: G,
+  isElement: W,
+  isRTL: _e
+};
+function Se(t, e) {
+  let n = null, o;
+  const i = V(t);
+  function l() {
+    var s;
+    clearTimeout(o), (s = n) == null || s.disconnect(), n = null;
+  }
+  function r(s, a) {
+    s === void 0 && (s = !1), a === void 0 && (a = 1), l();
+    const {
+      left: c,
+      top: u,
+      width: d,
+      height: p
+    } = t.getBoundingClientRect();
+    if (s || e(), !d || !p)
+      return;
+    const f = nt(u), m = nt(i.clientWidth - (c + d)), g = nt(i.clientHeight - (u + p)), w = nt(c), v = {
+      rootMargin: -f + "px " + -m + "px " + -g + "px " + -w + "px",
+      threshold: U(0, K(1, a)) || 1
+    };
+    let y = !0;
+    function O(b) {
+      const A = b[0].intersectionRatio;
+      if (A !== a) {
+        if (!y)
+          return r();
+        A ? r(!1, A) : o = setTimeout(() => {
+          r(!1, 1e-7);
+        }, 100);
+      }
+      y = !1;
+    }
+    try {
+      n = new IntersectionObserver(O, {
+        ...v,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(O, v);
+    }
+    n.observe(t);
+  }
+  return r(!0), l;
+}
+function Rt(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: l = !0,
+    elementResize: r = typeof ResizeObserver == "function",
+    layoutShift: s = typeof IntersectionObserver == "function",
+    animationFrame: a = !1
+  } = o, c = vt(t), u = i || l ? [...c ? tt(c) : [], ...tt(e)] : [];
+  u.forEach((h) => {
+    i && h.addEventListener("scroll", n, {
+      passive: !0
+    }), l && h.addEventListener("resize", n);
+  });
+  const d = c && s ? Se(c, n) : null;
+  let p = -1, f = null;
+  r && (f = new ResizeObserver((h) => {
+    let [v] = h;
+    v && v.target === c && f && (f.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var y;
+      (y = f) == null || y.observe(e);
+    })), n();
+  }), c && !a && f.observe(c), f.observe(e));
+  let m, g = a ? X(t) : null;
+  a && w();
+  function w() {
+    const h = X(t);
+    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;
+    u.forEach((v) => {
+      i && v.removeEventListener("scroll", n), l && v.removeEventListener("resize", n);
+    }), d == null || d(), (h = f) == null || h.disconnect(), f = null, a && cancelAnimationFrame(m);
+  };
+}
+const Le = le, Ce = fe, De = se, Pe = ie, Fe = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: Ee,
+    ...n
+  }, l = {
+    ...i.platform,
+    _c: o
+  };
+  return oe(t, e, {
+    ...i,
+    platform: l
+  });
+};
+function Me(t) {
+  return t != null && typeof t == "object" && "$el" in t;
+}
+function ut(t) {
+  if (Me(t)) {
+    const e = t.$el;
+    return gt(e) && H(e) === "#comment" ? null : e;
+  }
+  return t;
+}
+function Be(t) {
+  return {
+    name: "arrow",
+    options: t,
+    fn(e) {
+      const n = ut(q(t.element));
+      return n == null ? {} : Pe({
+        element: n,
+        padding: t.padding
+      }).fn(e);
+    }
+  };
+}
+function Nt(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function _t(t, e) {
+  const n = Nt(t);
+  return Math.round(e * n) / n;
+}
+function ke(t, e, n) {
+  n === void 0 && (n = {});
+  const o = n.whileElementsMounted, i = R(() => {
+    var x;
+    return (x = q(n.open)) != null ? x : !0;
+  }), l = R(() => q(n.middleware)), r = R(() => {
+    var x;
+    return (x = q(n.placement)) != null ? x : "bottom";
+  }), s = R(() => {
+    var x;
+    return (x = q(n.strategy)) != null ? x : "absolute";
+  }), a = R(() => {
+    var x;
+    return (x = q(n.transform)) != null ? x : !0;
+  }), c = R(() => ut(t.value)), u = R(() => ut(e.value)), d = I(0), p = I(0), f = I(s.value), m = I(r.value), g = zt({}), w = I(!1), h = R(() => {
+    const x = {
+      position: f.value,
+      left: "0",
+      top: "0"
+    };
+    if (!u.value)
+      return x;
+    const C = _t(u.value, d.value), D = _t(u.value, p.value);
+    return a.value ? {
+      ...x,
+      transform: "translate(" + C + "px, " + D + "px)",
+      ...Nt(u.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: f.value,
+      left: C + "px",
+      top: D + "px"
+    };
+  });
+  let v;
+  function y() {
+    c.value == null || u.value == null || Fe(c.value, u.value, {
+      middleware: l.value,
+      placement: r.value,
+      strategy: s.value
+    }).then((x) => {
+      d.value = x.x, p.value = x.y, f.value = x.strategy, m.value = x.placement, g.value = x.middlewareData, w.value = !0;
+    });
+  }
+  function O() {
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function b() {
+    if (O(), o === void 0) {
+      y();
+      return;
+    }
+    if (c.value != null && u.value != null) {
+      v = o(c.value, u.value, y);
+      return;
+    }
+  }
+  function A() {
+    i.value || (w.value = !1);
+  }
+  return Z([l, r, s], y, {
+    flush: "sync"
+  }), Z([c, u], b, {
+    flush: "sync"
+  }), Z(i, A, {
+    flush: "sync"
+  }), jt() && Ut(O), {
+    x: Y(d),
+    y: Y(p),
+    strategy: Y(f),
+    placement: Y(m),
+    middlewareData: Y(g),
+    isPositioned: Y(w),
+    floatingStyles: h,
+    update: y
+  };
+}
+var Ht = /* @__PURE__ */ ((t) => (t.TOP = "top", t.RIGHT = "right", t.BOTTOM = "bottom", t.LEFT = "left", t))(Ht || {}), Wt = /* @__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))(Wt || {}), Vt = /* @__PURE__ */ ((t) => (t.TOOLTIP = "tooltip", t.POPOVER = "dialog", t))(Vt || {});
+const Et = { ...Ht, ...Wt }, $e = (t, e) => t ? e[1] + 7 : e[1], Ne = (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
+  };
+}, He = {
+  name: "sameWidth",
+  fn: ({ elements: t }) => (t.floating.style.width = `${t.reference.offsetWidth}px`, {})
+}, We = {}, Ve = /* @__PURE__ */ Xt({
+  ...We,
+  __name: "popper-container",
   props: {
     /**
-     * The id to be set on the component. Use it for accessibility purposes.
-     */
-    id: { type: String, default: null },
-    /**
-     * Reference to the DOM element or Vue component for positioning
-     */
-    targetElement: { type: [Element, Object], required: !0 },
-    /**
-     * Position relative to the target element
-     * @see {@link https://popper.js.org/docs/v2/constructors/#placement}
+     * The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
      */
-    position: {
+    ariaRole: {
       type: String,
-      default: s.AUTO,
-      validator: (t) => Object.values(s).includes(t)
+      default: null,
+      validator: (t) => Object.values(Vt).includes(t)
     },
-    /**
-     * Instructs popover to be visible outside of the containing container.
-     * Useful when component would be used in limited containers like Modal, Side panel, etc.
-     * https://popper.js.org/docs/v2/constructors/#strategy
-     */
-    fixedPositioning: { type: Boolean, default: !1 },
     /**
      * 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, https://popper.js.org/docs/v2/modifiers/arrow/#padding
+     * @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 },
-    /**
-     * Allows to displace a popper container from its target element.
-     * @see {@link https://popper.js.org/docs/v2/modifiers/offset/}
-     */
-    offset: {
-      type: Array,
-      default: () => [0, 0],
-      validator: (t) => (t == null ? void 0 : t.length) === 2
-    },
-    /**
-     * Instructs popper container to have the same width as target element.
-     */
-    matchWidth: { type: Boolean, default: !1 },
     /**
      * Disables wrapping focus-trap component.
      * Mostly useful for the storybook demo.
      */
     disabledFocusTrap: { type: Boolean, default: !1 },
-    /**
-     * Custom set of modifiers. Useful for low-level control over Popper behavior in some really complex use cases.
-     */
-    modifiers: { type: Array, default: null },
     /**
      * 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.
-     * https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements
+     * @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
      */
     fallbackPosition: {
       type: [Array, String],
       default: null
     },
     /**
-     * The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
+     * 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}
      */
-    ariaRole: {
-      type: String,
-      default: null,
-      validator: (t) => Object.values(o).includes(t)
-    }
-  },
-  data: () => ({
-    popper: null,
-    emittedPosition: null
-  }),
-  computed: {
-    strategy() {
-      return this.fixedPositioning ? "fixed" : "absolute";
-    },
+    fixedPositioning: { type: Boolean, default: !1 },
     /**
-     * Retrieves all the popper modifiers to be applied to popover.
-     * Read utils file for more info on each modifier.
+     * The id to be set on the component. Use it for accessibility purposes.
      */
-    allModifiers() {
-      const t = this.modifiers || [];
-      return [
-        // Create arrow modifier if arrow props are set
-        ...this.arrow ? [d(this.$refs.arrow, this.arrow)] : [],
-        // Create offset modifier
-        c(this.arrow, this.offset),
-        // Apply data-hide attribute to arrow element depnding on center offset.
-        m,
-        // If matchWidth set to true, set the width of popover to same as target element.
-        ...this.matchWidth ? [u] : [],
-        // Emits position of popover when position is updated.
-        {
-          name: "trackPosition",
-          enabled: !0,
-          phase: "afterWrite",
-          fn: ({ state: r }) => {
-            this.emittedPosition !== r.placement && (this.emittedPosition = r.placement, this.$emit("position", this.emittedPosition));
-          }
-        },
-        // Sets Flip modifier if fallbackPosition is set
-        ...this.fallbackPosition ? [h(this.fallbackPosition)] : [],
-        ...t || []
-      ];
-    },
+    id: { type: String, default: null },
     /**
-     * Sets default arrow classes if none have been set.
+     * 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.
      */
-    arrowClasses() {
-      var t;
-      return ((t = this == null ? void 0 : this.arrow) == null ? void 0 : t.classes) ?? [];
-    }
-  },
-  watch: {
-    targetElement(t) {
-      this.destroyPopper(), this.$refs.popperContainerRef.$el && t && this.initPopper();
-    },
-    position(t) {
-      this.updatePopperOptions({ placement: t });
-    },
-    strategy(t) {
-      this.updatePopperOptions({ strategy: t });
+    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
     },
-    async arrow(t) {
-      t && await this.$nextTick(), this.updateModifiers();
+    /**
+     * Position relative to the target element
+     * @see {@link https://floating-ui.com/docs/computeposition#placement}
+     */
+    position: {
+      type: String,
+      default: Et.AUTO,
+      validator: (t) => Object.values(Et).includes(t)
     },
-    offset: "updateModifiers",
-    matchWidth: "updateModifiers"
-  },
-  mounted() {
-    this.initPopper();
-  },
-  beforeUnmount() {
-    this.destroyPopper();
+    /**
+     * Reference to the DOM element or Vue component for positioning
+     */
+    targetElement: { type: [Element, Object], required: !0 }
   },
-  methods: {
-    initPopper() {
-      const t = this.targetElement.$el ? this.targetElement.$el : this.targetElement;
-      this.popper = p(
-        t,
-        this.$refs.popperContainerRef.$el,
-        {
-          placement: this.position,
-          strategy: this.strategy,
-          modifiers: this.allModifiers
-        }
-      );
-    },
-    destroyPopper() {
-      this.popper && this.popper.destroy();
-    },
-    updatePopperOptions(t) {
-      this.popper && this.popper.setOptions(t);
-    },
-    updateModifiers() {
-      this.updatePopperOptions({ modifiers: this.allModifiers });
-    }
+  emits: ["placement"],
+  setup(t, { emit: e }) {
+    var y;
+    const n = t, { position: o } = Yt(n), i = I(), l = I(null), r = I(n.position), s = R(
+      () => n.targetElement.$el ? n.targetElement.$el : n.targetElement
+    ), a = R(
+      () => i.value.$el ? i.value.$el : i.value
+    ), c = R(() => (n == null ? void 0 : n.position) !== "auto" && (n == null ? void 0 : n.fallbackPosition) !== "auto"), u = R(() => {
+      switch (n.position) {
+        case "auto-start":
+          return { alignment: "start", crossAxis: !0 };
+        case "auto-end":
+          return { alignment: "end", crossAxis: !0 };
+        default:
+          return;
+      }
+    }), d = R(() => n.fixedPositioning ? "fixed" : "absolute"), { floatingStyles: p, middlewareData: f, placement: m, update: g } = ke(s, i, {
+      placement: o,
+      middleware: [
+        // Adds flip modifier if fallbackPosition is not set to auto
+        ...c.value ? [
+          De({
+            fallbackPlacements: Ne(n.fallbackPosition).fallbackPlacements
+          })
+        ] : [],
+        // Adds autoposition middlelare if position is set to any auto variants
+        ...c.value ? [] : [Le(u.value)],
+        // Add shifting middle in case popper is still not fully visible in view port
+        Ce(),
+        // Adds offset middlelare if offset property is set
+        ...n.offset ? [ae($e(n.arrow, n.offset))] : [],
+        // Adds arrow middlelare if arrow property is set, can set additional padding property
+        ...n.arrow ? [Be({ element: l, padding: n.arrow.padding || 0 })] : [],
+        // Adds same width middleware to keep popper width same as referenced element's width
+        ...n.matchWidth ? [He] : [],
+        // 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 : []
+      ],
+      strategy: d,
+      // 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: Rt } : []
+    });
+    let w;
+    Z(
+      () => n.isHidden,
+      () => {
+        n.isHidden !== null && !n.isHidden ? w = Rt(s == null ? void 0 : s.value, a == null ? void 0 : a.value, g) : n.isHidden !== null && n.isHidden && typeof w == "function" && w();
+      }
+    ), Z(
+      () => m.value,
+      () => {
+        r.value !== m.value && (r.value = m.value, e("placement", r.value));
+      }
+    );
+    const h = R(() => {
+      var O, b;
+      return {
+        position: "absolute",
+        left: ((O = f.value.arrow) == null ? void 0 : O.x) != null ? `${f.value.arrow.x}px` : "",
+        top: ((b = f.value.arrow) == null ? void 0 : b.y) != null ? `${f.value.arrow.y}px` : ""
+      };
+    }), v = R(() => {
+      var O;
+      return {
+        class: n.arrow.classes,
+        style: h.value,
+        // Applies a data-hide attribute to arrow element depending on center offset.
+        ...((O = f.value.arrow) == null ? void 0 : O.centerOffset) !== 0 ? { "data-hide": "" } : {}
+      };
+    });
+    return { __sfc: !0, props: n, emit: e, position: o, popperContainerRef: i, floatingArrow: l, emittedPosition: r, targetElement: s, popperContainerElement: a, isFlipMiddleware: c, getAutoPlacementProps: u, strategy: d, floatingStyles: p, middlewareData: f, placement: m, update: g, cleanupAutoUpdate: w, arrowStyles: h, arrowAttributes: v, BentoFocusTrap: qt };
   }
 });
-var T = function() {
-  var e = this, r = e._self._c;
-  return e._self._setupProxy, r("bento-focus-trap", e._b({ ref: "popperContainerRef", staticClass: "b-popper-container", attrs: { id: e.id, disabled: e.disabledFocusTrap, role: e.ariaRole } }, "bento-focus-trap", e.$attrs, !1), [e._t("default"), e.arrow ? r("span", { ref: "arrow", staticClass: "b-popper-container__arrow", class: e.arrowClasses, attrs: { "data-testid": "arrow" } }) : e._e()], 2);
-}, b = [], y = /* @__PURE__ */ f(
-  _,
-  T,
-  b,
+var Ie = function() {
+  var e = this, n = e._self._c, o = e._self._setupProxy;
+  return n(o.BentoFocusTrap, e._b({ ref: "popperContainerRef", staticClass: "b-popper-container", style: o.floatingStyles, attrs: { id: e.id, "data-popper-placement": o.placement, disabled: e.disabledFocusTrap, role: e.ariaRole } }, "bento-focus-trap", e.$attrs, !1), [e._t("default"), o.props.arrow ? n("span", e._b({ ref: "floatingArrow", staticClass: "b-popper-container__arrow", attrs: { "data-testid": "arrow" } }, "span", o.arrowAttributes, !1)) : e._e()], 2);
+}, ze = [], je = /* @__PURE__ */ Gt(
+  Ve,
+  Ie,
+  ze,
   !1,
   null,
-  "2121be6b",
+  "2dc38cd5",
   null,
   null
 );
-const M = y.exports;
+const Ge = je.exports;
 export {
-  M as PopperContainer,
-  o as PopperContainerAriaRole,
-  s as PopperContainerPosition,
-  i as PopperContainerPositionBasic,
-  a as PopperContainerPositionExtended
+  Ge as PopperContainer,
+  Vt as PopperContainerAriaRole,
+  Et as PopperContainerPosition,
+  Ht as PopperContainerPositionBasic,
+  Wt as PopperContainerPositionExtended
 };
 //# sourceMappingURL=popper-container.js.map