@adyen/bento-vue2 1.67.0 → 1.68.0

package/dist/chunks/{menu.EgYjFAku.js → menu.dX3_vU05.js}

@@ -1,42 +1,43 @@
-import { defineComponent as M, computed as h, ref as a, inject as N, onMounted as P, watch as K, nextTick as A, useSlots as G, provide as X } from "vue";
-import { B as F, D as q } from "./divider.Cc4JFWG_.js";
-import { a as V, B as Y } from "./popover.BGHbPUOr.js";
-import { u as j } from "./use-click-outside.BnhTgpSt.js";
-import { u as J } from "./use-has-slot.C9lQZ6nz.js";
-import { g as Z } from "./generate-uid.NJ8tVoha.js";
+import { defineComponent as M, computed as b, ref as a, inject as P, onMounted as A, watch as G, nextTick as F, useSlots as X, provide as q } from "vue";
+import { B as W, D as V } from "./divider.Cc4JFWG_.js";
+import { B as Y } from "./popover.Bo4Bkudr.js";
+import { B as j } from "./popover.types.CBqyA4ly.js";
+import { u as J } from "./use-click-outside.BnhTgpSt.js";
+import { u as Z } from "./use-has-slot.C9lQZ6nz.js";
+import { g as $ } from "./generate-uid.NJ8tVoha.js";
 import { u as z } from "./i18n.BQkEbtPM.js";
-import { B as $, p as Q } from "./typography.J1v_SPG3.js";
-import { C as ee } from "./chevron-down.eYtgv5ly.js";
+import { B as Q, p as ee } from "./typography.J1v_SPG3.js";
+import { C as te } from "./chevron-down.eYtgv5ly.js";
 /* empty css              */
 import { n as x } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "./index.Cl4_42j5.js";
-import { C as te, a as R } from "./chevron-right.C--ZOC9j.js";
-import { a as T, B as ne } from "./base-button.-gx_u8Bd.js";
-import { t as oe } from "./truncate.BfIl_-71.js";
-import { B as se } from "./teleport.BV6zrDjA.js";
-import { B as ue } from "./toggle-button.DEVVvpkw.js";
+import { C as ne, a as T } from "./chevron-right.C--ZOC9j.js";
+import { a as D, B as oe } from "./base-button.-gx_u8Bd.js";
+import { t as se } from "./truncate.BfIl_-71.js";
+import { B as ue } from "./teleport.BV6zrDjA.js";
+import { B as le } from "./toggle-button.DEVVvpkw.js";
 import "../assets/menu.css";
-const le = Symbol("menu inverse style injection key");
-let D = 0;
-const ae = {
+const ae = Symbol("menu inverse style injection key");
+let N = 0;
+const re = {
   beforeCreate() {
-    this.uuid = D.toString(), D += 1;
+    this.uuid = N.toString(), N += 1;
   }
 };
 var ie = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", 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: "#001222", 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: "#001222", 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" } })]);
-}, re = [], ce = /* @__PURE__ */ x(
-  ae,
-  ie,
+}, ce = [], fe = /* @__PURE__ */ x(
   re,
+  ie,
+  ce,
   !1,
   null,
   null
 );
-const fe = ce.exports, de = M({
+const de = fe.exports, me = M({
   name: "menu-item",
-  components: { BaseButton: ne, BentoTypography: $, ChevronRightIcon: te },
+  components: { BaseButton: oe, BentoTypography: Q, ChevronRightIcon: ne },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -104,24 +105,24 @@ const fe = ce.exports, de = M({
       default: !1
     }
   },
-  emits: [T.CLICK],
+  emits: [D.CLICK],
   setup(u, { emit: t }) {
-    const e = h(() => ({
+    const e = b(() => ({
       "b-menu-item--critical": u.critical,
       "b-menu-item--indent": u.indent
-    })), s = h(() => oe(u.secondaryText, 10));
+    })), s = b(() => se(u.secondaryText, 10));
     return {
       // Values
       conditionalClasses: e,
       computedSecondaryText: s,
       // Methods
-      onClick: (r) => {
-        r.stopPropagation(), u.handler(), t(T.CLICK);
+      onClick: (i) => {
+        i.stopPropagation(), u.handler(), t(D.CLICK);
       }
     };
   }
 });
-var me = function() {
+var pe = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("base-button", { staticClass: "b-menu-item", class: t.conditionalClasses, attrs: { role: "menuitem", disabled: t.disabled, tabindex: "-1" }, on: { click: t.onClick }, scopedSlots: t._u([t.icon ? { key: "iconLeft", fn: function() {
     return [n(t.icon, { tag: "component", staticClass: "b-menu-item__icon-left", attrs: { "aria-hidden": "true" } })];
@@ -130,23 +131,23 @@ var me = function() {
   }, proxy: !0 }, t.chevron ? { key: "iconRight", fn: function() {
     return [n("chevron-right-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) });
-}, pe = [], _e = /* @__PURE__ */ x(
-  de,
+}, _e = [], ye = /* @__PURE__ */ x(
   me,
   pe,
+  _e,
   !1,
   null,
   "1e289ecc"
 );
-const W = _e.exports;
-var C = /* @__PURE__ */ ((u) => (u.BACK = "back", u.CLOSE = "close", u.OPEN = "open", u))(C || {});
-const ye = Symbol("menu registering injection key"), ve = {
+const U = ye.exports;
+var h = /* @__PURE__ */ ((u) => (u.BACK = "back", u.CLOSE = "close", u.OPEN = "open", u))(h || {});
+const ve = Symbol("menu registering injection key"), Ce = {
   name: "bento-menu-list-container"
-}, Ce = /* @__PURE__ */ M({
-  ...ve,
+}, he = /* @__PURE__ */ M({
+  ...Ce,
   setup(u) {
-    const t = a(), n = a({}), e = N(
-      ye,
+    const t = a(), n = a({}), e = P(
+      ve,
       !1
     );
     if (e) {
@@ -158,26 +159,26 @@ const ye = Symbol("menu registering injection key"), ve = {
     return { __sfc: !0, menuListContainerRef: t, menuListContainerEvents: n, registeringAndMousingOut: e };
   }
 });
-var he = function() {
+var be = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", t._g({ ref: "menuListContainerRef", staticClass: "b-menu-list-container", attrs: { "data-testid": "menu-list-container" } }, e.menuListContainerEvents), [t._t("default")], 2);
-}, be = [], ke = /* @__PURE__ */ x(
-  Ce,
+}, ke = [], ge = /* @__PURE__ */ x(
   he,
   be,
+  ke,
   !1,
   null,
   "f5d01392"
 );
-const U = ke.exports, H = {
+const H = ge.exports, K = {
   "en-US": {
     backButton: "Go back",
     menuButton: "Open menu"
   }
-}, ge = M({
-  i18n: { messages: H },
+}, Ie = M({
+  i18n: { messages: K },
   name: "sub-menu-item-list",
-  components: { BentoDivider: F, MenuItem: W, MenuListContainer: U },
+  components: { BentoDivider: W, MenuItem: U, MenuListContainer: H },
   props: {
     items: {
       type: Array,
@@ -188,60 +189,60 @@ const U = ke.exports, H = {
       required: !0
     }
   },
-  emits: [C.CLOSE, C.BACK],
+  emits: [h.CLOSE, h.BACK],
   setup(u, { emit: t }) {
-    const n = a(null), e = a(0), s = a(u.items.length), m = () => t(C.CLOSE), r = () => t(C.BACK), i = h(() => {
+    const n = a(null), e = a(0), s = a(u.items.length), d = () => t(h.CLOSE), i = () => t(h.BACK), r = b(() => {
       var y;
-      const l = (y = u.items) == null ? void 0 : y.map((p) => ({
-        ...p,
-        indent: !p.icon,
+      const l = (y = u.items) == null ? void 0 : y.map((m) => ({
+        ...m,
+        indent: !m.icon,
         isTitle: !1,
-        clickHandler: m
+        clickHandler: d
       }));
       return [
         {
           text: u.title,
           secondaryText: null,
           critical: !1,
-          icon: R,
+          icon: T,
           isTitle: !0,
           disabled: !1,
           indent: !1,
-          handler: r,
-          clickHandler: r,
+          handler: i,
+          clickHandler: i,
           addDivider: !0
         },
         ...l
       ];
     }), c = async () => {
-      var l, y, p, v, k;
-      (k = (v = (p = (y = (l = n.value) == null ? void 0 : l.children) == null ? void 0 : y[e.value]) == null ? void 0 : p.children) == null ? void 0 : v[0]) == null || k.focus();
+      var l, y, m, C, k;
+      (k = (C = (m = (y = (l = n.value) == null ? void 0 : l.children) == null ? void 0 : y[e.value]) == null ? void 0 : m.children) == null ? void 0 : C[0]) == null || k.focus();
     };
-    P(async () => {
+    A(async () => {
       setTimeout(() => c(), 150);
     });
     const o = () => {
-      e.value > 0 ? (e.value -= 1, i.value[e.value].disabled && o()) : e.value = s.value, c();
+      e.value > 0 ? (e.value -= 1, r.value[e.value].disabled && o()) : e.value = s.value, c();
     }, _ = () => {
-      e.value < s.value ? (e.value += 1, i.value[e.value].disabled && _()) : e.value = 0, c();
+      e.value < s.value ? (e.value += 1, r.value[e.value].disabled && _()) : e.value = 0, c();
     };
     return {
       // Enums
-      BentoMenuEvent: C,
+      BentoMenuEvent: h,
       // Values
       subMenuItemListRefLocal: n,
       subMenuFocusedIndex: e,
-      ChevronLeftIcon: R,
-      computedItems: i,
+      ChevronLeftIcon: T,
+      computedItems: r,
       // Methods
-      closeMenu: m,
-      onBackButton: r,
+      closeMenu: d,
+      onBackButton: i,
       focusPrevious: o,
       focusNext: _
     };
   }
 });
-var Ie = function() {
+var xe = function() {
   var t = this, n = t._self._c;
   return t._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(e) {
     return !e.type.indexOf("key") && t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? null : (e.stopPropagation(), t.focusNext.apply(null, arguments));
@@ -252,42 +253,42 @@ var Ie = function() {
   }] } }, t._l(t.computedItems, function(e, s) {
     return n("li", { key: `sub-menu-item-list-item-${s}`, attrs: { role: "none" } }, [n("menu-item", { attrs: { text: e.text, handler: e.handler, "secondary-text": e.secondaryText, icon: e.icon, "is-title": e.isTitle, disabled: e.disabled, critical: e.critical, indent: e.indent, tabindex: s === t.subMenuFocusedIndex ? "0" : "-1" }, on: { click: e.clickHandler } }), e.addDivider ? n("bento-divider", { staticClass: "b-sub-menu-item-list__divider" }) : t._e()], 1);
   }), 0)])], 1);
-}, xe = [], Me = /* @__PURE__ */ x(
-  ge,
+}, Me = [], Be = /* @__PURE__ */ x(
   Ie,
   xe,
+  Me,
   !1,
   null,
   "25195627"
 );
-const Be = Me.exports;
-function we(u, t, n) {
-  const m = a(0), r = a(0), i = (o) => {
+const we = Be.exports;
+function Se(u, t, n) {
+  const d = a(0), i = a(0), r = (o) => {
     if (!o || !o.parentElement)
       return;
     const _ = o.parentElement, l = o.cloneNode(!0);
     l.style.position = "absolute", l.style.visibility = "hidden", _.appendChild(l), l.style.width = "max-content";
-    const y = l.offsetWidth, p = Math.max(150, Math.min(y, 350));
-    m.value = p, l.style.width = `${p}px`;
-    const v = l.offsetHeight;
-    r.value = v, _.removeChild(l), r.value = v;
+    const y = l.offsetWidth, m = Math.max(150, Math.min(y, 350));
+    d.value = m, l.style.width = `${m}px`;
+    const C = l.offsetHeight;
+    i.value = C, _.removeChild(l), i.value = C;
   };
-  return K([t, n], async ([o]) => {
+  return G([t, n], async ([o]) => {
     var _, l;
     if (o !== null) {
-      await A();
+      await F();
       const y = (l = (_ = u.value) == null ? void 0 : _[0]) == null ? void 0 : l.$el;
-      y && i(y);
+      y && r(y);
     } else
-      m.value = 0, r.value = 0;
-  }), { computedStyle: h(() => {
+      d.value = 0, i.value = 0;
+  }), { computedStyle: b(() => {
     const o = { width: "max-content" };
-    return n.value && (r.value > 0 && (o.height = `${r.value}px`), m.value > 0 && (o.width = `${m.value}px`)), o;
+    return n.value && (i.value > 0 && (o.height = `${i.value}px`), d.value > 0 && (o.width = `${d.value}px`)), o;
   }) };
 }
-const Se = M({
+const Ee = M({
   name: "menu-item-list",
-  components: { BentoDivider: F, MenuItem: W, MenuListContainer: U, SubMenuItemList: Be },
+  components: { BentoDivider: W, MenuItem: U, MenuListContainer: H, SubMenuItemList: we },
   props: {
     /**
      * The data to be displayed in the list
@@ -318,63 +319,63 @@ const Se = M({
       default: !0
     }
   },
-  emits: [C.CLOSE, "menu-item-click"],
+  emits: [h.CLOSE, "menu-item-click"],
   setup(u, { emit: t, expose: n }) {
-    const e = a(null), s = a(null), m = a(null), r = a(null), i = a(!1), c = a(null), o = a(u.focusLastElement ? u.data.length - 1 : 0), _ = a(0), l = a(u.data.length - 1), y = h(() => u.data.some((d) => d.icon)), p = h(() => u.indentItems || y.value ? u.data.map((d) => {
-      let f = !1;
-      return d.icon || (f = !0), {
-        ...d,
-        indent: f
+    const e = a(null), s = a(null), d = a(null), i = a(null), r = a(!1), c = a(null), o = a(u.focusLastElement ? u.data.length - 1 : 0), _ = a(0), l = a(u.data.length - 1), y = b(() => u.data.some((p) => p.icon)), m = b(() => u.indentItems || y.value ? u.data.map((p) => {
+      let v = !1;
+      return p.icon || (v = !0), {
+        ...p,
+        indent: v
       };
-    }) : u.data), v = async () => {
-      var d, f, b;
-      (b = (f = (d = s.value) == null ? void 0 : d.children[o.value]) == null ? void 0 : f.children[0]) == null || b.focus();
-    }, k = () => t(C.CLOSE), B = (d, f) => {
-      if (d.items) {
-        c.value = f, i.value = !0;
+    }) : u.data), C = async () => {
+      var p, v, f;
+      (f = (v = (p = s.value) == null ? void 0 : p.children[o.value]) == null ? void 0 : v.children[0]) == null || f.focus();
+    }, k = () => t(h.CLOSE), w = (p, v) => {
+      if (p.items) {
+        c.value = v, r.value = !0;
         return;
       }
-      c.value = f, i.value = !1, !d.skipClose && u.closeMenuOnItemSelect !== !1 && k(), t("menu-item-click");
+      c.value = v, r.value = !1, !p.skipClose && u.closeMenuOnItemSelect !== !1 && k(), t("menu-item-click");
+    }, B = () => {
+      o.value > 0 ? (o.value -= 1, m.value[o.value].disabled && B()) : o.value = l.value, C();
     }, g = () => {
-      o.value > 0 ? (o.value -= 1, p.value[o.value].disabled && g()) : o.value = l.value, v();
-    }, I = () => {
-      o.value < l.value ? (o.value += 1, p.value[o.value].disabled && I()) : o.value = 0, v();
-    }, w = (d, f) => {
-      var b;
-      (b = d == null ? void 0 : d.items) != null && b.length && (c.value = f, i.value = !0);
+      o.value < l.value ? (o.value += 1, m.value[o.value].disabled && g()) : o.value = 0, C();
+    }, I = (p, v) => {
+      var f;
+      (f = p == null ? void 0 : p.items) != null && f.length && (c.value = v, r.value = !0);
     }, S = () => {
-      c.value && i.value && (c.value = null, i.value = !1);
+      c.value && r.value && (c.value = null, r.value = !1);
     }, E = () => {
-      i.value = !1, c.value = null, v();
+      r.value = !1, c.value = null, C();
     };
     n({
-      focusItem: v
+      focusItem: C
     });
-    const { computedStyle: O } = we(r, c, i);
+    const { computedStyle: O } = Se(i, c, r);
     return {
       // Values
       menuItemListRef: s,
-      menuItemListWrapperRef: m,
-      subMenuItemListRef: r,
+      menuItemListWrapperRef: d,
+      subMenuItemListRef: i,
       menuItemRef: e,
-      computedData: p,
+      computedData: m,
       computedStyle: O,
       focusedIndex: o,
       subMenuFocusedIndex: _,
-      showSubMenu: i,
+      showSubMenu: r,
       visibleSubMenuIndex: c,
       // Methods
-      menuItemClick: B,
+      menuItemClick: w,
       closeMenu: k,
-      focusPrevious: g,
-      focusNext: I,
-      focusRight: w,
+      focusPrevious: B,
+      focusNext: g,
+      focusRight: I,
       focusLeft: S,
       onBackButton: E
     };
   }
 });
-var Ee = function() {
+var Oe = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("menu-list-container", { ref: "menuItemListWrapperRef", style: t.computedStyle }, [n("ul", { ref: "menuItemListRef", staticClass: "b-menu-item-list", attrs: { role: "menu" }, on: { keydown: [function(e) {
     return !e.type.indexOf("key") && t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? null : t.focusNext.apply(null, arguments);
@@ -385,28 +386,28 @@ var Ee = function() {
   }, function(e) {
     return !e.type.indexOf("key") && t._k(e.keyCode, "tab", 9, e.key, "Tab") ? null : t.closeMenu.apply(null, arguments);
   }] } }, t._l(t.computedData, function(e, s) {
-    var m, r, i, c;
+    var d, i, r, c;
     return n("li", { key: `menu-item-${s}`, ref: "menuItemRef", refInFor: !0, staticClass: "b-menu-item-list__item", attrs: { role: "none" }, on: { keydown: [function(o) {
       return !o.type.indexOf("key") && t._k(o.keyCode, "right", 39, o.key, ["Right", "ArrowRight"]) || "button" in o && o.button !== 2 ? null : t.focusRight(e, s);
     }, function(o) {
       return !o.type.indexOf("key") && t._k(o.keyCode, "left", 37, o.key, ["Left", "ArrowLeft"]) || "button" in o && o.button !== 0 ? null : t.focusLeft();
-    }] } }, [n("menu-item", { attrs: { text: e.text, handler: (m = e.items) != null && m.length ? () => null : e.handler, "secondary-text": e.secondaryText, icon: e.icon, chevron: !!((r = e.items) != null && r.length), disabled: e.disabled, critical: e.critical, indent: e.indent, tabindex: s === t.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((i = e.items) != null && i.length), "aria-expanded": t.showSubMenu && t.visibleSubMenuIndex === s }, on: { click: function(o) {
+    }] } }, [n("menu-item", { attrs: { text: e.text, handler: (d = e.items) != null && d.length ? () => null : e.handler, "secondary-text": e.secondaryText, icon: e.icon, chevron: !!((i = e.items) != null && i.length), disabled: e.disabled, critical: e.critical, indent: e.indent, tabindex: s === t.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((r = e.items) != null && r.length), "aria-expanded": t.showSubMenu && t.visibleSubMenuIndex === s }, on: { click: function(o) {
       return t.menuItemClick(e, s);
     } } }), e.addDivider ? n("bento-divider", { staticClass: "b-menu-item-list__divider" }) : t._e(), (c = e.items) != null && c.length && t.showSubMenu && t.visibleSubMenuIndex === s ? n("sub-menu-item-list", { ref: "subMenuItemListRef", refInFor: !0, attrs: { items: e.items, title: e.text }, on: { back: t.onBackButton, close: t.closeMenu } }) : t._e()], 1);
   }), 0)]);
-}, Oe = [], Le = /* @__PURE__ */ x(
-  Se,
+}, Le = [], Re = /* @__PURE__ */ x(
   Ee,
   Oe,
+  Le,
   !1,
   null,
   "a94a192f"
 );
-const Re = Le.exports, Te = {
-  i18n: { messages: H },
+const Te = Re.exports, De = {
+  i18n: { messages: K },
   name: "bento-menu"
-}, De = /* @__PURE__ */ M({
-  ...Te,
+}, Ne = /* @__PURE__ */ M({
+  ...De,
   props: {
     button: { default: () => ({
       variant: "secondary"
@@ -414,7 +415,7 @@ const Re = Le.exports, Te = {
     closeMenuOnItemSelect: { type: Boolean, default: !0 },
     data: null,
     disableArrowDownOpeningMenu: { type: Boolean, default: !1 },
-    menuPosition: { default: V.BOTTOM_START },
+    menuPosition: { default: j.BOTTOM_START },
     menuFixedPositioning: { type: Boolean, default: !1 },
     menuWidth: { default: null },
     revertFocusToButton: { type: Boolean, default: !0 },
@@ -423,53 +424,53 @@ const Re = Le.exports, Te = {
   },
   emits: ["menu-item-click", "click-outside"],
   setup(u, { expose: t, emit: n }) {
-    var d;
-    const e = u, s = G(), m = J(s), { t: r } = z(), i = a(null), c = a(null), o = a(!1), _ = a(!1), l = a(null), y = Z("menu"), p = N(le, a(!1));
-    X(q, p);
-    const v = h(() => ({
-      "b-menu--inverse": p.value
-    })), k = h(() => e.menuWidth ? { width: `${e.menuWidth}px` } : null), B = h(() => {
+    var v;
+    const e = u, s = X(), d = Z(s), { t: i } = z(), r = a(null), c = a(null), o = a(!1), _ = a(!1), l = a(null), y = $("menu"), m = P(ae, a(!1));
+    q(V, m);
+    const C = b(() => ({
+      "b-menu--inverse": m.value
+    })), k = b(() => e.menuWidth ? { width: `${e.menuWidth}px` } : null), w = b(() => {
       if (e != null && e.button)
         return {
           variant: "secondary",
           ...e.button
         };
-    }), g = () => {
-      o.value = !0, n(C.OPEN);
+    }), B = (f) => f == null ? void 0 : f["aria-label"], g = () => {
+      o.value = !0, n(h.OPEN);
     }, I = async (f = e.revertFocusToButton) => {
-      var b, L;
-      o.value && (o.value = !1, f && (await A(), (L = (b = i.value) == null ? void 0 : b.$el) == null || L.focus()), n(C.CLOSE));
-    }, w = (f) => {
-      f.stopPropagation(), o.value ? I() : g();
+      var L, R;
+      o.value && (o.value = !1, f && (await F(), (R = (L = r.value) == null ? void 0 : L.$el) == null || R.focus()), n(h.CLOSE));
     }, S = (f) => {
-      f.preventDefault(), _.value = !1, e.disableArrowDownOpeningMenu || g();
+      f.stopPropagation(), o.value ? I() : g();
     }, E = (f) => {
+      f.preventDefault(), _.value = !1, e.disableArrowDownOpeningMenu || g();
+    }, O = (f) => {
       f.preventDefault(), _.value = !0, g();
-    }, O = () => {
+    }, p = () => {
       n("menu-item-click");
     };
-    return j(
+    return J(
       l,
       () => {
         I(), n("click-outside");
       },
       {
         ...e.closeOnClickOutsideOptions,
-        ignore: [i, ...((d = e.closeOnClickOutsideOptions) == null ? void 0 : d.ignore) ?? []]
+        ignore: [r, ...((v = e.closeOnClickOutsideOptions) == null ? void 0 : v.ignore) ?? []]
       }
     ), t({
       /**
        * Control to enable programmatic closing of the menu
        */
       closeMenu: I
-    }), P(() => {
-      m("iconRight") && Q(
+    }), A(() => {
+      d("iconRight") && ee(
         '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
       );
-    }), { __sfc: !0, props: e, emit: n, slots: s, hasSlot: m, t: r, menuButtonRef: i, menuItemListRef: c, showMenu: o, isLastElementFocused: _, popoverRef: l, menuId: y, isInverseColorSet: p, computedClasses: v, computedMenuWidth: k, computedButtonPropsWithDefaults: B, openMenu: g, closeMenu: I, toggleShowMenu: w, onKeyDown: S, onKeyUp: E, menuItemClick: O, BentoToggleButton: ue, BentoPopover: Y, BentoTeleport: se, ChevronDownIcon: ee, OptionsVerticalIcon: fe, MenuItemList: Re };
+    }), { __sfc: !0, props: e, emit: n, slots: s, hasSlot: d, t: i, menuButtonRef: r, menuItemListRef: c, showMenu: o, isLastElementFocused: _, popoverRef: l, menuId: y, isInverseColorSet: m, computedClasses: C, computedMenuWidth: k, computedButtonPropsWithDefaults: w, getAriaLabel: B, openMenu: g, closeMenu: I, toggleShowMenu: S, onKeyDown: E, onKeyUp: O, menuItemClick: p, BentoToggleButton: le, BentoPopover: Y, BentoTeleport: ue, ChevronDownIcon: te, OptionsVerticalIcon: de, MenuItemList: Te };
   }
 });
-var Ne = function() {
+var Pe = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-menu", class: e.computedClasses, attrs: { "data-testid": "menu" }, on: { keydown: [function(s) {
     return !s.type.indexOf("key") && t._k(s.keyCode, "down", 40, s.key, ["Down", "ArrowDown"]) ? null : e.onKeyDown.apply(null, arguments);
@@ -477,7 +478,7 @@ var Ne = function() {
     return !s.type.indexOf("key") && t._k(s.keyCode, "up", 38, s.key, ["Up", "ArrowUp"]) ? null : e.onKeyUp.apply(null, arguments);
   }, function(s) {
     return !s.type.indexOf("key") && t._k(s.keyCode, "esc", 27, s.key, ["Esc", "Escape"]) ? null : e.closeMenu();
-  }] } }, [n(e.BentoToggleButton, t._b({ ref: "menuButtonRef", attrs: { "aria-haspopup": "true", "aria-controls": e.showMenu ? e.menuId : null, toggled: e.showMenu, inverse: e.isInverseColorSet }, on: { click: e.toggleShowMenu }, scopedSlots: t._u([!e.hasSlot("default") || e.hasSlot("iconLeft") ? { key: "iconLeft", fn: function() {
+  }] } }, [n(e.BentoToggleButton, t._b({ ref: "menuButtonRef", attrs: { "aria-haspopup": "true", "aria-controls": e.showMenu ? e.menuId : null, "aria-label": e.getAriaLabel(t.$attrs), toggled: e.showMenu, inverse: e.isInverseColorSet }, on: { click: e.toggleShowMenu }, scopedSlots: t._u([!e.hasSlot("default") || e.hasSlot("iconLeft") ? { key: "iconLeft", fn: function() {
     return [t._t("iconLeft", function() {
       return [n(e.OptionsVerticalIcon, { attrs: { title: e.t("menuButton") } })];
     })];
@@ -495,20 +496,20 @@ var Ne = function() {
     "left-start",
     "left-end"
   ], teleport: t.teleport, "without-space": "" } }, [n(e.MenuItemList, { ref: "menuItemListRef", attrs: { "close-menu-on-item-select": t.closeMenuOnItemSelect, data: t.data, "focus-last-element": e.isLastElementFocused }, on: { close: e.closeMenu, "menu-item-click": e.menuItemClick } })], 1) : t._e()], 1) : t._e()], 1);
-}, Pe = [], Ae = /* @__PURE__ */ x(
-  De,
+}, Ae = [], Fe = /* @__PURE__ */ x(
   Ne,
   Pe,
+  Ae,
   !1,
   null,
-  "f7030411"
+  "32d8dde2"
 );
-const tt = Ae.exports;
+const ot = Fe.exports;
 export {
-  tt as B,
-  ye as D,
-  le as M,
-  fe as O,
-  C as a
+  ot as B,
+  ve as D,
+  ae as M,
+  de as O,
+  h as a
 };
-//# sourceMappingURL=menu.EgYjFAku.js.map
+//# sourceMappingURL=menu.dX3_vU05.js.map