@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/chunks/{index.030c1dd7.js → menu.DN-xhDQU.js}

@@ -1,19 +1,19 @@
-import { defineComponent as T, computed as M, resolveComponent as b, openBlock as c, createBlock as B, normalizeClass as J, createSlots as Y, withCtx as C, createVNode as L, createTextVNode as V, toDisplayString as W, createCommentVNode as R, resolveDynamicComponent as ie, ref as d, inject as Z, createElementBlock as S, mergeProps as H, toHandlers as le, renderSlot as O, onMounted as ue, Transition as ae, createElementVNode as N, withKeys as h, withModifiers as F, Fragment as z, renderList as Q, normalizeStyle as X, provide as re } from "vue";
-import { g as A } from "./unique-id.a2a2b458.js";
-import { a as de, B as U } from "./index.5bdebf9d.js";
-import { B as x, D as ce } from "./index.07122048.js";
-import { u as me } from "./use-click-outside.941d1600.js";
-import { u as fe } from "./use-has-slot.4d98bf29.js";
-import { _ as w } from "./_plugin-vue_export-helper.dad06003.js";
-import { BentoToggleButton as pe } from "../button.js";
-import { B as ve } from "./teleport.afeb4c3b.js";
-import { a as be, C as j } from "./chevron-left.963d35e9.js";
-import { B as _e, a as q } from "./base-button.e84acf30.js";
-import { B as ye } from "./index.a3d60e4f.js";
-import "../assets/index7.css";
-const Ce = T({
+import { defineComponent as T, computed as M, resolveComponent as b, openBlock as c, createBlock as B, normalizeClass as J, createSlots as Y, withCtx as h, createVNode as L, createTextVNode as A, toDisplayString as W, createCommentVNode as R, resolveDynamicComponent as ie, ref as d, inject as Z, createElementBlock as S, mergeProps as H, toHandlers as le, renderSlot as O, onMounted as ue, Transition as ae, createElementVNode as N, withKeys as g, withModifiers as F, Fragment as z, renderList as Q, normalizeStyle as X, provide as re } from "vue";
+import { g as V } from "./unique-id.XFfoKuc2.js";
+import { B as de, a as U } from "./popover.DRb2GW7t.js";
+import { B as x, D as ce } from "./divider.CnwfddJD.js";
+import { u as me } from "./use-click-outside.DbjR7Lh4.js";
+import { u as fe } from "./use-has-slot.B7eQSabc.js";
+import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as pe } from "./toggle-button.q9F2dsIi.js";
+import { B as ve } from "./teleport.L8qFCYpr.js";
+import { a as be, C as j } from "./chevron-left.4JHuWe7i.js";
+import { B as Ce, a as q } from "./base-button.ewkxHD6W.js";
+import { B as ye } from "./typography.D7onlQ9v.js";
+import "../assets/menu.css";
+const he = T({
   name: "menu-item",
-  components: { BaseButton: _e, BentoTypography: ye, ChevronRightIcon: be },
+  components: { BaseButton: Ce, BentoTypography: ye, ChevronRightIcon: be },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -96,7 +96,7 @@ const Ce = T({
     };
   }
 });
-function he(e, t, m, s, a, r) {
+function ge(e, t, m, s, a, r) {
   const l = b("bento-typography"), i = b("chevron-right-icon"), p = b("base-button");
   return c(), B(p, {
     class: J(["b-menu-item", e.conditionalClasses]),
@@ -105,15 +105,15 @@ function he(e, t, m, s, a, r) {
     tabindex: "-1",
     onClick: e.onClick
   }, Y({
-    default: C(() => [
+    default: h(() => [
       L(l, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
         class: "b-menu-item__primary-text"
       }, {
-        default: C(() => [
-          V(W(e.text), 1)
+        default: h(() => [
+          A(W(e.text), 1)
         ]),
         _: 1
       }, 8, ["stronger"]),
@@ -123,8 +123,8 @@ function he(e, t, m, s, a, r) {
         variant: "body",
         class: "b-menu-item__secondary-text"
       }, {
-        default: C(() => [
-          V(W(e.secondaryText), 1)
+        default: h(() => [
+          A(W(e.secondaryText), 1)
         ]),
         _: 1
       })) : R("", !0)
@@ -133,7 +133,7 @@ function he(e, t, m, s, a, r) {
   }, [
     e.icon ? {
       name: "iconLeft",
-      fn: C(() => [
+      fn: h(() => [
         (c(), B(ie(e.icon), {
           class: "b-menu-item__icon-left",
           "aria-hidden": "true"
@@ -143,22 +143,22 @@ function he(e, t, m, s, a, r) {
     } : void 0,
     e.chevron ? {
       name: "iconRight",
-      fn: C(() => [
+      fn: h(() => [
         L(i, { "aria-hidden": "true" })
       ]),
       key: "1"
     } : void 0
   ]), 1032, ["class", "disabled", "onClick"]);
 }
-const ee = /* @__PURE__ */ w(Ce, [["render", he], ["__scopeId", "data-v-9e8afd9c"]]);
-var g = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(g || {});
-const ge = Symbol("menu registering injection key"), Ie = {
+const ee = /* @__PURE__ */ w(he, [["render", ge], ["__scopeId", "data-v-9e8afd9c"]]);
+var I = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(I || {});
+const Ie = Symbol("menu registering injection key"), _e = {
   name: "bento-menu-list-container"
 }, ke = /* @__PURE__ */ T({
-  ...Ie,
+  ..._e,
   setup(e) {
     const t = d(), m = d({}), s = Z(
-      ge,
+      Ie,
       !1
     );
     if (s) {
@@ -176,8 +176,7 @@ const ge = Symbol("menu registering injection key"), Ie = {
       O(a.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-});
-const te = /* @__PURE__ */ w(ke, [["__scopeId", "data-v-02a3ca45"]]), ne = {
+}), te = /* @__PURE__ */ w(ke, [["__scopeId", "data-v-02a3ca45"]]), ne = {
   "en-US": {
     menuButton: "Open menu",
     backButton: "Go back"
@@ -196,11 +195,11 @@ const te = /* @__PURE__ */ w(ke, [["__scopeId", "data-v-02a3ca45"]]), ne = {
       required: !0
     }
   },
-  emits: [g.CLOSE, g.BACK],
+  emits: [I.CLOSE, I.BACK],
   setup(e, { emit: t }) {
-    const m = d(null), s = d(0), a = d(e.items.length), r = () => t(g.CLOSE), l = () => t(g.BACK), i = M(() => {
-      var _;
-      const u = (_ = e.items) == null ? void 0 : _.map((v) => ({
+    const m = d(null), s = d(0), a = d(e.items.length), r = () => t(I.CLOSE), l = () => t(I.BACK), i = M(() => {
+      var C;
+      const u = (C = e.items) == null ? void 0 : C.map((v) => ({
         ...v,
         indent: !v.icon,
         isTitle: !1,
@@ -222,8 +221,8 @@ const te = /* @__PURE__ */ w(ke, [["__scopeId", "data-v-02a3ca45"]]), ne = {
         ...u
       ];
     }), p = async () => {
-      var u, _, v, I, k;
-      (k = (I = (v = (_ = (u = m.value) == null ? void 0 : u.children) == null ? void 0 : _[s.value]) == null ? void 0 : v.children) == null ? void 0 : I[0]) == null || k.focus();
+      var u, C, v, _, k;
+      (k = (_ = (v = (C = (u = m.value) == null ? void 0 : u.children) == null ? void 0 : C[s.value]) == null ? void 0 : v.children) == null ? void 0 : _[0]) == null || k.focus();
     };
     ue(async () => {
       setTimeout(() => p(), 150);
@@ -235,7 +234,7 @@ const te = /* @__PURE__ */ w(ke, [["__scopeId", "data-v-02a3ca45"]]), ne = {
     };
     return {
       // Enums
-      BentoMenuEvent: g,
+      BentoMenuEvent: I,
       // Values
       subMenuItemListRefLocal: m,
       subMenuFocusedIndex: s,
@@ -255,17 +254,17 @@ function Me(e, t, m, s, a, r) {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
-    default: C(() => [
+    default: h(() => [
       L(p, { class: "b-sub-menu-item-list" }, {
-        default: C(() => [
+        default: h(() => [
           N("ul", {
             ref: "subMenuItemListRefLocal",
             role: "menu",
             class: "b-sub-menu-item-list__list",
             onKeydown: [
-              t[0] || (t[0] = h(F((...o) => e.focusNext && e.focusNext(...o), ["stop"]), ["down"])),
-              t[1] || (t[1] = h(F((...o) => e.focusPrevious && e.focusPrevious(...o), ["stop"]), ["up"])),
-              t[2] || (t[2] = h(F((...o) => e.onBackButton && e.onBackButton(...o), ["stop"]), ["esc"]))
+              t[0] || (t[0] = g(F((...o) => e.focusNext && e.focusNext(...o), ["stop"]), ["down"])),
+              t[1] || (t[1] = g(F((...o) => e.focusPrevious && e.focusPrevious(...o), ["stop"]), ["up"])),
+              t[2] || (t[2] = g(F((...o) => e.onBackButton && e.onBackButton(...o), ["stop"]), ["esc"]))
             ]
           }, [
             (c(!0), S(z, null, Q(e.computedItems, (o, n) => (c(), S("li", {
@@ -323,7 +322,7 @@ const $e = /* @__PURE__ */ w(Be, [["render", Me], ["__scopeId", "data-v-621db243
       default: !1
     }
   },
-  emits: [g.CLOSE, "menu-item-click"],
+  emits: [I.CLOSE, "menu-item-click"],
   setup(e, { emit: t }) {
     const m = d(null), s = d(null), a = d(null), r = d(!1), l = d(null), i = d(e.focusLastElement ? e.data.length - 1 : 0), p = d(0), o = d(e.data.length - 1), n = M(() => e.data.some((f) => f.icon)), u = M(() => e.indentItems || n.value ? e.data.map((f) => {
       let y = !1;
@@ -332,22 +331,22 @@ const $e = /* @__PURE__ */ w(Be, [["render", Me], ["__scopeId", "data-v-621db243
         // eslint-disable-next-line no-param-reassign
         indent: y
       };
-    }) : e.data), _ = () => {
+    }) : e.data), C = () => {
       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();
-    }, v = () => t(g.CLOSE), I = (f, y) => {
+    }, v = () => t(I.CLOSE), _ = (f, y) => {
       f.items ? (l.value = y, r.value = !0) : (l.value = y, r.value = !1, v(), t("menu-item-click"));
     }, k = () => {
-      i.value > 0 ? (i.value -= 1, u.value[i.value].disabled && k()) : i.value = o.value, _();
+      i.value > 0 ? (i.value -= 1, u.value[i.value].disabled && k()) : i.value = o.value, C();
     }, E = () => {
-      i.value < o.value ? (i.value += 1, u.value[i.value].disabled && E()) : i.value = 0, _();
+      i.value < o.value ? (i.value += 1, u.value[i.value].disabled && E()) : i.value = 0, C();
     }, P = (f, y) => {
       var $;
       ($ = f == null ? void 0 : f.items) != null && $.length && (l.value = y, r.value = !0);
     }, K = () => {
       l.value && r.value && (l.value = null, r.value = !1);
     }, D = () => {
-      r.value = !1, l.value = null, _();
+      r.value = !1, l.value = null, C();
     }, oe = M(() => {
       var f, y, $;
       return ($ = (y = (f = a.value) == null ? void 0 : f[0]) == null ? void 0 : y.$el) == null ? void 0 : $.offsetHeight;
@@ -364,7 +363,7 @@ const $e = /* @__PURE__ */ w(Be, [["render", Me], ["__scopeId", "data-v-621db243
       showSubMenu: r,
       visibleSubMenuIndex: l,
       // Methods
-      menuItemClick: I,
+      menuItemClick: _,
       closeMenu: v,
       focusPrevious: k,
       focusNext: E,
@@ -373,40 +372,39 @@ const $e = /* @__PURE__ */ w(Be, [["render", Me], ["__scopeId", "data-v-621db243
       onBackButton: D
     };
   }
-});
-const Se = ["onKeydown"];
+}), Se = ["onKeydown"];
 function Ee(e, t, m, s, a, r) {
   const l = b("menu-item"), i = b("bento-divider"), p = b("sub-menu-item-list"), o = b("menu-list-container");
   return c(), B(o, {
     ref: "menuItemListWrapperRef",
     style: X({ height: e.computedHeight })
   }, {
-    default: C(() => [
+    default: h(() => [
       N("ul", {
         ref: "menuItemListRef",
         class: "b-menu-item-list",
         role: "menu",
         onKeydown: [
-          t[1] || (t[1] = h((...n) => e.focusNext && e.focusNext(...n), ["down"])),
-          t[2] || (t[2] = h((...n) => e.focusPrevious && e.focusPrevious(...n), ["up"])),
-          t[3] || (t[3] = h((...n) => e.closeMenu && e.closeMenu(...n), ["esc"])),
-          t[4] || (t[4] = h((...n) => e.closeMenu && e.closeMenu(...n), ["tab"]))
+          t[1] || (t[1] = g((...n) => e.focusNext && e.focusNext(...n), ["down"])),
+          t[2] || (t[2] = g((...n) => e.focusPrevious && e.focusPrevious(...n), ["up"])),
+          t[3] || (t[3] = g((...n) => e.closeMenu && e.closeMenu(...n), ["esc"])),
+          t[4] || (t[4] = g((...n) => e.closeMenu && e.closeMenu(...n), ["tab"]))
         ]
       }, [
         (c(!0), S(z, null, Q(e.computedData, (n, u) => {
-          var _, v, I, k;
+          var C, v, _, k;
           return c(), S("li", {
             key: `menu-item-${u}`,
             class: "b-menu-item-list__item",
             role: "none",
             onKeydown: [
-              h((E) => e.focusRight(n, u), ["right"]),
-              t[0] || (t[0] = h((E) => e.focusLeft(), ["left"]))
+              g((E) => e.focusRight(n, u), ["right"]),
+              t[0] || (t[0] = g((E) => e.focusLeft(), ["left"]))
             ]
           }, [
             L(l, {
               text: n.text,
-              handler: (_ = n.items) != null && _.length ? () => null : n.handler,
+              handler: (C = n.items) != null && C.length ? () => null : n.handler,
               "secondary-text": n.secondaryText,
               icon: n.icon,
               chevron: !!((v = n.items) != null && v.length),
@@ -414,7 +412,7 @@ function Ee(e, t, m, s, a, r) {
               critical: n.critical,
               indent: n.indent,
               tabindex: u === e.subMenuFocusedIndex ? "0" : "-1",
-              "aria-haspopup": !!((I = n.items) != null && I.length),
+              "aria-haspopup": !!((_ = n.items) != null && _.length),
               "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === u,
               onClick: (E) => e.menuItemClick(n, u)
             }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
@@ -521,24 +519,24 @@ const Fe = /* @__PURE__ */ w(Te, [["render", De]]), We = T({
       default: !1
     }
   },
-  emits: [g.CLOSE, g.OPEN, "menu-item-click"],
+  emits: [I.CLOSE, I.OPEN, "menu-item-click"],
   setup(e, { emit: t, slots: m }) {
-    const s = d(null), a = d(!1), r = d(!1), l = d(null), i = A("menu"), p = A("menu-popover"), o = Z(we, d(!1));
+    const s = d(null), a = d(!1), r = d(!1), l = d(null), i = V("menu"), p = V("menu-popover"), o = Z(we, d(!1));
     re(ce, o);
     const n = M(() => ({
       "b-menu--inverse": o.value
-    })), u = M(() => e.menuWidth ? { width: `${e.menuWidth}px` } : null), _ = M(() => {
+    })), u = M(() => e.menuWidth ? { width: `${e.menuWidth}px` } : null), C = M(() => {
       if (e != null && e.button)
         return {
           variant: "secondary",
           ...e.button
         };
     }), v = () => {
-      a.value = !0, t(g.OPEN);
-    }, I = () => {
-      a.value && (a.value = !1, s.value.$el.focus(), t(g.CLOSE));
+      a.value = !0, t(I.OPEN);
+    }, _ = () => {
+      a.value && (a.value = !1, s.value.$el.focus(), t(I.CLOSE));
     }, k = (D) => {
-      D.stopPropagation(), a.value ? I() : v();
+      D.stopPropagation(), a.value ? _() : v();
     }, E = () => {
       r.value = !1, v();
     }, P = () => {
@@ -546,7 +544,7 @@ const Fe = /* @__PURE__ */ w(Te, [["render", De]]), We = T({
     }, K = () => {
       t("menu-item-click");
     };
-    return me(l, I, { ignore: [s] }), {
+    return me(l, _, { ignore: [s] }), {
       // Refs
       popoverRef: l,
       menuButtonRef: s,
@@ -554,7 +552,7 @@ const Fe = /* @__PURE__ */ w(Te, [["render", De]]), We = T({
       menuId: i,
       popoverId: p,
       showMenu: a,
-      computedButtonPropsWithDefaults: _,
+      computedButtonPropsWithDefaults: C,
       computedMenuWidth: u,
       isLastElementFocused: r,
       // Classes
@@ -564,7 +562,7 @@ const Fe = /* @__PURE__ */ w(Te, [["render", De]]), We = T({
       hasSlot: fe(m),
       onKeyDown: E,
       onKeyUp: P,
-      closeMenu: I,
+      closeMenu: _,
       menuItemClick: K,
       toggleShowMenu: k
     };
@@ -575,9 +573,9 @@ function He(e, t, m, s, a, r) {
   return c(), S("div", {
     class: J([e.computedClasses, "b-menu"]),
     onKeydown: [
-      t[0] || (t[0] = h((...u) => e.onKeyDown && e.onKeyDown(...u), ["down"])),
-      t[1] || (t[1] = h((...u) => e.onKeyUp && e.onKeyUp(...u), ["up"])),
-      t[2] || (t[2] = h((...u) => e.closeMenu && e.closeMenu(...u), ["esc"]))
+      t[0] || (t[0] = g((...u) => e.onKeyDown && e.onKeyDown(...u), ["down"])),
+      t[1] || (t[1] = g((...u) => e.onKeyUp && e.onKeyUp(...u), ["up"])),
+      t[2] || (t[2] = g((...u) => e.closeMenu && e.closeMenu(...u), ["esc"]))
     ]
   }, [
     L(i, H({
@@ -591,7 +589,7 @@ function He(e, t, m, s, a, r) {
     }), Y({ _: 2 }, [
       !e.hasSlot("default") || e.hasSlot("iconLeft") ? {
         name: "iconLeft",
-        fn: C(() => [
+        fn: h(() => [
           O(e.$slots, "iconLeft", {}, () => [
             L(l, {
               title: e.$t("menuButton")
@@ -602,14 +600,14 @@ function He(e, t, m, s, a, r) {
       } : void 0,
       e.hasSlot("default") ? {
         name: "default",
-        fn: C(() => [
+        fn: h(() => [
           O(e.$slots, "default", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
       e.hasSlot("iconRight") ? {
         name: "iconRight",
-        fn: C(() => [
+        fn: h(() => [
           O(e.$slots, "iconRight", {}, void 0, !0)
         ]),
         key: "2"
@@ -619,7 +617,7 @@ function He(e, t, m, s, a, r) {
       key: 0,
       disabled: !e.teleport
     }, {
-      default: C(() => [
+      default: h(() => [
         e.menuButtonRef ? (c(), B(o, {
           key: 0,
           id: e.menuId,
@@ -643,7 +641,7 @@ function He(e, t, m, s, a, r) {
           teleport: e.teleport,
           "without-space": ""
         }, {
-          default: C(() => [
+          default: h(() => [
             L(p, {
               data: e.data,
               "focus-last-element": e.isLastElementFocused,
@@ -661,9 +659,9 @@ function He(e, t, m, s, a, r) {
 const xe = /* @__PURE__ */ w(We, [["render", He], ["__scopeId", "data-v-13bb0b39"]]);
 export {
   xe as B,
-  ge as D,
+  Ie as D,
   we as M,
   Fe as O,
-  g as a
+  I as a
 };
-//# sourceMappingURL=index.030c1dd7.js.map
+//# sourceMappingURL=menu.DN-xhDQU.js.map

package/dist/chunks/menu.DN-xhDQU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.DN-xhDQU.js","sources":["../../../vue2/src/components/menu/components/menu-item/menu-item.vue","../../../vue2/src/components/menu/menu.types.ts","../../../vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.keys.ts","../../../vue2/src/components/menu/components/menu-list-container/menu-list-container.vue","../../../vue2/src/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue","../../../vue2/src/components/menu/components/menu-item-list/menu-item-list.vue","../../../vue2/src/components/menu/menu.keys.ts","../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/options-vertical.vue","../../../vue2/src/components/menu/menu.vue"],"sourcesContent":["<template>\n    <base-button\n        class=\"b-menu-item\"\n        role=\"menuitem\"\n        :class=\"conditionalClasses\"\n        :disabled=\"disabled\"\n        tabindex=\"-1\"\n        @click=\"onClick\"\n    >\n        <template v-if=\"icon\" #iconLeft>\n            <component :is=\"icon\" class=\"b-menu-item__icon-left\" aria-hidden=\"true\" />\n        </template>\n        <template #default>\n            <bento-typography el=\"span\" variant=\"body\" :stronger=\"isTitle\" class=\"b-menu-item__primary-text\">\n                {{ text }}\n            </bento-typography>\n            <bento-typography v-if=\"secondaryText\" el=\"span\" variant=\"body\" class=\"b-menu-item__secondary-text\">\n                {{ secondaryText }}\n            </bento-typography>\n        </template>\n        <template v-if=\"chevron\" #iconRight><chevron-right-icon aria-hidden=\"true\" /></template>\n    </base-button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import ChevronRightIcon from '@adyen/ui-assets-icons-16/vue/chevron-right';\n    import { BaseButton, BentoBaseButtonEvent } from '@/components/internal/base-button';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoMenuItem } from './menu-item.types';\n\n    /**\n     * Menu item component to render items in a menu. For internal use only.\n     */\n    export default defineComponent({\n        name: 'menu-item',\n        components: { BaseButton, BentoTypography, ChevronRightIcon },\n        props: {\n            /**\n             * menu-item text that gets displayed as the main label\n             */\n            text: {\n                type: String,\n                required: true,\n            },\n            /**\n             * menu-item action that gets executed when the MeniItem is clicked\n             */\n            handler: {\n                type: Function as PropType<BentoMenuItem['handler']>,\n                required: true,\n            },\n            /**\n             * menu-item text that gets displayed as the secondary label\n             */\n            secondaryText: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Optional chevron icon displayed to the right of the menu-item\n             */\n            chevron: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Optional icon displayed to the left of the menu-item\n             */\n            icon: {\n                // Types for Vue2 (Object) and Vue3 (Function)\n                // TODO: Remove Object when fully migrated to Vue3\n                type: [Object, Function] as PropType<BentoMenuItem['icon']>,\n                default: null,\n            },\n            /**\n             * Disables menu-item button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays an indent variant od the menu-item\n             */\n            indent: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays menu-item button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Renders the text in a bold variant\n             */\n            isTitle: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: [BentoBaseButtonEvent.CLICK],\n        setup(props, { emit }) {\n            const conditionalClasses = computed(() => ({\n                'b-menu-item--critical': props.critical,\n                'b-menu-item--indent': props.indent,\n            }));\n\n            const onClick = (e: MouseEvent) => {\n                e.stopPropagation();\n                props.handler();\n                emit(BentoBaseButtonEvent.CLICK);\n            };\n\n            return {\n                // Values\n                conditionalClasses,\n\n                // Methods\n                onClick,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu-item.scss\" />\n","import { BentoButton } from '../button';\n\nexport * from './components/menu-item/menu-item.types';\n\nexport enum BentoMenuEvent {\n    BACK = 'back',\n    CLOSE = 'close',\n    OPEN = 'open',\n}\n\ntype ButtonProps = InstanceType<typeof BentoButton>['$props'];\n\nexport type BentoMenuButtonProps = {\n    variant?: ButtonProps['variant'];\n    condensed?: ButtonProps['condensed'];\n    disabled?: ButtonProps['disabled'];\n};\n","export const DATA_GRID_CELL_MENU_REGISTERING_INJECTION_KEY = Symbol('menu registering injection key');\n","<template>\n    <div\n        ref=\"menuListContainerRef\"\n        class=\"b-menu-list-container\"\n        data-testid=\"menu-list-container\"\n        v-on=\"menuListContainerEvents\"\n        ><slot></slot\n    ></div>\n</template>\n\n<script setup lang=\"ts\">\n    import { DATA_GRID_CELL_MENU_REGISTERING_INJECTION_KEY } from '@/components/data-grid/components/data-grid-cell/data-grid-cell.keys';\n    import { inject, ref } from 'vue';\n    import type { DataGridCellRegisterMenu } from '@/components/data-grid/components/data-grid-cell/data-grid-cell.types';\n\n    const menuListContainerRef = ref<HTMLDivElement>();\n    const menuListContainerEvents = ref({});\n    const registeringAndMousingOut = inject<DataGridCellRegisterMenu | false>(\n        DATA_GRID_CELL_MENU_REGISTERING_INJECTION_KEY,\n        false\n    );\n\n    // This is needed by the DataGridCell component in order to keep track of if a teleported menu\n    // is being hovered over in the DataGridCellActions.\n    if (registeringAndMousingOut) {\n        const { registerMenuContainerElement } = registeringAndMousingOut;\n        registerMenuContainerElement(menuListContainerRef);\n        menuListContainerEvents.value = {\n            mouseleave: registeringAndMousingOut?.menuMouseLeave,\n        };\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Menu list container component to set the correct styling in a menu list. For internal use only.\n     */\n    export default {\n        name: 'bento-menu-list-container',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu-list-container.scss\" />\n","<template>\n    <transition name=\"b-sub-menu-item-list__transition\" appear>\n        <menu-list-container class=\"b-sub-menu-item-list\">\n            <ul\n                ref=\"subMenuItemListRefLocal\"\n                role=\"menu\"\n                class=\"b-sub-menu-item-list__list\"\n                @keydown.down.stop=\"focusNext\"\n                @keydown.up.stop=\"focusPrevious\"\n                @keydown.esc.stop=\"onBackButton\"\n            >\n                <li v-for=\"(item, index) in computedItems\" :key=\"`sub-menu-item-list-item-${index}`\" role=\"none\">\n                    <menu-item\n                        :text=\"item.text\"\n                        :handler=\"item.handler\"\n                        :secondary-text=\"item.secondaryText\"\n                        :icon=\"item.icon\"\n                        :is-title=\"item.isTitle\"\n                        :disabled=\"item.disabled\"\n                        :critical=\"item.critical\"\n                        :indent=\"item.indent\"\n                        :tabindex=\"index === subMenuFocusedIndex ? '0' : '-1'\"\n                        @click=\"item.clickHandler\"\n                    />\n                    <bento-divider v-if=\"item.addDivider\" class=\"b-sub-menu-item-list__divider\" />\n                </li>\n            </ul>\n        </menu-list-container>\n    </transition>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, ref } from 'vue';\n    import { BentoDivider } from '@/components/divider';\n    import { BentoMenuItem, MenuItem } from '../menu-item';\n    import MenuListContainer from '../menu-list-container/menu-list-container.vue';\n    import ChevronLeftIcon from '@adyen/ui-assets-icons-16/vue/chevron-left';\n    import { BentoMenuEvent } from '../../menu.types';\n    import messages from '../../messages.json';\n\n    /**\n     * SubMenuItemList component to render a submenu with the sliding transition. For internal use only.\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'sub-menu-item-list',\n        components: { BentoDivider, MenuItem, MenuListContainer },\n        props: {\n            items: {\n                type: Array as PropType<BentoMenuItem[]>,\n                required: true,\n            },\n            title: {\n                type: String,\n                required: true,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, BentoMenuEvent.BACK],\n        setup(props, { emit }) {\n            const subMenuItemListRefLocal = ref(null);\n            const subMenuFocusedIndex = ref(0);\n            const numberOfItems = ref(props.items.length);\n\n            const closeMenu = () => emit(BentoMenuEvent.CLOSE);\n\n            const onBackButton = () => emit(BentoMenuEvent.BACK);\n\n            const computedItems = computed(() => {\n                const items = props.items?.map(el => ({\n                    ...el,\n                    indent: !el.icon,\n                    isTitle: false,\n                    clickHandler: closeMenu,\n                }));\n                return [\n                    {\n                        text: props.title,\n                        secondaryText: null,\n                        critical: false,\n                        icon: ChevronLeftIcon,\n                        isTitle: true,\n                        disabled: false,\n                        indent: false,\n                        handler: onBackButton,\n                        clickHandler: onBackButton,\n                        addDivider: true,\n                    },\n                    ...items,\n                ];\n            });\n\n            const focusItem = async () => {\n                subMenuItemListRefLocal.value?.children?.[subMenuFocusedIndex.value]?.children?.[0]?.focus();\n            };\n\n            onMounted(async () => {\n                // Using setTimeout otherwise the sliding animation doesn't work anymore. The timeout imer is the same as the transition time (0.15s)\n                setTimeout(() => focusItem(), 150);\n            });\n\n            const focusPrevious = () => {\n                if (subMenuFocusedIndex.value > 0) {\n                    subMenuFocusedIndex.value -= 1;\n                    if (computedItems.value[subMenuFocusedIndex.value].disabled) {\n                        focusPrevious();\n                    }\n                } else {\n                    subMenuFocusedIndex.value = numberOfItems.value;\n                }\n                focusItem();\n            };\n\n            const focusNext = () => {\n                if (subMenuFocusedIndex.value < numberOfItems.value) {\n                    subMenuFocusedIndex.value += 1;\n                    if (computedItems.value[subMenuFocusedIndex.value].disabled) {\n                        focusNext();\n                    }\n                } else {\n                    subMenuFocusedIndex.value = 0;\n                }\n                focusItem();\n            };\n\n            return {\n                // Enums\n                BentoMenuEvent,\n\n                // Values\n                subMenuItemListRefLocal,\n                subMenuFocusedIndex,\n                ChevronLeftIcon,\n                computedItems,\n\n                // Methods\n                closeMenu,\n                onBackButton,\n                focusPrevious,\n                focusNext,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./sub-menu-item-list.scss\" />\n","<template>\n    <menu-list-container ref=\"menuItemListWrapperRef\" :style=\"{ height: computedHeight }\">\n        <ul\n            ref=\"menuItemListRef\"\n            class=\"b-menu-item-list\"\n            role=\"menu\"\n            @keydown.down=\"focusNext\"\n            @keydown.up=\"focusPrevious\"\n            @keydown.esc=\"closeMenu\"\n            @keydown.tab=\"closeMenu\"\n        >\n            <li\n                v-for=\"(item, index) in computedData\"\n                :key=\"`menu-item-${index}`\"\n                class=\"b-menu-item-list__item\"\n                role=\"none\"\n                @keydown.right=\"focusRight(item, index)\"\n                @keydown.left=\"focusLeft()\"\n            >\n                <menu-item\n                    :text=\"item.text\"\n                    :handler=\"!item.items?.length ? item.handler : () => null\"\n                    :secondary-text=\"item.secondaryText\"\n                    :icon=\"item.icon\"\n                    :chevron=\"!!item.items?.length\"\n                    :disabled=\"item.disabled\"\n                    :critical=\"item.critical\"\n                    :indent=\"item.indent\"\n                    :tabindex=\"index === subMenuFocusedIndex ? '0' : '-1'\"\n                    :aria-haspopup=\"!!item.items?.length\"\n                    :aria-expanded=\"showSubMenu && visibleSubMenuIndex === index\"\n                    @click=\"menuItemClick(item, index)\"\n                />\n                <bento-divider v-if=\"item.addDivider\" class=\"b-menu-item-list__divider\" />\n                <sub-menu-item-list\n                    v-if=\"item.items?.length && showSubMenu && visibleSubMenuIndex === index\"\n                    ref=\"subMenuItemListRef\"\n                    :items=\"item.items\"\n                    :title=\"item.text\"\n                    @back=\"onBackButton\"\n                    @close=\"closeMenu\"\n                />\n            </li>\n        </ul>\n    </menu-list-container>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { BentoDivider } from '@/components/divider';\n    import { BentoMenuItem, MenuItem } from '../menu-item';\n    import { BentoMenuEvent } from '../../menu.types';\n    import MenuListContainer from '../menu-list-container/menu-list-container.vue';\n    import SubMenuItemList from '../sub-menu-item-list/sub-menu-item-list.vue';\n\n    /**\n     * MenuItem list to be used in the Menu component. For internal use only.\n     */\n    export default defineComponent({\n        name: 'menu-item-list',\n        components: { BentoDivider, MenuItem, MenuListContainer, SubMenuItemList },\n        props: {\n            /**\n             * The data to be displayed in the list\n             */\n            data: {\n                type: Array as PropType<BentoMenuItem[]>,\n                required: true,\n            },\n            /**\n             * Displays the menu-items of the list in the indent variant. Only applies to elements that don't have an icon to their left.\n             */\n            indentItems: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * If set to true, focuses the last item on the list instead of the first. Used for accessibility purposes when the menu is opened with the 'up' arrow key.\n             */\n            focusLastElement: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, 'menu-item-click'],\n        setup(props, { emit }) {\n            const menuItemListRef = ref(null);\n            const menuItemListWrapperRef = ref(null);\n            const subMenuItemListRef = ref(null);\n            const showSubMenu = ref(false);\n            const visibleSubMenuIndex = ref(null);\n            const focusedIndex = ref(props.focusLastElement ? props.data.length - 1 : 0);\n            const subMenuFocusedIndex = ref(0);\n            const numberOfItems = ref(props.data.length - 1);\n            const hasMenuItemsWithIcon = computed(() => props.data.some(el => el.icon));\n\n            const computedData = computed(() => {\n                if (props.indentItems || hasMenuItemsWithIcon.value) {\n                    return props.data.map(el => {\n                        let indent = false;\n                        if (!el.icon) {\n                            indent = true;\n                        }\n                        return {\n                            ...el,\n                            // eslint-disable-next-line no-param-reassign\n                            indent,\n                        };\n                    });\n                }\n                return props.data;\n            });\n\n            const focusItem = () => menuItemListRef.value?.children[focusedIndex.value]?.children[0]?.focus();\n\n            const closeMenu = () => emit(BentoMenuEvent.CLOSE);\n\n            const menuItemClick = (item: BentoMenuItem, index: number) => {\n                if (item.items) {\n                    visibleSubMenuIndex.value = index;\n                    showSubMenu.value = true;\n                } else {\n                    visibleSubMenuIndex.value = index;\n                    showSubMenu.value = false;\n                    closeMenu();\n                    emit('menu-item-click');\n                }\n            };\n\n            const focusPrevious = () => {\n                if (focusedIndex.value > 0) {\n                    focusedIndex.value -= 1;\n                    if (computedData.value[focusedIndex.value].disabled) {\n                        focusPrevious();\n                    }\n                } else {\n                    focusedIndex.value = numberOfItems.value;\n                }\n                focusItem();\n            };\n\n            const focusNext = () => {\n                if (focusedIndex.value < numberOfItems.value) {\n                    focusedIndex.value += 1;\n                    if (computedData.value[focusedIndex.value].disabled) {\n                        focusNext();\n                    }\n                } else {\n                    focusedIndex.value = 0;\n                }\n                focusItem();\n            };\n\n            const focusRight = (item, index) => {\n                if (item?.items?.length) {\n                    visibleSubMenuIndex.value = index;\n                    showSubMenu.value = true;\n                }\n            };\n\n            const focusLeft = () => {\n                if (visibleSubMenuIndex.value && showSubMenu.value) {\n                    visibleSubMenuIndex.value = null;\n                    showSubMenu.value = false;\n                }\n            };\n\n            const onBackButton = () => {\n                showSubMenu.value = false;\n                visibleSubMenuIndex.value = null;\n                // Focus the right element\n                focusItem();\n            };\n\n            const subMenuHeight = computed(() => subMenuItemListRef.value?.[0]?.$el?.offsetHeight);\n\n            // When we show the sub menu we need to set the height of the container because of the way the submenus are handled,\n            // but the main menu doesn't need a height, as the popover will generate it with the right height\n            const computedHeight = computed(() => (showSubMenu.value ? `${subMenuHeight.value}px` : ''));\n\n            return {\n                // Values\n                menuItemListRef,\n                menuItemListWrapperRef,\n                subMenuItemListRef,\n\n                computedData,\n                computedHeight,\n\n                focusedIndex,\n                subMenuFocusedIndex,\n\n                showSubMenu,\n                visibleSubMenuIndex,\n\n                // Methods\n                menuItemClick,\n                closeMenu,\n                focusPrevious,\n                focusNext,\n                focusRight,\n                focusLeft,\n                onBackButton,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu-item-list.scss\" />\n","export const MENU_INVERSE_INJECTION_KEY = Symbol('menu inverse style injection key');\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><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\"/><path 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\"/><path 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\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <div\n        :class=\"computedClasses\"\n        class=\"b-menu\"\n        @keydown.down=\"onKeyDown\"\n        @keydown.up=\"onKeyUp\"\n        @keydown.esc=\"closeMenu\"\n    >\n        <bento-toggle-button\n            ref=\"menuButtonRef\"\n            aria-haspopup=\"true\"\n            v-bind=\"computedButtonPropsWithDefaults\"\n            :aria-controls=\"showMenu ? menuId : null\"\n            :toggled=\"showMenu\"\n            :inverse=\"isInverseColorSet\"\n            @click=\"toggleShowMenu\"\n        >\n            <template v-if=\"!hasSlot('default') || hasSlot('iconLeft')\" #iconLeft>\n                <slot name=\"iconLeft\">\n                    <options-vertical-icon :title=\"$t('menuButton')\" />\n                </slot>\n            </template>\n            <template v-if=\"hasSlot('default')\" #default>\n                <slot />\n            </template>\n            <template v-if=\"hasSlot('iconRight')\" #iconRight>\n                <slot name=\"iconRight\" />\n            </template>\n        </bento-toggle-button>\n\n        <bento-teleport v-if=\"menuButtonRef\" :disabled=\"!teleport\">\n            <bento-popover\n                v-if=\"menuButtonRef\"\n                :id=\"menuId\"\n                ref=\"popoverRef\"\n                :open=\"showMenu\"\n                class=\"b-menu__popover\"\n                :style=\"computedMenuWidth\"\n                :target-element=\"menuButtonRef\"\n                :position=\"menuPosition\"\n                :fixed-positioning=\"menuFixedPositioning\"\n                :fallback-position=\"[\n                    'bottom-start',\n                    'bottom-end',\n                    'top-start',\n                    'top-end',\n                    'right-start',\n                    'right-end',\n                    'left-start',\n                    'left-end',\n                ]\"\n                :teleport=\"teleport\"\n                without-space\n            >\n                <menu-item-list\n                    :data=\"data\"\n                    :focus-last-element=\"isLastElementFocused\"\n                    @close=\"closeMenu\"\n                    @menu-item-click=\"menuItemClick\"\n                />\n            </bento-popover>\n        </bento-teleport>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, inject, PropType, provide, ref } from 'vue';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { BentoToggleButton } from '@/components/button';\n    import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n    import { BentoMenuItem, MenuItemList } from './components';\n    import { BentoMenuButtonProps, BentoMenuEvent } from './menu.types';\n    import { DIVIDER_INVERSE_INJECTION_KEY } from '@/components/divider/divider.keys';\n    import { MENU_INVERSE_INJECTION_KEY } from './menu.keys';\n    import { BentoTeleport } from '@/internal';\n    import { useClickOutside, useHasSlot } from '@/composables';\n    import OptionsVerticalIcon from '@adyen/ui-assets-icons-16/vue/options-vertical';\n    import messages from './messages.json';\n\n    /**\n     * Menu component to render a series of buttons. Csan render nested submenus.\n     *\n     * @example\n     * import { BentoMenu } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoMenu },\n     *     template: `\n     *          <bento-menu\n     *             :data=[\n     *                 { text: 'Menu item text', handler: () => { some code here } },\n     *                 { text: 'Another menu item text', handler: () => { some other code here }, critical: true }\n     *              ]\n     *           />\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-menu',\n        components: { BentoToggleButton, BentoPopover, BentoTeleport, MenuItemList, OptionsVerticalIcon },\n        props: {\n            /**\n             * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.\n             */\n            button: {\n                type: Object as PropType<BentoMenuButtonProps>,\n                default: () =>\n                    ({\n                        variant: 'secondary',\n                    } as BentoMenuButtonProps),\n            },\n            /**\n             * The data to be displayed in the list\n             */\n            data: {\n                type: Array as PropType<BentoMenuItem[]>,\n                required: true,\n            },\n\n            /**\n             * The position of where the menu should open.\n             */\n            menuPosition: {\n                type: String as PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>,\n                default: BentoPopoverPositions.BOTTOM_START,\n                validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n            },\n\n            /**\n             * Instructs the menu popover to be visible outside of the containing container.\n             * @see {@link https://floating-ui.com/docs/usefloating#strategy}\n             */\n            menuFixedPositioning: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Sets a custom width for the menu popover.\n             */\n            menuWidth: {\n                type: Number,\n                default: null,\n            },\n\n            /**\n             * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node\n             * (or `dialog` if popover is inside a dialog).\n             */\n            teleport: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, BentoMenuEvent.OPEN, 'menu-item-click'],\n        setup(props, { emit, slots }) {\n            const menuButtonRef = ref(null);\n            const showMenu = ref(false);\n            const isLastElementFocused = ref(false);\n            const popoverRef = ref<HTMLElement>(null);\n            const menuId = generateUid('menu');\n            const popoverId = generateUid('menu-popover');\n\n            const isInverseColorSet = inject(MENU_INVERSE_INJECTION_KEY, ref(false));\n            provide(DIVIDER_INVERSE_INJECTION_KEY, isInverseColorSet);\n\n            const computedClasses = computed(() => ({\n                'b-menu--inverse': isInverseColorSet.value,\n            }));\n\n            const computedMenuWidth = computed(() => (props.menuWidth ? { width: `${props.menuWidth}px` } : null));\n            const computedButtonPropsWithDefaults = computed<BentoMenuButtonProps>(() => {\n                if (!props?.button) {\n                    return undefined;\n                }\n                return {\n                    variant: 'secondary',\n                    ...props.button,\n                };\n            });\n\n            const openMenu = () => {\n                showMenu.value = true;\n                emit(BentoMenuEvent.OPEN);\n            };\n\n            const closeMenu = () => {\n                if (showMenu.value) {\n                    showMenu.value = false;\n                    menuButtonRef.value.$el.focus();\n                    emit(BentoMenuEvent.CLOSE);\n                }\n            };\n\n            const toggleShowMenu = (e: MouseEvent) => {\n                e.stopPropagation();\n                if (!showMenu.value) {\n                    openMenu();\n                } else {\n                    closeMenu();\n                }\n            };\n\n            const onKeyDown = () => {\n                isLastElementFocused.value = false;\n                openMenu();\n            };\n\n            const onKeyUp = () => {\n                isLastElementFocused.value = true;\n                openMenu();\n            };\n\n            const menuItemClick = () => {\n                emit('menu-item-click');\n            };\n\n            // Ignore the events inside the Button and the Popover\n            useClickOutside(popoverRef, closeMenu, { ignore: [menuButtonRef] });\n\n            return {\n                // Refs\n                popoverRef,\n                menuButtonRef,\n\n                // Values\n                menuId,\n                popoverId,\n                showMenu,\n                computedButtonPropsWithDefaults,\n                computedMenuWidth,\n                isLastElementFocused,\n\n                // Classes\n                computedClasses,\n                isInverseColorSet,\n\n                // Methods\n                hasSlot: useHasSlot(slots),\n                onKeyDown,\n                onKeyUp,\n                closeMenu,\n                menuItemClick,\n                toggleShowMenu,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu.scss\" />\n"],"names":["_sfc_main$5","defineComponent","BaseButton","BentoTypography","ChevronRightIcon","BentoBaseButtonEvent","props","emit","computed","e","normalizeClass","_ctx","createSlots","withCtx","createVNode","_component_bento_typography","openBlock","createBlock","resolveDynamicComponent","BentoMenuEvent","BentoMenuEvent2","DATA_GRID_CELL_MENU_REGISTERING_INJECTION_KEY","__default__","menuListContainerRef","ref","menuListContainerEvents","registeringAndMousingOut","inject","registerMenuContainerElement","_sfc_main$3","messages","BentoDivider","MenuItem","MenuListContainer","subMenuItemListRefLocal","subMenuFocusedIndex","numberOfItems","closeMenu","onBackButton","computedItems","items","_a","el","ChevronLeftIcon","focusItem","_e","_d","_c","_b","onMounted","focusPrevious","focusNext","_component_menu_list_container","resolveComponent","Transition","createElementVNode","_cache","withKeys","withModifiers","args","createElementBlock","Fragment","renderList","item","index","_component_bento_divider","_sfc_main$2","SubMenuItemList","menuItemListRef","menuItemListWrapperRef","subMenuItemListRef","showSubMenu","visibleSubMenuIndex","focusedIndex","hasMenuItemsWithIcon","computedData","indent","menuItemClick","focusRight","focusLeft","subMenuHeight","computedHeight","normalizeStyle","$event","createCommentVNode","_component_sub_menu_item_list","MENU_INVERSE_INJECTION_KEY","uuid","mergeProps","_hoisted_1","toDisplayString","_sfc_main","BentoToggleButton","BentoPopover","BentoTeleport","MenuItemList","OptionsVerticalIcon","BentoPopoverPositions","value","slots","menuButtonRef","showMenu","isLastElementFocused","popoverRef","menuId","generateUid","popoverId","isInverseColorSet","provide","DIVIDER_INVERSE_INJECTION_KEY","computedClasses","computedMenuWidth","computedButtonPropsWithDefaults","openMenu","toggleShowMenu","onKeyDown","onKeyUp","useClickOutside","useHasSlot","renderSlot","_component_options_vertical_icon","_component_bento_teleport","_component_bento_popover","_component_menu_item_list"],"mappings":"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","x_google_ignoreList":[7]}