@sapui5/sap.ushell 1.136.2 → 1.136.3

package/src/main/js/sap/ushell/thirdparty/List.js

@@ -345,7 +345,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
     Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var listCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.ui5-growing-button{display:flex;align-items:center;padding:var(--_ui5-v2-11-0-rc-3_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5-v2-11-0-rc-3_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}.ui5-growing-button-inner{display:flex;align-items:center;justify-content:center;flex-direction:row;min-height:var(--_ui5-v2-11-0-rc-3_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5-v2-11-0-rc-3_load_more_border);border-radius:var(--_ui5-v2-11-0-rc-3_load_more_border_radius);box-sizing:border-box}.ui5-growing-button-inner:focus-visible{outline:var(--_ui5-v2-11-0-rc-3_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}.ui5-growing-button-inner:hover{background-color:var(--sapList_Hover_Background)}.ui5-growing-button-inner:active,.ui5-growing-button-inner.ui5-growing-button-inner--active{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}.ui5-growing-button-inner:active>*,.ui5-growing-button-inner.ui5-growing-button-inner--active>*{color:var(--sapList_Active_TextColor)}.ui5-growing-button-text{text-align:center;font-family:"72override",var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.ui5-growing-button-text{height:var(--_ui5-v2-11-0-rc-3_load_more_text_height);padding:.875rem 1rem 1rem;font-size:var(--_ui5-v2-11-0-rc-3_load_more_text_font_size);font-weight:700}:host([loading]) .ui5-list-growing-button-busy-indicator:not([_is-busy]){display:none}:host([loading]) .ui5-list-growing-button-busy-indicator[_is-busy]+.ui5-growing-button-text{padding-left:.5rem}:host(:not([hidden])){display:block;max-width:100%;width:100%;-webkit-tap-highlight-color:transparent}:host([indent]) .ui5-list-root{padding:2rem}:host([separators="None"]) .ui5-list-nodata{border-bottom:0}.ui5-list-root,.ui5-list-busy-indicator{width:100%;height:100%;position:relative;box-sizing:border-box}.ui5-list-scroll-container{overflow:auto;height:100%;width:100%}.ui5-list-ul{list-style-type:none;padding:0;margin:0}.ui5-list-ul:focus{outline:none}.ui5-list-focusarea{position:fixed}.ui5-list-header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-size:var(--sapFontHeader4Size);font-family:"72override",var(--sapFontFamily);color:var(--sapGroup_TitleTextColor);height:3rem;line-height:3rem;padding:0 1rem;background-color:var(--sapGroup_TitleBackground);border-bottom:1px solid var(--sapGroup_TitleBorderColor)}.ui5-list-footer{height:2rem;box-sizing:border-box;-webkit-text-size-adjust:none;font-size:var(--sapFontSize);font-family:"72override",var(--sapFontFamily);line-height:2rem;background-color:var(--sapList_FooterBackground);color:var(--ui5-v2-11-0-rc-3_list_footer_text_color);padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-list-nodata{list-style-type:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:var(--sapTextColor);background-color:var(--sapList_Background);border-bottom:1px solid var(--sapList_BorderColor);padding:0 1rem!important;outline:none;min-height:var(--_ui5-v2-11-0-rc-3_list_no_data_height);font-size:var(--_ui5-v2-11-0-rc-3_list_no_data_font_size);font-family:"72override",var(--sapFontFamily);position:relative}.ui5-list-nodata:focus:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}.ui5-list-nodata-text{overflow:hidden;text-overflow:ellipsis;white-space:normal;margin:var(--_ui5-v2-11-0-rc-3_list_item_content_vertical_offset) 0}:host([growing="Scroll"]) .ui5-list-end-marker{display:inline-block}
+    var listCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.ui5-growing-button{display:flex;align-items:center;padding:var(--_ui5-v2-12-0-rc-2_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5-v2-12-0-rc-2_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}.ui5-growing-button-inner{display:flex;align-items:center;justify-content:center;flex-direction:row;min-height:var(--_ui5-v2-12-0-rc-2_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5-v2-12-0-rc-2_load_more_border);border-radius:var(--_ui5-v2-12-0-rc-2_load_more_border_radius);box-sizing:border-box}.ui5-growing-button-inner:focus-visible{outline:var(--_ui5-v2-12-0-rc-2_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}.ui5-growing-button-inner:hover{background-color:var(--sapList_Hover_Background)}.ui5-growing-button-inner:active,.ui5-growing-button-inner.ui5-growing-button-inner--active{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}.ui5-growing-button-inner:active>*,.ui5-growing-button-inner.ui5-growing-button-inner--active>*{color:var(--sapList_Active_TextColor)}.ui5-growing-button-text{text-align:center;font-family:"72override",var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.ui5-growing-button-text{height:var(--_ui5-v2-12-0-rc-2_load_more_text_height);padding:.875rem 1rem 1rem;font-size:var(--_ui5-v2-12-0-rc-2_load_more_text_font_size);font-weight:700}:host([loading]) .ui5-list-growing-button-busy-indicator:not([_is-busy]){display:none}:host([loading]) .ui5-list-growing-button-busy-indicator[_is-busy]+.ui5-growing-button-text{padding-left:.5rem}:host(:not([hidden])){display:block;max-width:100%;width:100%;-webkit-tap-highlight-color:transparent}:host([indent]) .ui5-list-root{padding:2rem}:host([separators="None"]) .ui5-list-nodata{border-bottom:0}.ui5-list-root,.ui5-list-busy-indicator{width:100%;height:100%;position:relative;box-sizing:border-box}.ui5-list-scroll-container{overflow:auto;height:100%;width:100%}.ui5-list-ul{list-style-type:none;padding:0;margin:0}.ui5-list-ul:focus{outline:none}.ui5-list-focusarea{position:fixed}.ui5-list-header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-size:var(--sapFontHeader4Size);font-family:"72override",var(--sapFontFamily);color:var(--sapGroup_TitleTextColor);height:3rem;line-height:3rem;padding:0 1rem;background-color:var(--sapGroup_TitleBackground);border-bottom:1px solid var(--sapGroup_TitleBorderColor)}.ui5-list-footer{height:2rem;box-sizing:border-box;-webkit-text-size-adjust:none;font-size:var(--sapFontSize);font-family:"72override",var(--sapFontFamily);line-height:2rem;background-color:var(--sapList_FooterBackground);color:var(--ui5-v2-12-0-rc-2_list_footer_text_color);padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-list-nodata{list-style-type:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:var(--sapTextColor);background-color:var(--sapList_Background);border-bottom:1px solid var(--sapList_BorderColor);padding:0 1rem!important;outline:none;min-height:var(--_ui5-v2-12-0-rc-2_list_no_data_height);font-size:var(--_ui5-v2-12-0-rc-2_list_no_data_font_size);font-family:"72override",var(--sapFontFamily);position:relative}.ui5-list-nodata:focus:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}.ui5-list-nodata-text{overflow:hidden;text-overflow:ellipsis;white-space:normal;margin:var(--_ui5-v2-12-0-rc-2_list_item_content_vertical_offset) 0}:host([growing="Scroll"]) .ui5-list-end-marker{display:inline-block}
 `;
 
     function ListItemGroupHeaderTemplate() {
@@ -357,7 +357,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
     Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var ListItemGroupHeaderCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{height:var(--_ui5-v2-11-0-rc-3_group_header_list_item_height);background:var(--ui5-v2-11-0-rc-3-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}:host([has-border]){border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor)}:host([actionable]:not([disabled])){cursor:default}.ui5-li-root.ui5-ghli-root{padding-top:.5rem;color:currentColor;font-size:var(--sapFontHeader6Size);font-weight:400;line-height:2rem;margin:0}.ui5-ghli-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-family:var(--sapFontHeaderFamily)}.ui5-li-content{width:100%}
+    var ListItemGroupHeaderCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{height:var(--_ui5-v2-12-0-rc-2_group_header_list_item_height);background:var(--ui5-v2-12-0-rc-2-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}:host([has-border]){border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor)}:host([actionable]:not([disabled])){cursor:default}.ui5-li-root.ui5-ghli-root{padding-top:.5rem;color:currentColor;font-size:var(--sapFontHeader6Size);font-weight:400;line-height:2rem;margin:0}.ui5-ghli-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-family:var(--sapFontHeaderFamily)}.ui5-li-content{width:100%}
 `;
 
     /**
@@ -471,7 +471,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
     Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var ListItemGroupCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{height:var(--_ui5-v2-11-0-rc-3_group_header_list_item_height);background:var(--ui5-v2-11-0-rc-3-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}.ui5-group-li-root{width:100%;height:100%;position:relative;box-sizing:border-box;padding:0;margin:0;list-style-type:none}
+    var ListItemGroupCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{height:var(--_ui5-v2-12-0-rc-2_group_header_list_item_height);background:var(--ui5-v2-12-0-rc-2-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}.ui5-group-li-root{width:100%;height:100%;position:relative;box-sizing:border-box;padding:0;margin:0;list-style-type:none}
 `;
 
     var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -1007,7 +1007,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         }
         async observeListEnd() {
             if (!this.listEndObserved) {
-                await Icons.f$3();
+                await Icons.f$1();
                 this.getIntersectionObserver().observe(this.listEndDOM);
                 this.listEndObserved = true;
             }

package/src/main/js/sap/ushell/thirdparty/Menu.js

@@ -1,65 +1,7 @@
-sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/ListItemTemplate', 'sap/ushell/thirdparty/MenuItem2', 'sap/ushell/thirdparty/ListItemCustom', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/Label'], (function (webcomponentsBase, webcomponents, eventStrict, Icons, i18nDefaults, ListItemTemplate, MenuItem, ListItemCustom, BusyIndicator, List, Button, information, toLowercaseEnumValue, Icon, Label) { 'use strict';
-
-    function MenuSeparatorTemplate() {
-        return (i18nDefaults.jsx(ListItemCustom.ListItemCustom, { class: "ui5-menu-separator", _forcedAccessibleRole: "separator", disabled: true }));
-    }
-
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
-    Icons.p("@ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var menuSeparatorCss = `:host{border-top:.0625rem solid var(--sapGroup_ContentBorderColor);min-height:.125rem}.ui5-menu-separator{border:inherit;min-height:inherit;background:inherit;opacity:1}
-`;
-
-    var __decorate$1 = (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;
-    };
-    /**
-     * @class
-     * The `ui5-menu-separator` represents a horizontal line to separate menu items inside a `ui5-menu`.
-     * @constructor
-     * @extends ListItemBase
-     * @implements {IMenuItem}
-     * @public
-     * @since 2.0.0
-     */
-    let MenuSeparator = class MenuSeparator extends BusyIndicator.ListItemBase {
-        get isSeparator() {
-            return true;
-        }
-        get classes() {
-            return {
-                main: {
-                    "ui5-menu-separator": true,
-                },
-            };
-        }
-        /**
-         * @override
-         */
-        get _focusable() {
-            return false;
-        }
-        /**
-         * @override
-         */
-        get _pressable() {
-            return false;
-        }
-    };
-    MenuSeparator = __decorate$1([
-        webcomponentsBase.m({
-            tag: "ui5-menu-separator",
-            renderer: i18nDefaults.y,
-            styles: [menuSeparatorCss],
-            template: MenuSeparatorTemplate,
-        })
-    ], MenuSeparator);
-    MenuSeparator.define();
+sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/MenuItem2', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Label'], (function (webcomponentsBase, webcomponents, eventStrict, Icons, i18nDefaults, ResponsivePopover, MenuItem, List, BusyIndicator, Button, information, Icon, toLowercaseEnumValue, Label) { 'use strict';
 
     function MenuTemplate() {
-        return (i18nDefaults.jsxs(ListItemTemplate.ResponsivePopover, { id: `${this._id}-menu-rp`, class: "ui5-menu-rp", placement: "Bottom", verticalAlign: "Bottom", horizontalAlign: this.horizontalAlign, opener: this.opener, open: this.open, preventInitialFocus: true, hideArrow: true, allowTargetOverlap: true, accessibleName: this.acessibleNameText, onBeforeOpen: this._beforePopoverOpen, onOpen: this._afterPopoverOpen, onBeforeClose: this._beforePopoverClose, onClose: this._afterPopoverClose, children: [this.isPhone &&
+        return (i18nDefaults.jsxs(ResponsivePopover.ResponsivePopover, { id: `${this._id}-menu-rp`, class: "ui5-menu-rp", placement: "Bottom", verticalAlign: "Bottom", horizontalAlign: this.horizontalAlign, opener: this.opener, open: this.open, preventInitialFocus: true, hideArrow: true, allowTargetOverlap: true, accessibleName: this.acessibleNameText, onBeforeOpen: this._beforePopoverOpen, onOpen: this._afterPopoverOpen, onBeforeClose: this._beforePopoverClose, onClose: this._afterPopoverClose, children: [this.isPhone &&
                     i18nDefaults.jsxs("div", { slot: "header", class: "ui5-menu-dialog-header", children: [i18nDefaults.jsx("div", { class: "ui5-menu-dialog-title", children: i18nDefaults.jsx("h1", { children: this.headerText }) }), i18nDefaults.jsx(Button.Button, { icon: information.decline, design: "Transparent", "aria-label": this.labelClose, onClick: this._close })] }), i18nDefaults.jsx("div", { id: `${this._id}-menu-main`, children: this.items.length ?
                         (i18nDefaults.jsx(List.List, { id: `${this._id}- menu-list`, selectionMode: "None", loading: this.loading, loadingDelay: this.loadingDelay, separators: "None", accessibleRole: "Menu", onItemClick: this._itemClick, onMouseOver: this._itemMouseOver, onKeyDown: this._itemKeyDown, "onui5-close-menu": this._close, "onui5-exit-end-content": this._navigateOutOfEndContent, children: i18nDefaults.jsx("slot", {}) }))
                         : this.loading && (i18nDefaults.jsx(BusyIndicator.BusyIndicator, { id: `${this._id}-menu-busy-indicator`, delay: this.loadingDelay, class: "ui5-menu-busy-indicator", active: true })) })] }));
@@ -67,7 +9,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
 
     Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
     Icons.p("@ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var menuCss = `:host{line-height:initial}::slotted([ui5-menu-item]){line-height:inherit}.ui5-menu-rp[ui5-responsive-popover]::part(header),.ui5-menu-rp[ui5-responsive-popover]::part(content),.ui5-menu-rp[ui5-responsive-popover]::part(footer){padding:0}.ui5-menu-rp[ui5-responsive-popover]{box-shadow:var(--sapContent_Shadow1);border-radius:var(--_ui5-v2-11-0-rc-3_menu_popover_border_radius)}.ui5-menu-busy-indicator{width:100%}.ui5-menu-dialog-header{display:flex;height:var(--_ui5-v2-11-0-rc-3-responsive_popover_header_height);align-items:center;justify-content:space-between;padding:0px 1rem;width:100%;overflow:hidden}.ui5-menu-dialog-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:calc(100% - 6.5rem);padding-right:1rem;font-family:var(--sapFontHeaderFamily)}.ui5-menu-dialog-title>h1{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--sapFontHeader5Size)}.ui5-menu-back-button{margin-right:1rem}
+    var menuCss = `:host{line-height:initial}::slotted([ui5-menu-item]){line-height:inherit}.ui5-menu-rp[ui5-responsive-popover]::part(header),.ui5-menu-rp[ui5-responsive-popover]::part(content),.ui5-menu-rp[ui5-responsive-popover]::part(footer){padding:0}.ui5-menu-rp[ui5-responsive-popover]{box-shadow:var(--sapContent_Shadow1);border-radius:var(--_ui5-v2-12-0-rc-2_menu_popover_border_radius)}.ui5-menu-busy-indicator{width:100%}.ui5-menu-dialog-header{display:flex;height:var(--_ui5-v2-12-0-rc-2-responsive_popover_header_height);align-items:center;justify-content:space-between;padding:0px 1rem;width:100%;overflow:hidden}.ui5-menu-dialog-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:calc(100% - 6.5rem);padding-right:1rem;font-family:var(--sapFontHeaderFamily)}.ui5-menu-dialog-title>h1{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--sapFontHeader5Size)}.ui5-menu-back-button{margin-right:1rem}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -108,7 +50,11 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
      * - `Arrow Left` or `ArrowRight` - Navigate between the menu item actions and the menu item itself
      * - `Arrow Up` / `Arrow Down` - Navigates up and down the currently visible menu items
      *
-     * Note: if the text ditrection is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.
+     * **Note:** If the text direction is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.
+     *
+     * Application developers are responsible for ensuring that interactive elements placed in the `endContent` slot
+     * have the correct accessibility behaviour, including their enabled or disabled states.
+     * The menu does not manage these aspects when the menu item state changes.
      *
      * ### ES6 Module Import
      *
@@ -156,23 +102,65 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             return Menu_1.i18nBundle.getText(i18nDefaults.MENU_CLOSE_BUTTON_ARIA_LABEL);
         }
         get isPhone() {
-            return Icons.d$1();
+            return Icons.d();
         }
         get _popover() {
             return this.shadowRoot.querySelector("[ui5-responsive-popover]");
         }
+        get _list() {
+            return this.shadowRoot.querySelector("[ui5-list]");
+        }
+        /** Returns menu item groups */
+        get _menuItemGroups() {
+            return this.items.filter(MenuItem.isInstanceOfMenuItemGroup);
+        }
+        /** Returns menu items */
         get _menuItems() {
-            return this.items.filter((item) => !item.isSeparator);
+            return this.items.filter(MenuItem.isInstanceOfMenuItem);
+        }
+        /** Returns all menu items (including those in groups */
+        get _allMenuItems() {
+            const items = [];
+            this.items.forEach(item => {
+                if (MenuItem.isInstanceOfMenuItemGroup(item)) {
+                    items.push(...item._menuItems);
+                }
+                else if (!MenuItem.isInstanceOfMenuSeparator(item)) {
+                    items.push(item);
+                }
+            });
+            return items;
+        }
+        /** Returns menu items included in the ItemNavigation */
+        get _navigatableMenuItems() {
+            const items = [];
+            const slottedItems = this.getSlottedNodes("items");
+            slottedItems.forEach(item => {
+                if (MenuItem.isInstanceOfMenuItemGroup(item)) {
+                    const groupItems = item.getSlottedNodes("items");
+                    items.push(...groupItems);
+                }
+                else if (!MenuItem.isInstanceOfMenuSeparator(item)) {
+                    items.push(item);
+                }
+            });
+            return items;
         }
         get acessibleNameText() {
             return Menu_1.i18nBundle.getText(i18nDefaults.MENU_POPOVER_ACCESSIBLE_NAME);
         }
         onBeforeRendering() {
-            const siblingsWithIcon = this._menuItems.some(menuItem => !!menuItem.icon);
-            this._menuItems.forEach(item => {
+            const siblingsWithIcon = this._allMenuItems.some(menuItem => !!menuItem.icon);
+            this._setupItemNavigation();
+            this._allMenuItems.forEach(item => {
                 item._siblingsWithIcon = siblingsWithIcon;
             });
         }
+        _setupItemNavigation() {
+            if (this._list) {
+                this._list._itemNavigation._getItems = () => this._navigatableMenuItems;
+            }
+        }
         _close() {
             this.open = false;
         }
@@ -189,7 +177,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             item.selected = true;
         }
         _itemMouseOver(e) {
-            if (!Icons.f$1()) {
+            if (!Icons.f()) {
                 return;
             }
             const item = e.target;
@@ -201,15 +189,15 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             this._startOpenTimeout(item);
         }
         async focus(focusOptions) {
-            await Icons.f$3();
-            const firstMenuItem = this._menuItems[0];
+            await Icons.f$1();
+            const firstMenuItem = this._allMenuItems[0];
             if (firstMenuItem) {
                 return firstMenuItem.focus(focusOptions);
             }
             return super.focus(focusOptions);
         }
         _closeOtherSubMenus(item) {
-            const menuItems = this._menuItems;
+            const menuItems = this._allMenuItems;
             if (!menuItems.includes(item)) {
                 return;
             }
@@ -233,8 +221,9 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
                     "item": item,
                     "text": item.text || "",
                 });
-                if (!prevented && this._popover) {
-                    item.fireDecoratorEvent("close-menu");
+                if (!prevented) {
+                    item._updateCheckedState();
+                    this._popover && item.fireDecoratorEvent("close-menu");
                 }
             }
             else {
@@ -247,7 +236,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             if (!MenuItem.isInstanceOfMenuItem(item)) {
                 return;
             }
-            const menuItemInMenu = this._menuItems.includes(item);
+            const menuItemInMenu = this._allMenuItems.includes(item);
             const isItemNavigation = webcomponentsBase.D(e) || webcomponentsBase.P(e);
             const isItemSelection = webcomponentsBase.b$1(e) || webcomponentsBase.i(e);
             const isEndContentNavigation = webcomponentsBase.c(e) || webcomponentsBase.K(e);
@@ -269,7 +258,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
         _navigateOutOfEndContent(e) {
             const item = e.target;
             const shouldNavigateToNextItem = e.detail.shouldNavigateToNextItem;
-            const menuItems = this._menuItems;
+            const menuItems = this._allMenuItems;
             const itemIndex = menuItems.indexOf(item);
             if (itemIndex > -1) {
                 const nextItem = shouldNavigateToNextItem ? menuItems[itemIndex + 1] : menuItems[itemIndex - 1];
@@ -286,7 +275,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             }
         }
         _afterPopoverOpen() {
-            this._menuItems[0]?.focus();
+            this._allMenuItems[0]?.focus();
             this.fireDecoratorEvent("open");
         }
         _beforePopoverClose(e) {
@@ -317,7 +306,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
         webcomponentsBase.s({ type: Number })
     ], Menu.prototype, "loadingDelay", void 0);
     __decorate([
-        webcomponentsBase.s({ converter: ListItemTemplate.e })
+        webcomponentsBase.s({ converter: ResponsivePopover.e })
     ], Menu.prototype, "opener", void 0);
     __decorate([
         webcomponentsBase.d({ "default": true, type: HTMLElement, invalidateOnChildChange: true })

package/src/main/js/sap/ushell/thirdparty/MenuItem.js

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/MenuItem2', 'sap/ushell/thirdparty/ListItemTemplate', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Label'], (function (exports, webcomponentsBase, webcomponents, i18nDefaults, eventStrict, Icons, MenuItem, ListItemTemplate, information, Button, toLowercaseEnumValue, Icon, List, BusyIndicator, Label) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/MenuItem2', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/List'], (function (exports, webcomponentsBase, webcomponents, i18nDefaults, eventStrict, Icons, MenuItem, ResponsivePopover, information, BusyIndicator, toLowercaseEnumValue, Label, Button, Icon, List) { 'use strict';