@ui5/webcomponents 0.0.0-0a35d6b3d → 0.0.0-0dd36ca4b

package/dist/ListItemGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemGroup.js","sourceRoot":"","sources":["../src/ListItemGroup.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAyB,mBAAmB,CAAC;AAE7C,WAAW;AACX,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AAEvF,SAAS;AACT,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AACvE,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAE3D;;;;;;;;;;;;;;GAcG;AASH,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAqCrC,IAAI,eAAe;QAClB,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAsB,uBAAuB,CAAE,CAAC;IACtF,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,kBAAkB,CAAC;IACrD,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED,IAAI,eAAe;QAClB,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAA;AA7CA;IADC,QAAQ,EAAE;iDACS;AAQpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DACG;AAW9B;IALC,IAAI,CAAC;QACL,SAAS,EAAE,IAAI;QACf,uBAAuB,EAAE,IAAI;QAC7B,IAAI,EAAE,WAAW;KACjB,CAAC;4CAC0B;AAS5B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;6CACC;AAnCxB,aAAa;IARlB,aAAa,CAAC;QACd,GAAG,EAAE,cAAc;QACnB,QAAQ,EAAE,SAAS;QACnB,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE,CAAC,gBAAgB,CAAC;QAC1B,YAAY,EAAE,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;KACrD,CAAC;GACI,aAAa,CAoDlB;AAED,aAAa,CAAC,MAAM,EAAE,CAAC;AAEvB,MAAM,yBAAyB,GAAG,CAAC,MAAW,EAA2B,EAAE;IAC1E,OAAO,iBAAiB,IAAI,MAAM,CAAC;AACpC,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAE,yBAAyB,EAAE,CAAC","sourcesContent":["import slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport ListItemBase from \"./ListItemBase.js\";\n\n// Template\nimport ListItemGroupTemplate from \"./generated/templates/ListItemGroupTemplate.lit.js\";\n\n// Styles\nimport ListItemGroupCss from \"./generated/themes/ListItemGroup.css.js\";\nimport StandardListItem from \"./StandardListItem.js\";\nimport ListItemGroupHeader from \"./ListItemGroupHeader.js\";\n\n/**\n * @class\n * ### Overview\n * The `ui5-li-group` is a special list item, used only to create groups of list items.\n *\n * This is the item to use inside a `ui5-list`.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents/dist/ListItemGroup.js\";`\n * @csspart header - Used to style the header item of the group\n * @constructor\n * @extends UI5Element\n * @public\n * @since 2.0\n */\n@customElement({\n\ttag: \"ui5-li-group\",\n\trenderer: litRender,\n\tlanguageAware: true,\n\ttemplate: ListItemGroupTemplate,\n\tstyles: [ListItemGroupCss],\n\tdependencies: [StandardListItem, ListItemGroupHeader],\n})\nclass ListItemGroup extends UI5Element {\n\t/**\n\t * Defines the header text of the <code>ui5-li-group</code>.\n\t * @public\n\t * @default \"\"\n\t */\n\t@property()\n\theaderText!: string;\n\n\t/**\n\t * Defines the accessible name of the header.\n\t * @public\n\t * @default \"\"\n\t */\n\t@property({ type: String })\n\theaderAccessibleName!: string;\n\n\t/**\n\t * Defines the items of the <code>ui5-li-group</code>.\n\t * @public\n\t */\n\t@slot({\n\t\t\"default\": true,\n\t\tinvalidateOnChildChange: true,\n\t\ttype: HTMLElement,\n\t})\n\titems!: Array<ListItemBase>;\n\n\t/**\n\t* Defines the header of the component.\n\t*\n\t* **Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement })\n\theader!: Array<ListItemBase>;\n\n\tget groupHeaderItem() {\n\t\treturn this.shadowRoot!.querySelector<ListItemGroupHeader>(\"[ui5-li-group-header]\")!;\n\t}\n\n\tget hasHeader(): boolean {\n\t\treturn !!this.headerText || this.hasFormattedHeader;\n\t}\n\n\tget hasFormattedHeader(): boolean {\n\t\treturn !!this.header.length;\n\t}\n\n\tget isListItemGroup() {\n\t\treturn true;\n\t}\n}\n\nListItemGroup.define();\n\nconst isInstanceOfListItemGroup = (object: any): object is ListItemGroup => {\n\treturn \"isListItemGroup\" in object;\n};\n\nexport default ListItemGroup;\nexport { isInstanceOfListItemGroup };\n"]}

package/dist/{GroupHeaderListItem.d.ts → ListItemGroupHeader.d.ts}

@@ -2,24 +2,21 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import ListItemBase from "./ListItemBase.js";
 /**
  * @class
- * The <code>ui5-li-groupheader</code> is a special list item, used only to separate other list items into logical groups.
- *
+ * The `ui5-li-group-header` is a special list item, used only to separate other list items into logical groups.
  * @slot {Node[]} default - Defines the text of the component.
- * <br>
- * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
  *
+ * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
  * @constructor
  * @extends ListItemBase
- * @public
+ * @private
  */
-declare class GroupHeaderListItem extends ListItemBase {
+declare class ListItemGroupHeader extends ListItemBase {
     /**
      * Defines the text alternative of the component.
-     * Note: If not provided a default text alternative will be set, if present.
      *
+     * **Note:** If not provided a default text alternative will be set, if present.
      * @default ""
      * @public
-     * @since 1.0.0-rc.15
      */
     accessibleName: string;
     static i18nBundle: I18nBundle;
@@ -28,4 +25,4 @@ declare class GroupHeaderListItem extends ListItemBase {
     get ariaLabelText(): string;
     static onDefine(): Promise<void>;
 }
-export default GroupHeaderListItem;
+export default ListItemGroupHeader;

package/dist/{GroupHeaderListItem.js → ListItemGroupHeader.js}

@@ -4,53 +4,51 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var GroupHeaderListItem_1;
+var ListItemGroupHeader_1;
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import ListItemBase from "./ListItemBase.js";
 import { GROUP_HEADER_TEXT } from "./generated/i18n/i18n-defaults.js";
 // Template
-import GroupHeaderListItemTemplate from "./generated/templates/GroupHeaderListItemTemplate.lit.js";
+import ListItemGroupHeaderTemplate from "./generated/templates/ListItemGroupHeaderTemplate.lit.js";
 // Styles
-import groupheaderListItemCss from "./generated/themes/GroupHeaderListItem.css.js";
+import ListItemGroupHeaderCss from "./generated/themes/ListItemGroupHeader.css.js";
 /**
  * @class
- * The <code>ui5-li-groupheader</code> is a special list item, used only to separate other list items into logical groups.
- *
+ * The `ui5-li-group-header` is a special list item, used only to separate other list items into logical groups.
  * @slot {Node[]} default - Defines the text of the component.
- * <br>
- * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
  *
+ * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
  * @constructor
  * @extends ListItemBase
- * @public
+ * @private
  */
-let GroupHeaderListItem = GroupHeaderListItem_1 = class GroupHeaderListItem extends ListItemBase {
+let ListItemGroupHeader = ListItemGroupHeader_1 = class ListItemGroupHeader extends ListItemBase {
     get groupItem() {
         return true;
     }
     get groupHeaderText() {
-        return GroupHeaderListItem_1.i18nBundle.getText(GROUP_HEADER_TEXT);
+        return ListItemGroupHeader_1.i18nBundle.getText(GROUP_HEADER_TEXT);
     }
     get ariaLabelText() {
         return [this.textContent, this.accessibleName].filter(Boolean).join(" ");
     }
     static async onDefine() {
-        GroupHeaderListItem_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+        ListItemGroupHeader_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
     }
 };
 __decorate([
     property()
-], GroupHeaderListItem.prototype, "accessibleName", void 0);
-GroupHeaderListItem = GroupHeaderListItem_1 = __decorate([
+], ListItemGroupHeader.prototype, "accessibleName", void 0);
+ListItemGroupHeader = ListItemGroupHeader_1 = __decorate([
     customElement({
-        tag: "ui5-li-groupheader",
+        tag: "ui5-li-group-header",
         languageAware: true,
-        template: GroupHeaderListItemTemplate,
-        styles: [ListItemBase.styles, groupheaderListItemCss],
+        template: ListItemGroupHeaderTemplate,
+        styles: [ListItemBase.styles, ListItemGroupHeaderCss],
     })
-], GroupHeaderListItem);
-GroupHeaderListItem.define();
-export default GroupHeaderListItem;
-//# sourceMappingURL=GroupHeaderListItem.js.map
+], ListItemGroupHeader);
+ListItemGroupHeader.define();
+export default ListItemGroupHeader;
+//# sourceMappingURL=ListItemGroupHeader.js.map

package/dist/ListItemGroupHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemGroupHeader.js","sourceRoot":"","sources":["../src/ListItemGroupHeader.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,WAAW;AACX,OAAO,2BAA2B,MAAM,0DAA0D,CAAC;AAEnG,SAAS;AACT,OAAO,sBAAsB,MAAM,+CAA+C,CAAC;AAEnF;;;;;;;;;GASG;AAOH,IAAM,mBAAmB,2BAAzB,MAAM,mBAAoB,SAAQ,YAAY;IAa7C,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,eAAe;QAClB,OAAO,qBAAmB,CAAC,UAAU,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1E,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,qBAAmB,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC5E,CAAC;CACD,CAAA;AAnBA;IADC,QAAQ,EAAE;2DACa;AATnB,mBAAmB;IANxB,aAAa,CAAC;QACd,GAAG,EAAE,qBAAqB;QAC1B,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,sBAAsB,CAAC;KACrD,CAAC;GACI,mBAAmB,CA4BxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ListItemBase from \"./ListItemBase.js\";\n\nimport { GROUP_HEADER_TEXT } from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport ListItemGroupHeaderTemplate from \"./generated/templates/ListItemGroupHeaderTemplate.lit.js\";\n\n// Styles\nimport ListItemGroupHeaderCss from \"./generated/themes/ListItemGroupHeader.css.js\";\n\n/**\n * @class\n * The `ui5-li-group-header` is a special list item, used only to separate other list items into logical groups.\n * @slot {Node[]} default - Defines the text of the component.\n *\n * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n * @constructor\n * @extends ListItemBase\n * @private\n */\n@customElement({\n\ttag: \"ui5-li-group-header\",\n\tlanguageAware: true,\n\ttemplate: ListItemGroupHeaderTemplate,\n\tstyles: [ListItemBase.styles, ListItemGroupHeaderCss],\n})\nclass ListItemGroupHeader extends ListItemBase {\n\t/**\n\t * Defines the text alternative of the component.\n\t *\n\t * **Note:** If not provided a default text alternative will be set, if present.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\taccessibleName!: string;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tget groupItem() {\n\t\treturn true;\n\t}\n\n\tget groupHeaderText() {\n\t\treturn ListItemGroupHeader.i18nBundle.getText(GROUP_HEADER_TEXT);\n\t}\n\n\tget ariaLabelText() {\n\t\treturn [this.textContent, this.accessibleName].filter(Boolean).join(\" \");\n\t}\n\n\tstatic async onDefine() {\n\t\tListItemGroupHeader.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n}\n\nListItemGroupHeader.define();\n\nexport default ListItemGroupHeader;\n"]}

package/dist/Menu.d.ts

@@ -6,6 +6,7 @@ import ResponsivePopover from "./ResponsivePopover.js";
 import type { ResponsivePopoverBeforeCloseEventDetail } from "./ResponsivePopover.js";
 import StandardListItem from "./StandardListItem.js";
 import type MenuItem from "./MenuItem.js";
+import PopoverPlacement from "./types/PopoverPlacement.js";
 import type { ListItemClickEventDetail } from "./List.js";
 type CurrentItem = {
     item: MenuItem;
@@ -22,38 +23,40 @@ type MenuBeforeOpenEventDetail = {
 type MenuBeforeCloseEventDetail = {
     escPressed: boolean;
 };
+type MenuItemFocusEventDetail = {
+    ref: HTMLElement;
+    item: MenuItem;
+};
 type OpenerStandardListItem = StandardListItem & {
     associatedItem: MenuItem;
 };
 /**
  * @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
  * @extends UI5Element
  * @since 1.3.0
@@ -62,14 +65,12 @@ type OpenerStandardListItem = StandardListItem & {
 declare class Menu extends UI5Element {
     /**
      * Defines the header text of the menu (displayed on mobile).
-     *
      * @default ""
      * @public
      */
     headerText: string;
     /**
      * Indicates if the menu is open
-     *
      * @public
      * @default false
      * @since 1.10.0
@@ -77,23 +78,20 @@ declare class Menu extends UI5Element {
     open: boolean;
     /**
      * Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.
-     *
      * @default false
      * @public
      * @since 1.13.0
      */
-    busy: boolean;
+    loading: boolean;
     /**
-     * Defines the delay in milliseconds, after which the busy indicator will be displayed inside the corresponding ui5-menu popover..
-     *
+     * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover..
      * @default 1000
      * @public
      * @since 1.13.0
      */
-    busyDelay: number;
+    loadingDelay: number;
     /**
      * Defines the ID or DOM Reference of the element that the menu is shown at
-     *
      * @public
      * @default ""
      * @since 1.10.0
@@ -118,11 +116,6 @@ declare class Menu extends UI5Element {
      * @private
      */
     _currentItems: Array<CurrentItem>;
-    /**
-     * Stores a list of parent menu items for each sub-menu (on phone).
-     * @private
-     */
-    _parentItemsStack: Array<MenuItem>;
     /**
      * Stores the ResponsivePopover instance
      */
@@ -131,15 +124,18 @@ declare class Menu extends UI5Element {
      * Stores parent menu item (if there is such).
      */
     _parentMenuItem?: MenuItem;
+    /**
+     * Stores parent menu item DOM representation (if there is such).
+     */
+    _opener?: HTMLElement;
     /**
      * Stores menu item that have sub-menu opened.
      */
     _openedSubMenuItem?: MenuItem;
     /**
      * Defines the items of this component.
-     * <br><br>
-     * <b>Note:</b> Use <code>ui5-menu-item</code> for the intended design.
      *
+     * **Note:** Use `ui5-menu-item` for the intended design.
      * @public
      */
     items: Array<MenuItem>;
@@ -149,52 +145,51 @@ declare class Menu extends UI5Element {
     get itemsWithChildren(): boolean;
     get itemsWithIcon(): boolean;
     get isRtl(): boolean;
-    get placementType(): "Left" | "Right" | "Bottom";
+    get placement(): `${PopoverPlacement}`;
     get verticalAlign(): "Top" | "Bottom";
     get labelBack(): string;
     get labelClose(): string;
     get isPhone(): boolean;
-    get isSubMenuOpened(): boolean;
+    get isSubMenuOpened(): boolean | undefined;
     get menuHeaderTextPhone(): string;
     onBeforeRendering(): void;
     onAfterRendering(): void;
     /**
      * Shows the Menu near the opener element.
-     *
      * @param opener the element that the popover is shown at
      * @public
      */
     showAt(opener: HTMLElement): Promise<void>;
     /**
      * Closes the Menu.
-     *
      * @public
      */
     close(): void;
     _createPopover(): Promise<ResponsivePopover>;
     getOpener(): HTMLElement | null;
     _navigateBack(): void;
+    _closeAll(): void;
     _prepareCurrentItems(items: Array<MenuItem>): void;
-    _createSubMenu(item: MenuItem, openerId: string): void;
+    _createSubMenu(item: MenuItem, opener: HTMLElement): void;
     _clonedItemsFragment(item: MenuItem): DocumentFragment;
-    _openItemSubMenu(item: MenuItem, opener: HTMLElement, actionId: string): void;
-    _closeItemSubMenu(item: MenuItem, forceClose?: boolean): void;
-    _closeSubMenuPopover(subMenu: Menu, forceClose?: boolean): void;
-    _prepareSubMenuDesktopTablet(item: MenuItem, opener: HTMLElement, actionId: string): void;
-    _prepareSubMenuPhone(item: MenuItem): void;
-    _startOpenTimeout(item: MenuItem, opener: OpenerStandardListItem, hoverId: string): void;
+    _openItemSubMenu(item: MenuItem, opener: HTMLElement): void;
+    _closeItemSubMenu(item: MenuItem, forceClose?: boolean, keyboard?: boolean): void;
+    _closeSubMenuPopover(subMenu: Menu, forceClose?: boolean, keyboard?: boolean): void;
+    _prepareSubMenu(item: MenuItem, opener: HTMLElement): void;
+    _onfocusin(e: FocusEvent): void;
+    _startOpenTimeout(item: MenuItem, opener: OpenerStandardListItem): void;
     _startCloseTimeout(item: MenuItem): void;
-    _clearTimeout(): void;
     _itemMouseOver(e: MouseEvent): void;
-    _busyMouseOver(): void;
+    _loadingMouseOver(): void;
     _itemMouseOut(e: MouseEvent): void;
     _itemKeyDown(e: KeyboardEvent): void;
     _itemClick(e: CustomEvent<ListItemClickEventDetail>): void;
-    _findMainMenu(item: MenuItem): Menu;
+    _findMainMenu(element: MenuItem | Menu): Menu;
+    _isMenu(element: HTMLElement): boolean;
     _beforePopoverOpen(e: CustomEvent): void;
     _afterPopoverOpen(): void;
     _beforePopoverClose(e: CustomEvent<ResponsivePopoverBeforeCloseEventDetail>): void;
     _afterPopoverClose(): void;
 }
 export default Menu;
-export type { MenuItemClickEventDetail, MenuBeforeCloseEventDetail, MenuBeforeOpenEventDetail, };
+export type { MenuItemClickEventDetail, MenuBeforeCloseEventDetail, MenuBeforeOpenEventDetail, MenuItemFocusEventDetail, };