@adyen/bento-vue2 1.3.0 → 1.4.0

package/dist/menu.js

@@ -1,35 +1,35 @@
-import { defineComponent as k, computed as b, ref as c, onMounted as U } from "vue";
-import { n as h } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { defineComponent as g, computed as b, ref as c, onMounted as U } from "vue";
+import { n as C } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { g as w } from "./chunks/unique-id.a2a2b458.js";
-import { B as H, a as I } from "./chunks/button.d0c9527d.js";
-import { BentoPopover as q, BentoPopoverPositions as B } from "./popover.js";
-import { a as V, C as O } from "./chunks/chevron-right.3b826337.js";
-import { B as W, a as L } from "./chunks/base-button.98379576.js";
-import { B as j, a as Y, b as Z } from "./chunks/index.56858f4e.js";
-import { B as $ } from "./chunks/directive.0408e565.js";
-import "./assets/index27.css";
-let S = 0;
-const z = {
+import { a as H } from "./chunks/button.fb307df3.js";
+import { BentoPopover as N, BentoPopoverPositions as B } from "./popover.js";
+import { a as q, C as I } from "./chunks/chevron-right.3b826337.js";
+import { B as W, a as L } from "./chunks/base-button.bd8fa976.js";
+import { B as j } from "./chunks/index.45295dd3.js";
+import { B as Z } from "./chunks/directive.0408e565.js";
+import "./assets/index4.css";
+let O = 0;
+const $ = {
   beforeCreate() {
-    this.uuid = S.toString(), S += 1;
+    this.uuid = O.toString(), O += 1;
   }
 };
-var G = function() {
+var V = function() {
   var e = this, n = e._self._c;
   return n("svg", e._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", 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.00166 0.970945 7.70006 1.00065 7.42597 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.65804 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z", "clip-rule": "evenodd" } }), n("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", 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.00166 11.9709 7.70006 12.0007 7.42597 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.65804 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z", "clip-rule": "evenodd" } }), n("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", 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.65804 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.42597 6.61418C7.70006 6.50065 8.00166 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", "clip-rule": "evenodd" } })]);
-}, J = [], Q = /* @__PURE__ */ h(
+}, z = [], G = /* @__PURE__ */ C(
+  $,
+  V,
   z,
-  G,
-  J,
   !1,
   null,
   "c663a42e",
   null,
   null
 );
-const X = Q.exports, ee = k({
+const J = G.exports, Q = g({
   name: "menu-item",
-  components: { BaseButton: W, BentoTypography: j, ChevronRightIcon: V },
+  components: { BaseButton: W, BentoTypography: j, ChevronRightIcon: q },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -97,16 +97,12 @@ const X = Q.exports, ee = k({
   },
   emits: [L.CLICK],
   setup(s, { emit: e }) {
-    const n = b(() => ({
-      "b-menu-item--critical": s.critical,
-      "b-menu-item--indent": s.indent
-    }));
     return {
-      // Enums
-      BentoTypographyElement: Y,
-      BentoTypographyVariant: Z,
       // Values
-      conditionalClasses: n,
+      conditionalClasses: b(() => ({
+        "b-menu-item--critical": s.critical,
+        "b-menu-item--indent": s.indent
+      })),
       // Methods
       onClick: (o) => {
         o.stopPropagation(), s.handler(), e(L.CLICK);
@@ -114,52 +110,52 @@ const X = Q.exports, ee = k({
     };
   }
 });
-var te = function() {
+var X = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("base-button", { staticClass: "b-menu-item", class: e.conditionalClasses, attrs: { role: "menuitem", disabled: e.disabled, tabindex: "-1" }, on: { click: e.onClick }, scopedSlots: e._u([e.icon ? { key: "iconLeft", fn: function() {
     return [n(e.icon, { tag: "component", staticClass: "b-menu-item__icon-left", attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null, { key: "default", fn: function() {
-    return [n("bento-typography", { staticClass: "b-menu-item__primary-text", attrs: { el: e.BentoTypographyElement.SPAN, variant: e.BentoTypographyVariant.BODY, stronger: e.isTitle } }, [e._v(" " + e._s(e.text) + " ")]), e.secondaryText ? n("bento-typography", { staticClass: "b-menu-item__secondary-text", attrs: { el: e.BentoTypographyElement.SPAN, variant: e.BentoTypographyVariant.BODY } }, [e._v(" " + e._s(e.secondaryText) + " ")]) : e._e()];
+    return [n("bento-typography", { staticClass: "b-menu-item__primary-text", attrs: { el: "span", variant: "body", stronger: e.isTitle } }, [e._v(" " + e._s(e.text) + " ")]), e.secondaryText ? n("bento-typography", { staticClass: "b-menu-item__secondary-text", attrs: { el: "span", variant: "body" } }, [e._v(" " + e._s(e.secondaryText) + " ")]) : e._e()];
   }, proxy: !0 }, e.chevron ? { key: "iconRight", fn: function() {
     return [n("chevron-right-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) });
-}, ne = [], se = /* @__PURE__ */ h(
-  ee,
-  te,
-  ne,
+}, Y = [], ee = /* @__PURE__ */ C(
+  Q,
+  X,
+  Y,
   !1,
   null,
-  "64692450",
+  "862dca7f",
   null,
   null
 );
-const P = se.exports;
+const S = ee.exports;
 var _ = /* @__PURE__ */ ((s) => (s.BACK = "back", s.CLOSE = "close", s.OPEN = "open", s))(_ || {});
-const oe = k({
+const te = g({
   name: "bento-menu-list-container"
 });
-var ue = function() {
+var ne = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("div", { staticClass: "b-menu-list-container" }, [e._t("default")], 2);
-}, le = [], ae = /* @__PURE__ */ h(
-  oe,
-  ue,
-  le,
+}, se = [], oe = /* @__PURE__ */ C(
+  te,
+  ne,
+  se,
   !1,
   null,
   "77d1091e",
   null,
   null
 );
-const T = ae.exports, E = {
+const P = oe.exports, R = {
   "en-US": {
     menuButton: "Open menu",
     backButton: "Go back"
   }
-}, re = k({
-  i18n: { messages: E },
+}, ue = g({
+  i18n: { messages: R },
   name: "sub-menu-item-list",
-  components: { MenuItem: P, MenuListContainer: T },
+  components: { MenuItem: S, MenuListContainer: P },
   props: {
     items: {
       type: Array,
@@ -173,10 +169,10 @@ const T = ae.exports, E = {
   emits: [_.CLOSE, _.BACK],
   setup(s, { emit: e }) {
     const n = c(null), t = c(0), o = c(s.items.length), r = () => e(_.CLOSE), i = () => e(_.BACK), l = b(() => {
-      var p;
-      const y = (p = s.items) == null ? void 0 : p.map((m) => ({
-        ...m,
-        indent: !m.icon,
+      var m;
+      const y = (m = s.items) == null ? void 0 : m.map((p) => ({
+        ...p,
+        indent: !p.icon,
         isTitle: !1,
         clickHandler: r
       }));
@@ -185,7 +181,7 @@ const T = ae.exports, E = {
           text: s.title,
           secondaryText: null,
           critical: !1,
-          icon: O,
+          icon: I,
           isTitle: !0,
           disabled: !1,
           indent: !1,
@@ -195,16 +191,16 @@ const T = ae.exports, E = {
         ...y
       ];
     }), f = async () => {
-      var y, p, m, x, C;
-      (C = (x = (m = (p = (y = n.value) == null ? void 0 : y.children) == null ? void 0 : p[t.value]) == null ? void 0 : m.children) == null ? void 0 : x[0]) == null || C.focus();
+      var y, m, p, x, k;
+      (k = (x = (p = (m = (y = n.value) == null ? void 0 : y.children) == null ? void 0 : m[t.value]) == null ? void 0 : p.children) == null ? void 0 : x[0]) == null || k.focus();
     };
     U(async () => {
       setTimeout(() => f(), 150);
     });
     const u = () => {
       t.value > 0 ? (t.value -= 1, l.value[t.value].disabled && u()) : t.value = o.value, f();
-    }, g = () => {
-      t.value < o.value ? (t.value += 1, l.value[t.value].disabled && g()) : t.value = 0, f();
+    }, h = () => {
+      t.value < o.value ? (t.value += 1, l.value[t.value].disabled && h()) : t.value = 0, f();
     };
     return {
       // Enums
@@ -212,17 +208,17 @@ const T = ae.exports, E = {
       // Values
       subMenuItemListRefLocal: n,
       subMenuFocusedIndex: t,
-      ChevronLeftIcon: O,
+      ChevronLeftIcon: I,
       computedItems: l,
       // Methods
       closeMenu: r,
       onBackButton: i,
       focusPrevious: u,
-      focusNext: g
+      focusNext: h
     };
   }
 });
-var ie = function() {
+var le = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("transition", { attrs: { name: "b-sub-menu-item-list__transition", appear: "" } }, [n("menu-list-container", { staticClass: "b-sub-menu-item-list" }, [n("ul", { ref: "subMenuItemListRefLocal", staticClass: "b-sub-menu-item-list__list", attrs: { role: "menu" }, on: { keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : (t.stopPropagation(), e.focusNext.apply(null, arguments));
@@ -236,19 +232,19 @@ var ie = function() {
       { "b-sub-menu-item-list__first-item": o == 1 }
     ], attrs: { role: "none" } }, [n("menu-item", { attrs: { text: t.text, handler: t.handler, "secondary-text": t.secondaryText, icon: t.icon, "is-title": t.isTitle, disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: o === e.subMenuFocusedIndex ? "0" : "-1" }, on: { click: t.clickHandler } })], 1);
   }), 0)])], 1);
-}, ce = [], de = /* @__PURE__ */ h(
-  re,
-  ie,
-  ce,
+}, ae = [], re = /* @__PURE__ */ C(
+  ue,
+  le,
+  ae,
   !1,
   null,
   "708c9290",
   null,
   null
 );
-const fe = de.exports, _e = k({
+const ie = re.exports, ce = g({
   name: "menu-item-list",
-  components: { MenuItem: P, MenuListContainer: T, SubMenuItemList: fe },
+  components: { MenuItem: S, MenuListContainer: P, SubMenuItemList: ie },
   props: {
     /**
      * The data to be displayed in the list
@@ -274,36 +270,36 @@ const fe = de.exports, _e = k({
   },
   emits: [_.CLOSE],
   setup(s, { emit: e }) {
-    const n = c(null), t = c(null), o = c(null), r = c(!1), i = c(null), l = c(s.focusLastElement ? s.data.length - 1 : 0), f = c(0), u = c(s.data.length - 1), g = b(() => s.data.some((a) => a.icon)), y = b(() => s.indentItems || g.value ? s.data.map((a) => {
+    const n = c(null), t = c(null), o = c(null), r = c(!1), i = c(null), l = c(s.focusLastElement ? s.data.length - 1 : 0), f = c(0), u = c(s.data.length - 1), h = b(() => s.data.some((a) => a.icon)), y = b(() => s.indentItems || h.value ? s.data.map((a) => {
       let d = !1;
       return a.icon || (d = !0), {
         ...a,
         // eslint-disable-next-line no-param-reassign
         indent: d
       };
-    }) : s.data), p = () => {
+    }) : s.data), m = () => {
       var a, d, v;
       return (v = (d = (a = n.value) == null ? void 0 : a.children[l.value]) == null ? void 0 : d.children[0]) == null ? void 0 : v.focus();
-    }, m = () => e(_.CLOSE), x = async (a, d) => {
-      a.items ? (i.value = d, r.value = !0) : (i.value = d, r.value = !1, m());
-    }, C = () => {
-      l.value > 0 ? (l.value -= 1, y.value[l.value].disabled && C()) : l.value = u.value, p();
+    }, p = () => e(_.CLOSE), x = async (a, d) => {
+      a.items ? (i.value = d, r.value = !0) : (i.value = d, r.value = !1, p());
+    }, k = () => {
+      l.value > 0 ? (l.value -= 1, y.value[l.value].disabled && k()) : l.value = u.value, m();
     }, M = () => {
-      l.value < u.value ? (l.value += 1, y.value[l.value].disabled && M()) : l.value = 0, p();
-    }, R = (a, d) => {
+      l.value < u.value ? (l.value += 1, y.value[l.value].disabled && M()) : l.value = 0, m();
+    }, E = (a, d) => {
       var v;
       (v = a == null ? void 0 : a.items) != null && v.length && (i.value = d, r.value = !0);
-    }, A = () => {
+    }, T = () => {
       i.value && r.value && (i.value = null, r.value = !1);
     }, F = () => {
-      r.value = !1, i.value = null, p();
-    }, D = b(() => {
+      r.value = !1, i.value = null, m();
+    }, A = b(() => {
       var a;
       return (a = t == null ? void 0 : t.value) == null ? void 0 : a.$el.offsetHeight;
-    }), N = b(() => {
+    }), D = b(() => {
       var a, d, v;
       return (v = (d = (a = o == null ? void 0 : o.value) == null ? void 0 : a[0]) == null ? void 0 : d.$el) == null ? void 0 : v.offsetHeight;
-    }), K = b(() => r.value ? `${N.value}px` : `${D.value}px`);
+    }), K = b(() => r.value ? `${D.value}px` : `${A.value}px`);
     return {
       // Values
       menuItemListRef: n,
@@ -317,16 +313,16 @@ const fe = de.exports, _e = k({
       visibleSubMenuIndex: i,
       // Methods
       toggleMenu: x,
-      closeMenu: m,
-      focusPrevious: C,
+      closeMenu: p,
+      focusPrevious: k,
       focusNext: M,
-      focusRight: R,
-      focusLeft: A,
+      focusRight: E,
+      focusLeft: T,
       onBackButton: F
     };
   }
 });
-var pe = function() {
+var de = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("menu-list-container", { ref: "menuItemListWrapperRef", style: { height: e.computedHeight } }, [n("ul", { ref: "menuItemListRef", staticClass: "b-menu-item-list", attrs: { role: "menu" }, on: { keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : e.focusNext.apply(null, arguments);
@@ -346,21 +342,21 @@ var pe = function() {
       return e.toggleMenu(t, o);
     } } }), (f = t.items) != null && f.length && e.showSubMenu && e.visibleSubMenuIndex === o ? n("sub-menu-item-list", { ref: "subMenuItemListRef", refInFor: !0, attrs: { items: t.items, title: t.text }, on: { back: e.onBackButton, close: e.closeMenu } }) : e._e()], 1);
   }), 0)]);
-}, me = [], ye = /* @__PURE__ */ h(
-  _e,
-  pe,
-  me,
+}, fe = [], _e = /* @__PURE__ */ C(
+  ce,
+  de,
+  fe,
   !1,
   null,
   "3b23209d",
   null,
   null
 );
-const ve = ye.exports, be = k({
-  i18n: { messages: E },
+const me = _e.exports, pe = g({
+  i18n: { messages: R },
   name: "bento-menu",
-  components: { BentoButton: H, BentoPopover: q, MenuItemList: ve, OptionsVerticalIcon: X },
-  directives: { BentoClickOutsideDirective: $ },
+  components: { BentoButton: H, BentoPopover: N, MenuItemList: me, OptionsVerticalIcon: J },
+  directives: { BentoClickOutsideDirective: Z },
   props: {
     /**
      * The data to be displayed in the list
@@ -371,7 +367,6 @@ const ve = ye.exports, be = k({
     },
     /**
      * The position of where the menu should open.
-     * @see BentoPopoverPositions
      */
     menuPosition: {
       type: String,
@@ -399,7 +394,7 @@ const ve = ye.exports, be = k({
     button: {
       type: Object,
       default: () => ({
-        variant: I.SECONDARY
+        variant: "secondary"
       })
     }
   },
@@ -411,9 +406,6 @@ const ve = ye.exports, be = k({
       t.value && (t.value = !1, n.value.$el.focus(), e(_.CLOSE));
     };
     return {
-      // Enums
-      BentoButtonVariant: I,
-      BentoPopoverPositions: B,
       // Values
       menuButtonRef: n,
       menuId: r,
@@ -429,13 +421,13 @@ const ve = ye.exports, be = k({
         o.value = !0, f();
       },
       closeMenu: u,
-      toggleShowMenu: (m) => {
-        m.stopPropagation(), t.value ? u() : f();
+      toggleShowMenu: (p) => {
+        p.stopPropagation(), t.value ? u() : f();
       }
     };
   }
 });
-var he = function() {
+var ye = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.closeMenu, expression: "closeMenu" }], staticClass: "b-menu", on: { keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : e.onKeyDown.apply(null, arguments);
@@ -443,24 +435,24 @@ var he = function() {
     return !t.type.indexOf("key") && e._k(t.keyCode, "up", 38, t.key, ["Up", "ArrowUp"]) ? null : e.onKeyUp.apply(null, arguments);
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "esc", 27, t.key, ["Esc", "Escape"]) ? null : e.closeMenu.apply(null, arguments);
-  }] } }, [n("bento-button", e._b({ ref: "menuButtonRef", attrs: { "aria-haspopup": "true", "aria-expanded": e.showMenu, "aria-controls": e.showMenu ? e.menuId : null }, on: { click: e.toggleShowMenu }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+  }] } }, [n("bento-button", e._b({ ref: "menuButtonRef", attrs: { "aria-haspopup": "true", "aria-expanded": `${e.showMenu}`, "aria-controls": e.showMenu ? e.menuId : null }, on: { click: e.toggleShowMenu }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [e._t("default", function() {
       return [n("options-vertical-icon", { attrs: { title: e.$t("menuButton") } })];
     })];
   }, proxy: !0 }], null, !0) }, "bento-button", e.button, !1)), e.menuButtonRef ? n("bento-popover", { staticClass: "b-menu__popover", style: e.computedMenuWidth, attrs: { id: e.menuId, open: e.showMenu, "target-element": e.menuButtonRef, position: e.menuPosition, "fixed-positioning": e.menuFixedPositioning, "without-space": "" } }, [n("menu-item-list", { attrs: { data: e.data, "focus-last-element": e.isLastElementFocused }, on: { close: e.closeMenu } })], 1) : e._e()], 1);
-}, ge = [], Ce = /* @__PURE__ */ h(
-  be,
-  he,
-  ge,
+}, ve = [], be = /* @__PURE__ */ C(
+  pe,
+  ye,
+  ve,
   !1,
   null,
-  "06d565ee",
+  "c03636fd",
   null,
   null
 );
-const Pe = Ce.exports;
+const Le = be.exports;
 export {
-  Pe as BentoMenu,
+  Le as BentoMenu,
   _ as BentoMenuEvent
 };
 //# sourceMappingURL=menu.js.map

package/dist/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/options-vertical.vue","../src/components/menu/components/menu-item/menu-item.vue","../src/components/menu/menu.types.ts","../src/components/menu/components/menu-list-container/menu-list-container.vue","../src/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue","../src/components/menu/components/menu-item-list/menu-item-list.vue","../src/components/menu/menu.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" 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.00166 0.970945 7.70006 1.00065 7.42597 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.65804 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" 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.00166 11.9709 7.70006 12.0007 7.42597 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.65804 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" 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.65804 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.42597 6.61418C7.70006 6.50065 8.00166 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\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\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\n                :el=\"BentoTypographyElement.SPAN\"\n                :variant=\"BentoTypographyVariant.BODY\"\n                :stronger=\"isTitle\"\n                class=\"b-menu-item__primary-text\"\n            >\n                {{ text }}\n            </bento-typography>\n            <bento-typography\n                v-if=\"secondaryText\"\n                :el=\"BentoTypographyElement.SPAN\"\n                :variant=\"BentoTypographyVariant.BODY\"\n                class=\"b-menu-item__secondary-text\"\n            >\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 type { VueNodeElement } from '@/types';\n    import ChevronRightIcon from '@adyen/ui-assets-icons-16/vue/chevron-right';\n    import { BaseButton, BentoBaseButtonEvent } from '@/components/internal/base-button';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } 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                type: Object as PropType<VueNodeElement>,\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                // Enums\n                BentoTypographyElement,\n                BentoTypographyVariant,\n\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 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","<template>\n    <div class=\"b-menu-list-container\"><slot></slot></div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent } from 'vue';\n\n    /**\n     * Menu list container component to set the correct styling in a menu list. For internal use only.\n     */\n    export default defineComponent({\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\n                    v-for=\"(item, index) in computedItems\"\n                    :key=\"`sub-menu-item-list-item-${index}`\"\n                    :class=\"[\n                        { 'b-sub-menu-item-list__back-button': index === 0 },\n                        { 'b-sub-menu-item-list__first-item': index == 1 },\n                    ]\"\n                    role=\"none\"\n                >\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                </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 ChevronLeftIcon from '@adyen/ui-assets-icons-16/vue/chevron-left';\n    import { BentoMenuItem, MenuItem } from '../menu-item';\n    import { BentoMenuEvent } from '../../menu.types';\n    import messages from '../../messages.json';\n    import MenuListContainer from '../menu-list-container/menu-list-container.vue';\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: { 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                    },\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=\"toggleMenu(item, index)\"\n                />\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 { 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: { 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],\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 toggleMenu = async (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                }\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 menuHeight = computed(() => menuItemListWrapperRef?.value?.$el.offsetHeight);\n\n            const subMenuHeight = computed(() => subMenuItemListRef?.value?.[0]?.$el?.offsetHeight);\n\n            const computedHeight = computed(() => {\n                if (showSubMenu.value) {\n                    return `${subMenuHeight.value}px`;\n                }\n                return `${menuHeight.value}px`;\n            });\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                toggleMenu,\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","<template>\n    <div\n        v-bento-click-outside-directive=\"closeMenu\"\n        class=\"b-menu\"\n        @keydown.down=\"onKeyDown\"\n        @keydown.up=\"onKeyUp\"\n        @keydown.esc=\"closeMenu\"\n    >\n        <bento-button\n            ref=\"menuButtonRef\"\n            aria-haspopup=\"true\"\n            v-bind=\"button\"\n            :aria-expanded=\"showMenu\"\n            :aria-controls=\"showMenu ? menuId : null\"\n            @click=\"toggleShowMenu\"\n        >\n            <template #iconLeft>\n                <slot>\n                    <options-vertical-icon :title=\"$t('menuButton')\" />\n                </slot>\n            </template>\n        </bento-button>\n        <bento-popover\n            v-if=\"menuButtonRef\"\n            :id=\"menuId\"\n            :open=\"showMenu\"\n            class=\"b-menu__popover\"\n            :style=\"computedMenuWidth\"\n            :target-element=\"menuButtonRef\"\n            :position=\"menuPosition\"\n            :fixed-positioning=\"menuFixedPositioning\"\n            without-space\n        >\n            <menu-item-list :data=\"data\" :focus-last-element=\"isLastElementFocused\" @close=\"closeMenu\" />\n        </bento-popover>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import OptionsVerticalIcon from '@adyen/ui-assets-icons-16/vue/options-vertical';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { BentoClickOutsideDirective } from '@/directives';\n    import { BentoButton, BentoButtonVariant } 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 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: { BentoButton, BentoPopover, MenuItemList, OptionsVerticalIcon },\n        directives: { BentoClickOutsideDirective },\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            /**\n             * The position of where the menu should open.\n             * @see BentoPopoverPositions\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             * https://popper.js.org/docs/v2/constructors/#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             * 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                    variant: BentoButtonVariant.SECONDARY,\n                }),\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, BentoMenuEvent.OPEN],\n        setup(props, { emit }) {\n            const menuButtonRef = ref(null);\n            const showMenu = ref(false);\n            const isLastElementFocused = ref(false);\n            const menuId = generateUid('menu');\n            const popoverId = generateUid('menu-popover');\n\n            const computedMenuWidth = computed(() => (props.menuWidth ? { width: `${props.menuWidth}px` } : null));\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            return {\n                // Enums\n                BentoButtonVariant,\n                BentoPopoverPositions,\n\n                // Values\n                menuButtonRef,\n                menuId,\n                popoverId,\n                showMenu,\n                computedMenuWidth,\n                isLastElementFocused,\n\n                // Methods\n                onKeyDown,\n                onKeyUp,\n                closeMenu,\n                toggleShowMenu,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu.scss\" />\n"],"names":["uuid","_sfc_main$5","_sfc_main$4","defineComponent","BaseButton","BentoTypography","ChevronRightIcon","BentoBaseButtonEvent","props","emit","conditionalClasses","computed","BentoTypographyElement","BentoTypographyVariant","e","BentoMenuEvent","BentoMenuEvent2","_sfc_main$3","_sfc_main$2","messages","MenuItem","MenuListContainer","subMenuItemListRefLocal","ref","subMenuFocusedIndex","numberOfItems","closeMenu","onBackButton","computedItems","items","_a","el","ChevronLeftIcon","focusItem","_e","_d","_c","_b","onMounted","focusPrevious","focusNext","_sfc_main$1","SubMenuItemList","menuItemListRef","menuItemListWrapperRef","subMenuItemListRef","showSubMenu","visibleSubMenuIndex","focusedIndex","hasMenuItemsWithIcon","computedData","indent","toggleMenu","item","index","focusRight","focusLeft","menuHeight","subMenuHeight","computedHeight","_sfc_main","BentoButton","BentoPopover","MenuItemList","OptionsVerticalIcon","BentoClickOutsideDirective","BentoPopoverPositions","value","BentoButtonVariant","menuButtonRef","showMenu","isLastElementFocused","menuId","generateUid","popoverId","computedMenuWidth","openMenu"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"menu.js","sources":["../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/options-vertical.vue","../src/components/menu/components/menu-item/menu-item.vue","../src/components/menu/menu.types.ts","../src/components/menu/components/menu-list-container/menu-list-container.vue","../src/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue","../src/components/menu/components/menu-item-list/menu-item-list.vue","../src/components/menu/menu.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" 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.00166 0.970945 7.70006 1.00065 7.42597 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.65804 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" 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.00166 11.9709 7.70006 12.0007 7.42597 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.65804 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" 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.65804 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.42597 6.61418C7.70006 6.50065 8.00166 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\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\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 type { VueNodeElement } from '@/types';\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                type: Object as PropType<VueNodeElement>,\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 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","<template>\n    <div class=\"b-menu-list-container\"><slot></slot></div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent } from 'vue';\n\n    /**\n     * Menu list container component to set the correct styling in a menu list. For internal use only.\n     */\n    export default defineComponent({\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\n                    v-for=\"(item, index) in computedItems\"\n                    :key=\"`sub-menu-item-list-item-${index}`\"\n                    :class=\"[\n                        { 'b-sub-menu-item-list__back-button': index === 0 },\n                        { 'b-sub-menu-item-list__first-item': index == 1 },\n                    ]\"\n                    role=\"none\"\n                >\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                </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 ChevronLeftIcon from '@adyen/ui-assets-icons-16/vue/chevron-left';\n    import { BentoMenuItem, MenuItem } from '../menu-item';\n    import { BentoMenuEvent } from '../../menu.types';\n    import messages from '../../messages.json';\n    import MenuListContainer from '../menu-list-container/menu-list-container.vue';\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: { 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                    },\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=\"toggleMenu(item, index)\"\n                />\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 { 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: { 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],\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 toggleMenu = async (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                }\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 menuHeight = computed(() => menuItemListWrapperRef?.value?.$el.offsetHeight);\n\n            const subMenuHeight = computed(() => subMenuItemListRef?.value?.[0]?.$el?.offsetHeight);\n\n            const computedHeight = computed(() => {\n                if (showSubMenu.value) {\n                    return `${subMenuHeight.value}px`;\n                }\n                return `${menuHeight.value}px`;\n            });\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                toggleMenu,\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","<template>\n    <div\n        v-bento-click-outside-directive=\"closeMenu\"\n        class=\"b-menu\"\n        @keydown.down=\"onKeyDown\"\n        @keydown.up=\"onKeyUp\"\n        @keydown.esc=\"closeMenu\"\n    >\n        <bento-button\n            ref=\"menuButtonRef\"\n            aria-haspopup=\"true\"\n            v-bind=\"button\"\n            :aria-expanded=\"`${showMenu}`\"\n            :aria-controls=\"showMenu ? menuId : null\"\n            @click=\"toggleShowMenu\"\n        >\n            <template #iconLeft>\n                <slot>\n                    <options-vertical-icon :title=\"$t('menuButton')\" />\n                </slot>\n            </template>\n        </bento-button>\n        <bento-popover\n            v-if=\"menuButtonRef\"\n            :id=\"menuId\"\n            :open=\"showMenu\"\n            class=\"b-menu__popover\"\n            :style=\"computedMenuWidth\"\n            :target-element=\"menuButtonRef\"\n            :position=\"menuPosition\"\n            :fixed-positioning=\"menuFixedPositioning\"\n            without-space\n        >\n            <menu-item-list :data=\"data\" :focus-last-element=\"isLastElementFocused\" @close=\"closeMenu\" />\n        </bento-popover>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import OptionsVerticalIcon from '@adyen/ui-assets-icons-16/vue/options-vertical';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { BentoClickOutsideDirective } from '@/directives';\n    import { BentoButton } 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 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: { BentoButton, BentoPopover, MenuItemList, OptionsVerticalIcon },\n        directives: { BentoClickOutsideDirective },\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            /**\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             * https://popper.js.org/docs/v2/constructors/#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             * 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        emits: [BentoMenuEvent.CLOSE, BentoMenuEvent.OPEN],\n        setup(props, { emit }) {\n            const menuButtonRef = ref(null);\n            const showMenu = ref(false);\n            const isLastElementFocused = ref(false);\n            const menuId = generateUid('menu');\n            const popoverId = generateUid('menu-popover');\n\n            const computedMenuWidth = computed(() => (props.menuWidth ? { width: `${props.menuWidth}px` } : null));\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            return {\n                // Values\n                menuButtonRef,\n                menuId,\n                popoverId,\n                showMenu,\n                computedMenuWidth,\n                isLastElementFocused,\n\n                // Methods\n                onKeyDown,\n                onKeyUp,\n                closeMenu,\n                toggleShowMenu,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu.scss\" />\n"],"names":["uuid","_sfc_main$5","_sfc_main$4","defineComponent","BaseButton","BentoTypography","ChevronRightIcon","BentoBaseButtonEvent","props","emit","computed","e","BentoMenuEvent","BentoMenuEvent2","_sfc_main$3","_sfc_main$2","messages","MenuItem","MenuListContainer","subMenuItemListRefLocal","ref","subMenuFocusedIndex","numberOfItems","closeMenu","onBackButton","computedItems","items","_a","el","ChevronLeftIcon","focusItem","_e","_d","_c","_b","onMounted","focusPrevious","focusNext","_sfc_main$1","SubMenuItemList","menuItemListRef","menuItemListWrapperRef","subMenuItemListRef","showSubMenu","visibleSubMenuIndex","focusedIndex","hasMenuItemsWithIcon","computedData","indent","toggleMenu","item","index","focusRight","focusLeft","menuHeight","subMenuHeight","computedHeight","_sfc_main","BentoButton","BentoPopover","MenuItemList","OptionsVerticalIcon","BentoClickOutsideDirective","BentoPopoverPositions","value","menuButtonRef","showMenu","isLastElementFocused","menuId","generateUid","popoverId","computedMenuWidth","openMenu"],"mappings":"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","x_google_ignoreList":[0]}