@adyen/bento-vue2 1.58.0 → 1.59.0

package/dist/chunks/{menu.Dkesc658.js → menu.DDXB-L8u.js}

@@ -1,22 +1,23 @@
-import { defineComponent as M, computed as b, ref as r, inject as N, onMounted as H, provide as j, nextTick as q } from "vue";
-import { g as E } from "./generate-uid.NJ8tVoha.js";
-import { a as T, B as G } from "./popover.CuOrBXcF.js";
-import { B as A, D as V } from "./divider.Cc4JFWG_.js";
-import { u as J } from "./use-click-outside.BnhTgpSt.js";
-import { u as Y } from "./use-has-slot.C9lQZ6nz.js";
-import { u as Z } from "./i18n.BQkEbtPM.js";
+import { defineComponent as M, computed as b, ref as i, inject as P, onMounted as K, watch as j, nextTick as A, provide as q } from "vue";
+import { g as L } from "./generate-uid.NJ8tVoha.js";
+import { a as R, B as G } from "./popover.K53VtitI.js";
+import { B as F, D as X } from "./divider.Cc4JFWG_.js";
+import { u as Y } from "./use-click-outside.BnhTgpSt.js";
+import { u as V } from "./use-has-slot.C9lQZ6nz.js";
+import { u as J } from "./i18n.BQkEbtPM.js";
 /* empty css              */
-import { n as x } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { n as I } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "./index.Cl4_42j5.js";
-import { C as z, a as P } from "./chevron-left.DOMTgGel.js";
-import { a as D, B as Q } from "./base-button.-gx_u8Bd.js";
-import { B as X } from "./typography.J1v_SPG3.js";
-import { B as $ } from "./teleport.BV6zrDjA.js";
-import { B as ee } from "./toggle-button.ChDbeBZ8.js";
+import { C as Z, a as T } from "./chevron-left.DOMTgGel.js";
+import { a as D, B as z } from "./base-button.-gx_u8Bd.js";
+import { B as $ } from "./typography.J1v_SPG3.js";
+import { t as Q } from "./truncate.BfIl_-71.js";
+import { B as ee } from "./teleport.BV6zrDjA.js";
+import { B as te } from "./toggle-button.ChDbeBZ8.js";
 import "../assets/menu.css";
-const te = Symbol("menu inverse style injection key"), ne = M({
+const ne = Symbol("menu inverse style injection key"), oe = M({
   name: "menu-item",
-  components: { BaseButton: Q, BentoTypography: X, ChevronRightIcon: z },
+  components: { BaseButton: z, BentoTypography: $, ChevronRightIcon: Z },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -85,16 +86,18 @@ const te = Symbol("menu inverse style injection key"), ne = M({
     }
   },
   emits: [D.CLICK],
-  setup(s, { emit: e }) {
+  setup(o, { emit: e }) {
+    const t = b(() => ({
+      "b-menu-item--critical": o.critical,
+      "b-menu-item--indent": o.indent
+    })), l = b(() => Q(o.secondaryText, 10));
     return {
       // Values
-      conditionalClasses: b(() => ({
-        "b-menu-item--critical": s.critical,
-        "b-menu-item--indent": s.indent
-      })),
+      conditionalClasses: t,
+      computedSecondaryText: l,
       // Methods
-      onClick: (u) => {
-        u.stopPropagation(), s.handler(), e(D.CLICK);
+      onClick: (f) => {
+        f.stopPropagation(), o.handler(), e(D.CLICK);
       }
     };
   }
@@ -104,58 +107,58 @@ var se = function() {
   return e._self._setupProxy, n("base-button", { staticClass: "b-menu-item", class: e.conditionalClasses, attrs: { role: "menuitem", disabled: e.disabled, tabindex: "-1" }, on: { click: e.onClick }, scopedSlots: e._u([e.icon ? { key: "iconLeft", fn: function() {
     return [n(e.icon, { tag: "component", staticClass: "b-menu-item__icon-left", attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null, { key: "default", fn: function() {
-    return [n("bento-typography", { staticClass: "b-menu-item__primary-text", attrs: { el: "span", variant: "body", stronger: e.isTitle } }, [e._v(" " + e._s(e.text) + " ")]), e.secondaryText ? n("bento-typography", { staticClass: "b-menu-item__secondary-text", attrs: { el: "span", variant: "body" } }, [e._v(" " + e._s(e.secondaryText) + " ")]) : e._e()];
+    return [n("bento-typography", { staticClass: "b-menu-item__primary-text", attrs: { el: "span", variant: "body", stronger: e.isTitle } }, [e._v(" " + e._s(e.text) + " ")]), e.computedSecondaryText ? n("bento-typography", { staticClass: "b-menu-item__secondary-text", attrs: { el: "span", variant: "body" } }, [e._v(" " + e._s(e.computedSecondaryText) + " ")]) : e._e()];
   }, proxy: !0 }, e.chevron ? { key: "iconRight", fn: function() {
     return [n("chevron-right-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) });
-}, oe = [], ue = /* @__PURE__ */ x(
-  ne,
-  se,
+}, ue = [], le = /* @__PURE__ */ I(
   oe,
+  se,
+  ue,
   !1,
   null,
-  "49e4a0fe"
+  "1e289ecc"
 );
-const K = ue.exports;
-var f = /* @__PURE__ */ ((s) => (s.BACK = "back", s.CLOSE = "close", s.OPEN = "open", s))(f || {});
-const le = Symbol("menu registering injection key"), ae = {
+const W = le.exports;
+var C = /* @__PURE__ */ ((o) => (o.BACK = "back", o.CLOSE = "close", o.OPEN = "open", o))(C || {});
+const ae = Symbol("menu registering injection key"), ie = {
   name: "bento-menu-list-container"
 }, re = /* @__PURE__ */ M({
-  ...ae,
-  setup(s) {
-    const e = r(), n = r({}), t = N(
-      le,
+  ...ie,
+  setup(o) {
+    const e = i(), n = i({}), t = P(
+      ae,
       !1
     );
     if (t) {
-      const { registerMenuContainerElement: u } = t;
-      u(e), n.value = {
+      const { registerMenuContainerElement: l } = t;
+      l(e), n.value = {
         mouseleave: t == null ? void 0 : t.menuMouseLeave
       };
     }
     return { __sfc: !0, menuListContainerRef: e, menuListContainerEvents: n, registeringAndMousingOut: t };
   }
 });
-var ie = function() {
+var ce = function() {
   var e = this, n = e._self._c, t = e._self._setupProxy;
   return n("div", e._g({ ref: "menuListContainerRef", staticClass: "b-menu-list-container", attrs: { "data-testid": "menu-list-container" } }, t.menuListContainerEvents), [e._t("default")], 2);
-}, ce = [], fe = /* @__PURE__ */ x(
+}, fe = [], de = /* @__PURE__ */ I(
   re,
-  ie,
   ce,
+  fe,
   !1,
   null,
   "f5d01392"
 );
-const U = fe.exports, W = {
+const U = de.exports, H = {
   "en-US": {
     backButton: "Go back",
     menuButton: "Open menu"
   }
-}, de = M({
-  i18n: { messages: W },
+}, me = M({
+  i18n: { messages: H },
   name: "sub-menu-item-list",
-  components: { BentoDivider: A, MenuItem: K, MenuListContainer: U },
+  components: { BentoDivider: F, MenuItem: W, MenuListContainer: U },
   props: {
     items: {
       type: Array,
@@ -166,60 +169,60 @@ const U = fe.exports, W = {
       required: !0
     }
   },
-  emits: [f.CLOSE, f.BACK],
-  setup(s, { emit: e }) {
-    const n = r(null), t = r(0), u = r(s.items.length), d = () => e(f.CLOSE), m = () => e(f.BACK), l = b(() => {
-      var p;
-      const y = (p = s.items) == null ? void 0 : p.map((_) => ({
-        ..._,
-        indent: !_.icon,
+  emits: [C.CLOSE, C.BACK],
+  setup(o, { emit: e }) {
+    const n = i(null), t = i(0), l = i(o.items.length), d = () => e(C.CLOSE), f = () => e(C.BACK), u = b(() => {
+      var m;
+      const r = (m = o.items) == null ? void 0 : m.map((p) => ({
+        ...p,
+        indent: !p.icon,
         isTitle: !1,
         clickHandler: d
       }));
       return [
         {
-          text: s.title,
+          text: o.title,
           secondaryText: null,
           critical: !1,
-          icon: P,
+          icon: T,
           isTitle: !0,
           disabled: !1,
           indent: !1,
-          handler: m,
-          clickHandler: m,
+          handler: f,
+          clickHandler: f,
           addDivider: !0
         },
-        ...y
+        ...r
       ];
-    }), i = async () => {
-      var y, p, _, v, h;
-      (h = (v = (_ = (p = (y = n.value) == null ? void 0 : y.children) == null ? void 0 : p[t.value]) == null ? void 0 : _.children) == null ? void 0 : v[0]) == null || h.focus();
+    }), c = async () => {
+      var r, m, p, v, k;
+      (k = (v = (p = (m = (r = n.value) == null ? void 0 : r.children) == null ? void 0 : m[t.value]) == null ? void 0 : p.children) == null ? void 0 : v[0]) == null || k.focus();
     };
-    H(async () => {
-      setTimeout(() => i(), 150);
+    K(async () => {
+      setTimeout(() => c(), 150);
     });
-    const o = () => {
-      t.value > 0 ? (t.value -= 1, l.value[t.value].disabled && o()) : t.value = u.value, i();
-    }, I = () => {
-      t.value < u.value ? (t.value += 1, l.value[t.value].disabled && I()) : t.value = 0, i();
+    const s = () => {
+      t.value > 0 ? (t.value -= 1, u.value[t.value].disabled && s()) : t.value = l.value, c();
+    }, y = () => {
+      t.value < l.value ? (t.value += 1, u.value[t.value].disabled && y()) : t.value = 0, c();
     };
     return {
       // Enums
-      BentoMenuEvent: f,
+      BentoMenuEvent: C,
       // Values
       subMenuItemListRefLocal: n,
       subMenuFocusedIndex: t,
-      ChevronLeftIcon: P,
-      computedItems: l,
+      ChevronLeftIcon: T,
+      computedItems: u,
       // Methods
       closeMenu: d,
-      onBackButton: m,
-      focusPrevious: o,
-      focusNext: I
+      onBackButton: f,
+      focusPrevious: s,
+      focusNext: y
     };
   }
 });
-var me = function() {
+var pe = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("transition", { attrs: { name: "b-sub-menu-item-list__transition", appear: "" } }, [n("menu-list-container", { staticClass: "b-sub-menu-item-list" }, [n("ul", { ref: "subMenuItemListRefLocal", staticClass: "b-sub-menu-item-list__list", attrs: { role: "menu" }, on: { keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : (t.stopPropagation(), e.focusNext.apply(null, arguments));
@@ -227,20 +230,45 @@ var me = function() {
     return !t.type.indexOf("key") && e._k(t.keyCode, "up", 38, t.key, ["Up", "ArrowUp"]) ? null : (t.stopPropagation(), e.focusPrevious.apply(null, arguments));
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "esc", 27, t.key, ["Esc", "Escape"]) ? null : (t.stopPropagation(), e.onBackButton.apply(null, arguments));
-  }] } }, e._l(e.computedItems, function(t, u) {
-    return n("li", { key: `sub-menu-item-list-item-${u}`, attrs: { role: "none" } }, [n("menu-item", { attrs: { text: t.text, handler: t.handler, "secondary-text": t.secondaryText, icon: t.icon, "is-title": t.isTitle, disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: u === e.subMenuFocusedIndex ? "0" : "-1" }, on: { click: t.clickHandler } }), t.addDivider ? n("bento-divider", { staticClass: "b-sub-menu-item-list__divider" }) : e._e()], 1);
+  }] } }, e._l(e.computedItems, function(t, l) {
+    return n("li", { key: `sub-menu-item-list-item-${l}`, attrs: { role: "none" } }, [n("menu-item", { attrs: { text: t.text, handler: t.handler, "secondary-text": t.secondaryText, icon: t.icon, "is-title": t.isTitle, disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: l === e.subMenuFocusedIndex ? "0" : "-1" }, on: { click: t.clickHandler } }), t.addDivider ? n("bento-divider", { staticClass: "b-sub-menu-item-list__divider" }) : e._e()], 1);
   }), 0)])], 1);
-}, pe = [], _e = /* @__PURE__ */ x(
-  de,
+}, _e = [], ye = /* @__PURE__ */ I(
   me,
   pe,
+  _e,
   !1,
   null,
   "25195627"
 );
-const ye = _e.exports, ve = M({
+const ve = ye.exports;
+function Ce(o, e, n) {
+  const d = i(0), f = i(0), u = (s) => {
+    if (!s || !s.parentElement)
+      return;
+    const y = s.parentElement, r = s.cloneNode(!0);
+    r.style.position = "absolute", r.style.visibility = "hidden", y.appendChild(r), r.style.width = "max-content";
+    const m = r.offsetWidth, p = Math.max(150, Math.min(m, 350));
+    d.value = p, r.style.width = `${p}px`;
+    const v = r.offsetHeight;
+    f.value = v, y.removeChild(r), f.value = v;
+  };
+  return j([e, n], async ([s]) => {
+    var y, r;
+    if (s !== null) {
+      await A();
+      const m = (r = (y = o.value) == null ? void 0 : y[0]) == null ? void 0 : r.$el;
+      m && u(m);
+    } else
+      d.value = 0, f.value = 0;
+  }), { computedStyle: b(() => {
+    const s = { width: "max-content" };
+    return n.value && (f.value > 0 && (s.height = `${f.value}px`), d.value > 0 && (s.width = `${d.value}px`)), s;
+  }) };
+}
+const be = M({
   name: "menu-item-list",
-  components: { BentoDivider: A, MenuItem: K, MenuListContainer: U, SubMenuItemList: ye },
+  components: { BentoDivider: F, MenuItem: W, MenuListContainer: U, SubMenuItemList: ve },
   props: {
     /**
      * The data to be displayed in the list
@@ -271,68 +299,65 @@ const ye = _e.exports, ve = M({
       default: !0
     }
   },
-  emits: [f.CLOSE, "menu-item-click"],
-  setup(s, { emit: e, expose: n }) {
-    const t = r(null), u = r(null), d = r(null), m = r(null), l = r(!1), i = r(null), o = r(s.focusLastElement ? s.data.length - 1 : 0), I = r(0), y = r(s.data.length - 1), p = b(() => s.data.some((a) => a.icon)), _ = b(() => s.indentItems || p.value ? s.data.map((a) => {
-      let c = !1;
-      return a.icon || (c = !0), {
+  emits: [C.CLOSE, "menu-item-click"],
+  setup(o, { emit: e, expose: n }) {
+    const t = i(null), l = i(null), d = i(null), f = i(null), u = i(!1), c = i(null), s = i(o.focusLastElement ? o.data.length - 1 : 0), y = i(0), r = i(o.data.length - 1), m = b(() => o.data.some((a) => a.icon)), p = b(() => o.indentItems || m.value ? o.data.map((a) => {
+      let _ = !1;
+      return a.icon || (_ = !0), {
         ...a,
-        indent: c
+        indent: _
       };
-    }) : s.data), v = async () => {
-      var a, c, k;
-      (k = (c = (a = u.value) == null ? void 0 : a.children[o.value]) == null ? void 0 : c.children[0]) == null || k.focus();
-    }, h = () => e(f.CLOSE), B = (a, c) => {
+    }) : o.data), v = async () => {
+      var a, _, h;
+      (h = (_ = (a = l.value) == null ? void 0 : a.children[s.value]) == null ? void 0 : _.children[0]) == null || h.focus();
+    }, k = () => e(C.CLOSE), x = (a, _) => {
       if (a.items) {
-        i.value = c, l.value = !0;
+        c.value = _, u.value = !0;
         return;
       }
-      i.value = c, l.value = !1, !a.skipClose && s.closeMenuOnItemSelect !== !1 && h(), e("menu-item-click");
+      c.value = _, u.value = !1, !a.skipClose && o.closeMenuOnItemSelect !== !1 && k(), e("menu-item-click");
     }, g = () => {
-      o.value > 0 ? (o.value -= 1, _.value[o.value].disabled && g()) : o.value = y.value, v();
-    }, O = () => {
-      o.value < y.value ? (o.value += 1, _.value[o.value].disabled && O()) : o.value = 0, v();
-    }, R = (a, c) => {
-      var k;
-      (k = a == null ? void 0 : a.items) != null && k.length && (i.value = c, l.value = !0);
-    }, S = () => {
-      i.value && l.value && (i.value = null, l.value = !1);
+      s.value > 0 ? (s.value -= 1, p.value[s.value].disabled && g()) : s.value = r.value, v();
+    }, B = () => {
+      s.value < r.value ? (s.value += 1, p.value[s.value].disabled && B()) : s.value = 0, v();
+    }, S = (a, _) => {
+      var h;
+      (h = a == null ? void 0 : a.items) != null && h.length && (c.value = _, u.value = !0);
+    }, E = () => {
+      c.value && u.value && (c.value = null, u.value = !1);
     }, w = () => {
-      l.value = !1, i.value = null, v();
+      u.value = !1, c.value = null, v();
     };
     n({
       focusItem: v
     });
-    const L = b(() => {
-      var a, c, k;
-      return (k = (c = (a = m.value) == null ? void 0 : a[0]) == null ? void 0 : c.$el) == null ? void 0 : k.offsetHeight;
-    }), C = b(() => l.value ? `${L.value}px` : "");
+    const { computedStyle: O } = Ce(f, c, u);
     return {
       // Values
-      menuItemListRef: u,
+      menuItemListRef: l,
       menuItemListWrapperRef: d,
-      subMenuItemListRef: m,
+      subMenuItemListRef: f,
       menuItemRef: t,
-      computedData: _,
-      computedHeight: C,
-      focusedIndex: o,
-      subMenuFocusedIndex: I,
-      showSubMenu: l,
-      visibleSubMenuIndex: i,
+      computedData: p,
+      computedStyle: O,
+      focusedIndex: s,
+      subMenuFocusedIndex: y,
+      showSubMenu: u,
+      visibleSubMenuIndex: c,
       // Methods
-      menuItemClick: B,
-      closeMenu: h,
+      menuItemClick: x,
+      closeMenu: k,
       focusPrevious: g,
-      focusNext: O,
-      focusRight: R,
-      focusLeft: S,
+      focusNext: B,
+      focusRight: S,
+      focusLeft: E,
       onBackButton: w
     };
   }
 });
-var Ce = function() {
+var he = function() {
   var e = this, n = e._self._c;
-  return e._self._setupProxy, n("menu-list-container", { ref: "menuItemListWrapperRef", style: { height: e.computedHeight } }, [n("ul", { ref: "menuItemListRef", staticClass: "b-menu-item-list", attrs: { role: "menu" }, on: { keydown: [function(t) {
+  return e._self._setupProxy, n("menu-list-container", { ref: "menuItemListWrapperRef", style: e.computedStyle }, [n("ul", { ref: "menuItemListRef", staticClass: "b-menu-item-list", attrs: { role: "menu" }, on: { keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : e.focusNext.apply(null, arguments);
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "up", 38, t.key, ["Up", "ArrowUp"]) ? null : e.focusPrevious.apply(null, arguments);
@@ -340,46 +365,46 @@ var Ce = function() {
     return !t.type.indexOf("key") && e._k(t.keyCode, "esc", 27, t.key, ["Esc", "Escape"]) ? null : e.closeMenu.apply(null, arguments);
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "tab", 9, t.key, "Tab") ? null : e.closeMenu.apply(null, arguments);
-  }] } }, e._l(e.computedData, function(t, u) {
-    var d, m, l, i;
-    return n("li", { key: `menu-item-${u}`, ref: "menuItemRef", refInFor: !0, staticClass: "b-menu-item-list__item", attrs: { role: "none" }, on: { keydown: [function(o) {
-      return !o.type.indexOf("key") && e._k(o.keyCode, "right", 39, o.key, ["Right", "ArrowRight"]) || "button" in o && o.button !== 2 ? null : e.focusRight(t, u);
-    }, function(o) {
-      return !o.type.indexOf("key") && e._k(o.keyCode, "left", 37, o.key, ["Left", "ArrowLeft"]) || "button" in o && o.button !== 0 ? null : e.focusLeft();
-    }] } }, [n("menu-item", { attrs: { text: t.text, handler: (d = t.items) != null && d.length ? () => null : t.handler, "secondary-text": t.secondaryText, icon: t.icon, chevron: !!((m = t.items) != null && m.length), disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: u === e.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((l = t.items) != null && l.length), "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === u }, on: { click: function(o) {
-      return e.menuItemClick(t, u);
-    } } }), t.addDivider ? n("bento-divider", { staticClass: "b-menu-item-list__divider" }) : e._e(), (i = t.items) != null && i.length && e.showSubMenu && e.visibleSubMenuIndex === u ? n("sub-menu-item-list", { ref: "subMenuItemListRef", refInFor: !0, attrs: { items: t.items, title: t.text }, on: { back: e.onBackButton, close: e.closeMenu } }) : e._e()], 1);
+  }] } }, e._l(e.computedData, function(t, l) {
+    var d, f, u, c;
+    return n("li", { key: `menu-item-${l}`, ref: "menuItemRef", refInFor: !0, staticClass: "b-menu-item-list__item", attrs: { role: "none" }, on: { keydown: [function(s) {
+      return !s.type.indexOf("key") && e._k(s.keyCode, "right", 39, s.key, ["Right", "ArrowRight"]) || "button" in s && s.button !== 2 ? null : e.focusRight(t, l);
+    }, function(s) {
+      return !s.type.indexOf("key") && e._k(s.keyCode, "left", 37, s.key, ["Left", "ArrowLeft"]) || "button" in s && s.button !== 0 ? null : e.focusLeft();
+    }] } }, [n("menu-item", { attrs: { text: t.text, handler: (d = t.items) != null && d.length ? () => null : t.handler, "secondary-text": t.secondaryText, icon: t.icon, chevron: !!((f = t.items) != null && f.length), disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: l === e.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((u = t.items) != null && u.length), "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === l }, on: { click: function(s) {
+      return e.menuItemClick(t, l);
+    } } }), t.addDivider ? n("bento-divider", { staticClass: "b-menu-item-list__divider" }) : e._e(), (c = t.items) != null && c.length && e.showSubMenu && e.visibleSubMenuIndex === l ? n("sub-menu-item-list", { ref: "subMenuItemListRef", refInFor: !0, attrs: { items: t.items, title: t.text }, on: { back: e.onBackButton, close: e.closeMenu } }) : e._e()], 1);
   }), 0)]);
-}, be = [], ke = /* @__PURE__ */ x(
-  ve,
-  Ce,
+}, ke = [], ge = /* @__PURE__ */ I(
   be,
+  he,
+  ke,
   !1,
   null,
-  "28c372ed"
+  "a94a192f"
 );
-const he = ke.exports;
-let F = 0;
-const ge = {
+const Ie = ge.exports;
+let N = 0;
+const xe = {
   beforeCreate() {
-    this.uuid = F.toString(), F += 1;
+    this.uuid = N.toString(), N += 1;
   }
 };
-var Ie = function() {
+var Me = function() {
   var e = this, n = e._self._c;
   return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#00112C", d: "M8 4C8.29667 4 8.58668 3.91203 8.83335 3.74721C9.08003 3.58238 9.27229 3.34811 9.38582 3.07403C9.49935 2.79994 9.52906 2.49834 9.47118 2.20737C9.4133 1.91639 9.27044 1.64912 9.06066 1.43934C8.85088 1.22956 8.58361 1.0867 8.29264 1.02882C8.00167 0.970945 7.70006 1.00065 7.42598 1.11418C7.15189 1.22771 6.91762 1.41997 6.7528 1.66665C6.58797 1.91332 6.5 2.20333 6.5 2.5C6.5 2.89783 6.65803 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z" } }), n("path", { attrs: { fill: "#00112C", d: "M8 15C8.29667 15 8.58668 14.912 8.83335 14.7472C9.08003 14.5824 9.27229 14.3481 9.38582 14.074C9.49935 13.7999 9.52906 13.4983 9.47118 13.2074C9.4133 12.9164 9.27044 12.6491 9.06066 12.4393C8.85088 12.2296 8.58361 12.0867 8.29264 12.0288C8.00167 11.9709 7.70006 12.0007 7.42598 12.1142C7.15189 12.2277 6.91762 12.42 6.7528 12.6666C6.58797 12.9133 6.5 13.2033 6.5 13.5C6.5 13.8978 6.65803 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z" } }), n("path", { attrs: { fill: "#00112C", d: "M8.83335 9.24721C8.58668 9.41203 8.29667 9.5 8 9.5C7.60218 9.5 7.22064 9.34197 6.93934 9.06066C6.65803 8.77936 6.5 8.39783 6.5 8C6.5 7.70333 6.58797 7.41332 6.7528 7.16665C6.91762 6.91997 7.15189 6.72771 7.42598 6.61418C7.70006 6.50065 8.00167 6.47094 8.29264 6.52882C8.58361 6.5867 8.85088 6.72956 9.06066 6.93934C9.27044 7.14912 9.4133 7.41639 9.47118 7.70737C9.52906 7.99834 9.49935 8.29994 9.38582 8.57403C9.27229 8.84811 9.08003 9.08238 8.83335 9.24721Z" } })]);
-}, xe = [], Be = /* @__PURE__ */ x(
-  ge,
-  Ie,
+}, Be = [], Oe = /* @__PURE__ */ I(
   xe,
+  Me,
+  Be,
   !1,
   null,
   null
 );
-const Me = Be.exports, Oe = M({
-  i18n: { messages: W },
+const Se = Oe.exports, Ee = M({
+  i18n: { messages: H },
   name: "bento-menu",
-  components: { BentoToggleButton: ee, BentoPopover: G, BentoTeleport: $, MenuItemList: he, OptionsVerticalIcon: Me },
+  components: { BentoToggleButton: te, BentoPopover: G, BentoTeleport: ee, MenuItemList: Ie, OptionsVerticalIcon: Se },
   props: {
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -405,13 +430,20 @@ const Me = Be.exports, Oe = M({
       type: Array,
       required: !0
     },
+    /**
+     * Disables opening the menu when the down arrow key is pressed.
+     */
+    disableArrowDownOpeningMenu: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * The position of where the menu should open.
      */
     menuPosition: {
       type: String,
-      default: T.BOTTOM_START,
-      validator: (s) => Object.values(T).includes(s)
+      default: R.BOTTOM_START,
+      validator: (o) => Object.values(R).includes(o)
     },
     /**
      * Instructs the menu popover to be visible outside of the containing container.
@@ -456,41 +488,41 @@ const Me = Be.exports, Oe = M({
       default: void 0
     }
   },
-  emits: [f.CLOSE, f.OPEN, "menu-item-click", "click-outside"],
-  setup(s, { emit: e, expose: n, slots: t }) {
-    var L;
-    const { t: u } = Z(), d = r(null), m = r(null), l = r(!1), i = r(!1), o = r(null), I = E("menu"), y = E("menu-popover"), p = N(te, r(!1));
-    j(V, p);
-    const _ = b(() => ({
-      "b-menu--inverse": p.value
-    })), v = b(() => s.menuWidth ? { width: `${s.menuWidth}px` } : null), h = b(() => {
-      if (s != null && s.button)
+  emits: [C.CLOSE, C.OPEN, "menu-item-click", "click-outside"],
+  setup(o, { emit: e, expose: n, slots: t }) {
+    var O;
+    const { t: l } = J(), d = i(null), f = i(null), u = i(!1), c = i(!1), s = i(null), y = L("menu"), r = L("menu-popover"), m = P(ne, i(!1));
+    q(X, m);
+    const p = b(() => ({
+      "b-menu--inverse": m.value
+    })), v = b(() => o.menuWidth ? { width: `${o.menuWidth}px` } : null), k = b(() => {
+      if (o != null && o.button)
         return {
           variant: "secondary",
-          ...s.button
+          ...o.button
         };
-    }), B = () => {
-      l.value = !0, e(f.OPEN);
-    }, g = async (C = s.revertFocusToButton) => {
-      var a, c;
-      l.value && (l.value = !1, C && (await q(), (c = (a = d.value) == null ? void 0 : a.$el) == null || c.focus()), e(f.CLOSE));
-    }, O = (C) => {
-      C.stopPropagation(), l.value ? g() : B();
-    }, R = (C) => {
-      C.preventDefault(), i.value = !1, B();
-    }, S = (C) => {
-      C.preventDefault(), i.value = !0, B();
+    }), x = () => {
+      u.value = !0, e(C.OPEN);
+    }, g = async (a = o.revertFocusToButton) => {
+      var _, h;
+      u.value && (u.value = !1, a && (await A(), (h = (_ = d.value) == null ? void 0 : _.$el) == null || h.focus()), e(C.CLOSE));
+    }, B = (a) => {
+      a.stopPropagation(), u.value ? g() : x();
+    }, S = (a) => {
+      a.preventDefault(), c.value = !1, o.disableArrowDownOpeningMenu || x();
+    }, E = (a) => {
+      a.preventDefault(), c.value = !0, x();
     }, w = () => {
       e("menu-item-click");
     };
-    return J(
-      o,
+    return Y(
+      s,
       () => {
         g(), e("click-outside");
       },
       {
-        ...s.closeOnClickOutsideOptions,
-        ignore: [d, ...((L = s.closeOnClickOutsideOptions) == null ? void 0 : L.ignore) ?? []]
+        ...o.closeOnClickOutsideOptions,
+        ignore: [d, ...((O = o.closeOnClickOutsideOptions) == null ? void 0 : O.ignore) ?? []]
       }
     ), n({
       /**
@@ -499,32 +531,32 @@ const Me = Be.exports, Oe = M({
       closeMenu: g
     }), {
       // Refs
-      popoverRef: o,
+      popoverRef: s,
       menuButtonRef: d,
-      menuItemListRef: m,
+      menuItemListRef: f,
       // Values
-      menuId: I,
-      popoverId: y,
-      showMenu: l,
-      computedButtonPropsWithDefaults: h,
+      menuId: y,
+      popoverId: r,
+      showMenu: u,
+      computedButtonPropsWithDefaults: k,
       computedMenuWidth: v,
-      isLastElementFocused: i,
+      isLastElementFocused: c,
       // Classes
-      computedClasses: _,
-      isInverseColorSet: p,
+      computedClasses: p,
+      isInverseColorSet: m,
       // Methods
-      hasSlot: Y(t),
-      onKeyDown: R,
-      onKeyUp: S,
+      hasSlot: V(t),
+      onKeyDown: S,
+      onKeyUp: E,
       closeMenu: g,
       menuItemClick: w,
-      toggleShowMenu: O,
+      toggleShowMenu: B,
       // Translations
-      t: u
+      t: l
     };
   }
 });
-var Le = function() {
+var we = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("div", { staticClass: "b-menu", class: e.computedClasses, attrs: { "data-testid": "menu" }, on: { keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : e.onKeyDown.apply(null, arguments);
@@ -550,20 +582,20 @@ var Le = function() {
     "left-start",
     "left-end"
   ], teleport: e.teleport, "without-space": "" } }, [n("menu-item-list", { ref: "menuItemListRef", attrs: { "close-menu-on-item-select": e.closeMenuOnItemSelect, data: e.data, "focus-last-element": e.isLastElementFocused }, on: { close: e.closeMenu, "menu-item-click": e.menuItemClick } })], 1) : e._e()], 1) : e._e()], 1);
-}, Re = [], Se = /* @__PURE__ */ x(
-  Oe,
+}, Le = [], Re = /* @__PURE__ */ I(
+  Ee,
+  we,
   Le,
-  Re,
   !1,
   null,
-  "432243e5"
+  "b976c2e8"
 );
-const Ve = Se.exports;
+const Je = Re.exports;
 export {
-  Ve as B,
-  le as D,
-  te as M,
-  Me as O,
-  f as a
+  Je as B,
+  ae as D,
+  ne as M,
+  Se as O,
+  C as a
 };
-//# sourceMappingURL=menu.Dkesc658.js.map
+//# sourceMappingURL=menu.DDXB-L8u.js.map