@ui5/webcomponents 0.0.0-d9b978d1d → 0.0.0-da0d3eb88

package/dist/Menu.js

@@ -12,7 +12,7 @@ import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import DOMReference from "@ui5/webcomponents-base/dist/types/DOMReference.js";
 import { isLeft, isRight, isEnter, } from "@ui5/webcomponents-base/dist/Keys.js";
-import { isPhone, isTablet, isDesktop, } from "@ui5/webcomponents-base/dist/Device.js";
+import { isPhone, isDesktop, } from "@ui5/webcomponents-base/dist/Device.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
@@ -21,50 +21,43 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import ResponsivePopover from "./ResponsivePopover.js";
 import Button from "./Button.js";
 import List from "./List.js";
-import StandardListItem from "./StandardListItem.js";
 import Icon from "./Icon.js";
 import BusyIndicator from "./BusyIndicator.js";
-import staticAreaMenuTemplate from "./generated/templates/MenuTemplate.lit.js";
-import { MENU_BACK_BUTTON_ARIA_LABEL, MENU_CLOSE_BUTTON_ARIA_LABEL, } from "./generated/i18n/i18n-defaults.js";
+import MenuItem from "./MenuItem.js";
+import menuTemplate from "./generated/templates/MenuTemplate.lit.js";
+import { MENU_CLOSE_BUTTON_ARIA_LABEL, } from "./generated/i18n/i18n-defaults.js";
 // Styles
-import staticAreaMenuCss from "./generated/themes/Menu.css.js";
+import menuCss from "./generated/themes/Menu.css.js";
 const MENU_OPEN_DELAY = 300;
-const MENU_CLOSE_DELAY = 400;
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
- * <code>ui5-menu</code> component represents a hierarchical menu structure.
+ * `ui5-menu` component represents a hierarchical menu structure.
  *
- * <h3>Usage</h3>
+ * ### Usage
  *
- * <code>ui5-menu</code> contains <code>ui5-menu-item</code> components.
+ * `ui5-menu` contains `ui5-menu-item` components.
  * An arbitrary hierarchy structure can be represented by recursively nesting menu items.
  *
- * <h3>Keyboard Handling</h3>
+ * ### Keyboard Handling
  *
- * The <code>ui5-menu</code> provides advanced keyboard handling.
+ * The `ui5-menu` provides advanced keyboard handling.
  * The user can use the following keyboard shortcuts in order to navigate trough the tree:
- * <ul>
- * <li><code>Arrow Up</code> / <code>Arrow Down</code> - Navigates up and down the menu items that are currently visible.</li>
- * <li><code>Arrow Right</code>, <code>Space</code> or <code>Enter</code> - Opens a sub-menu if there are menu items nested
- * in the currently clicked menu item.</li>
- * <li><code>Arrow Left</code> or <code>Escape</code> - Closes the currently opened sub-menu.</li>
- * </ul>
- * Note: if the text ditrection is set to Right-to-left (RTL), <code>Arrow Right</code> and <code>Arrow Left</code> functionality is swapped.
- * <br>
  *
- * <h3>ES6 Module Import</h3>
+ * - `Arrow Up` / `Arrow Down` - Navigates up and down the menu items that are currently visible.
+ * - `Arrow Right`, `Space` or `Enter` - Opens a sub-menu if there are menu items nested
+ * in the currently clicked menu item.
+ * - `Arrow Left` or `Escape` - Closes the currently opened sub-menu.
  *
- * <code>import "@ui5/webcomponents/dist/Menu.js";</code>
+ * Note: if the text ditrection is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.
  *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/Menu.js";`
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.main.Menu
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-menu
- * @appenddocs sap.ui.webc.main.MenuItem
+ * @extends UI5Element
  * @since 1.3.0
  * @public
  */
@@ -72,337 +65,103 @@ let Menu = Menu_1 = class Menu extends UI5Element {
     static async onDefine() {
         Menu_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
     }
-    get itemsWithChildren() {
-        return !!this._currentItems.filter(item => item.item.items.length).length;
-    }
-    get itemsWithIcon() {
-        return !!this._currentItems.filter(item => item.item.icon !== "").length;
-    }
     get isRtl() {
         return this.effectiveDir === "rtl";
     }
-    get placementType() {
-        const placement = this.isRtl ? "Left" : "Right";
-        return this._isSubMenu ? placement : "Bottom";
-    }
-    get verticalAlign() {
-        return this._isSubMenu ? "Top" : "Bottom";
-    }
-    get labelBack() {
-        return Menu_1.i18nBundle.getText(MENU_BACK_BUTTON_ARIA_LABEL);
-    }
     get labelClose() {
         return Menu_1.i18nBundle.getText(MENU_CLOSE_BUTTON_ARIA_LABEL);
     }
     get isPhone() {
         return isPhone();
     }
-    get isSubMenuOpened() {
-        return !!this._parentMenuItem;
-    }
-    get menuHeaderTextPhone() {
-        return this._parentMenuItem ? this._parentMenuItem.text : this.headerText;
+    get _popover() {
+        return this.shadowRoot.querySelector("[ui5-responsive-popover]");
     }
     onBeforeRendering() {
-        !isPhone() && this._prepareCurrentItems(this.items);
-        const itemsWithChildren = this.itemsWithChildren;
-        const itemsWithIcon = this.itemsWithIcon;
-        this._currentItems.forEach(item => {
-            item.item._siblingsWithChildren = itemsWithChildren;
-            item.item._siblingsWithIcon = itemsWithIcon;
-            const subMenu = item.item._subMenu;
-            const menuItem = item.item;
-            if (subMenu && subMenu.busy) {
-                subMenu.innerHTML = "";
-                const fragment = this._clonedItemsFragment(menuItem);
-                subMenu.appendChild(fragment);
-            }
-            if (subMenu) {
-                subMenu.busy = item.item.busy;
-                subMenu.busyDelay = item.item.busyDelay;
-            }
-        });
-    }
-    onAfterRendering() {
-        if (!this.opener) {
-            return;
-        }
-        if (this.open) {
-            const opener = this.getOpener();
-            if (opener) {
-                this.showAt(opener);
-            }
-        }
-        else {
-            this.close();
-        }
-    }
-    /**
-     * Shows the Menu near the opener element.
-     * @param {HTMLElement} opener the element that the popover is shown at
-     * @public
-     * @method
-     * @name sap.ui.webc.main.Menu#showAt
-     */
-    async showAt(opener) {
-        if (isPhone()) {
-            this._prepareCurrentItems(this.items);
-            this._parentItemsStack = [];
-        }
-        if (!this._isSubMenu) {
-            this._parentMenuItem = undefined;
-        }
-        const popover = await this._createPopover();
-        popover.initialFocus = "";
-        for (let index = 0; index < this._currentItems.length; index++) {
-            if (!this._currentItems[index].item.disabled) {
-                popover.initialFocus = `${this._id}-menu-item-${index}`;
-                break;
-            }
-        }
-        popover.showAt(opener);
-    }
-    /**
-     * Closes the Menu.
-     * @public
-     * @method
-     * @name sap.ui.webc.main.Menu#close
-     */
-    close() {
-        if (this._popover) {
-            if (isPhone()) {
-                this._parentItemsStack = [];
-            }
-            this._popover.close();
-            this._popover.resetFocus();
-        }
-    }
-    async _createPopover() {
-        const staticAreaItemDomRef = await this.getStaticAreaItemDomRef();
-        this._popover = staticAreaItemDomRef.querySelector("[ui5-responsive-popover]");
-        return this._popover;
-    }
-    getOpener() {
-        const rootNode = this.getRootNode();
-        return this.opener instanceof HTMLElement ? this.opener : rootNode?.getElementById?.(this.opener);
-    }
-    _navigateBack() {
-        const parentMenuItem = this._parentItemsStack.pop();
-        this.focus();
-        if (parentMenuItem) {
-            const parentMenuItemParent = parentMenuItem.parentElement;
-            this._prepareCurrentItems(parentMenuItemParent.items);
-            this._parentMenuItem = this._parentItemsStack.length ? this._parentItemsStack[this._parentItemsStack.length - 1] : undefined;
-        }
-    }
-    _prepareCurrentItems(items) {
-        this._currentItems = items.map((item, index) => {
-            return {
-                item,
-                position: index + 1,
-                ariaHasPopup: item.hasSubmenu ? "menu" : undefined,
-            };
+        const siblingsWithIcon = this.items.some(item => !!item.icon);
+        this.items.forEach(item => {
+            item._siblingsWithIcon = siblingsWithIcon;
         });
     }
-    _createSubMenu(item, openerId) {
-        const ctor = this.constructor;
-        const subMenu = document.createElement(ctor.getMetadata().getTag());
-        subMenu._isSubMenu = true;
-        subMenu.setAttribute("id", `submenu-${openerId}`);
-        subMenu._parentMenuItem = item;
-        subMenu.busy = item.busy;
-        subMenu.busyDelay = item.busyDelay;
-        const fragment = this._clonedItemsFragment(item);
-        subMenu.appendChild(fragment);
-        this.staticAreaItem.shadowRoot.querySelector(".ui5-menu-submenus").appendChild(subMenu);
-        item._subMenu = subMenu;
+    _close() {
+        this.open = false;
     }
-    _clonedItemsFragment(item) {
-        const fragment = document.createDocumentFragment();
-        for (let i = 0; i < item.items.length; ++i) {
-            const clonedItem = item.items[i].cloneNode(true);
-            fragment.appendChild(clonedItem);
+    _openItemSubMenu(item) {
+        clearTimeout(this._timeout);
+        if (!item._popover || item._popover.open) {
+            return;
         }
-        return fragment;
-    }
-    _openItemSubMenu(item, opener, actionId) {
-        const mainMenu = this._findMainMenu(item);
-        mainMenu.fireEvent("before-open", {
+        this.fireEvent("before-open", {
             item,
         }, false, false);
-        item._subMenu.showAt(opener);
-        item._preventSubMenuClose = true;
-        this._openedSubMenuItem = item;
-        this._subMenuOpenerId = actionId;
-    }
-    _closeItemSubMenu(item, forceClose = false) {
-        if (item) {
-            if (forceClose) {
-                item._preventSubMenuClose = false;
-                this._closeSubMenuPopover(item._subMenu, true);
-            }
-            else {
-                setTimeout(() => this._closeSubMenuPopover(item._subMenu), 0);
-            }
-        }
-    }
-    _closeSubMenuPopover(subMenu, forceClose = false) {
-        if (subMenu) {
-            const parentItem = subMenu._parentMenuItem;
-            if (forceClose || !parentItem._preventSubMenuClose) {
-                subMenu.close();
-                subMenu.remove();
-                parentItem._subMenu = undefined;
-                this._openedSubMenuItem = undefined;
-                this._subMenuOpenerId = "";
+        item._popover.opener = item;
+        item._popover.open = true;
+        item.selected = true;
+    }
+    _closeItemSubMenu(item) {
+        if (item && item._popover) {
+            const openedSibling = item.items.find(menuItem => menuItem._popover && menuItem._popover.open);
+            if (openedSibling) {
+                this._closeItemSubMenu(openedSibling);
             }
-        }
-    }
-    _prepareSubMenuDesktopTablet(item, opener, actionId) {
-        if (actionId !== this._subMenuOpenerId || (item && item.hasSubmenu)) {
-            // close opened sub-menu if there is any opened
-            this._closeItemSubMenu(this._openedSubMenuItem, true);
-        }
-        if (item && item.hasSubmenu) {
-            // create new sub-menu
-            this._createSubMenu(item, actionId);
-            this._openItemSubMenu(item, opener, actionId);
-        }
-        if (this._parentMenuItem) {
-            this._parentMenuItem._preventSubMenuClose = true;
-        }
-    }
-    _prepareSubMenuPhone(item) {
-        this._prepareCurrentItems(item.items);
-        this._parentMenuItem = item;
-        this._parentItemsStack.push(item);
-    }
-    _startOpenTimeout(item, opener, hoverId) {
-        // If theres already a timeout, clears it
-        this._clearTimeout();
-        // Sets the new timeout
-        this._timeout = setTimeout(() => {
-            this._prepareSubMenuDesktopTablet(item, opener, hoverId);
-        }, MENU_OPEN_DELAY);
-    }
-    _startCloseTimeout(item) {
-        // If theres already a timeout, clears it
-        this._clearTimeout();
-        // Sets the new timeout
-        this._timeout = setTimeout(() => {
-            this._closeItemSubMenu(item);
-        }, MENU_CLOSE_DELAY);
-    }
-    _clearTimeout() {
-        if (this._timeout) {
-            clearTimeout(this._timeout);
+            item._popover.open = false;
+            item.selected = false;
         }
     }
     _itemMouseOver(e) {
         if (isDesktop()) {
             // respect mouseover only on desktop
-            const opener = e.target;
-            const item = opener.associatedItem;
-            const hoverId = opener.getAttribute("id");
-            opener.focus();
-            // If there is a pending close operation, cancel it
-            this._clearTimeout();
+            const item = e.target;
+            item.focus();
             // Opens submenu with 300ms delay
-            this._startOpenTimeout(item, opener, hoverId);
+            this._startOpenTimeout(item);
         }
     }
-    _busyMouseOver() {
-        if (this._parentMenuItem) {
-            this._parentMenuItem._preventSubMenuClose = true;
-        }
+    _startOpenTimeout(item) {
+        clearTimeout(this._timeout);
+        this._timeout = setTimeout(() => {
+            const opener = item.parentElement;
+            const openedSibling = opener && opener.items.find(menuItem => menuItem._popover && menuItem._popover.open);
+            if (openedSibling) {
+                this._closeItemSubMenu(openedSibling);
+            }
+            this._openItemSubMenu(item);
+        }, MENU_OPEN_DELAY);
     }
-    _itemMouseOut(e) {
-        if (isDesktop()) {
-            const opener = e.target;
-            const item = opener.associatedItem;
-            // If there is a pending open operation, cancel it
-            this._clearTimeout();
-            // Close submenu with 400ms delay
-            if (item && item.hasSubmenu && item._subMenu) {
-                // try to close the sub-menu
-                item._preventSubMenuClose = false;
-                this._startCloseTimeout(item);
+    _itemClick(e) {
+        const item = e.detail.item;
+        if (!item._popover) {
+            const prevented = !this.fireEvent("item-click", {
+                "item": item,
+                "text": item.text,
+            }, true, false);
+            if (!prevented && this._popover) {
+                item.fireEvent("close-menu", {});
             }
         }
+        else {
+            this._openItemSubMenu(item);
+        }
     }
     _itemKeyDown(e) {
-        const isMenuClose = this.isRtl ? isRight(e) : isLeft(e);
-        const isMenuOpen = this.isRtl ? isLeft(e) : isRight(e);
+        const shouldCloseMenu = this.isRtl ? isRight(e) : isLeft(e);
+        const shouldOpenMenu = this.isRtl ? isLeft(e) : isRight(e);
+        const item = e.target;
+        const parentElement = item.parentElement;
         if (isEnter(e)) {
             e.preventDefault();
         }
-        if (isMenuOpen) {
-            const opener = e.target;
-            const item = opener.associatedItem;
-            const hoverId = opener.getAttribute("id");
-            item.hasSubmenu && this._prepareSubMenuDesktopTablet(item, opener, hoverId);
+        if (shouldOpenMenu) {
+            this._openItemSubMenu(item);
         }
-        else if (isMenuClose && this._isSubMenu && this._parentMenuItem) {
-            const parentMenuItemParent = this._parentMenuItem.parentElement;
-            parentMenuItemParent._closeItemSubMenu(this._parentMenuItem, true);
+        else if (shouldCloseMenu && parentElement.hasAttribute("ui5-menu-item") && parentElement._popover) {
+            parentElement._popover.open = false;
+            parentElement.selected = false;
+            parentElement._popover.opener?.focus();
         }
     }
-    _itemClick(e) {
-        const opener = e.detail.item;
-        const item = opener.associatedItem;
-        const actionId = opener.getAttribute("id");
-        if (!item.hasSubmenu) {
-            // click on an item that doesn't have sub-items fires an "item-click" event
-            if (!this._isSubMenu) {
-                if (isPhone()) {
-                    this._parentMenuItem = undefined;
-                }
-                // fire event if the click is on top-level menu item
-                const prevented = !this.fireEvent("item-click", {
-                    "item": item,
-                    "text": item.text,
-                }, true, false);
-                if (!prevented) {
-                    this._popover.close();
-                }
-            }
-            else {
-                const mainMenu = this._findMainMenu(item);
-                const prevented = !mainMenu.fireEvent("item-click", {
-                    "item": item,
-                    "text": item.text,
-                }, true, false);
-                if (!prevented) {
-                    let openerMenuItem = item;
-                    let parentMenu = openerMenuItem.parentElement;
-                    do {
-                        openerMenuItem._preventSubMenuClose = false;
-                        this._closeItemSubMenu(openerMenuItem);
-                        parentMenu = openerMenuItem.parentElement;
-                        openerMenuItem = parentMenu._parentMenuItem;
-                    } while (parentMenu._parentMenuItem);
-                    mainMenu._popover.close();
-                }
-            }
-        }
-        else if (isPhone()) {
-            // prepares and opens sub-menu on phone
-            this._prepareSubMenuPhone(item);
-        }
-        else if (isTablet()) {
-            // prepares and opens sub-menu on tablet
-            this._prepareSubMenuDesktopTablet(item, opener, actionId);
-        }
-    }
-    _findMainMenu(item) {
-        let parentMenu = item.parentElement;
-        while (parentMenu._parentMenuItem) {
-            parentMenu = parentMenu._parentMenuItem.parentElement;
-        }
-        return parentMenu;
-    }
     _beforePopoverOpen(e) {
-        const prevented = !this.fireEvent("before-open", {}, true, false);
+        const prevented = !this.fireEvent("before-open", {}, true, true);
         if (prevented) {
             this.open = false;
             e.preventDefault();
@@ -410,23 +169,19 @@ let Menu = Menu_1 = class Menu extends UI5Element {
     }
     _afterPopoverOpen() {
         this.open = true;
-        this.fireEvent("after-open", {}, false, false);
+        this.items[0]?.focus();
+        this.fireEvent("open", {}, false, true);
     }
     _beforePopoverClose(e) {
-        const prevented = !this.fireEvent("before-close", { escPressed: e.detail.escPressed }, true, false);
+        const prevented = !this.fireEvent("before-close", { escPressed: e.detail.escPressed }, true, true);
         if (prevented) {
             this.open = true;
             e.preventDefault();
-            return;
-        }
-        if (this._openedSubMenuItem) {
-            this._openedSubMenuItem._preventSubMenuClose = false;
-            this._closeItemSubMenu(this._openedSubMenuItem);
         }
     }
     _afterPopoverClose() {
         this.open = false;
-        this.fireEvent("after-close", {}, false, false);
+        this.fireEvent("close", {}, false, true);
     }
 };
 __decorate([
@@ -437,34 +192,13 @@ __decorate([
 ], Menu.prototype, "open", void 0);
 __decorate([
     property({ type: Boolean })
-], Menu.prototype, "busy", void 0);
+], Menu.prototype, "loading", void 0);
 __decorate([
     property({ validator: Integer, defaultValue: 1000 })
-], Menu.prototype, "busyDelay", void 0);
+], Menu.prototype, "loadingDelay", void 0);
 __decorate([
     property({ validator: DOMReference, defaultValue: "" })
 ], Menu.prototype, "opener", void 0);
-__decorate([
-    property({ type: Boolean, noAttribute: true })
-], Menu.prototype, "_isSubMenu", void 0);
-__decorate([
-    property()
-], Menu.prototype, "_subMenuOpenerId", void 0);
-__decorate([
-    property({ type: Object, multiple: true })
-], Menu.prototype, "_currentItems", void 0);
-__decorate([
-    property({ type: Object, multiple: true })
-], Menu.prototype, "_parentItemsStack", void 0);
-__decorate([
-    property({ type: Object, defaultValue: undefined })
-], Menu.prototype, "_popover", void 0);
-__decorate([
-    property({ type: Object, defaultValue: undefined })
-], Menu.prototype, "_parentMenuItem", void 0);
-__decorate([
-    property({ type: Object, defaultValue: undefined })
-], Menu.prototype, "_openedSubMenuItem", void 0);
 __decorate([
     slot({ "default": true, type: HTMLElement, invalidateOnChildChange: true })
 ], Menu.prototype, "items", void 0);
@@ -472,22 +206,21 @@ Menu = Menu_1 = __decorate([
     customElement({
         tag: "ui5-menu",
         renderer: litRender,
-        staticAreaStyles: staticAreaMenuCss,
-        staticAreaTemplate: staticAreaMenuTemplate,
+        styles: menuCss,
+        template: menuTemplate,
         dependencies: [
             ResponsivePopover,
             Button,
             List,
-            StandardListItem,
+            MenuItem,
             Icon,
             BusyIndicator,
         ],
     })
     /**
      * Fired when an item is being clicked.
-     * <b>Note:</b> Since 1.17.0 the event is preventable, allowing the menu to remain open after an item is pressed.
      *
-     * @event sap.ui.webc.main.Menu#item-click
+     * **Note:** Since 1.17.0 the event is preventable, allowing the menu to remain open after an item is pressed.
      * @allowPreventDefault
      * @param { HTMLElement } item The currently clicked menu item.
      * @param { string } text The text of the currently clicked menu item.
@@ -496,65 +229,73 @@ Menu = Menu_1 = __decorate([
     ,
     event("item-click", {
         detail: {
+            /**
+             * @public
+             */
             item: {
                 type: HTMLElement,
             },
+            /**
+             * @public
+             */
             text: {
                 type: String,
             },
         },
     })
     /**
-     * Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening. <b>This event does not bubble.</b>
-     * <b>Note:</b> Since 1.14.0 the event is also fired before a sub-menu opens.
+     * Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening. **This event does not bubble.**
      *
+     * **Note:** Since 1.14.0 the event is also fired before a sub-menu opens.
      * @public
-     * @event sap.ui.webc.main.Menu#before-open
      * @allowPreventDefault
      * @since 1.10.0
-     * @param { HTMLElement } item The <code>ui5-menu-item</code> that triggers opening of the sub-menu or undefined when fired upon root menu opening. <b>Note:</b> available since 1.14.0.
+     * @param { HTMLElement } item The `ui5-menu-item` that triggers opening of the sub-menu or undefined when fired upon root menu opening.
      */
     ,
     event("before-open", {
         detail: {
+            /**
+             * @public
+             * @since 1.14.0
+             */
             item: {
                 type: HTMLElement,
             },
         },
     })
     /**
-     * Fired after the menu is opened. <b>This event does not bubble.</b>
-     *
+     * Fired after the menu is opened. **This event does not bubble.**
      * @public
-     * @event sap.ui.webc.main.Menu#after-open
      * @since 1.10.0
      */
     ,
-    event("after-open")
+    event("open")
     /**
-     * Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing. <b>This event does not bubble.</b>
-     *
+     * Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing. **This event does not bubble.**
      * @public
-     * @event sap.ui.webc.main.Menu#before-close
      * @allowPreventDefault
-     * @param {boolean} escPressed Indicates that <code>ESC</code> key has triggered the event.
+     * @param {boolean} escPressed Indicates that `ESC` key has triggered the event.
      * @since 1.10.0
      */
     ,
     event("before-close", {
         detail: {
-            escPressed: { type: Boolean },
+            /**
+             * @public
+             */
+            escPressed: {
+                type: Boolean,
+            },
         },
     })
     /**
-     * Fired after the menu is closed. <b>This event does not bubble.</b>
-     *
+     * Fired after the menu is closed. **This event does not bubble.**
      * @public
-     * @event sap.ui.webc.main.Menu#after-close
      * @since 1.10.0
      */
     ,
-    event("after-close")
+    event("close")
 ], Menu);
 Menu.define();
 export default Menu;