@adyen/bento-vue2 1.9.0 → 1.10.0

package/dist/chunks/{index.f358c4bd.js → index.4824eab5.js}

@@ -1,35 +1,37 @@
-import { defineComponent as x, computed as C, ref as c, onMounted as D, inject as K } from "vue";
-import { n as h } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { g as I } from "./unique-id.a2a2b458.js";
-import { a as U } from "./button.7dd8d4de.js";
-import { a as W, B as w } from "./index.d1beb704.js";
-import { a as H, C as B } from "./chevron-left.5edf02ac.js";
-import { B as q, a as L } from "./base-button.df9a9bea.js";
-import { B as j } from "./index.b201e81d.js";
-import { B as V } from "./directive.0408e565.js";
-import "../assets/index35.css";
-let O = 0;
-const Z = {
+import { defineComponent as x, computed as b, ref as c, onMounted as K, inject as U, provide as H } from "vue";
+import { n as g } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { g as M } from "./unique-id.a2a2b458.js";
+import { a as W } from "./button.f3f05408.js";
+import { a as q, B } from "./index.ad4b770b.js";
+import { B as O, D as j } from "./index.f651209d.js";
+import { u as V } from "./use-has-slot.fbeb19ec.js";
+import { a as Z, C as w } from "./chevron-left.5edf02ac.js";
+import { B as J, a as L } from "./base-button.46843461.js";
+import { B as Y } from "./index.858b0720.js";
+import { B as z } from "./directive.0408e565.js";
+import "../assets/index41.css";
+let S = 0;
+const G = {
   beforeCreate() {
-    this.uuid = O.toString(), O += 1;
+    this.uuid = S.toString(), S += 1;
   }
 };
-var z = function() {
+var $ = function() {
   var e = this, n = e._self._c;
   return n("svg", e._b({ staticClass: "ui-assets-icons-16", 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", d: "M8 4C8.29667 4 8.58668 3.91203 8.83335 3.74721C9.08003 3.58238 9.27229 3.34811 9.38582 3.07403C9.49935 2.79994 9.52906 2.49834 9.47118 2.20737C9.4133 1.91639 9.27044 1.64912 9.06066 1.43934C8.85088 1.22956 8.58361 1.0867 8.29264 1.02882C8.00167 0.970945 7.70006 1.00065 7.42598 1.11418C7.15189 1.22771 6.91762 1.41997 6.7528 1.66665C6.58797 1.91332 6.5 2.20333 6.5 2.5C6.5 2.89783 6.65803 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z" } }), n("path", { attrs: { fill: "#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" } }), n("path", { attrs: { 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" } })]);
-}, G = [], J = /* @__PURE__ */ h(
-  Z,
-  z,
+}, Q = [], X = /* @__PURE__ */ g(
   G,
+  $,
+  Q,
   !1,
   null,
   null,
   null,
   null
 );
-const Y = J.exports, $ = x({
+const ee = X.exports, te = x({
   name: "menu-item",
-  components: { BaseButton: q, BentoTypography: j, ChevronRightIcon: H },
+  components: { BaseButton: J, BentoTypography: Y, ChevronRightIcon: Z },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -101,7 +103,7 @@ const Y = J.exports, $ = x({
   setup(s, { emit: e }) {
     return {
       // Values
-      conditionalClasses: C(() => ({
+      conditionalClasses: b(() => ({
         "b-menu-item--critical": s.critical,
         "b-menu-item--indent": s.indent
       })),
@@ -112,7 +114,7 @@ const Y = J.exports, $ = x({
     };
   }
 });
-var Q = function() {
+var ne = 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" } })];
@@ -121,43 +123,43 @@ var Q = function() {
   }, proxy: !0 }, e.chevron ? { key: "iconRight", fn: function() {
     return [n("chevron-right-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) });
-}, X = [], ee = /* @__PURE__ */ h(
-  $,
-  Q,
-  X,
+}, se = [], oe = /* @__PURE__ */ g(
+  te,
+  ne,
+  se,
   !1,
   null,
   "49e4a0fe",
   null,
   null
 );
-const S = ee.exports;
-var f = /* @__PURE__ */ ((s) => (s.BACK = "back", s.CLOSE = "close", s.OPEN = "open", s))(f || {});
-const te = x({
+const R = oe.exports;
+var p = /* @__PURE__ */ ((s) => (s.BACK = "back", s.CLOSE = "close", s.OPEN = "open", s))(p || {});
+const ue = x({
   name: "bento-menu-list-container"
 });
-var ne = function() {
+var le = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("div", { staticClass: "b-menu-list-container" }, [e._t("default")], 2);
-}, se = [], oe = /* @__PURE__ */ h(
-  te,
-  ne,
-  se,
+}, ae = [], re = /* @__PURE__ */ g(
+  ue,
+  le,
+  ae,
   !1,
   null,
   "77d1091e",
   null,
   null
 );
-const R = oe.exports, E = {
+const E = re.exports, P = {
   "en-US": {
     menuButton: "Open menu",
     backButton: "Go back"
   }
-}, ue = x({
-  i18n: { messages: E },
+}, ie = x({
+  i18n: { messages: P },
   name: "sub-menu-item-list",
-  components: { MenuItem: S, MenuListContainer: R },
+  components: { BentoDivider: O, MenuItem: R, MenuListContainer: E },
   props: {
     items: {
       type: Array,
@@ -168,11 +170,11 @@ const R = oe.exports, E = {
       required: !0
     }
   },
-  emits: [f.CLOSE, f.BACK],
+  emits: [p.CLOSE, p.BACK],
   setup(s, { emit: e }) {
-    const n = c(null), t = c(0), o = c(s.items.length), a = () => e(f.CLOSE), r = () => e(f.BACK), u = C(() => {
-      var p;
-      const _ = (p = s.items) == null ? void 0 : p.map((y) => ({
+    const n = c(null), t = c(0), o = c(s.items.length), a = () => e(p.CLOSE), r = () => e(p.BACK), l = b(() => {
+      var m;
+      const _ = (m = s.items) == null ? void 0 : m.map((y) => ({
         ...y,
         indent: !y.icon,
         isTitle: !1,
@@ -183,44 +185,45 @@ const R = oe.exports, E = {
           text: s.title,
           secondaryText: null,
           critical: !1,
-          icon: B,
+          icon: w,
           isTitle: !0,
           disabled: !1,
           indent: !1,
           handler: r,
-          clickHandler: r
+          clickHandler: r,
+          addDivider: !0
         },
         ..._
       ];
-    }), m = async () => {
-      var _, p, y, g, k;
-      (k = (g = (y = (p = (_ = n.value) == null ? void 0 : _.children) == null ? void 0 : p[t.value]) == null ? void 0 : y.children) == null ? void 0 : g[0]) == null || k.focus();
+    }), f = async () => {
+      var _, m, y, k, C;
+      (C = (k = (y = (m = (_ = n.value) == null ? void 0 : _.children) == null ? void 0 : m[t.value]) == null ? void 0 : y.children) == null ? void 0 : k[0]) == null || C.focus();
     };
-    D(async () => {
-      setTimeout(() => m(), 150);
+    K(async () => {
+      setTimeout(() => f(), 150);
     });
-    const l = () => {
-      t.value > 0 ? (t.value -= 1, u.value[t.value].disabled && l()) : t.value = o.value, m();
-    }, v = () => {
-      t.value < o.value ? (t.value += 1, u.value[t.value].disabled && v()) : t.value = 0, m();
+    const u = () => {
+      t.value > 0 ? (t.value -= 1, l.value[t.value].disabled && u()) : t.value = o.value, f();
+    }, h = () => {
+      t.value < o.value ? (t.value += 1, l.value[t.value].disabled && h()) : t.value = 0, f();
     };
     return {
       // Enums
-      BentoMenuEvent: f,
+      BentoMenuEvent: p,
       // Values
       subMenuItemListRefLocal: n,
       subMenuFocusedIndex: t,
-      ChevronLeftIcon: B,
-      computedItems: u,
+      ChevronLeftIcon: w,
+      computedItems: l,
       // Methods
       closeMenu: a,
       onBackButton: r,
-      focusPrevious: l,
-      focusNext: v
+      focusPrevious: u,
+      focusNext: h
     };
   }
 });
-var le = function() {
+var ce = 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));
@@ -229,24 +232,21 @@ var le = function() {
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "esc", 27, t.key, ["Esc", "Escape"]) ? null : (t.stopPropagation(), e.onBackButton.apply(null, arguments));
   }] } }, e._l(e.computedItems, function(t, o) {
-    return n("li", { key: `sub-menu-item-list-item-${o}`, class: [
-      { "b-sub-menu-item-list__back-button": o === 0 },
-      { "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);
+    return n("li", { key: `sub-menu-item-list-item-${o}`, 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 } }), t.addDivider ? n("bento-divider", { staticClass: "b-sub-menu-item-list__divider" }) : e._e()], 1);
   }), 0)])], 1);
-}, ae = [], re = /* @__PURE__ */ h(
-  ue,
-  le,
-  ae,
+}, de = [], fe = /* @__PURE__ */ g(
+  ie,
+  ce,
+  de,
   !1,
   null,
-  "708c9290",
+  "25195627",
   null,
   null
 );
-const ie = re.exports, ce = x({
+const _e = fe.exports, me = x({
   name: "menu-item-list",
-  components: { MenuItem: S, MenuListContainer: R, SubMenuItemList: ie },
+  components: { BentoDivider: O, MenuItem: R, MenuListContainer: E, SubMenuItemList: _e },
   props: {
     /**
      * The data to be displayed in the list
@@ -270,58 +270,58 @@ const ie = re.exports, ce = x({
       default: !1
     }
   },
-  emits: [f.CLOSE],
+  emits: [p.CLOSE],
   setup(s, { emit: e }) {
-    const n = c(null), t = c(null), o = c(null), a = c(!1), r = c(null), u = c(s.focusLastElement ? s.data.length - 1 : 0), m = c(0), l = c(s.data.length - 1), v = C(() => s.data.some((i) => i.icon)), _ = C(() => s.indentItems || v.value ? s.data.map((i) => {
+    const n = c(null), t = c(null), o = c(null), a = c(!1), r = 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((i) => i.icon)), _ = b(() => s.indentItems || h.value ? s.data.map((i) => {
       let d = !1;
       return i.icon || (d = !0), {
         ...i,
         // eslint-disable-next-line no-param-reassign
         indent: d
       };
-    }) : s.data), p = () => {
-      var i, d, b;
-      return (b = (d = (i = n.value) == null ? void 0 : i.children[u.value]) == null ? void 0 : d.children[0]) == null ? void 0 : b.focus();
-    }, y = () => e(f.CLOSE), g = async (i, d) => {
+    }) : s.data), m = () => {
+      var i, d, v;
+      return (v = (d = (i = n.value) == null ? void 0 : i.children[l.value]) == null ? void 0 : d.children[0]) == null ? void 0 : v.focus();
+    }, y = () => e(p.CLOSE), k = async (i, d) => {
       i.items ? (r.value = d, a.value = !0) : (r.value = d, a.value = !1, y());
-    }, k = () => {
-      u.value > 0 ? (u.value -= 1, _.value[u.value].disabled && k()) : u.value = l.value, p();
-    }, M = () => {
-      u.value < l.value ? (u.value += 1, _.value[u.value].disabled && M()) : u.value = 0, p();
-    }, P = (i, d) => {
-      var b;
-      (b = i == null ? void 0 : i.items) != null && b.length && (r.value = d, a.value = !0);
-    }, T = () => {
+    }, C = () => {
+      l.value > 0 ? (l.value -= 1, _.value[l.value].disabled && C()) : l.value = u.value, m();
+    }, I = () => {
+      l.value < u.value ? (l.value += 1, _.value[l.value].disabled && I()) : l.value = 0, m();
+    }, T = (i, d) => {
+      var v;
+      (v = i == null ? void 0 : i.items) != null && v.length && (r.value = d, a.value = !0);
+    }, D = () => {
       r.value && a.value && (r.value = null, a.value = !1);
     }, F = () => {
-      a.value = !1, r.value = null, p();
-    }, A = C(() => {
-      var i, d, b;
-      return (b = (d = (i = o.value) == null ? void 0 : i[0]) == null ? void 0 : d.$el) == null ? void 0 : b.offsetHeight;
-    }), N = C(() => a.value ? `${A.value}px` : "");
+      a.value = !1, r.value = null, m();
+    }, N = b(() => {
+      var i, d, v;
+      return (v = (d = (i = o.value) == null ? void 0 : i[0]) == null ? void 0 : d.$el) == null ? void 0 : v.offsetHeight;
+    }), A = b(() => a.value ? `${N.value}px` : "");
     return {
       // Values
       menuItemListRef: n,
       menuItemListWrapperRef: t,
       subMenuItemListRef: o,
       computedData: _,
-      computedHeight: N,
-      focusedIndex: u,
-      subMenuFocusedIndex: m,
+      computedHeight: A,
+      focusedIndex: l,
+      subMenuFocusedIndex: f,
       showSubMenu: a,
       visibleSubMenuIndex: r,
       // Methods
-      toggleMenu: g,
+      toggleMenu: k,
       closeMenu: y,
-      focusPrevious: k,
-      focusNext: M,
-      focusRight: P,
-      focusLeft: T,
+      focusPrevious: C,
+      focusNext: I,
+      focusRight: T,
+      focusLeft: D,
       onBackButton: F
     };
   }
 });
-var de = function() {
+var pe = 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);
@@ -332,30 +332,30 @@ var de = function() {
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "tab", 9, t.key, "Tab") ? null : e.closeMenu.apply(null, arguments);
   }] } }, e._l(e.computedData, function(t, o) {
-    var a, r, u, m;
-    return n("li", { key: `menu-item-${o}`, staticClass: "b-menu-item-list__item", attrs: { role: "none" }, on: { keydown: [function(l) {
-      return !l.type.indexOf("key") && e._k(l.keyCode, "right", 39, l.key, ["Right", "ArrowRight"]) || "button" in l && l.button !== 2 ? null : e.focusRight(t, o);
-    }, function(l) {
-      return !l.type.indexOf("key") && e._k(l.keyCode, "left", 37, l.key, ["Left", "ArrowLeft"]) || "button" in l && l.button !== 0 ? null : e.focusLeft();
-    }] } }, [n("menu-item", { attrs: { text: t.text, handler: (a = t.items) != null && a.length ? () => null : t.handler, "secondary-text": t.secondaryText, icon: t.icon, chevron: !!((r = t.items) != null && r.length), disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: o === e.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((u = t.items) != null && u.length), "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === o }, on: { click: function(l) {
+    var a, r, l, f;
+    return n("li", { key: `menu-item-${o}`, staticClass: "b-menu-item-list__item", attrs: { role: "none" }, on: { keydown: [function(u) {
+      return !u.type.indexOf("key") && e._k(u.keyCode, "right", 39, u.key, ["Right", "ArrowRight"]) || "button" in u && u.button !== 2 ? null : e.focusRight(t, o);
+    }, function(u) {
+      return !u.type.indexOf("key") && e._k(u.keyCode, "left", 37, u.key, ["Left", "ArrowLeft"]) || "button" in u && u.button !== 0 ? null : e.focusLeft();
+    }] } }, [n("menu-item", { attrs: { text: t.text, handler: (a = t.items) != null && a.length ? () => null : t.handler, "secondary-text": t.secondaryText, icon: t.icon, chevron: !!((r = t.items) != null && r.length), disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: o === e.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((l = t.items) != null && l.length), "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === o }, on: { click: function(u) {
       return e.toggleMenu(t, o);
-    } } }), (m = t.items) != null && m.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);
+    } } }), t.addDivider ? n("bento-divider", { staticClass: "b-menu-item-list__divider" }) : e._e(), (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)]);
-}, fe = [], _e = /* @__PURE__ */ h(
-  ce,
-  de,
-  fe,
+}, ye = [], ve = /* @__PURE__ */ g(
+  me,
+  pe,
+  ye,
   !1,
   null,
-  "a07c35cf",
+  "fcf4e787",
   null,
   null
 );
-const me = _e.exports, pe = Symbol("menu inverse style injection key"), ye = x({
-  i18n: { messages: E },
+const be = ve.exports, Ce = Symbol("menu inverse style injection key"), he = x({
+  i18n: { messages: P },
   name: "bento-menu",
-  components: { BentoButton: U, BentoPopover: W, MenuItemList: me, OptionsVerticalIcon: Y },
-  directives: { BentoClickOutsideDirective: V },
+  components: { BentoButton: W, BentoPopover: q, MenuItemList: be, OptionsVerticalIcon: ee },
+  directives: { BentoClickOutsideDirective: z },
   props: {
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -378,8 +378,8 @@ const me = _e.exports, pe = Symbol("menu inverse style injection key"), ye = x({
      */
     menuPosition: {
       type: String,
-      default: w.BOTTOM_START,
-      validator: (s) => Object.values(w).includes(s)
+      default: B.BOTTOM_START,
+      validator: (s) => Object.values(B).includes(s)
     },
     /**
      * Instructs the menu popover to be visible outside of the containing container.
@@ -397,41 +397,44 @@ const me = _e.exports, pe = Symbol("menu inverse style injection key"), ye = x({
       default: null
     }
   },
-  emits: [f.CLOSE, f.OPEN],
-  setup(s, { emit: e }) {
-    const n = c(null), t = c(!1), o = c(!1), a = I("menu"), r = I("menu-popover"), u = K(pe, c(!1)), m = C(() => ({
-      "b-menu--inverse": u.value
-    })), l = C(() => s.menuWidth ? { width: `${s.menuWidth}px` } : null), v = () => {
-      t.value = !0, e(f.OPEN);
-    }, _ = () => {
-      t.value && (t.value = !1, n.value.$el.focus(), e(f.CLOSE));
+  emits: [p.CLOSE, p.OPEN],
+  setup(s, { emit: e, slots: n }) {
+    const t = c(null), o = c(!1), a = c(!1), r = M("menu"), l = M("menu-popover"), f = U(Ce, c(!1));
+    H(j, f);
+    const u = b(() => ({
+      "b-menu--inverse": f.value
+    })), h = b(() => s.menuWidth ? { width: `${s.menuWidth}px` } : null), _ = () => {
+      o.value = !0, e(p.OPEN);
+    }, m = () => {
+      o.value && (o.value = !1, t.value.$el.focus(), e(p.CLOSE));
+    }, y = (I) => {
+      I.stopPropagation(), o.value ? m() : _();
+    }, k = () => {
+      a.value = !1, _();
+    }, C = () => {
+      a.value = !0, _();
     };
     return {
       // Values
-      menuButtonRef: n,
-      menuId: a,
-      popoverId: r,
-      showMenu: t,
-      computedMenuWidth: l,
-      isLastElementFocused: o,
+      menuButtonRef: t,
+      menuId: r,
+      popoverId: l,
+      showMenu: o,
+      computedMenuWidth: h,
+      isLastElementFocused: a,
       // Classes
-      computedClasses: m,
-      isInverseColorSet: u,
+      computedClasses: u,
+      isInverseColorSet: f,
       // Methods
-      onKeyDown: () => {
-        o.value = !1, v();
-      },
-      onKeyUp: () => {
-        o.value = !0, v();
-      },
-      closeMenu: _,
-      toggleShowMenu: (k) => {
-        k.stopPropagation(), t.value ? _() : v();
-      }
+      hasSlot: V(n),
+      onKeyDown: k,
+      onKeyUp: C,
+      closeMenu: m,
+      toggleShowMenu: y
     };
   }
 });
-var ve = function() {
+var ke = 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", class: e.computedClasses, 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);
@@ -439,11 +442,15 @@ var ve = 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, inverse: e.isInverseColorSet }, on: { click: e.toggleShowMenu }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [e._t("default", function() {
+  }] } }, [n("bento-button", e._b({ ref: "menuButtonRef", attrs: { "aria-haspopup": "true", "aria-expanded": `${e.showMenu}`, "aria-controls": e.showMenu ? e.menuId : null, inverse: e.isInverseColorSet }, on: { click: e.toggleShowMenu }, scopedSlots: e._u([!e.hasSlot("default") || e.hasSlot("iconLeft") ? { key: "iconLeft", fn: function() {
+    return [e._t("iconLeft", 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, "fallback-position": [
+  }, proxy: !0 } : null, e.hasSlot("default") ? { key: "default", fn: function() {
+    return [e._t("default")];
+  }, proxy: !0 } : null, e.hasSlot("iconRight") ? { key: "iconRight", fn: function() {
+    return [e._t("iconRight")];
+  }, proxy: !0 } : null], 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, "fallback-position": [
     "bottom-start",
     "bottom-end",
     "top-start",
@@ -453,20 +460,21 @@ var ve = function() {
     "left-start",
     "left-end"
   ], "without-space": "" } }, [n("menu-item-list", { attrs: { data: e.data, "focus-last-element": e.isLastElementFocused }, on: { close: e.closeMenu } })], 1) : e._e()], 1);
-}, be = [], Ce = /* @__PURE__ */ h(
-  ye,
-  ve,
-  be,
+}, ge = [], xe = /* @__PURE__ */ g(
+  he,
+  ke,
+  ge,
   !1,
   null,
-  "1b2d0003",
+  "6b4b9df4",
   null,
   null
 );
-const Oe = Ce.exports;
+const De = xe.exports;
 export {
-  Oe as B,
-  pe as M,
-  f as a
+  De as B,
+  Ce as M,
+  ee as O,
+  p as a
 };
-//# sourceMappingURL=index.f358c4bd.js.map
+//# sourceMappingURL=index.4824eab5.js.map

package/dist/chunks/index.4824eab5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.4824eab5.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.keys.ts","../../src/components/menu/menu.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M8 4C8.29667 4 8.58668 3.91203 8.83335 3.74721C9.08003 3.58238 9.27229 3.34811 9.38582 3.07403C9.49935 2.79994 9.52906 2.49834 9.47118 2.20737C9.4133 1.91639 9.27044 1.64912 9.06066 1.43934C8.85088 1.22956 8.58361 1.0867 8.29264 1.02882C8.00167 0.970945 7.70006 1.00065 7.42598 1.11418C7.15189 1.22771 6.91762 1.41997 6.7528 1.66665C6.58797 1.91332 6.5 2.20333 6.5 2.5C6.5 2.89783 6.65803 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z\"/><path fill=\"#00112C\" d=\"M8 15C8.29667 15 8.58668 14.912 8.83335 14.7472C9.08003 14.5824 9.27229 14.3481 9.38582 14.074C9.49935 13.7999 9.52906 13.4983 9.47118 13.2074C9.4133 12.9164 9.27044 12.6491 9.06066 12.4393C8.85088 12.2296 8.58361 12.0867 8.29264 12.0288C8.00167 11.9709 7.70006 12.0007 7.42598 12.1142C7.15189 12.2277 6.91762 12.42 6.7528 12.6666C6.58797 12.9133 6.5 13.2033 6.5 13.5C6.5 13.8978 6.65803 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z\"/><path fill=\"#00112C\" d=\"M8.83335 9.24721C8.58668 9.41203 8.29667 9.5 8 9.5C7.60218 9.5 7.22064 9.34197 6.93934 9.06066C6.65803 8.77936 6.5 8.39783 6.5 8C6.5 7.70333 6.58797 7.41332 6.7528 7.16665C6.91762 6.91997 7.15189 6.72771 7.42598 6.61418C7.70006 6.50065 8.00167 6.47094 8.29264 6.52882C8.58361 6.5867 8.85088 6.72956 9.06066 6.93934C9.27044 7.14912 9.4133 7.41639 9.47118 7.70737C9.52906 7.99834 9.49935 8.29994 9.38582 8.57403C9.27229 8.84811 9.08003 9.08238 8.83335 9.24721Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <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 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 v-for=\"(item, index) in computedItems\" :key=\"`sub-menu-item-list-item-${index}`\" role=\"none\">\n                    <menu-item\n                        :text=\"item.text\"\n                        :handler=\"item.handler\"\n                        :secondary-text=\"item.secondaryText\"\n                        :icon=\"item.icon\"\n                        :is-title=\"item.isTitle\"\n                        :disabled=\"item.disabled\"\n                        :critical=\"item.critical\"\n                        :indent=\"item.indent\"\n                        :tabindex=\"index === subMenuFocusedIndex ? '0' : '-1'\"\n                        @click=\"item.clickHandler\"\n                    />\n                    <bento-divider v-if=\"item.addDivider\" class=\"b-sub-menu-item-list__divider\" />\n                </li>\n            </ul>\n        </menu-list-container>\n    </transition>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, ref } from 'vue';\n    import { BentoDivider } from '@/components/divider';\n    import { BentoMenuItem, MenuItem } from '../menu-item';\n    import MenuListContainer from '../menu-list-container/menu-list-container.vue';\n    import ChevronLeftIcon from '@adyen/ui-assets-icons-16/vue/chevron-left';\n    import { BentoMenuEvent } from '../../menu.types';\n    import messages from '../../messages.json';\n\n    /**\n     * SubMenuItemList component to render a submenu with the sliding transition. For internal use only.\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'sub-menu-item-list',\n        components: { BentoDivider, MenuItem, MenuListContainer },\n        props: {\n            items: {\n                type: Array as PropType<BentoMenuItem[]>,\n                required: true,\n            },\n            title: {\n                type: String,\n                required: true,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, BentoMenuEvent.BACK],\n        setup(props, { emit }) {\n            const subMenuItemListRefLocal = ref(null);\n            const subMenuFocusedIndex = ref(0);\n            const numberOfItems = ref(props.items.length);\n\n            const closeMenu = () => emit(BentoMenuEvent.CLOSE);\n\n            const onBackButton = () => emit(BentoMenuEvent.BACK);\n\n            const computedItems = computed(() => {\n                const items = props.items?.map(el => ({\n                    ...el,\n                    indent: !el.icon,\n                    isTitle: false,\n                    clickHandler: closeMenu,\n                }));\n                return [\n                    {\n                        text: props.title,\n                        secondaryText: null,\n                        critical: false,\n                        icon: ChevronLeftIcon,\n                        isTitle: true,\n                        disabled: false,\n                        indent: false,\n                        handler: onBackButton,\n                        clickHandler: onBackButton,\n                        addDivider: true,\n                    },\n                    ...items,\n                ];\n            });\n\n            const focusItem = async () => {\n                subMenuItemListRefLocal.value?.children?.[subMenuFocusedIndex.value]?.children?.[0]?.focus();\n            };\n\n            onMounted(async () => {\n                // Using setTimeout otherwise the sliding animation doesn't work anymore. The timeout imer is the same as the transition time (0.15s)\n                setTimeout(() => focusItem(), 150);\n            });\n\n            const focusPrevious = () => {\n                if (subMenuFocusedIndex.value > 0) {\n                    subMenuFocusedIndex.value -= 1;\n                    if (computedItems.value[subMenuFocusedIndex.value].disabled) {\n                        focusPrevious();\n                    }\n                } else {\n                    subMenuFocusedIndex.value = numberOfItems.value;\n                }\n                focusItem();\n            };\n\n            const focusNext = () => {\n                if (subMenuFocusedIndex.value < numberOfItems.value) {\n                    subMenuFocusedIndex.value += 1;\n                    if (computedItems.value[subMenuFocusedIndex.value].disabled) {\n                        focusNext();\n                    }\n                } else {\n                    subMenuFocusedIndex.value = 0;\n                }\n                focusItem();\n            };\n\n            return {\n                // Enums\n                BentoMenuEvent,\n\n                // Values\n                subMenuItemListRefLocal,\n                subMenuFocusedIndex,\n                ChevronLeftIcon,\n                computedItems,\n\n                // Methods\n                closeMenu,\n                onBackButton,\n                focusPrevious,\n                focusNext,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./sub-menu-item-list.scss\" />\n","<template>\n    <menu-list-container ref=\"menuItemListWrapperRef\" :style=\"{ height: computedHeight }\">\n        <ul\n            ref=\"menuItemListRef\"\n            class=\"b-menu-item-list\"\n            role=\"menu\"\n            @keydown.down=\"focusNext\"\n            @keydown.up=\"focusPrevious\"\n            @keydown.esc=\"closeMenu\"\n            @keydown.tab=\"closeMenu\"\n        >\n            <li\n                v-for=\"(item, index) in computedData\"\n                :key=\"`menu-item-${index}`\"\n                class=\"b-menu-item-list__item\"\n                role=\"none\"\n                @keydown.right=\"focusRight(item, index)\"\n                @keydown.left=\"focusLeft()\"\n            >\n                <menu-item\n                    :text=\"item.text\"\n                    :handler=\"!item.items?.length ? item.handler : () => null\"\n                    :secondary-text=\"item.secondaryText\"\n                    :icon=\"item.icon\"\n                    :chevron=\"!!item.items?.length\"\n                    :disabled=\"item.disabled\"\n                    :critical=\"item.critical\"\n                    :indent=\"item.indent\"\n                    :tabindex=\"index === subMenuFocusedIndex ? '0' : '-1'\"\n                    :aria-haspopup=\"!!item.items?.length\"\n                    :aria-expanded=\"showSubMenu && visibleSubMenuIndex === index\"\n                    @click=\"toggleMenu(item, index)\"\n                />\n                <bento-divider v-if=\"item.addDivider\" class=\"b-menu-item-list__divider\" />\n                <sub-menu-item-list\n                    v-if=\"item.items?.length && showSubMenu && visibleSubMenuIndex === index\"\n                    ref=\"subMenuItemListRef\"\n                    :items=\"item.items\"\n                    :title=\"item.text\"\n                    @back=\"onBackButton\"\n                    @close=\"closeMenu\"\n                />\n            </li>\n        </ul>\n    </menu-list-container>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { BentoDivider } from '@/components/divider';\n    import { BentoMenuItem, MenuItem } from '../menu-item';\n    import { BentoMenuEvent } from '../../menu.types';\n    import MenuListContainer from '../menu-list-container/menu-list-container.vue';\n    import SubMenuItemList from '../sub-menu-item-list/sub-menu-item-list.vue';\n\n    /**\n     * MenuItem list to be used in the Menu component. For internal use only.\n     */\n    export default defineComponent({\n        name: 'menu-item-list',\n        components: { BentoDivider, MenuItem, MenuListContainer, SubMenuItemList },\n        props: {\n            /**\n             * The data to be displayed in the list\n             */\n            data: {\n                type: Array as PropType<BentoMenuItem[]>,\n                required: true,\n            },\n            /**\n             * Displays the menu-items of the list in the indent variant. Only applies to elements that don't have an icon to their left.\n             */\n            indentItems: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * If set to true, focuses the last item on the list instead of the first. Used for accessibility purposes when the menu is opened with the 'up' arrow key.\n             */\n            focusLastElement: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE],\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 subMenuHeight = computed(() => subMenuItemListRef.value?.[0]?.$el?.offsetHeight);\n\n            // When we show the sub menu we need to set the height of the container because of the way the submenus are handled,\n            // but the main menu doesn't need a height, as the popover will generate it with the right height\n            const computedHeight = computed(() => (showSubMenu.value ? `${subMenuHeight.value}px` : ''));\n\n            return {\n                // Values\n                menuItemListRef,\n                menuItemListWrapperRef,\n                subMenuItemListRef,\n\n                computedData,\n                computedHeight,\n\n                focusedIndex,\n                subMenuFocusedIndex,\n\n                showSubMenu,\n                visibleSubMenuIndex,\n\n                // Methods\n                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","export const MENU_INVERSE_INJECTION_KEY = Symbol('menu inverse style injection key');\n","<template>\n    <div\n        v-bento-click-outside-directive=\"closeMenu\"\n        :class=\"computedClasses\"\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            :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-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            :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            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, inject, PropType, provide, 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 { DIVIDER_INVERSE_INJECTION_KEY } from '@/components/divider/divider.keys';\n    import { MENU_INVERSE_INJECTION_KEY } from './menu.keys';\n    import messages from './messages.json';\n    import { useHasSlot } from '@/composables';\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             * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.\n             */\n            button: {\n                type: Object as PropType<BentoMenuButtonProps>,\n                default: () =>\n                    ({\n                        variant: 'secondary',\n                    } as BentoMenuButtonProps),\n            },\n            /**\n             * The data to be displayed in the list\n             */\n            data: {\n                type: Array as PropType<BentoMenuItem[]>,\n                required: true,\n            },\n\n            /**\n             * The position of where the menu should open.\n             */\n            menuPosition: {\n                type: String as PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>,\n                default: BentoPopoverPositions.BOTTOM_START,\n                validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n            },\n\n            /**\n             * Instructs the menu popover to be visible outside of the containing container.\n             * @see {@link https://floating-ui.com/docs/usefloating#strategy}\n             */\n            menuFixedPositioning: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Sets a custom width for the menu popover.\n             */\n            menuWidth: {\n                type: Number,\n                default: null,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, BentoMenuEvent.OPEN],\n        setup(props, { emit, slots }) {\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 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\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                // Classes\n                computedClasses,\n                isInverseColorSet,\n\n                // Methods\n                hasSlot: useHasSlot(slots),\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","BentoDivider","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","subMenuHeight","computedHeight","MENU_INVERSE_INJECTION_KEY","_sfc_main","BentoButton","BentoPopover","MenuItemList","OptionsVerticalIcon","BentoClickOutsideDirective","BentoPopoverPositions","value","slots","menuButtonRef","showMenu","isLastElementFocused","menuId","generateUid","popoverId","isInverseColorSet","inject","provide","DIVIDER_INVERSE_INJECTION_KEY","computedClasses","computedMenuWidth","openMenu","toggleShowMenu","onKeyDown","onKeyUp","useHasSlot"],"mappings":";;;;;;;;;;;;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;sBCsBAE,KAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,YAAAC,GAAA,iBAAAC,GAAA,kBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAIA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAIA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,eAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA;AAAA;AAAA,MAIA,MAAA,CAAA,QAAA,QAAA;AAAA,MAGA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAAC,EAAA,KAAA;AAAA,EACA,MAAAC,GAAA,EAAA,MAAAC,EAAA,GAAA;AAaA,WAAA;AAAA;AAAA,MAAA,oBAXAC,EAAA,OAAA;AAAA,QAAA,yBAAAF,EAAA;AAAA,QACA,uBAAAA,EAAA;AAAA,MACA,EAAA;AAAA;AAAA,MAWA,SARA,CAAAG,MAAA;AACA,QAAAA,EAAA,gBAAA,GACAH,EAAA,QAAA,GACAC,EAAAF,EAAA,KAAA;AAAA,MAAA;AAAA,IAQA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;;;;AC3HY,IAAAK,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,OAAA,QAHQA,IAAAD,KAAA,CAAA,CAAA;ACQZ,MAAAE,KAAAX,EAAA;AAAA,EAAA,MAAA;AAEA,CAAA;;;;;;;;;;;;;;;;;;;GC+BAY,KAAAZ,EAAA;AAAA,EAAA,MAAA,EAAA,UAAAa,EAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAA,cAAAC,GAAA,UAAAC,GAAA,mBAAAC,EAAA;AAAA,EACA,OAAA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAAP,EAAA,OAAAA,EAAA,IAAA;AAAA,EACA,MAAAJ,GAAA,EAAA,MAAAC,EAAA,GAAA;AAEA,UAAAW,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,CAAA,GACAE,IAAAF,EAAAb,EAAA,MAAA,MAAA,GAEAgB,IAAA,MAAAf,EAAAG,EAAA,KAAA,GAEAa,IAAA,MAAAhB,EAAAG,EAAA,IAAA,GAEAc,IAAAhB,EAAA,MAAA;;AACA,YAAAiB,KAAAC,IAAApB,EAAA,UAAA,gBAAAoB,EAAA,IAAA,CAAAC,OAAA;AAAA,QAAA,GAAAA;AAAA,QACA,QAAA,CAAAA,EAAA;AAAA,QACA,SAAA;AAAA,QACA,cAAAL;AAAA,MACA;AAEA,aAAA;AAAA,QAAA;AAAA,UACA,MAAAhB,EAAA;AAAA,UACA,eAAA;AAAA,UACA,UAAA;AAAA,UACA,MAAAsB;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,QAAA;AAAA,UACA,SAAAL;AAAA,UACA,cAAAA;AAAA,UACA,YAAA;AAAA,QACA;AAAA,QACA,GAAAE;AAAA,MACA;AAAA,IACA,CAAA,GAGAI,IAAA,YAAA;;AACA,OAAAC,KAAAC,KAAAC,KAAAC,KAAAP,IAAAR,EAAA,UAAA,gBAAAQ,EAAA,aAAA,gBAAAO,EAAAb,EAAA,WAAA,gBAAAY,EAAA,aAAA,gBAAAD,EAAA,OAAA,QAAAD,EAAA;AAAA,IAAA;AAGA,IAAAI,EAAA,YAAA;AAEA,iBAAA,MAAAL,EAAA,GAAA,GAAA;AAAA,IAAA,CAAA;AAGA,UAAAM,IAAA,MAAA;AACA,MAAAf,EAAA,QAAA,KACAA,EAAA,SAAA,GACAI,EAAA,MAAAJ,EAAA,KAAA,EAAA,YACAe,EAAA,KAGAf,EAAA,QAAAC,EAAA,OAEAQ,EAAA;AAAA,IAAA,GAGAO,IAAA,MAAA;AACA,MAAAhB,EAAA,QAAAC,EAAA,SACAD,EAAA,SAAA,GACAI,EAAA,MAAAJ,EAAA,KAAA,EAAA,YACAgB,EAAA,KAGAhB,EAAA,QAAA,GAEAS,EAAA;AAAA,IAAA;AAGA,WAAA;AAAA;AAAA,MAAA,gBAAAnB;AAAA;AAAA,MAEA,yBAAAQ;AAAA,MAGA,qBAAAE;AAAA,MACA,iBAAAQ;AAAA,MACA,eAAAJ;AAAA;AAAA,MACA,WAAAF;AAAA,MAGA,cAAAC;AAAA,MACA,eAAAY;AAAA,MACA,WAAAC;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;;;;;uBCnFAC,KAAApC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,cAAAc,GAAA,UAAAC,GAAA,mBAAAC,GAAA,iBAAAqB,GAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAIA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,kBAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA5B,EAAA,KAAA;AAAA,EACA,MAAAJ,GAAA,EAAA,MAAAC,EAAA,GAAA;AAEA,UAAAgC,IAAApB,EAAA,IAAA,GACAqB,IAAArB,EAAA,IAAA,GACAsB,IAAAtB,EAAA,IAAA,GACAuB,IAAAvB,EAAA,EAAA,GACAwB,IAAAxB,EAAA,IAAA,GACAyB,IAAAzB,EAAAb,EAAA,mBAAAA,EAAA,KAAA,SAAA,IAAA,CAAA,GACAc,IAAAD,EAAA,CAAA,GACAE,IAAAF,EAAAb,EAAA,KAAA,SAAA,CAAA,GACAuC,IAAArC,EAAA,MAAAF,EAAA,KAAA,KAAA,CAAAqB,MAAAA,EAAA,IAAA,CAAA,GAEAmB,IAAAtC,EAAA,MACAF,EAAA,eAAAuC,EAAA,QACAvC,EAAA,KAAA,IAAA,CAAAqB,MAAA;AACA,UAAAoB,IAAA;AACA,aAAApB,EAAA,SACAoB,IAAA,KAEA;AAAA,QAAA,GAAApB;AAAA;AAAA,QACA,QAAAoB;AAAA,MAEA;AAAA,IACA,CAAA,IAGAzC,EAAA,IAAA,GAGAuB,IAAA,MAAA;;AAAA,cAAAG,KAAAC,KAAAP,IAAAa,EAAA,UAAA,gBAAAb,EAAA,SAAAkB,EAAA,WAAA,gBAAAX,EAAA,SAAA,OAAA,gBAAAD,EAAA;AAAA,OAEAV,IAAA,MAAAf,EAAAG,EAAA,KAAA,GAEAsC,IAAA,OAAAC,GAAAC,MAAA;AACA,MAAAD,EAAA,SACAN,EAAA,QAAAO,GACAR,EAAA,QAAA,OAEAC,EAAA,QAAAO,GACAR,EAAA,QAAA,IACApB,EAAA;AAAA,IACA,GAGAa,IAAA,MAAA;AACA,MAAAS,EAAA,QAAA,KACAA,EAAA,SAAA,GACAE,EAAA,MAAAF,EAAA,KAAA,EAAA,YACAT,EAAA,KAGAS,EAAA,QAAAvB,EAAA,OAEAQ,EAAA;AAAA,IAAA,GAGAO,IAAA,MAAA;AACA,MAAAQ,EAAA,QAAAvB,EAAA,SACAuB,EAAA,SAAA,GACAE,EAAA,MAAAF,EAAA,KAAA,EAAA,YACAR,EAAA,KAGAQ,EAAA,QAAA,GAEAf,EAAA;AAAA,IAAA,GAGAsB,IAAA,CAAAF,GAAAC,MAAA;;AACA,OAAAxB,IAAAuB,KAAA,gBAAAA,EAAA,UAAA,QAAAvB,EAAA,WACAiB,EAAA,QAAAO,GACAR,EAAA,QAAA;AAAA,IACA,GAGAU,IAAA,MAAA;AACA,MAAAT,EAAA,SAAAD,EAAA,UACAC,EAAA,QAAA,MACAD,EAAA,QAAA;AAAA,IACA,GAGAnB,IAAA,MAAA;AACA,MAAAmB,EAAA,QAAA,IACAC,EAAA,QAAA,MAEAd,EAAA;AAAA,IAAA,GAGAwB,IAAA7C,EAAA,MAAA;;AAAA,cAAAwB,KAAAC,KAAAP,IAAAe,EAAA,UAAA,gBAAAf,EAAA,OAAA,gBAAAO,EAAA,QAAA,gBAAAD,EAAA;AAAA,KAAA,GAIAsB,IAAA9C,EAAA,MAAAkC,EAAA,QAAA,GAAAW,EAAA,YAAA,EAAA;AAEA,WAAA;AAAA;AAAA,MAAA,iBAAAd;AAAA,MAEA,wBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,cAAAK;AAAA,MAEA,gBAAAQ;AAAA,MACA,cAAAV;AAAA,MAEA,qBAAAxB;AAAA,MACA,aAAAsB;AAAA,MAEA,qBAAAC;AAAA;AAAA,MACA,YAAAK;AAAA,MAGA,WAAA1B;AAAA,MACA,eAAAa;AAAA,MACA,WAAAC;AAAA,MACA,YAAAe;AAAA,MACA,WAAAC;AAAA,MACA,cAAA7B;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBC5MagC,KAAA,OAAA,kCAAA,GCuFbC,KAAAvD,EAAA;AAAA,EAAA,MAAA,EAAA,UAAAa,EAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAA,aAAA2C,GAAA,cAAAC,GAAA,cAAAC,IAAA,qBAAAC,GAAA;AAAA,EACA,YAAA,EAAA,4BAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA,OAAA;AAAA,QAEA,SAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAIA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,cAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,OAAAD,CAAA,EAAA,SAAAC,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,sBAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,WAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAArD,EAAA,OAAAA,EAAA,IAAA;AAAA,EACA,MAAAJ,GAAA,EAAA,MAAAC,GAAA,OAAAyD,EAAA,GAAA;AAEA,UAAAC,IAAA9C,EAAA,IAAA,GACA+C,IAAA/C,EAAA,EAAA,GACAgD,IAAAhD,EAAA,EAAA,GACAiD,IAAAC,EAAA,MAAA,GACAC,IAAAD,EAAA,cAAA,GAEAE,IAAAC,EAAAjB,IAAApC,EAAA,EAAA,CAAA;AACA,IAAAsD,EAAAC,GAAAH,CAAA;AAEA,UAAAI,IAAAnE,EAAA,OAAA;AAAA,MAAA,mBAAA+D,EAAA;AAAA,IACA,EAAA,GAGAK,IAAApE,EAAA,MAAAF,EAAA,YAAA,EAAA,OAAA,GAAAA,EAAA,cAAA,IAAA,IAAA,GAEAuE,IAAA,MAAA;AACA,MAAAX,EAAA,QAAA,IACA3D,EAAAG,EAAA,IAAA;AAAA,IAAA,GAGAY,IAAA,MAAA;AACA,MAAA4C,EAAA,UACAA,EAAA,QAAA,IACAD,EAAA,MAAA,IAAA,MAAA,GACA1D,EAAAG,EAAA,KAAA;AAAA,IACA,GAGAoE,IAAA,CAAArE,MAAA;AACA,MAAAA,EAAA,gBAAA,GACAyD,EAAA,QAGA5C,EAAA,IAFAuD,EAAA;AAAA,IAGA,GAGAE,IAAA,MAAA;AACA,MAAAZ,EAAA,QAAA,IACAU,EAAA;AAAA,IAAA,GAGAG,IAAA,MAAA;AACA,MAAAb,EAAA,QAAA,IACAU,EAAA;AAAA,IAAA;AAGA,WAAA;AAAA;AAAA,MAAA,eAAAZ;AAAA,MAEA,QAAAG;AAAA,MACA,WAAAE;AAAA,MACA,UAAAJ;AAAA,MACA,mBAAAU;AAAA,MACA,sBAAAT;AAAA;AAAA,MACA,iBAAAQ;AAAA,MAGA,mBAAAJ;AAAA;AAAA,MACA,SAAAU,EAAAjB,CAAA;AAAA,MAGA,WAAAe;AAAA,MACA,SAAAC;AAAA,MACA,WAAA1D;AAAA,MACA,gBAAAwD;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/{index.6cef7328.js → index.6c299479.js}

@@ -1,7 +1,7 @@
 import { defineComponent as re } from "vue";
 import { u as ne } from "./use-has-slot.fbeb19ec.js";
 import { n as ae } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import "../assets/index30.css";
+import "../assets/index5.css";
 var R = "data-focus-lock", oe = "data-focus-lock-disabled", ue = "data-no-focus-lock", ie = "data-autofocus-inside", ce = "data-no-autofocus", m = function(e) {
   for (var t = Array(e.length), r = 0; r < e.length; ++r)
     t[r] = e[r];
@@ -442,4 +442,4 @@ export {
   Ze as B,
   ke as g
 };
-//# sourceMappingURL=index.6cef7328.js.map
+//# sourceMappingURL=index.6c299479.js.map