@ui5/webcomponents 0.0.0-d9b978d1d → 0.0.0-da0d3eb88

package/dist/ListItemBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemBase.js","sourceRoot":"","sources":["../src/ListItemBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type { ClassMap } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { getTabbableElements } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport { isTabNext, isTabPrevious } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\n\n// Styles\nimport styles from \"./generated/themes/ListItemBase.css.js\";\n\n/**\n * @class\n * A class to serve as a foundation\n * for the <code>ListItem</code> and <code>GroupHeaderListItem</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.ListItemBase\n * @extends sap.ui.webc.base.UI5Element\n * @public\n */\n@customElement({\n\trenderer: litRender,\n\tstyles,\n})\n@event(\"_request-tabindex-change\")\n@event(\"_focused\")\n@event(\"_forward-after\")\n@event(\"_forward-before\")\nclass ListItemBase extends UI5Element implements ITabbable {\n\t/**\n\t * Defines the selected state of the <code>ListItem</code>.\n\t * @type {boolean}\n\t * @name sap.ui.webc.main.ListItemBase.prototype.selected\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t* Defines if the list item should display its bottom border.\n\t* @private\n\t*/\n\t@property({ type: Boolean })\n\thasBorder!: boolean;\n\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\t_tabIndex!: string;\n\n\t/**\n\t* Defines whether <code>ui5-li</code> is in disabled state.\n\t* <br><br>\n\t* <b>Note:</b> A disabled <code>ui5-li</code> is noninteractive.\n\t* @type {boolean}\n\t* @name sap.ui.webc.main.ListItemBase.prototype.disabled\n\t* @defaultvalue false\n\t* @protected\n\t* @since 1.0.0-rc.12\n\t*/\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/**\n\t * Indicates if the element is on focus\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfocused!: boolean;\n\n\t_onfocusin(e: FocusEvent) {\n\t\tthis.fireEvent(\"_request-tabindex-change\", e);\n\t\tif (e.target !== this.getFocusDomRef()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.focused = true;\n\t\tthis.fireEvent(\"_focused\", e);\n\t}\n\n\t_onfocusout() {\n\t\tthis.focused = false;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isTabNext(e)) {\n\t\t\treturn this._handleTabNext(e);\n\t\t}\n\n\t\tif (isTabPrevious(e)) {\n\t\t\treturn this._handleTabPrevious(e);\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {} // eslint-disable-line\n\n\t_handleTabNext(e: KeyboardEvent) {\n\t\tif (this.shouldForwardTabAfter()) {\n\t\t\tif (!this.fireEvent(\"_forward-after\", {}, true)) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t}\n\t}\n\n\t_handleTabPrevious(e: KeyboardEvent) {\n\t\tconst target = e.target as HTMLElement;\n\n\t\tif (this.shouldForwardTabBefore(target)) {\n\t\t\tthis.fireEvent(\"_forward-before\");\n\t\t}\n\t}\n\n\t/*\n\t* Determines if th current list item either has no tabbable content or\n\t* [TAB] is performed onto the last tabbale content item.\n\t*/\n\tshouldForwardTabAfter() {\n\t\tconst aContent = getTabbableElements(this.getFocusDomRef()!);\n\n\t\treturn aContent.length === 0 || (aContent[aContent.length - 1] === getActiveElement());\n\t}\n\n\t/*\n\t* Determines if the current list item is target of [SHIFT+TAB].\n\t*/\n\tshouldForwardTabBefore(target: HTMLElement) {\n\t\treturn this.getFocusDomRef() === target;\n\t}\n\n\tget classes(): ClassMap {\n\t\treturn {\n\t\t\tmain: {\n\t\t\t\t\"ui5-li-root\": true,\n\t\t\t\t\"ui5-li--focusable\": !this.disabled,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _ariaDisabled() {\n\t\treturn this.disabled ? true : undefined;\n\t}\n\n\tget hasConfigurableMode() {\n\t\treturn false;\n\t}\n\n\tget _effectiveTabIndex() {\n\t\tif (this.disabled) {\n\t\t\treturn -1;\n\t\t}\n\t\tif (this.selected) {\n\t\t\treturn 0;\n\t\t}\n\t\treturn this._tabIndex;\n\t}\n}\n\nexport default ListItemBase;\n"]}
+{"version":3,"file":"ListItemBase.js","sourceRoot":"","sources":["../src/ListItemBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type { ClassMap } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { getTabbableElements } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport {\n\tisEnter,\n\tisSpace,\n\tisTabNext,\n\tisTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\n\n// Styles\nimport styles from \"./generated/themes/ListItemBase.css.js\";\nimport draggableElementStyles from \"./generated/themes/DraggableElement.css.js\";\n\ntype ListItemBasePressEventDetail = {\n\titem: ListItemBase,\n\tselected: boolean,\n\tkey: string,\n}\n\n/**\n * @class\n * A class to serve as a foundation\n * for the `ListItem` and `ListItemGroupHeader` classes.\n * @constructor\n * @abstract\n * @extends UI5Element\n * @public\n */\n@customElement({\n\trenderer: litRender,\n\tstyles: [styles, draggableElementStyles],\n})\n@event(\"_request-tabindex-change\")\n@event(\"_press\")\n@event(\"_focused\")\n@event(\"_forward-after\")\n@event(\"_forward-before\")\nclass ListItemBase extends UI5Element implements ITabbable {\n\t/**\n\t * Defines the selected state of the component.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t * Defines whether the item is movable.\n\t * @default false\n\t * @private\n\t * @since 2.0.0\n\t */\n\t@property({ type: Boolean })\n\tmovable!: boolean;\n\n\t/**\n\t* Defines if the list item should display its bottom border.\n\t* @private\n\t*/\n\t@property({ type: Boolean })\n\thasBorder!: boolean;\n\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\tforcedTabIndex!: string;\n\n\t/**\n\t* Defines whether `ui5-li` is in disabled state.\n\t*\n\t* **Note:** A disabled `ui5-li` is noninteractive.\n\t* @default false\n\t* @protected\n\t* @since 1.0.0-rc.12\n\t*/\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/**\n\t * Indicates if the element is on focus\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfocused!: boolean;\n\n\t/**\n\t * Indicates if the list item is actionable, e.g has hover and pressed effects.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tactionable!: boolean;\n\n\tonBeforeRendering(): void {\n\t\tthis.actionable = true;\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tthis.fireEvent(\"_request-tabindex-change\", e);\n\t\tif (e.target !== this.getFocusDomRef()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.focused = true;\n\t\tthis.fireEvent(\"_focused\", e);\n\t}\n\n\t_onfocusout() {\n\t\tthis.focused = false;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isTabNext(e)) {\n\t\t\treturn this._handleTabNext(e);\n\t\t}\n\n\t\tif (isTabPrevious(e)) {\n\t\t\treturn this._handleTabPrevious(e);\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis.fireItemPress(e);\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis.fireItemPress(e);\n\t\t}\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tif (getEventMark(e) === \"button\") {\n\t\t\treturn;\n\t\t}\n\t\tthis.fireItemPress(e);\n\t}\n\n\tfireItemPress(e: Event) {\n\t\tif (this.disabled || !this._pressable) {\n\t\t\treturn;\n\t\t}\n\t\tif (isEnter(e as KeyboardEvent)) {\n\t\t\te.preventDefault();\n\t\t}\n\t\tthis.fireEvent<ListItemBasePressEventDetail>(\"_press\", { item: this, selected: this.selected, key: (e as KeyboardEvent).key });\n\t}\n\n\t_handleTabNext(e: KeyboardEvent) {\n\t\tif (this.shouldForwardTabAfter()) {\n\t\t\tif (!this.fireEvent(\"_forward-after\", {}, true)) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t}\n\t}\n\n\t_handleTabPrevious(e: KeyboardEvent) {\n\t\tconst target = e.target as HTMLElement;\n\n\t\tif (this.shouldForwardTabBefore(target)) {\n\t\t\tthis.fireEvent(\"_forward-before\");\n\t\t}\n\t}\n\n\t/*\n\t* Determines if th current list item either has no tabbable content or\n\t* [Tab] is performed onto the last tabbale content item.\n\t*/\n\tshouldForwardTabAfter() {\n\t\tconst aContent = getTabbableElements(this.getFocusDomRef()!);\n\n\t\treturn aContent.length === 0 || (aContent[aContent.length - 1] === getActiveElement());\n\t}\n\n\t/*\n\t* Determines if the current list item is target of [SHIFT+TAB].\n\t*/\n\tshouldForwardTabBefore(target: HTMLElement) {\n\t\treturn this.getFocusDomRef() === target;\n\t}\n\n\tget classes(): ClassMap {\n\t\treturn {\n\t\t\tmain: {\n\t\t\t\t\"ui5-li-root\": true,\n\t\t\t\t\"ui5-li--focusable\": this._focusable,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _ariaDisabled() {\n\t\treturn this.disabled ? true : undefined;\n\t}\n\n\tget _focusable() {\n\t\treturn !this.disabled;\n\t}\n\n\tget _pressable() {\n\t\treturn true;\n\t}\n\n\tget hasConfigurableMode() {\n\t\treturn false;\n\t}\n\n\tget _effectiveTabIndex() {\n\t\tif (!this._focusable) {\n\t\t\treturn -1;\n\t\t}\n\t\tif (this.selected) {\n\t\t\treturn 0;\n\t\t}\n\t\treturn this.forcedTabIndex;\n\t}\n}\n\nexport default ListItemBase;\n\nexport type {\n\tListItemBasePressEventDetail,\n};\n"]}

package/dist/ListItemGroup.d.ts

@@ -0,0 +1,56 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import ListItemBase from "./ListItemBase.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
+ */
+declare class ListItemGroup extends UI5Element {
+    /**
+     * Defines the header text of the <code>ui5-li-group</code>.
+     * @public
+     * @default ""
+     */
+    headerText: string;
+    /**
+     * Defines the accessible name of the header.
+     * @public
+     * @default ""
+     */
+    headerAccessibleName: string;
+    /**
+     * Defines the items of the <code>ui5-li-group</code>.
+     * @public
+     */
+    items: Array<ListItemBase>;
+    /**
+     * Indicates whether the header is focused
+     * @private
+     */
+    focused: boolean;
+    /**
+    * Defines the header of the component.
+    *
+    * **Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
+    * @public
+    */
+    header: Array<ListItemBase>;
+    get groupHeaderItem(): ListItemGroupHeader;
+    get hasHeader(): boolean;
+    get hasFormattedHeader(): boolean;
+    get isListItemGroup(): boolean;
+}
+declare const isInstanceOfListItemGroup: (object: any) => object is ListItemGroup;
+export default ListItemGroup;
+export { isInstanceOfListItemGroup };

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/ListItemGroupHeader.d.ts

@@ -0,0 +1,29 @@
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import ListItemBase from "./ListItemBase.js";
+/**
+ * @class
+ * 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
+ * @private
+ */
+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
+     */
+    accessibleName: string;
+    static i18nBundle: I18nBundle;
+    get groupItem(): boolean;
+    get _pressable(): boolean;
+    get groupHeaderText(): string;
+    get ariaLabelText(): string;
+    static onDefine(): Promise<void>;
+}
+export default ListItemGroupHeader;

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

@@ -4,53 +4,54 @@ 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.
  *
+ * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.main.GroupHeaderListItem
- * @extends sap.ui.webc.main.ListItemBase
- * @tagname ui5-li-groupheader
- * @implements sap.ui.webc.main.IListItem
- * @public
+ * @extends ListItemBase
+ * @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");
     }
 };
 __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,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;CACD,CAAA;AAvBA;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,CAgCxB;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 _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\nListItemGroupHeader.define();\n\nexport default ListItemGroupHeader;\n"]}

package/dist/Menu.d.ts

@@ -4,14 +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 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;
@@ -22,198 +16,97 @@ type MenuBeforeOpenEventDetail = {
 type MenuBeforeCloseEventDetail = {
     escPressed: boolean;
 };
-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.
+ *
+ * Note: if the text ditrection is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.
  *
- * <code>import "@ui5/webcomponents/dist/Menu.js";</code>
+ * ### 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
  */
 declare class Menu extends UI5Element {
     /**
      * Defines the header text of the menu (displayed on mobile).
-     *
-     * @name sap.ui.webc.main.Menu.prototype.headerText
-     * @type {string}
-     * @defaultvalue ""
+     * @default ""
      * @public
      */
     headerText: string;
     /**
      * Indicates if the menu is open
-     *
-     * @name sap.ui.webc.main.Menu.prototype.open
      * @public
-     * @type {boolean}
-     * @defaultvalue false
+     * @default false
      * @since 1.10.0
      */
     open: boolean;
     /**
      * Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.
-     *
-     * @name sap.ui.webc.main.Menu.prototype.busy
-     * @type {boolean}
-     * @defaultvalue false
+     * @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..
-     *
-     * @name sap.ui.webc.main.Menu.prototype.busyDelay
-     * @type {sap.ui.webc.base.types.Integer}
-     * @defaultValue 1000
+     * 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
-     *
-     * @name sap.ui.webc.main.Menu.prototype.opener
+     * 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
-     * @type {sap.ui.webc.base.types.DOMReference}
-     * @defaultvalue ""
+     * @default ""
      * @since 1.10.0
      */
     opener: HTMLElement | string;
-    /**
-     * Defines if the menu is sub-menu (not first-level).
-     * @type {boolean}
-     * @defaultvalue false
-     * @private
-     */
-    _isSubMenu: boolean;
-    /**
-     * Stores id of a list item that opened sub-menu.
-     * @type {string}
-     * @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)
-     * @type {array}
-     * @private
-     */
-    _currentItems: Array<CurrentItem>;
-    /**
-     * Stores a list of parent menu items for each sub-menu (on phone).
-     * @type {array}
-     * @private
-     */
-    _parentItemsStack: Array<MenuItem>;
-    /**
-     * Stores the ResponsivePopover instance
-     */
-    _popover?: ResponsivePopover;
-    /**
-     * Stores parent menu item (if there is such).
-     */
-    _parentMenuItem?: MenuItem;
-    /**
-     * 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.
      *
-     * @name sap.ui.webc.main.Menu.prototype.default
-     * @type {sap.ui.webc.main.IMenuItem[]}
-     * @slot items
+     * **Note:** Use `ui5-menu-item` for the intended design.
      * @public
      */
     items: Array<MenuItem>;
     static i18nBundle: I18nBundle;
     _timeout?: Timeout;
     static onDefine(): Promise<void>;
-    get itemsWithChildren(): boolean;
-    get itemsWithIcon(): boolean;
     get isRtl(): boolean;
-    get placementType(): "Left" | "Right" | "Bottom";
-    get verticalAlign(): "Top" | "Bottom";
-    get labelBack(): string;
     get labelClose(): string;
     get isPhone(): boolean;
-    get isSubMenuOpened(): boolean;
-    get menuHeaderTextPhone(): string;
+    get _popover(): ResponsivePopover;
     onBeforeRendering(): void;
-    onAfterRendering(): void;
-    /**
-     * 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
-     */
-    showAt(opener: HTMLElement): Promise<void>;
-    /**
-     * Closes the Menu.
-     * @public
-     * @method
-     * @name sap.ui.webc.main.Menu#close
-     */
-    close(): void;
-    _createPopover(): Promise<ResponsivePopover>;
-    getOpener(): HTMLElement | null;
-    _navigateBack(): void;
-    _prepareCurrentItems(items: Array<MenuItem>): void;
-    _createSubMenu(item: MenuItem, openerId: string): 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;
-    _startCloseTimeout(item: MenuItem): void;
-    _clearTimeout(): 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(item: MenuItem): Menu;
+    _itemKeyDown(e: KeyboardEvent): void;
     _beforePopoverOpen(e: CustomEvent): void;
     _afterPopoverOpen(): void;
     _beforePopoverClose(e: CustomEvent<ResponsivePopoverBeforeCloseEventDetail>): void;