@adyen/bento-vue3 1.43.0 → 1.44.0

package/dist/chunks/{menu.BpqOdkxR.js → menu.hDynz4lc.js}

@@ -1,18 +1,17 @@
-import { defineComponent as N, computed as _, resolveComponent as v, openBlock as c, createBlock as M, normalizeClass as Z, createSlots as z, withCtx as g, createVNode as L, createTextVNode as U, toDisplayString as H, createCommentVNode as R, resolveDynamicComponent as ie, ref as d, inject as Q, createElementBlock as S, mergeProps as V, toHandlers as ue, renderSlot as O, onMounted as le, Transition as ae, createElementVNode as T, withKeys as I, withModifiers as W, Fragment as X, renderList as x, normalizeStyle as ee, provide as re } from "vue";
+import { defineComponent as O, computed as _, resolveComponent as v, openBlock as c, createBlock as M, normalizeClass as Z, createSlots as z, withCtx as g, createVNode as S, createTextVNode as U, toDisplayString as H, createCommentVNode as R, resolveDynamicComponent as ue, ref as d, inject as Q, createElementBlock as L, mergeProps as V, toHandlers as le, renderSlot as N, onMounted as ie, Transition as ae, createElementVNode as T, withKeys as I, withModifiers as W, Fragment as X, renderList as x, normalizeStyle as ee, provide as re } from "vue";
 import { g as j } from "./generate-uid.D-HFI38h.js";
-import { B as de, a as q } from "./popover.D9Zw4w9l.js";
+import { B as de, a as q } from "./popover.DwGgnCyn.js";
 import { B as te, D as ce } from "./divider.ugNXYI-T.js";
-import { u as me } from "./use-click-outside.D6aIgS15.js";
-import { u as fe } from "./use-has-slot.B7eQSabc.js";
-import { u as pe } from "./i18n.CPGoe9tN.js";
+import { B as me, u as fe } from "./teleport.B255JhsV.js";
+import { u as pe } from "./use-has-slot.B7eQSabc.js";
+import { u as ve } from "./i18n.CPGoe9tN.js";
 import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as ve } from "./toggle-button.Bf77_tMh.js";
-import { B as be } from "./teleport.CI0k6eaC.js";
+import { B as be } from "./toggle-button.Bf77_tMh.js";
 import { a as Ce, C as G } from "./chevron-left.NvV5m76j.js";
 import { B as ye, a as J } from "./base-button.N4QTXNIp.js";
 import { B as ge } from "./typography.DNzU41ah.js";
 import "../assets/menu.css";
-const he = N({
+const he = O({
   name: "menu-item",
   components: { BaseButton: ye, BentoTypography: ge, ChevronRightIcon: Ce },
   props: {
@@ -97,8 +96,8 @@ const he = N({
     };
   }
 });
-function Ie(e, t, m, s, r, l) {
-  const u = v("bento-typography"), i = v("chevron-right-icon"), p = v("base-button");
+function Ie(e, t, m, s, r, i) {
+  const l = v("bento-typography"), u = v("chevron-right-icon"), p = v("base-button");
   return c(), M(p, {
     class: Z(["b-menu-item", e.conditionalClasses]),
     role: "menuitem",
@@ -107,7 +106,7 @@ function Ie(e, t, m, s, r, l) {
     onClick: e.onClick
   }, z({
     default: g(() => [
-      L(u, {
+      S(l, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
@@ -118,7 +117,7 @@ function Ie(e, t, m, s, r, l) {
         ]),
         _: 1
       }, 8, ["stronger"]),
-      e.secondaryText ? (c(), M(u, {
+      e.secondaryText ? (c(), M(l, {
         key: 0,
         el: "span",
         variant: "body",
@@ -135,7 +134,7 @@ function Ie(e, t, m, s, r, l) {
     e.icon ? {
       name: "iconLeft",
       fn: g(() => [
-        (c(), M(ie(e.icon), {
+        (c(), M(ue(e.icon), {
           class: "b-menu-item__icon-left",
           "aria-hidden": "true"
         }))
@@ -145,21 +144,21 @@ function Ie(e, t, m, s, r, l) {
     e.chevron ? {
       name: "iconRight",
       fn: g(() => [
-        L(i, { "aria-hidden": "true" })
+        S(u, { "aria-hidden": "true" })
       ]),
       key: "1"
     } : void 0
   ]), 1032, ["class", "disabled", "onClick"]);
 }
 const ne = /* @__PURE__ */ w(he, [["render", Ie], ["__scopeId", "data-v-9e8afd9c"]]);
-var k = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(k || {});
-const ke = Symbol("menu registering injection key"), Be = {
+var B = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(B || {});
+const Be = Symbol("menu registering injection key"), ke = {
   name: "bento-menu-list-container"
-}, Me = /* @__PURE__ */ N({
-  ...Be,
+}, Me = /* @__PURE__ */ O({
+  ...ke,
   setup(e) {
     const t = d(), m = d({}), s = Q(
-      ke,
+      Be,
       !1
     );
     if (s) {
@@ -168,13 +167,13 @@ const ke = Symbol("menu registering injection key"), Be = {
         mouseleave: s == null ? void 0 : s.menuMouseLeave
       };
     }
-    return (r, l) => (c(), S("div", V({
+    return (r, i) => (c(), L("div", V({
       ref_key: "menuListContainerRef",
       ref: t,
       class: "b-menu-list-container",
       "data-testid": "menu-list-container"
-    }, ue(m.value, !0)), [
-      O(r.$slots, "default", {}, void 0, !0)
+    }, le(m.value, !0)), [
+      N(r.$slots, "default", {}, void 0, !0)
     ], 16));
   }
 }), oe = /* @__PURE__ */ w(Me, [["__scopeId", "data-v-02a3ca45"]]), A = {
@@ -182,7 +181,7 @@ const ke = Symbol("menu registering injection key"), Be = {
     menuButton: "Open menu",
     backButton: "Go back"
   }
-}, _e = N({
+}, _e = O({
   i18n: { messages: A },
   name: "sub-menu-item-list",
   components: { BentoDivider: te, MenuItem: ne, MenuListContainer: oe },
@@ -196,15 +195,15 @@ const ke = Symbol("menu registering injection key"), Be = {
       required: !0
     }
   },
-  emits: [k.CLOSE, k.BACK],
+  emits: [B.CLOSE, B.BACK],
   setup(e, { emit: t }) {
-    const m = d(null), s = d(0), r = d(e.items.length), l = () => t(k.CLOSE), u = () => t(k.BACK), i = _(() => {
+    const m = d(null), s = d(0), r = d(e.items.length), i = () => t(B.CLOSE), l = () => t(B.BACK), u = _(() => {
       var b;
       const a = (b = e.items) == null ? void 0 : b.map((C) => ({
         ...C,
         indent: !C.icon,
         isTitle: !1,
-        clickHandler: l
+        clickHandler: i
       }));
       return [
         {
@@ -215,48 +214,48 @@ const ke = Symbol("menu registering injection key"), Be = {
           isTitle: !0,
           disabled: !1,
           indent: !1,
-          handler: u,
-          clickHandler: u,
+          handler: l,
+          clickHandler: l,
           addDivider: !0
         },
         ...a
       ];
     }), p = async () => {
-      var a, b, C, B, h;
-      (h = (B = (C = (b = (a = m.value) == null ? void 0 : a.children) == null ? void 0 : b[s.value]) == null ? void 0 : C.children) == null ? void 0 : B[0]) == null || h.focus();
+      var a, b, C, k, h;
+      (h = (k = (C = (b = (a = m.value) == null ? void 0 : a.children) == null ? void 0 : b[s.value]) == null ? void 0 : C.children) == null ? void 0 : k[0]) == null || h.focus();
     };
-    le(async () => {
+    ie(async () => {
       setTimeout(() => p(), 150);
     });
     const o = () => {
-      s.value > 0 ? (s.value -= 1, i.value[s.value].disabled && o()) : s.value = r.value, p();
+      s.value > 0 ? (s.value -= 1, u.value[s.value].disabled && o()) : s.value = r.value, p();
     }, n = () => {
-      s.value < r.value ? (s.value += 1, i.value[s.value].disabled && n()) : s.value = 0, p();
+      s.value < r.value ? (s.value += 1, u.value[s.value].disabled && n()) : s.value = 0, p();
     };
     return {
       // Enums
-      BentoMenuEvent: k,
+      BentoMenuEvent: B,
       // Values
       subMenuItemListRefLocal: m,
       subMenuFocusedIndex: s,
       ChevronLeftIcon: G,
-      computedItems: i,
+      computedItems: u,
       // Methods
-      closeMenu: l,
-      onBackButton: u,
+      closeMenu: i,
+      onBackButton: l,
       focusPrevious: o,
       focusNext: n
     };
   }
 });
-function $e(e, t, m, s, r, l) {
-  const u = v("menu-item"), i = v("bento-divider"), p = v("menu-list-container");
+function $e(e, t, m, s, r, i) {
+  const l = v("menu-item"), u = v("bento-divider"), p = v("menu-list-container");
   return c(), M(ae, {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
     default: g(() => [
-      L(p, { class: "b-sub-menu-item-list" }, {
+      S(p, { class: "b-sub-menu-item-list" }, {
         default: g(() => [
           T("ul", {
             ref: "subMenuItemListRefLocal",
@@ -268,11 +267,11 @@ function $e(e, t, m, s, r, l) {
               t[2] || (t[2] = I(W((...o) => e.onBackButton && e.onBackButton(...o), ["stop"]), ["esc"]))
             ]
           }, [
-            (c(!0), S(X, null, x(e.computedItems, (o, n) => (c(), S("li", {
+            (c(!0), L(X, null, x(e.computedItems, (o, n) => (c(), L("li", {
               key: `sub-menu-item-list-item-${n}`,
               role: "none"
             }, [
-              L(u, {
+              S(l, {
                 text: o.text,
                 handler: o.handler,
                 "secondary-text": o.secondaryText,
@@ -284,7 +283,7 @@ function $e(e, t, m, s, r, l) {
                 tabindex: n === e.subMenuFocusedIndex ? "0" : "-1",
                 onClick: o.clickHandler
               }, null, 8, ["text", "handler", "secondary-text", "icon", "is-title", "disabled", "critical", "indent", "tabindex", "onClick"]),
-              o.addDivider ? (c(), M(i, {
+              o.addDivider ? (c(), M(u, {
                 key: 0,
                 class: "b-sub-menu-item-list__divider"
               })) : R("", !0)
@@ -297,9 +296,9 @@ function $e(e, t, m, s, r, l) {
     _: 1
   });
 }
-const Le = /* @__PURE__ */ w(_e, [["render", $e], ["__scopeId", "data-v-621db243"]]), Se = N({
+const Se = /* @__PURE__ */ w(_e, [["render", $e], ["__scopeId", "data-v-621db243"]]), Le = O({
   name: "menu-item-list",
-  components: { BentoDivider: te, MenuItem: ne, MenuListContainer: oe, SubMenuItemList: Le },
+  components: { BentoDivider: te, MenuItem: ne, MenuListContainer: oe, SubMenuItemList: Se },
   props: {
     /**
      * The data to be displayed in the list
@@ -321,11 +320,18 @@ const Le = /* @__PURE__ */ w(_e, [["render", $e], ["__scopeId", "data-v-621db243
     focusLastElement: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * If set to true, closes the menu when an item is clicked.
+     */
+    closeMenuOnItemSelect: {
+      type: Boolean,
+      default: !0
     }
   },
-  emits: [k.CLOSE, "menu-item-click"],
+  emits: [B.CLOSE, "menu-item-click"],
   setup(e, { emit: t }) {
-    const m = d(null), s = d(null), r = d(null), l = d(!1), u = d(null), i = d(e.focusLastElement ? e.data.length - 1 : 0), p = d(0), o = d(e.data.length - 1), n = _(() => e.data.some((f) => f.icon)), a = _(() => e.indentItems || n.value ? e.data.map((f) => {
+    const m = d(null), s = d(null), r = d(null), i = d(!1), l = d(null), u = d(e.focusLastElement ? e.data.length - 1 : 0), p = d(0), o = d(e.data.length - 1), n = _(() => e.data.some((f) => f.icon)), a = _(() => e.indentItems || n.value ? e.data.map((f) => {
       let y = !1;
       return f.icon || (y = !0), {
         ...f,
@@ -334,24 +340,28 @@ const Le = /* @__PURE__ */ w(_e, [["render", $e], ["__scopeId", "data-v-621db243
       };
     }) : e.data), b = () => {
       var f, y, $;
-      return ($ = (y = (f = m.value) == null ? void 0 : f.children[i.value]) == null ? void 0 : y.children[0]) == null ? void 0 : $.focus();
-    }, C = () => t(k.CLOSE), B = (f, y) => {
-      f.items ? (u.value = y, l.value = !0) : (u.value = y, l.value = !1, C(), t("menu-item-click"));
+      return ($ = (y = (f = m.value) == null ? void 0 : f.children[u.value]) == null ? void 0 : y.children[0]) == null ? void 0 : $.focus();
+    }, C = () => t(B.CLOSE), k = (f, y) => {
+      if (f.items) {
+        l.value = y, i.value = !0;
+        return;
+      }
+      l.value = y, i.value = !1, e.closeMenuOnItemSelect && C(), t("menu-item-click");
     }, h = () => {
-      i.value > 0 ? (i.value -= 1, a.value[i.value].disabled && h()) : i.value = o.value, b();
+      u.value > 0 ? (u.value -= 1, a.value[u.value].disabled && h()) : u.value = o.value, b();
     }, E = () => {
-      i.value < o.value ? (i.value += 1, a.value[i.value].disabled && E()) : i.value = 0, b();
+      u.value < o.value ? (u.value += 1, a.value[u.value].disabled && E()) : u.value = 0, b();
     }, P = (f, y) => {
       var $;
-      ($ = f == null ? void 0 : f.items) != null && $.length && (u.value = y, l.value = !0);
+      ($ = f == null ? void 0 : f.items) != null && $.length && (l.value = y, i.value = !0);
     }, K = () => {
-      u.value && l.value && (u.value = null, l.value = !1);
+      l.value && i.value && (l.value = null, i.value = !1);
     }, D = () => {
-      l.value = !1, u.value = null, b();
+      i.value = !1, l.value = null, b();
     }, F = _(() => {
       var f, y, $;
       return ($ = (y = (f = r.value) == null ? void 0 : f[0]) == null ? void 0 : y.$el) == null ? void 0 : $.offsetHeight;
-    }), se = _(() => l.value ? `${F.value}px` : "");
+    }), se = _(() => i.value ? `${F.value}px` : "");
     return {
       // Values
       menuItemListRef: m,
@@ -359,12 +369,12 @@ const Le = /* @__PURE__ */ w(_e, [["render", $e], ["__scopeId", "data-v-621db243
       subMenuItemListRef: r,
       computedData: a,
       computedHeight: se,
-      focusedIndex: i,
+      focusedIndex: u,
       subMenuFocusedIndex: p,
-      showSubMenu: l,
-      visibleSubMenuIndex: u,
+      showSubMenu: i,
+      visibleSubMenuIndex: l,
       // Methods
-      menuItemClick: B,
+      menuItemClick: k,
       closeMenu: C,
       focusPrevious: h,
       focusNext: E,
@@ -374,8 +384,8 @@ const Le = /* @__PURE__ */ w(_e, [["render", $e], ["__scopeId", "data-v-621db243
     };
   }
 }), Ee = ["onKeydown"];
-function Re(e, t, m, s, r, l) {
-  const u = v("menu-item"), i = v("bento-divider"), p = v("sub-menu-item-list"), o = v("menu-list-container");
+function Re(e, t, m, s, r, i) {
+  const l = v("menu-item"), u = v("bento-divider"), p = v("sub-menu-item-list"), o = v("menu-list-container");
   return c(), M(o, {
     ref: "menuItemListWrapperRef",
     style: ee({ height: e.computedHeight })
@@ -392,9 +402,9 @@ function Re(e, t, m, s, r, l) {
           t[4] || (t[4] = I((...n) => e.closeMenu && e.closeMenu(...n), ["tab"]))
         ]
       }, [
-        (c(!0), S(X, null, x(e.computedData, (n, a) => {
-          var b, C, B, h;
-          return c(), S("li", {
+        (c(!0), L(X, null, x(e.computedData, (n, a) => {
+          var b, C, k, h;
+          return c(), L("li", {
             key: `menu-item-${a}`,
             class: "b-menu-item-list__item",
             role: "none",
@@ -403,7 +413,7 @@ function Re(e, t, m, s, r, l) {
               t[0] || (t[0] = I((E) => e.focusLeft(), ["left"]))
             ]
           }, [
-            L(u, {
+            S(l, {
               text: n.text,
               handler: (b = n.items) != null && b.length ? () => null : n.handler,
               "secondary-text": n.secondaryText,
@@ -413,11 +423,11 @@ function Re(e, t, m, s, r, l) {
               critical: n.critical,
               indent: n.indent,
               tabindex: a === e.subMenuFocusedIndex ? "0" : "-1",
-              "aria-haspopup": !!((B = n.items) != null && B.length),
+              "aria-haspopup": !!((k = n.items) != null && k.length),
               "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === a,
               onClick: (E) => e.menuItemClick(n, a)
             }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
-            n.addDivider ? (c(), M(i, {
+            n.addDivider ? (c(), M(u, {
               key: 0,
               class: "b-menu-item-list__divider"
             })) : R("", !0),
@@ -437,22 +447,22 @@ function Re(e, t, m, s, r, l) {
     _: 1
   }, 8, ["style"]);
 }
-const we = /* @__PURE__ */ w(Se, [["render", Re], ["__scopeId", "data-v-b2223c5d"]]), Te = Symbol("menu inverse style injection key");
+const we = /* @__PURE__ */ w(Le, [["render", Re], ["__scopeId", "data-v-cf88ddde"]]), Te = Symbol("menu inverse style injection key");
 let Y = 0;
-const Ne = {
+const Oe = {
   beforeCreate() {
     this.uuid = Y.toString(), Y += 1;
   }
-}, Oe = { key: 0 };
-function Pe(e, t, m, s, r, l) {
-  return c(), S("svg", V({ role: "img" }, e.$attrs, {
+}, Ne = { key: 0 };
+function Pe(e, t, m, s, r, i) {
+  return c(), L("svg", V({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), S("title", Oe, H(e.$attrs["svg-title"]), 1)) : R("", !0),
+    e.$attrs["svg-title"] ? (c(), L("title", Ne, H(e.$attrs["svg-title"]), 1)) : R("", !0),
     t[0] || (t[0] = T("path", {
       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"
@@ -467,10 +477,10 @@ function Pe(e, t, m, s, r, l) {
     }, null, -1))
   ], 16);
 }
-const Ke = /* @__PURE__ */ w(Ne, [["render", Pe]]), De = N({
+const Ke = /* @__PURE__ */ w(Oe, [["render", Pe]]), De = O({
   i18n: { messages: A },
   name: "bento-menu",
-  components: { BentoToggleButton: ve, BentoPopover: de, BentoTeleport: be, MenuItemList: we, OptionsVerticalIcon: Ke },
+  components: { BentoToggleButton: be, BentoPopover: de, BentoTeleport: me, MenuItemList: we, OptionsVerticalIcon: Ke },
   props: {
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -481,6 +491,14 @@ const Ke = /* @__PURE__ */ w(Ne, [["render", Pe]]), De = N({
         variant: "secondary"
       })
     },
+    /**
+     * Controls if the menu should close when an item is clicked.
+     * Defaults to `true`.
+     */
+    closeMenuOnItemSelect: {
+      type: Boolean,
+      default: !0
+    },
     /**
      * The data to be displayed in the list
      */
@@ -511,6 +529,15 @@ const Ke = /* @__PURE__ */ w(Ne, [["render", Pe]]), De = N({
       type: Number,
       default: null
     },
+    /**
+     * Returns focus to the menu button after popover is closed.
+     * Disable if focus management is delegated to the parent component.
+     * Defaults to `true`.
+     */
+    revertFocusToButton: {
+      type: Boolean,
+      default: !0
+    },
     /**
      * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
      * (or `dialog` if popover is inside a dialog).
@@ -520,9 +547,9 @@ const Ke = /* @__PURE__ */ w(Ne, [["render", Pe]]), De = N({
       default: !1
     }
   },
-  emits: [k.CLOSE, k.OPEN, "menu-item-click"],
+  emits: [B.CLOSE, B.OPEN, "menu-item-click"],
   setup(e, { emit: t, slots: m }) {
-    const { t: s } = pe({ messages: A }), r = d(null), l = d(!1), u = d(!1), i = d(null), p = j("menu"), o = j("menu-popover"), n = Q(Te, d(!1));
+    const { t: s } = ve({ messages: A }), r = d(null), i = d(!1), l = d(!1), u = d(null), p = j("menu"), o = j("menu-popover"), n = Q(Te, d(!1));
     re(ce, n);
     const a = _(() => ({
       "b-menu--inverse": n.value
@@ -532,35 +559,35 @@ const Ke = /* @__PURE__ */ w(Ne, [["render", Pe]]), De = N({
           variant: "secondary",
           ...e.button
         };
-    }), B = () => {
-      l.value = !0, t(k.OPEN);
+    }), k = () => {
+      i.value = !0, t(B.OPEN);
     }, h = () => {
-      l.value && (l.value = !1, r.value.$el.focus(), t(k.CLOSE));
+      i.value && (i.value = !1, e.revertFocusToButton && r.value.$el.focus(), t(B.CLOSE));
     }, E = (F) => {
-      F.stopPropagation(), l.value ? h() : B();
+      F.stopPropagation(), i.value ? h() : k();
     }, P = () => {
-      u.value = !1, B();
+      l.value = !1, k();
     }, K = () => {
-      u.value = !0, B();
+      l.value = !0, k();
     }, D = () => {
       t("menu-item-click");
     };
-    return me(i, h, { ignore: [r] }), {
+    return fe(u, h, { ignore: [r] }), {
       // Refs
-      popoverRef: i,
+      popoverRef: u,
       menuButtonRef: r,
       // Values
       menuId: p,
       popoverId: o,
-      showMenu: l,
+      showMenu: i,
       computedButtonPropsWithDefaults: C,
       computedMenuWidth: b,
-      isLastElementFocused: u,
+      isLastElementFocused: l,
       // Classes
       computedClasses: a,
       isInverseColorSet: n,
       // Methods
-      hasSlot: fe(m),
+      hasSlot: pe(m),
       onKeyDown: P,
       onKeyUp: K,
       closeMenu: h,
@@ -571,9 +598,9 @@ const Ke = /* @__PURE__ */ w(Ne, [["render", Pe]]), De = N({
     };
   }
 });
-function Fe(e, t, m, s, r, l) {
-  const u = v("options-vertical-icon"), i = v("bento-toggle-button"), p = v("menu-item-list"), o = v("bento-popover"), n = v("bento-teleport");
-  return c(), S("div", {
+function Fe(e, t, m, s, r, i) {
+  const l = v("options-vertical-icon"), u = v("bento-toggle-button"), p = v("menu-item-list"), o = v("bento-popover"), n = v("bento-teleport");
+  return c(), L("div", {
     class: Z([e.computedClasses, "b-menu"]),
     onKeydown: [
       t[0] || (t[0] = I((...a) => e.onKeyDown && e.onKeyDown(...a), ["down"])),
@@ -581,7 +608,7 @@ function Fe(e, t, m, s, r, l) {
       t[2] || (t[2] = I((...a) => e.closeMenu && e.closeMenu(...a), ["esc"]))
     ]
   }, [
-    L(i, V({
+    S(u, V({
       ref: "menuButtonRef",
       "aria-haspopup": "true"
     }, e.computedButtonPropsWithDefaults, {
@@ -593,8 +620,8 @@ function Fe(e, t, m, s, r, l) {
       !e.hasSlot("default") || e.hasSlot("iconLeft") ? {
         name: "iconLeft",
         fn: g(() => [
-          O(e.$slots, "iconLeft", {}, () => [
-            L(u, {
+          N(e.$slots, "iconLeft", {}, () => [
+            S(l, {
               title: e.t("menuButton")
             }, null, 8, ["title"])
           ], !0)
@@ -604,14 +631,14 @@ function Fe(e, t, m, s, r, l) {
       e.hasSlot("default") ? {
         name: "default",
         fn: g(() => [
-          O(e.$slots, "default", {}, void 0, !0)
+          N(e.$slots, "default", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
       e.hasSlot("iconRight") ? {
         name: "iconRight",
         fn: g(() => [
-          O(e.$slots, "iconRight", {}, void 0, !0)
+          N(e.$slots, "iconRight", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0
@@ -645,12 +672,13 @@ function Fe(e, t, m, s, r, l) {
           "without-space": ""
         }, {
           default: g(() => [
-            L(p, {
+            S(p, {
+              "close-menu-on-item-select": e.closeMenuOnItemSelect,
               data: e.data,
               "focus-last-element": e.isLastElementFocused,
               onClose: e.closeMenu,
               onMenuItemClick: e.menuItemClick
-            }, null, 8, ["data", "focus-last-element", "onClose", "onMenuItemClick"])
+            }, null, 8, ["close-menu-on-item-select", "data", "focus-last-element", "onClose", "onMenuItemClick"])
           ]),
           _: 1
         }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : R("", !0)
@@ -659,12 +687,12 @@ function Fe(e, t, m, s, r, l) {
     }, 8, ["disabled"])) : R("", !0)
   ], 34);
 }
-const Xe = /* @__PURE__ */ w(De, [["render", Fe], ["__scopeId", "data-v-bdf9d554"]]);
+const Qe = /* @__PURE__ */ w(De, [["render", Fe], ["__scopeId", "data-v-bd1c16f6"]]);
 export {
-  Xe as B,
-  ke as D,
+  Qe as B,
+  Be as D,
   Te as M,
   Ke as O,
-  k as a
+  B as a
 };
-//# sourceMappingURL=menu.BpqOdkxR.js.map
+//# sourceMappingURL=menu.hDynz4lc.js.map