@ui5/webcomponents 2.0.0-rc.2 → 2.0.0-rc.4

package/dist/ListItemGroup.js

@@ -0,0 +1,83 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import "./ListItemBase.js";
+// Template
+import ListItemGroupTemplate from "./generated/templates/ListItemGroupTemplate.lit.js";
+// Styles
+import ListItemGroupCss from "./generated/themes/ListItemGroup.css.js";
+import StandardListItem from "./StandardListItem.js";
+import ListItemGroupHeader from "./ListItemGroupHeader.js";
+/**
+ * @class
+ * ### Overview
+ * The `ui5-li-group` is a special list item, used only to create groups of list items.
+ *
+ * This is the item to use inside a `ui5-list`.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents/dist/ListItemGroup.js";`
+ * @csspart header - Used to style the header item of the group
+ * @constructor
+ * @extends UI5Element
+ * @public
+ * @since 2.0.0
+ */
+let ListItemGroup = class ListItemGroup extends UI5Element {
+    get groupHeaderItem() {
+        return this.shadowRoot.querySelector("[ui5-li-group-header]");
+    }
+    get hasHeader() {
+        return !!this.headerText || this.hasFormattedHeader;
+    }
+    get hasFormattedHeader() {
+        return !!this.header.length;
+    }
+    get isListItemGroup() {
+        return true;
+    }
+};
+__decorate([
+    property()
+], ListItemGroup.prototype, "headerText", void 0);
+__decorate([
+    property({ type: String })
+], ListItemGroup.prototype, "headerAccessibleName", void 0);
+__decorate([
+    slot({
+        "default": true,
+        invalidateOnChildChange: true,
+        type: HTMLElement,
+    })
+], ListItemGroup.prototype, "items", void 0);
+__decorate([
+    property({ type: Boolean })
+], ListItemGroup.prototype, "focused", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], ListItemGroup.prototype, "header", void 0);
+ListItemGroup = __decorate([
+    customElement({
+        tag: "ui5-li-group",
+        renderer: litRender,
+        languageAware: true,
+        template: ListItemGroupTemplate,
+        styles: [ListItemGroupCss],
+        dependencies: [StandardListItem, ListItemGroupHeader],
+    })
+], ListItemGroup);
+ListItemGroup.define();
+const isInstanceOfListItemGroup = (object) => {
+    return "isListItemGroup" in object;
+};
+export default ListItemGroup;
+export { isInstanceOfListItemGroup };
+//# sourceMappingURL=ListItemGroup.js.map

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;IA4CrC,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;AApDA;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;AAO5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACV;AASlB;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;6CACC;AA1CxB,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,CA2DlB;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.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 * Indicates whether the header is focused\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfocused!: boolean;\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,28 +2,29 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import ListItemBase from "./ListItemBase.js";
 /**
  * @class
- * The `ui5-li-groupheader` 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.
  *
  * **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.
      * @default ""
      * @public
-     * @since 1.0.0-rc.15
      */
     accessibleName: string;
     static i18nBundle: I18nBundle;
     get groupItem(): boolean;
+    get _pressable(): boolean;
     get groupHeaderText(): string;
     get ariaLabelText(): string;
     static onDefine(): Promise<void>;
+    onEnterDOM(): void;
 }
-export default GroupHeaderListItem;
+export default ListItemGroupHeader;

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

@@ -4,51 +4,60 @@ 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 { isDesktop } from "@ui5/webcomponents-base/dist/Device.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 `ui5-li-groupheader` 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.
  *
  * **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 _pressable() {
+        return false;
+    }
     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");
+    }
+    onEnterDOM() {
+        if (isDesktop()) {
+            this.setAttribute("desktop", "");
+        }
     }
 };
 __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,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,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,UAAU;QACb,OAAO,KAAK,CAAC;IACd,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;IAED,UAAU;QACT,IAAI,SAAS,EAAE,EAAE;YAChB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;SACjC;IACF,CAAC;CACD,CAAA;AA7BA;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,CAsCxB;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 { isDesktop } from \"@ui5/webcomponents-base/dist/Device.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 _pressable() {\n\t\treturn false;\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\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\n}\n\nListItemGroupHeader.define();\n\nexport default ListItemGroupHeader;\n"]}

package/dist/Menu.d.ts

@@ -4,15 +4,8 @@ import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import { Timeout } from "@ui5/webcomponents-base/dist/types.js";
 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 MenuItem from "./MenuItem.js";
 import type { ListItemClickEventDetail } from "./List.js";
-type CurrentItem = {
-    item: MenuItem;
-    position: number;
-    ariaHasPopup: string | undefined;
-};
 type MenuItemClickEventDetail = {
     item: MenuItem;
     text: string;
@@ -23,13 +16,6 @@ type MenuBeforeOpenEventDetail = {
 type MenuBeforeCloseEventDetail = {
     escPressed: boolean;
 };
-type MenuItemFocusEventDetail = {
-    ref: HTMLElement;
-    item: MenuItem;
-};
-type OpenerStandardListItem = StandardListItem & {
-    associatedItem: MenuItem;
-};
 /**
  * @class
  *
@@ -82,56 +68,23 @@ declare class Menu extends UI5Element {
      * @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
+     * Defines the ID or DOM Reference of the element at which the menu is shown.
+     * When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
+     * You can only set the `opener` attribute to a DOM Reference when using JavaScript.
      * @public
      * @default ""
      * @since 1.10.0
      */
     opener: HTMLElement | string;
-    /**
-     * Defines if the menu is sub-menu (not first-level).
-     * @default false
-     * @private
-     */
-    _isSubMenu: boolean;
-    /**
-     * Stores id of a list item that opened sub-menu.
-     * @private
-     */
-    _subMenuOpenerId: string;
-    /**
-     * Defines the currently available menu items.
-     * (in case of non-phone devices these are the items of the menu,
-     * but for phone devices the items of the currently opened sub-menu
-     * will be populated here)
-     * @private
-     */
-    _currentItems: Array<CurrentItem>;
-    /**
-     * Stores the ResponsivePopover instance
-     */
-    _popover?: ResponsivePopover;
-    /**
-     * 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.
      *
@@ -142,54 +95,22 @@ declare class Menu extends UI5Element {
     static i18nBundle: I18nBundle;
     _timeout?: Timeout;
     static onDefine(): Promise<void>;
-    get itemsWithChildren(): boolean;
-    get itemsWithIcon(): boolean;
     get isRtl(): boolean;
-    get placement(): `${PopoverPlacement}`;
-    get verticalAlign(): "Top" | "Bottom";
-    get labelBack(): string;
     get labelClose(): string;
     get isPhone(): boolean;
-    get isSubMenuOpened(): boolean | undefined;
-    get menuHeaderTextPhone(): string;
+    get _popover(): ResponsivePopover;
     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, opener: HTMLElement): void;
-    _clonedItemsFragment(item: MenuItem): DocumentFragment;
-    _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;
+    _close(): void;
+    _openItemSubMenu(item: MenuItem): void;
+    _closeItemSubMenu(item: MenuItem): void;
     _itemMouseOver(e: MouseEvent): void;
-    _busyMouseOver(): void;
-    _itemMouseOut(e: MouseEvent): void;
-    _itemKeyDown(e: KeyboardEvent): void;
+    _startOpenTimeout(item: MenuItem): void;
     _itemClick(e: CustomEvent<ListItemClickEventDetail>): void;
-    _findMainMenu(element: MenuItem | Menu): Menu;
-    _isMenu(element: HTMLElement): boolean;
+    _itemKeyDown(e: KeyboardEvent): void;
     _beforePopoverOpen(e: CustomEvent): void;
     _afterPopoverOpen(): void;
     _beforePopoverClose(e: CustomEvent<ResponsivePopoverBeforeCloseEventDetail>): void;
     _afterPopoverClose(): void;
 }
 export default Menu;
-export type { MenuItemClickEventDetail, MenuBeforeCloseEventDetail, MenuBeforeOpenEventDetail, MenuItemFocusEventDetail, };
+export type { MenuItemClickEventDetail, MenuBeforeCloseEventDetail, MenuBeforeOpenEventDetail, };