@adyen/bento-vue3 1.52.0 → 1.53.0

package/dist/chunks/{menu.DfzP2nRU.js → menu.DBRBVdsd.js}

@@ -1,8 +1,8 @@
-import { defineComponent as D, computed as $, resolveComponent as p, createBlock as M, openBlock as d, normalizeClass as X, createSlots as x, withCtx as I, createVNode as O, createCommentVNode as w, createTextVNode as G, toDisplayString as j, resolveDynamicComponent as ie, ref as a, inject as ee, createElementBlock as R, mergeProps as q, toHandlers as ae, renderSlot as F, onMounted as re, Transition as de, createElementVNode as N, withKeys as h, withModifiers as V, Fragment as te, renderList as ne, nextTick as ce, normalizeStyle as oe, provide as me } from "vue";
+import { defineComponent as D, computed as $, resolveComponent as v, createBlock as M, openBlock as c, normalizeClass as X, createSlots as x, withCtx as I, createVNode as O, createCommentVNode as w, createTextVNode as G, toDisplayString as j, resolveDynamicComponent as ae, ref as r, inject as ee, createElementBlock as R, mergeProps as q, toHandlers as re, renderSlot as F, onMounted as de, Transition as ce, createElementVNode as N, withKeys as h, withModifiers as V, Fragment as te, renderList as ne, nextTick as oe, normalizeStyle as se, provide as me } from "vue";
 import { g as J } from "./generate-uid.NJ8tVoha.js";
-import { a as Y, B as fe } from "./popover.COzLcAET.js";
-import { B as se, D as pe } from "./divider.qUOSAbU6.js";
-import { B as ve, u as be } from "./teleport.B1NhF5-O.js";
+import { a as Y, B as fe } from "./popover.BBnUL5Y_.js";
+import { B as le, D as pe } from "./divider.qUOSAbU6.js";
+import { B as ve, u as be } from "./teleport.DfTpEQBR.js";
 import { u as Ce } from "./use-has-slot.B7eQSabc.js";
 import { u as ye } from "./i18n.D9azDLPe.js";
 /* empty css              */
@@ -91,15 +91,15 @@ const Be = Symbol("menu inverse style injection key"), Me = D({
         "b-menu-item--indent": e.indent
       })),
       // Methods
-      onClick: (r) => {
-        r.stopPropagation(), e.handler(), t(z.CLICK);
+      onClick: (d) => {
+        d.stopPropagation(), e.handler(), t(z.CLICK);
       }
     };
   }
 });
-function _e(e, t, f, s, r, v) {
-  const c = p("bento-typography"), l = p("chevron-right-icon"), u = p("base-button");
-  return d(), M(u, {
+function _e(e, t, p, s, d, b) {
+  const m = v("bento-typography"), l = v("chevron-right-icon"), u = v("base-button");
+  return c(), M(u, {
     class: X(["b-menu-item", e.conditionalClasses]),
     role: "menuitem",
     disabled: e.disabled,
@@ -107,7 +107,7 @@ function _e(e, t, f, s, r, v) {
     onClick: e.onClick
   }, x({
     default: I(() => [
-      O(c, {
+      O(m, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
@@ -118,7 +118,7 @@ function _e(e, t, f, s, r, v) {
         ]),
         _: 1
       }, 8, ["stronger"]),
-      e.secondaryText ? (d(), M(c, {
+      e.secondaryText ? (c(), M(m, {
         key: 0,
         el: "span",
         variant: "body",
@@ -135,7 +135,7 @@ function _e(e, t, f, s, r, v) {
     e.icon ? {
       name: "iconLeft",
       fn: I(() => [
-        (d(), M(ie(e.icon), {
+        (c(), M(ae(e.icon), {
           class: "b-menu-item__icon-left",
           "aria-hidden": "true"
         }))
@@ -151,33 +151,33 @@ function _e(e, t, f, s, r, v) {
     } : void 0
   ]), 1032, ["class", "disabled", "onClick"]);
 }
-const le = /* @__PURE__ */ T(Me, [["render", _e], ["__scopeId", "data-v-9e8afd9c"]]);
+const ue = /* @__PURE__ */ T(Me, [["render", _e], ["__scopeId", "data-v-9e8afd9c"]]);
 var k = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(k || {});
 const $e = Symbol("menu registering injection key"), Se = {
   name: "bento-menu-list-container"
 }, Le = /* @__PURE__ */ D({
   ...Se,
   setup(e) {
-    const t = a(), f = a({}), s = ee(
+    const t = r(), p = r({}), s = ee(
       $e,
       !1
     );
     if (s) {
-      const { registerMenuContainerElement: r } = s;
-      r(t), f.value = {
+      const { registerMenuContainerElement: d } = s;
+      d(t), p.value = {
         mouseleave: s == null ? void 0 : s.menuMouseLeave
       };
     }
-    return (r, v) => (d(), R("div", q({
+    return (d, b) => (c(), R("div", q({
       ref_key: "menuListContainerRef",
       ref: t,
       class: "b-menu-list-container",
       "data-testid": "menu-list-container"
-    }, ae(f.value, !0)), [
-      F(r.$slots, "default", {}, void 0, !0)
+    }, re(p.value, !0)), [
+      F(d.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), ue = /* @__PURE__ */ T(Le, [["__scopeId", "data-v-02a3ca45"]]), U = {
+}), ie = /* @__PURE__ */ T(Le, [["__scopeId", "data-v-02a3ca45"]]), U = {
   "en-US": {
     backButton: "Go back",
     menuButton: "Open menu"
@@ -185,7 +185,7 @@ const $e = Symbol("menu registering injection key"), Se = {
 }, Oe = D({
   i18n: { messages: U },
   name: "sub-menu-item-list",
-  components: { BentoDivider: se, MenuItem: le, MenuListContainer: ue },
+  components: { BentoDivider: le, MenuItem: ue, MenuListContainer: ie },
   props: {
     items: {
       type: Array,
@@ -198,13 +198,13 @@ const $e = Symbol("menu registering injection key"), Se = {
   },
   emits: [k.CLOSE, k.BACK],
   setup(e, { emit: t }) {
-    const f = a(null), s = a(0), r = a(e.items.length), v = () => t(k.CLOSE), c = () => t(k.BACK), l = $(() => {
-      var b;
-      const i = (b = e.items) == null ? void 0 : b.map((C) => ({
-        ...C,
-        indent: !C.icon,
+    const p = r(null), s = r(0), d = r(e.items.length), b = () => t(k.CLOSE), m = () => t(k.BACK), l = $(() => {
+      var C;
+      const i = (C = e.items) == null ? void 0 : C.map((y) => ({
+        ...y,
+        indent: !y.icon,
         isTitle: !1,
-        clickHandler: v
+        clickHandler: b
       }));
       return [
         {
@@ -215,43 +215,43 @@ const $e = Symbol("menu registering injection key"), Se = {
           isTitle: !0,
           disabled: !1,
           indent: !1,
-          handler: c,
-          clickHandler: c,
+          handler: m,
+          clickHandler: m,
           addDivider: !0
         },
         ...i
       ];
     }), u = async () => {
-      var i, b, C, g, B;
-      (B = (g = (C = (b = (i = f.value) == null ? void 0 : i.children) == null ? void 0 : b[s.value]) == null ? void 0 : C.children) == null ? void 0 : g[0]) == null || B.focus();
+      var i, C, y, g, B;
+      (B = (g = (y = (C = (i = p.value) == null ? void 0 : i.children) == null ? void 0 : C[s.value]) == null ? void 0 : y.children) == null ? void 0 : g[0]) == null || B.focus();
     };
-    re(async () => {
+    de(async () => {
       setTimeout(() => u(), 150);
     });
     const n = () => {
-      s.value > 0 ? (s.value -= 1, l.value[s.value].disabled && n()) : s.value = r.value, u();
+      s.value > 0 ? (s.value -= 1, l.value[s.value].disabled && n()) : s.value = d.value, u();
     }, o = () => {
-      s.value < r.value ? (s.value += 1, l.value[s.value].disabled && o()) : s.value = 0, u();
+      s.value < d.value ? (s.value += 1, l.value[s.value].disabled && o()) : s.value = 0, u();
     };
     return {
       // Enums
       BentoMenuEvent: k,
       // Values
-      subMenuItemListRefLocal: f,
+      subMenuItemListRefLocal: p,
       subMenuFocusedIndex: s,
       ChevronLeftIcon: Z,
       computedItems: l,
       // Methods
-      closeMenu: v,
-      onBackButton: c,
+      closeMenu: b,
+      onBackButton: m,
       focusPrevious: n,
       focusNext: o
     };
   }
 });
-function Re(e, t, f, s, r, v) {
-  const c = p("menu-item"), l = p("bento-divider"), u = p("menu-list-container");
-  return d(), M(de, {
+function Re(e, t, p, s, d, b) {
+  const m = v("menu-item"), l = v("bento-divider"), u = v("menu-list-container");
+  return c(), M(ce, {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
@@ -268,11 +268,11 @@ function Re(e, t, f, s, r, v) {
               t[2] || (t[2] = h(V((...n) => e.onBackButton && e.onBackButton(...n), ["stop"]), ["esc"]))
             ]
           }, [
-            (d(!0), R(te, null, ne(e.computedItems, (n, o) => (d(), R("li", {
+            (c(!0), R(te, null, ne(e.computedItems, (n, o) => (c(), R("li", {
               key: `sub-menu-item-list-item-${o}`,
               role: "none"
             }, [
-              O(c, {
+              O(m, {
                 text: n.text,
                 handler: n.handler,
                 "secondary-text": n.secondaryText,
@@ -284,7 +284,7 @@ function Re(e, t, f, s, r, v) {
                 tabindex: o === e.subMenuFocusedIndex ? "0" : "-1",
                 onClick: n.clickHandler
               }, null, 8, ["text", "handler", "secondary-text", "icon", "is-title", "disabled", "critical", "indent", "tabindex", "onClick"]),
-              n.addDivider ? (d(), M(l, {
+              n.addDivider ? (c(), M(l, {
                 key: 0,
                 class: "b-sub-menu-item-list__divider"
               })) : w("", !0)
@@ -299,7 +299,7 @@ function Re(e, t, f, s, r, v) {
 }
 const Ee = /* @__PURE__ */ T(Oe, [["render", Re], ["__scopeId", "data-v-621db243"]]), we = D({
   name: "menu-item-list",
-  components: { BentoDivider: se, MenuItem: le, MenuListContainer: ue, SubMenuItemList: Ee },
+  components: { BentoDivider: le, MenuItem: ue, MenuListContainer: ie, SubMenuItemList: Ee },
   props: {
     /**
      * The data to be displayed in the list
@@ -331,49 +331,49 @@ const Ee = /* @__PURE__ */ T(Oe, [["render", Re], ["__scopeId", "data-v-621db243
     }
   },
   emits: [k.CLOSE, "menu-item-click"],
-  setup(e, { emit: t, expose: f }) {
-    const s = a(null), r = a(null), v = a(null), c = a(null), l = a(!1), u = a(null), n = a(e.focusLastElement ? e.data.length - 1 : 0), o = a(0), i = a(e.data.length - 1), b = $(() => e.data.some((m) => m.icon)), C = $(() => e.indentItems || b.value ? e.data.map((m) => {
-      let y = !1;
-      return m.icon || (y = !0), {
-        ...m,
+  setup(e, { emit: t, expose: p }) {
+    const s = r(null), d = r(null), b = r(null), m = r(null), l = r(!1), u = r(null), n = r(e.focusLastElement ? e.data.length - 1 : 0), o = r(0), i = r(e.data.length - 1), C = $(() => e.data.some((a) => a.icon)), y = $(() => e.indentItems || C.value ? e.data.map((a) => {
+      let f = !1;
+      return a.icon || (f = !0), {
+        ...a,
         // eslint-disable-next-line no-param-reassign
-        indent: y
+        indent: f
       };
     }) : e.data), g = async () => {
-      var m, y, L;
-      await ce(), (L = (y = (m = r.value) == null ? void 0 : m.children[n.value]) == null ? void 0 : y.children[0]) == null || L.focus();
-    }, B = () => t(k.CLOSE), S = (m, y) => {
-      if (m.items) {
-        u.value = y, l.value = !0;
+      var a, f, L;
+      await oe(), (L = (f = (a = d.value) == null ? void 0 : a.children[n.value]) == null ? void 0 : f.children[0]) == null || L.focus();
+    }, B = () => t(k.CLOSE), S = (a, f) => {
+      if (a.items) {
+        u.value = f, l.value = !0;
         return;
       }
-      u.value = y, l.value = !1, !m.skipClose && e.closeMenuOnItemSelect !== !1 && B(), t("menu-item-click");
+      u.value = f, l.value = !1, !a.skipClose && e.closeMenuOnItemSelect !== !1 && B(), t("menu-item-click");
     }, E = () => {
-      n.value > 0 ? (n.value -= 1, C.value[n.value].disabled && E()) : n.value = i.value, g();
+      n.value > 0 ? (n.value -= 1, y.value[n.value].disabled && E()) : n.value = i.value, g();
     }, P = () => {
-      n.value < i.value ? (n.value += 1, C.value[n.value].disabled && P()) : n.value = 0, g();
-    }, W = (m, y) => {
+      n.value < i.value ? (n.value += 1, y.value[n.value].disabled && P()) : n.value = 0, g();
+    }, W = (a, f) => {
       var L;
-      (L = m == null ? void 0 : m.items) != null && L.length && (u.value = y, l.value = !0);
+      (L = a == null ? void 0 : a.items) != null && L.length && (u.value = f, l.value = !0);
     }, H = () => {
       u.value && l.value && (u.value = null, l.value = !1);
     }, A = () => {
       l.value = !1, u.value = null, g();
     };
-    f({
+    p({
       focusItem: g
     });
     const K = $(() => {
-      var m, y, L;
-      return (L = (y = (m = c.value) == null ? void 0 : m[0]) == null ? void 0 : y.$el) == null ? void 0 : L.offsetHeight;
+      var a, f, L;
+      return (L = (f = (a = m.value) == null ? void 0 : a[0]) == null ? void 0 : f.$el) == null ? void 0 : L.offsetHeight;
     }), _ = $(() => l.value ? `${K.value}px` : "");
     return {
       // Values
-      menuItemListRef: r,
-      menuItemListWrapperRef: v,
-      subMenuItemListRef: c,
+      menuItemListRef: d,
+      menuItemListWrapperRef: b,
+      subMenuItemListRef: m,
       menuItemRef: s,
-      computedData: C,
+      computedData: y,
       computedHeight: _,
       focusedIndex: n,
       subMenuFocusedIndex: o,
@@ -390,11 +390,11 @@ const Ee = /* @__PURE__ */ T(Oe, [["render", Re], ["__scopeId", "data-v-621db243
     };
   }
 }), Te = ["onKeydown"];
-function Ne(e, t, f, s, r, v) {
-  const c = p("menu-item"), l = p("bento-divider"), u = p("sub-menu-item-list"), n = p("menu-list-container");
-  return d(), M(n, {
+function Ne(e, t, p, s, d, b) {
+  const m = v("menu-item"), l = v("bento-divider"), u = v("sub-menu-item-list"), n = v("menu-list-container");
+  return c(), M(n, {
     ref: "menuItemListWrapperRef",
-    style: oe({ height: e.computedHeight })
+    style: se({ height: e.computedHeight })
   }, {
     default: I(() => [
       N("ul", {
@@ -408,9 +408,9 @@ function Ne(e, t, f, s, r, v) {
           t[4] || (t[4] = h((...o) => e.closeMenu && e.closeMenu(...o), ["tab"]))
         ]
       }, [
-        (d(!0), R(te, null, ne(e.computedData, (o, i) => {
-          var b, C, g, B;
-          return d(), R("li", {
+        (c(!0), R(te, null, ne(e.computedData, (o, i) => {
+          var C, y, g, B;
+          return c(), R("li", {
             key: `menu-item-${i}`,
             ref_for: !0,
             ref: "menuItemRef",
@@ -421,12 +421,12 @@ function Ne(e, t, f, s, r, v) {
               t[0] || (t[0] = h((S) => e.focusLeft(), ["left"]))
             ]
           }, [
-            O(c, {
+            O(m, {
               text: o.text,
-              handler: (b = o.items) != null && b.length ? () => null : o.handler,
+              handler: (C = o.items) != null && C.length ? () => null : o.handler,
               "secondary-text": o.secondaryText,
               icon: o.icon,
-              chevron: !!((C = o.items) != null && C.length),
+              chevron: !!((y = o.items) != null && y.length),
               disabled: o.disabled,
               critical: o.critical,
               indent: o.indent,
@@ -435,11 +435,11 @@ function Ne(e, t, f, s, r, v) {
               "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === i,
               onClick: (S) => e.menuItemClick(o, i)
             }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
-            o.addDivider ? (d(), M(l, {
+            o.addDivider ? (c(), M(l, {
               key: 0,
               class: "b-menu-item-list__divider"
             })) : w("", !0),
-            (B = o.items) != null && B.length && e.showSubMenu && e.visibleSubMenuIndex === i ? (d(), M(u, {
+            (B = o.items) != null && B.length && e.showSubMenu && e.visibleSubMenuIndex === i ? (c(), M(u, {
               key: 1,
               ref_for: !0,
               ref: "subMenuItemListRef",
@@ -462,15 +462,15 @@ const Pe = {
     this.uuid = Q.toString(), Q += 1;
   }
 }, Ke = { key: 0 };
-function Fe(e, t, f, s, r, v) {
-  return d(), R("svg", q({ role: "img" }, e.$attrs, {
+function Fe(e, t, p, s, d, b) {
+  return c(), R("svg", q({ 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"] ? (d(), R("title", Ke, j(e.$attrs["svg-title"]), 1)) : w("", !0),
+    e.$attrs["svg-title"] ? (c(), R("title", Ke, j(e.$attrs["svg-title"]), 1)) : w("", !0),
     t[0] || (t[0] = N("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"
@@ -566,12 +566,12 @@ const We = /* @__PURE__ */ T(Pe, [["render", Fe]]), He = D({
     }
   },
   emits: [k.CLOSE, k.OPEN, "menu-item-click", "click-outside"],
-  setup(e, { emit: t, expose: f, slots: s }) {
+  setup(e, { emit: t, expose: p, slots: s }) {
     var K;
-    const { t: r } = ye({ messages: U }), v = a(null), c = a(null), l = a(!1), u = a(!1), n = a(null), o = J("menu"), i = J("menu-popover"), b = ee(Be, a(!1));
-    me(pe, b);
-    const C = $(() => ({
-      "b-menu--inverse": b.value
+    const { t: d } = ye({ messages: U }), b = r(null), m = r(null), l = r(!1), u = r(!1), n = r(null), o = J("menu"), i = J("menu-popover"), C = ee(Be, r(!1));
+    me(pe, C);
+    const y = $(() => ({
+      "b-menu--inverse": C.value
     })), g = $(() => e.menuWidth ? { width: `${e.menuWidth}px` } : null), B = $(() => {
       if (e != null && e.button)
         return {
@@ -580,8 +580,9 @@ const We = /* @__PURE__ */ T(Pe, [["render", Fe]]), He = D({
         };
     }), S = () => {
       l.value = !0, t(k.OPEN);
-    }, E = (_ = e.revertFocusToButton) => {
-      l.value && (l.value = !1, _ && v.value.$el.focus(), t(k.CLOSE));
+    }, E = async (_ = e.revertFocusToButton) => {
+      var a, f;
+      l.value && (l.value = !1, _ && (await oe(), (f = (a = b.value) == null ? void 0 : a.$el) == null || f.focus()), t(k.CLOSE));
     }, P = (_) => {
       _.stopPropagation(), l.value ? E() : S();
     }, W = (_) => {
@@ -598,9 +599,9 @@ const We = /* @__PURE__ */ T(Pe, [["render", Fe]]), He = D({
       },
       {
         ...e.closeOnClickOutsideOptions,
-        ignore: [v, ...((K = e.closeOnClickOutsideOptions) == null ? void 0 : K.ignore) ?? []]
+        ignore: [b, ...((K = e.closeOnClickOutsideOptions) == null ? void 0 : K.ignore) ?? []]
       }
-    ), f({
+    ), p({
       /**
        * Control to enable programmatic closing of the menu
        */
@@ -608,8 +609,8 @@ const We = /* @__PURE__ */ T(Pe, [["render", Fe]]), He = D({
     }), {
       // Refs
       popoverRef: n,
-      menuButtonRef: v,
-      menuItemListRef: c,
+      menuButtonRef: b,
+      menuItemListRef: m,
       // Values
       menuId: o,
       popoverId: i,
@@ -618,8 +619,8 @@ const We = /* @__PURE__ */ T(Pe, [["render", Fe]]), He = D({
       computedMenuWidth: g,
       isLastElementFocused: u,
       // Classes
-      computedClasses: C,
-      isInverseColorSet: b,
+      computedClasses: y,
+      isInverseColorSet: C,
       // Methods
       hasSlot: Ce(s),
       onKeyDown: W,
@@ -628,13 +629,13 @@ const We = /* @__PURE__ */ T(Pe, [["render", Fe]]), He = D({
       menuItemClick: A,
       toggleShowMenu: P,
       // Translations
-      t: r
+      t: d
     };
   }
 });
-function Ae(e, t, f, s, r, v) {
-  const c = p("options-vertical-icon"), l = p("bento-toggle-button"), u = p("menu-item-list"), n = p("bento-popover"), o = p("bento-teleport");
-  return d(), R("div", {
+function Ae(e, t, p, s, d, b) {
+  const m = v("options-vertical-icon"), l = v("bento-toggle-button"), u = v("menu-item-list"), n = v("bento-popover"), o = v("bento-teleport");
+  return c(), R("div", {
     class: X([e.computedClasses, "b-menu"]),
     "data-testid": "menu",
     onKeydown: [
@@ -656,7 +657,7 @@ function Ae(e, t, f, s, r, v) {
         name: "iconLeft",
         fn: I(() => [
           F(e.$slots, "iconLeft", {}, () => [
-            O(c, {
+            O(m, {
               title: e.t("menuButton")
             }, null, 8, ["title"])
           ], !0)
@@ -678,19 +679,19 @@ function Ae(e, t, f, s, r, v) {
         key: "2"
       } : void 0
     ]), 1040, ["aria-controls", "toggled", "inverse", "onClick"]),
-    e.menuButtonRef ? (d(), M(o, {
+    e.menuButtonRef ? (c(), M(o, {
       key: 0,
       disabled: !e.teleport
     }, {
       default: I(() => [
-        e.menuButtonRef ? (d(), M(n, {
+        e.menuButtonRef ? (c(), M(n, {
           key: 0,
           id: e.menuId,
           ref: "popoverRef",
           role: null,
           open: e.showMenu,
           class: "b-menu__popover",
-          style: oe(e.computedMenuWidth),
+          style: se(e.computedMenuWidth),
           "target-element": e.menuButtonRef,
           position: e.menuPosition,
           "fixed-positioning": e.menuFixedPositioning,
@@ -724,7 +725,7 @@ function Ae(e, t, f, s, r, v) {
     }, 8, ["disabled"])) : w("", !0)
   ], 34);
 }
-const tt = /* @__PURE__ */ T(He, [["render", Ae], ["__scopeId", "data-v-e9fc2e12"]]);
+const tt = /* @__PURE__ */ T(He, [["render", Ae], ["__scopeId", "data-v-8c729daa"]]);
 export {
   tt as B,
   $e as D,
@@ -732,4 +733,4 @@ export {
   We as O,
   k as a
 };
-//# sourceMappingURL=menu.DfzP2nRU.js.map
+//# sourceMappingURL=menu.DBRBVdsd.js.map

package/dist/chunks/menu.DBRBVdsd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.DBRBVdsd.js","sources":["../../../vue2/src/components/menu/menu.keys.ts","../../../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","../../../ui-assets/icons-16/dist/vue/options-vertical.vue","../../../vue2/src/components/menu/menu.vue"],"sourcesContent":["export const MENU_INVERSE_INJECTION_KEY = Symbol('menu inverse style injection key');\n","<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                ref=\"menuItemRef\"\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, nextTick, PropType, ref } from 'vue';\n    import { isVue3 } from 'vue-demi';\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             * If set to true, closes the menu when an item is clicked.\n             */\n            closeMenuOnItemSelect: {\n                type: Boolean,\n                default: true,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, 'menu-item-click'],\n        setup(props, { emit, expose }) {\n            const menuItemRef = ref(null);\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 = async () => {\n                // vue 3 requires nextTick to be called before an item can be focused\n                // this function does not need to be awaited itself\n\n                if (isVue3) {\n                    await nextTick();\n                }\n\n                menuItemListRef.value?.children[focusedIndex.value]?.children[0]?.focus();\n            };\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\n                    return;\n                }\n\n                visibleSubMenuIndex.value = index;\n                showSubMenu.value = false;\n\n                if (!item.skipClose && props.closeMenuOnItemSelect !== false) {\n                    closeMenu();\n                }\n\n                emit('menu-item-click');\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            expose({\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                menuItemRef,\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","\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    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <div\n        :class=\"computedClasses\"\n        class=\"b-menu\"\n        data-testid=\"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                :role=\"null\"\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                    ref=\"menuItemListRef\"\n                    :close-menu-on-item-select=\"closeMenuOnItemSelect\"\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, nextTick, PropType, provide, ref } from 'vue';\n    import { generateUid } from '@/core/utils/ts';\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 { useI18n } from '@/utils/ts/i18n';\n    import OptionsVerticalIcon from '@adyen/ui-assets-icons-16/vue/options-vertical';\n    import messages from './messages.json';\n    import { OnClickOutsideOptions } from '@/directives/click-outside/types';\n\n    type MessageSchema = (typeof messages)['en-US'];\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            /**\n             * Controls if the menu should close when an item is clicked.\n             * Defaults to `true`.\n             */\n            closeMenuOnItemSelect: {\n                type: Boolean,\n                default: true,\n            },\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             * Returns focus to the menu button after popover is closed.\n             * Disable if focus management is delegated to the parent component.\n             * Defaults to `true`.\n             */\n            revertFocusToButton: {\n                type: Boolean,\n                default: true,\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            /**\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             * @see {@link OnClickOutsideOptions}\n             */\n            closeOnClickOutsideOptions: {\n                type: Object as PropType<OnClickOutsideOptions>,\n                default: undefined,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, BentoMenuEvent.OPEN, 'menu-item-click', 'click-outside'],\n        setup(props, { emit, expose, slots }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const menuButtonRef = ref(null);\n            const menuItemListRef = 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 = async (revertFocus = props.revertFocusToButton) => {\n                if (!showMenu.value) {\n                    return;\n                }\n\n                showMenu.value = false;\n\n                if (revertFocus) {\n                    // ensure that menu is closed and re-rendering is completed before focusing\n                    await nextTick();\n\n                    menuButtonRef.value?.$el?.focus();\n                }\n\n                emit(BentoMenuEvent.CLOSE);\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 = (event: KeyboardEvent) => {\n                event.preventDefault();\n\n                isLastElementFocused.value = false;\n                openMenu();\n            };\n\n            const onKeyUp = (event: KeyboardEvent) => {\n                event.preventDefault();\n\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(\n                popoverRef,\n                () => {\n                    closeMenu();\n                    emit('click-outside');\n                },\n                {\n                    ...props.closeOnClickOutsideOptions,\n                    ignore: [menuButtonRef, ...(props.closeOnClickOutsideOptions?.ignore ?? [])],\n                }\n            );\n\n            expose({\n                /**\n                 * Control to enable programmatic closing of the menu\n                 */\n                closeMenu,\n            });\n\n            return {\n                // Refs\n                popoverRef,\n                menuButtonRef,\n                menuItemListRef,\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                // Translations\n                t,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu.scss\" />\n"],"names":["MENU_INVERSE_INJECTION_KEY","_sfc_main$5","defineComponent","BaseButton","BentoTypography","ChevronRightIcon","BentoBaseButtonEvent","props","emit","computed","e","normalizeClass","_ctx","onClick","createSlots","withCtx","createVNode","_component_bento_typography","createTextVNode","toDisplayString","secondaryText","createCommentVNode","icon","openBlock","createBlock","resolveDynamicComponent","_component_chevron_right_icon","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","expose","menuItemRef","menuItemListRef","menuItemListWrapperRef","subMenuItemListRef","showSubMenu","visibleSubMenuIndex","focusedIndex","hasMenuItemsWithIcon","computedData","indent","nextTick","menuItemClick","focusRight","focusLeft","subMenuHeight","computedHeight","$event","_component_sub_menu_item_list","uuid","mergeProps","_sfc_main","BentoToggleButton","BentoPopover","BentoTeleport","MenuItemList","OptionsVerticalIcon","BentoPopoverPositions","value","slots","t","useI18n","menuButtonRef","showMenu","isLastElementFocused","popoverRef","menuId","generateUid","popoverId","isInverseColorSet","provide","DIVIDER_INVERSE_INJECTION_KEY","computedClasses","computedMenuWidth","computedButtonPropsWithDefaults","openMenu","revertFocus","toggleShowMenu","onKeyDown","event","onKeyUp","useClickOutside","useHasSlot","renderSlot","_component_options_vertical_icon","_component_bento_teleport","_component_bento_popover","normalizeStyle","menuFixedPositioning","_component_menu_item_list","closeMenuOnItemSelect"],"mappings":"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"}