@adyen/bento-vue3 1.44.0 → 1.45.0

package/dist/chunks/menu.hDynz4lc.js

@@ -1,698 +0,0 @@
-import { defineComponent as O, computed as _, resolveComponent as v, openBlock as c, createBlock as M, normalizeClass as Z, createSlots as z, withCtx as g, createVNode as S, createTextVNode as U, toDisplayString as H, createCommentVNode as R, resolveDynamicComponent as ue, ref as d, inject as Q, createElementBlock as L, mergeProps as V, toHandlers as le, renderSlot as N, onMounted as ie, Transition as ae, createElementVNode as T, withKeys as I, withModifiers as W, Fragment as X, renderList as x, normalizeStyle as ee, provide as re } from "vue";
-import { g as j } from "./generate-uid.D-HFI38h.js";
-import { B as de, a as q } from "./popover.DwGgnCyn.js";
-import { B as te, D as ce } from "./divider.ugNXYI-T.js";
-import { B as me, u as fe } from "./teleport.B255JhsV.js";
-import { u as pe } from "./use-has-slot.B7eQSabc.js";
-import { u as ve } from "./i18n.CPGoe9tN.js";
-import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as be } from "./toggle-button.Bf77_tMh.js";
-import { a as Ce, C as G } from "./chevron-left.NvV5m76j.js";
-import { B as ye, a as J } from "./base-button.N4QTXNIp.js";
-import { B as ge } from "./typography.DNzU41ah.js";
-import "../assets/menu.css";
-const he = O({
-  name: "menu-item",
-  components: { BaseButton: ye, BentoTypography: ge, ChevronRightIcon: Ce },
-  props: {
-    /**
-     * menu-item text that gets displayed as the main label
-     */
-    text: {
-      type: String,
-      required: !0
-    },
-    /**
-     * menu-item action that gets executed when the MeniItem is clicked
-     */
-    handler: {
-      type: Function,
-      required: !0
-    },
-    /**
-     * menu-item text that gets displayed as the secondary label
-     */
-    secondaryText: {
-      type: String,
-      default: null
-    },
-    /**
-     * Optional chevron icon displayed to the right of the menu-item
-     */
-    chevron: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Optional icon displayed to the left of the menu-item
-     */
-    icon: {
-      // Types for Vue2 (Object) and Vue3 (Function)
-      // TODO: Remove Object when fully migrated to Vue3
-      type: [Object, Function],
-      default: null
-    },
-    /**
-     * Disables menu-item button functionality
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Displays an indent variant od the menu-item
-     */
-    indent: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Displays menu-item button as critical
-     */
-    critical: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Renders the text in a bold variant
-     */
-    isTitle: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [J.CLICK],
-  setup(e, { emit: t }) {
-    return {
-      // Values
-      conditionalClasses: _(() => ({
-        "b-menu-item--critical": e.critical,
-        "b-menu-item--indent": e.indent
-      })),
-      // Methods
-      onClick: (r) => {
-        r.stopPropagation(), e.handler(), t(J.CLICK);
-      }
-    };
-  }
-});
-function Ie(e, t, m, s, r, i) {
-  const l = v("bento-typography"), u = v("chevron-right-icon"), p = v("base-button");
-  return c(), M(p, {
-    class: Z(["b-menu-item", e.conditionalClasses]),
-    role: "menuitem",
-    disabled: e.disabled,
-    tabindex: "-1",
-    onClick: e.onClick
-  }, z({
-    default: g(() => [
-      S(l, {
-        el: "span",
-        variant: "body",
-        stronger: e.isTitle,
-        class: "b-menu-item__primary-text"
-      }, {
-        default: g(() => [
-          U(H(e.text), 1)
-        ]),
-        _: 1
-      }, 8, ["stronger"]),
-      e.secondaryText ? (c(), M(l, {
-        key: 0,
-        el: "span",
-        variant: "body",
-        class: "b-menu-item__secondary-text"
-      }, {
-        default: g(() => [
-          U(H(e.secondaryText), 1)
-        ]),
-        _: 1
-      })) : R("", !0)
-    ]),
-    _: 2
-  }, [
-    e.icon ? {
-      name: "iconLeft",
-      fn: g(() => [
-        (c(), M(ue(e.icon), {
-          class: "b-menu-item__icon-left",
-          "aria-hidden": "true"
-        }))
-      ]),
-      key: "0"
-    } : void 0,
-    e.chevron ? {
-      name: "iconRight",
-      fn: g(() => [
-        S(u, { "aria-hidden": "true" })
-      ]),
-      key: "1"
-    } : void 0
-  ]), 1032, ["class", "disabled", "onClick"]);
-}
-const ne = /* @__PURE__ */ w(he, [["render", Ie], ["__scopeId", "data-v-9e8afd9c"]]);
-var B = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(B || {});
-const Be = Symbol("menu registering injection key"), ke = {
-  name: "bento-menu-list-container"
-}, Me = /* @__PURE__ */ O({
-  ...ke,
-  setup(e) {
-    const t = d(), m = d({}), s = Q(
-      Be,
-      !1
-    );
-    if (s) {
-      const { registerMenuContainerElement: r } = s;
-      r(t), m.value = {
-        mouseleave: s == null ? void 0 : s.menuMouseLeave
-      };
-    }
-    return (r, i) => (c(), L("div", V({
-      ref_key: "menuListContainerRef",
-      ref: t,
-      class: "b-menu-list-container",
-      "data-testid": "menu-list-container"
-    }, le(m.value, !0)), [
-      N(r.$slots, "default", {}, void 0, !0)
-    ], 16));
-  }
-}), oe = /* @__PURE__ */ w(Me, [["__scopeId", "data-v-02a3ca45"]]), A = {
-  "en-US": {
-    menuButton: "Open menu",
-    backButton: "Go back"
-  }
-}, _e = O({
-  i18n: { messages: A },
-  name: "sub-menu-item-list",
-  components: { BentoDivider: te, MenuItem: ne, MenuListContainer: oe },
-  props: {
-    items: {
-      type: Array,
-      required: !0
-    },
-    title: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: [B.CLOSE, B.BACK],
-  setup(e, { emit: t }) {
-    const m = d(null), s = d(0), r = d(e.items.length), i = () => t(B.CLOSE), l = () => t(B.BACK), u = _(() => {
-      var b;
-      const a = (b = e.items) == null ? void 0 : b.map((C) => ({
-        ...C,
-        indent: !C.icon,
-        isTitle: !1,
-        clickHandler: i
-      }));
-      return [
-        {
-          text: e.title,
-          secondaryText: null,
-          critical: !1,
-          icon: G,
-          isTitle: !0,
-          disabled: !1,
-          indent: !1,
-          handler: l,
-          clickHandler: l,
-          addDivider: !0
-        },
-        ...a
-      ];
-    }), p = async () => {
-      var a, b, C, k, h;
-      (h = (k = (C = (b = (a = m.value) == null ? void 0 : a.children) == null ? void 0 : b[s.value]) == null ? void 0 : C.children) == null ? void 0 : k[0]) == null || h.focus();
-    };
-    ie(async () => {
-      setTimeout(() => p(), 150);
-    });
-    const o = () => {
-      s.value > 0 ? (s.value -= 1, u.value[s.value].disabled && o()) : s.value = r.value, p();
-    }, n = () => {
-      s.value < r.value ? (s.value += 1, u.value[s.value].disabled && n()) : s.value = 0, p();
-    };
-    return {
-      // Enums
-      BentoMenuEvent: B,
-      // Values
-      subMenuItemListRefLocal: m,
-      subMenuFocusedIndex: s,
-      ChevronLeftIcon: G,
-      computedItems: u,
-      // Methods
-      closeMenu: i,
-      onBackButton: l,
-      focusPrevious: o,
-      focusNext: n
-    };
-  }
-});
-function $e(e, t, m, s, r, i) {
-  const l = v("menu-item"), u = v("bento-divider"), p = v("menu-list-container");
-  return c(), M(ae, {
-    name: "b-sub-menu-item-list__transition",
-    appear: ""
-  }, {
-    default: g(() => [
-      S(p, { class: "b-sub-menu-item-list" }, {
-        default: g(() => [
-          T("ul", {
-            ref: "subMenuItemListRefLocal",
-            role: "menu",
-            class: "b-sub-menu-item-list__list",
-            onKeydown: [
-              t[0] || (t[0] = I(W((...o) => e.focusNext && e.focusNext(...o), ["stop"]), ["down"])),
-              t[1] || (t[1] = I(W((...o) => e.focusPrevious && e.focusPrevious(...o), ["stop"]), ["up"])),
-              t[2] || (t[2] = I(W((...o) => e.onBackButton && e.onBackButton(...o), ["stop"]), ["esc"]))
-            ]
-          }, [
-            (c(!0), L(X, null, x(e.computedItems, (o, n) => (c(), L("li", {
-              key: `sub-menu-item-list-item-${n}`,
-              role: "none"
-            }, [
-              S(l, {
-                text: o.text,
-                handler: o.handler,
-                "secondary-text": o.secondaryText,
-                icon: o.icon,
-                "is-title": o.isTitle,
-                disabled: o.disabled,
-                critical: o.critical,
-                indent: o.indent,
-                tabindex: n === e.subMenuFocusedIndex ? "0" : "-1",
-                onClick: o.clickHandler
-              }, null, 8, ["text", "handler", "secondary-text", "icon", "is-title", "disabled", "critical", "indent", "tabindex", "onClick"]),
-              o.addDivider ? (c(), M(u, {
-                key: 0,
-                class: "b-sub-menu-item-list__divider"
-              })) : R("", !0)
-            ]))), 128))
-          ], 544)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  });
-}
-const Se = /* @__PURE__ */ w(_e, [["render", $e], ["__scopeId", "data-v-621db243"]]), Le = O({
-  name: "menu-item-list",
-  components: { BentoDivider: te, MenuItem: ne, MenuListContainer: oe, SubMenuItemList: Se },
-  props: {
-    /**
-     * The data to be displayed in the list
-     */
-    data: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * Displays the menu-items of the list in the indent variant. Only applies to elements that don't have an icon to their left.
-     */
-    indentItems: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * 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.
-     */
-    focusLastElement: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * If set to true, closes the menu when an item is clicked.
-     */
-    closeMenuOnItemSelect: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: [B.CLOSE, "menu-item-click"],
-  setup(e, { emit: t }) {
-    const m = d(null), s = d(null), r = d(null), i = d(!1), l = d(null), u = d(e.focusLastElement ? e.data.length - 1 : 0), p = d(0), o = d(e.data.length - 1), n = _(() => e.data.some((f) => f.icon)), a = _(() => e.indentItems || n.value ? e.data.map((f) => {
-      let y = !1;
-      return f.icon || (y = !0), {
-        ...f,
-        // eslint-disable-next-line no-param-reassign
-        indent: y
-      };
-    }) : e.data), b = () => {
-      var f, y, $;
-      return ($ = (y = (f = m.value) == null ? void 0 : f.children[u.value]) == null ? void 0 : y.children[0]) == null ? void 0 : $.focus();
-    }, C = () => t(B.CLOSE), k = (f, y) => {
-      if (f.items) {
-        l.value = y, i.value = !0;
-        return;
-      }
-      l.value = y, i.value = !1, e.closeMenuOnItemSelect && C(), t("menu-item-click");
-    }, h = () => {
-      u.value > 0 ? (u.value -= 1, a.value[u.value].disabled && h()) : u.value = o.value, b();
-    }, E = () => {
-      u.value < o.value ? (u.value += 1, a.value[u.value].disabled && E()) : u.value = 0, b();
-    }, P = (f, y) => {
-      var $;
-      ($ = f == null ? void 0 : f.items) != null && $.length && (l.value = y, i.value = !0);
-    }, K = () => {
-      l.value && i.value && (l.value = null, i.value = !1);
-    }, D = () => {
-      i.value = !1, l.value = null, b();
-    }, F = _(() => {
-      var f, y, $;
-      return ($ = (y = (f = r.value) == null ? void 0 : f[0]) == null ? void 0 : y.$el) == null ? void 0 : $.offsetHeight;
-    }), se = _(() => i.value ? `${F.value}px` : "");
-    return {
-      // Values
-      menuItemListRef: m,
-      menuItemListWrapperRef: s,
-      subMenuItemListRef: r,
-      computedData: a,
-      computedHeight: se,
-      focusedIndex: u,
-      subMenuFocusedIndex: p,
-      showSubMenu: i,
-      visibleSubMenuIndex: l,
-      // Methods
-      menuItemClick: k,
-      closeMenu: C,
-      focusPrevious: h,
-      focusNext: E,
-      focusRight: P,
-      focusLeft: K,
-      onBackButton: D
-    };
-  }
-}), Ee = ["onKeydown"];
-function Re(e, t, m, s, r, i) {
-  const l = v("menu-item"), u = v("bento-divider"), p = v("sub-menu-item-list"), o = v("menu-list-container");
-  return c(), M(o, {
-    ref: "menuItemListWrapperRef",
-    style: ee({ height: e.computedHeight })
-  }, {
-    default: g(() => [
-      T("ul", {
-        ref: "menuItemListRef",
-        class: "b-menu-item-list",
-        role: "menu",
-        onKeydown: [
-          t[1] || (t[1] = I((...n) => e.focusNext && e.focusNext(...n), ["down"])),
-          t[2] || (t[2] = I((...n) => e.focusPrevious && e.focusPrevious(...n), ["up"])),
-          t[3] || (t[3] = I((...n) => e.closeMenu && e.closeMenu(...n), ["esc"])),
-          t[4] || (t[4] = I((...n) => e.closeMenu && e.closeMenu(...n), ["tab"]))
-        ]
-      }, [
-        (c(!0), L(X, null, x(e.computedData, (n, a) => {
-          var b, C, k, h;
-          return c(), L("li", {
-            key: `menu-item-${a}`,
-            class: "b-menu-item-list__item",
-            role: "none",
-            onKeydown: [
-              I((E) => e.focusRight(n, a), ["right"]),
-              t[0] || (t[0] = I((E) => e.focusLeft(), ["left"]))
-            ]
-          }, [
-            S(l, {
-              text: n.text,
-              handler: (b = n.items) != null && b.length ? () => null : n.handler,
-              "secondary-text": n.secondaryText,
-              icon: n.icon,
-              chevron: !!((C = n.items) != null && C.length),
-              disabled: n.disabled,
-              critical: n.critical,
-              indent: n.indent,
-              tabindex: a === e.subMenuFocusedIndex ? "0" : "-1",
-              "aria-haspopup": !!((k = n.items) != null && k.length),
-              "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === a,
-              onClick: (E) => e.menuItemClick(n, a)
-            }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
-            n.addDivider ? (c(), M(u, {
-              key: 0,
-              class: "b-menu-item-list__divider"
-            })) : R("", !0),
-            (h = n.items) != null && h.length && e.showSubMenu && e.visibleSubMenuIndex === a ? (c(), M(p, {
-              key: 1,
-              ref_for: !0,
-              ref: "subMenuItemListRef",
-              items: n.items,
-              title: n.text,
-              onBack: e.onBackButton,
-              onClose: e.closeMenu
-            }, null, 8, ["items", "title", "onBack", "onClose"])) : R("", !0)
-          ], 40, Ee);
-        }), 128))
-      ], 544)
-    ]),
-    _: 1
-  }, 8, ["style"]);
-}
-const we = /* @__PURE__ */ w(Le, [["render", Re], ["__scopeId", "data-v-cf88ddde"]]), Te = Symbol("menu inverse style injection key");
-let Y = 0;
-const Oe = {
-  beforeCreate() {
-    this.uuid = Y.toString(), Y += 1;
-  }
-}, Ne = { key: 0 };
-function Pe(e, t, m, s, r, i) {
-  return c(), L("svg", V({ role: "img" }, e.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    e.$attrs["svg-title"] ? (c(), L("title", Ne, H(e.$attrs["svg-title"]), 1)) : R("", !0),
-    t[0] || (t[0] = T("path", {
-      fill: "#00112C",
-      d: "M8 4C8.29667 4 8.58668 3.91203 8.83335 3.74721C9.08003 3.58238 9.27229 3.34811 9.38582 3.07403C9.49935 2.79994 9.52906 2.49834 9.47118 2.20737C9.4133 1.91639 9.27044 1.64912 9.06066 1.43934C8.85088 1.22956 8.58361 1.0867 8.29264 1.02882C8.00167 0.970945 7.70006 1.00065 7.42598 1.11418C7.15189 1.22771 6.91762 1.41997 6.7528 1.66665C6.58797 1.91332 6.5 2.20333 6.5 2.5C6.5 2.89783 6.65803 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z"
-    }, null, -1)),
-    t[1] || (t[1] = T("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"
-    }, null, -1)),
-    t[2] || (t[2] = T("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"
-    }, null, -1))
-  ], 16);
-}
-const Ke = /* @__PURE__ */ w(Oe, [["render", Pe]]), De = O({
-  i18n: { messages: A },
-  name: "bento-menu",
-  components: { BentoToggleButton: be, BentoPopover: de, BentoTeleport: me, MenuItemList: we, OptionsVerticalIcon: Ke },
-  props: {
-    /**
-     * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
-     */
-    button: {
-      type: Object,
-      default: () => ({
-        variant: "secondary"
-      })
-    },
-    /**
-     * Controls if the menu should close when an item is clicked.
-     * Defaults to `true`.
-     */
-    closeMenuOnItemSelect: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * The data to be displayed in the list
-     */
-    data: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * The position of where the menu should open.
-     */
-    menuPosition: {
-      type: String,
-      default: q.BOTTOM_START,
-      validator: (e) => Object.values(q).includes(e)
-    },
-    /**
-     * Instructs the menu popover to be visible outside of the containing container.
-     * @see {@link https://floating-ui.com/docs/usefloating#strategy}
-     */
-    menuFixedPositioning: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets a custom width for the menu popover.
-     */
-    menuWidth: {
-      type: Number,
-      default: null
-    },
-    /**
-     * Returns focus to the menu button after popover is closed.
-     * Disable if focus management is delegated to the parent component.
-     * Defaults to `true`.
-     */
-    revertFocusToButton: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
-     * (or `dialog` if popover is inside a dialog).
-     */
-    teleport: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [B.CLOSE, B.OPEN, "menu-item-click"],
-  setup(e, { emit: t, slots: m }) {
-    const { t: s } = ve({ messages: A }), r = d(null), i = d(!1), l = d(!1), u = d(null), p = j("menu"), o = j("menu-popover"), n = Q(Te, d(!1));
-    re(ce, n);
-    const a = _(() => ({
-      "b-menu--inverse": n.value
-    })), b = _(() => e.menuWidth ? { width: `${e.menuWidth}px` } : null), C = _(() => {
-      if (e != null && e.button)
-        return {
-          variant: "secondary",
-          ...e.button
-        };
-    }), k = () => {
-      i.value = !0, t(B.OPEN);
-    }, h = () => {
-      i.value && (i.value = !1, e.revertFocusToButton && r.value.$el.focus(), t(B.CLOSE));
-    }, E = (F) => {
-      F.stopPropagation(), i.value ? h() : k();
-    }, P = () => {
-      l.value = !1, k();
-    }, K = () => {
-      l.value = !0, k();
-    }, D = () => {
-      t("menu-item-click");
-    };
-    return fe(u, h, { ignore: [r] }), {
-      // Refs
-      popoverRef: u,
-      menuButtonRef: r,
-      // Values
-      menuId: p,
-      popoverId: o,
-      showMenu: i,
-      computedButtonPropsWithDefaults: C,
-      computedMenuWidth: b,
-      isLastElementFocused: l,
-      // Classes
-      computedClasses: a,
-      isInverseColorSet: n,
-      // Methods
-      hasSlot: pe(m),
-      onKeyDown: P,
-      onKeyUp: K,
-      closeMenu: h,
-      menuItemClick: D,
-      toggleShowMenu: E,
-      // Translations
-      t: s
-    };
-  }
-});
-function Fe(e, t, m, s, r, i) {
-  const l = v("options-vertical-icon"), u = v("bento-toggle-button"), p = v("menu-item-list"), o = v("bento-popover"), n = v("bento-teleport");
-  return c(), L("div", {
-    class: Z([e.computedClasses, "b-menu"]),
-    onKeydown: [
-      t[0] || (t[0] = I((...a) => e.onKeyDown && e.onKeyDown(...a), ["down"])),
-      t[1] || (t[1] = I((...a) => e.onKeyUp && e.onKeyUp(...a), ["up"])),
-      t[2] || (t[2] = I((...a) => e.closeMenu && e.closeMenu(...a), ["esc"]))
-    ]
-  }, [
-    S(u, V({
-      ref: "menuButtonRef",
-      "aria-haspopup": "true"
-    }, e.computedButtonPropsWithDefaults, {
-      "aria-controls": e.showMenu ? e.menuId : null,
-      toggled: e.showMenu,
-      inverse: e.isInverseColorSet,
-      onClick: e.toggleShowMenu
-    }), z({ _: 2 }, [
-      !e.hasSlot("default") || e.hasSlot("iconLeft") ? {
-        name: "iconLeft",
-        fn: g(() => [
-          N(e.$slots, "iconLeft", {}, () => [
-            S(l, {
-              title: e.t("menuButton")
-            }, null, 8, ["title"])
-          ], !0)
-        ]),
-        key: "0"
-      } : void 0,
-      e.hasSlot("default") ? {
-        name: "default",
-        fn: g(() => [
-          N(e.$slots, "default", {}, void 0, !0)
-        ]),
-        key: "1"
-      } : void 0,
-      e.hasSlot("iconRight") ? {
-        name: "iconRight",
-        fn: g(() => [
-          N(e.$slots, "iconRight", {}, void 0, !0)
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1040, ["aria-controls", "toggled", "inverse", "onClick"]),
-    e.menuButtonRef ? (c(), M(n, {
-      key: 0,
-      disabled: !e.teleport
-    }, {
-      default: g(() => [
-        e.menuButtonRef ? (c(), M(o, {
-          key: 0,
-          id: e.menuId,
-          ref: "popoverRef",
-          open: e.showMenu,
-          class: "b-menu__popover",
-          style: ee(e.computedMenuWidth),
-          "target-element": e.menuButtonRef,
-          position: e.menuPosition,
-          "fixed-positioning": e.menuFixedPositioning,
-          "fallback-position": [
-            "bottom-start",
-            "bottom-end",
-            "top-start",
-            "top-end",
-            "right-start",
-            "right-end",
-            "left-start",
-            "left-end"
-          ],
-          teleport: e.teleport,
-          "without-space": ""
-        }, {
-          default: g(() => [
-            S(p, {
-              "close-menu-on-item-select": e.closeMenuOnItemSelect,
-              data: e.data,
-              "focus-last-element": e.isLastElementFocused,
-              onClose: e.closeMenu,
-              onMenuItemClick: e.menuItemClick
-            }, null, 8, ["close-menu-on-item-select", "data", "focus-last-element", "onClose", "onMenuItemClick"])
-          ]),
-          _: 1
-        }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : R("", !0)
-      ]),
-      _: 1
-    }, 8, ["disabled"])) : R("", !0)
-  ], 34);
-}
-const Qe = /* @__PURE__ */ w(De, [["render", Fe], ["__scopeId", "data-v-bd1c16f6"]]);
-export {
-  Qe as B,
-  Be as D,
-  Te as M,
-  Ke as O,
-  B as a
-};
-//# sourceMappingURL=menu.hDynz4lc.js.map