@sapui5/sap.ushell 1.136.0 → 1.136.2

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

@@ -1,4 +1,4 @@
-sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/ListItemTemplate', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/overflow', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/Menu', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/MenuItem2', 'sap/ushell/thirdparty/ListItemCustom'], (function (require, webcomponentsBase, webcomponents, webcomponentsFiori, Icons, eventStrict, i18nDefaults, toLowercaseEnumValue, ListItemTemplate, Icon, overflow, List, Button, Menu, information, parametersBundle_css, i18nDefaults$1, BusyIndicator, Label, MenuItem, ListItemCustom) { 'use strict';
+sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/ListItemTemplate', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/overflow', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/Tag', 'sap/ushell/thirdparty/Menu', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/MenuItem2', 'sap/ushell/thirdparty/ListItemCustom'], (function (require, webcomponentsBase, webcomponents, webcomponentsFiori, Icons, eventStrict, i18nDefaults, toLowercaseEnumValue, ListItemTemplate, Icon, overflow, List, Button, Tag, Menu, information, parametersBundle_css, i18nDefaults$1, BusyIndicator, Label, MenuItem, ListItemCustom) { 'use strict';
 
     const predefinedHooks = {
         imageBegin,
@@ -60,7 +60,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         }
     }
 
-    var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$2 = (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;
@@ -95,11 +95,14 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
      * @csspart delete-button - Used to style the button rendered when the list item is in delete mode
      * @csspart radio - Used to style the radio button rendered when the list item is in single selection mode
      * @csspart checkbox - Used to style the checkbox rendered when the list item is in multiple selection mode
-     * @slot {Node[]} default - Defines the text of the component.
+     * @slot {Node[]} default - Defines the custom formatted text of the component.
+     *
+     * **Note:** For optimal text wrapping and a consistent layout, it is strongly recommended to use the `text` property.
+     *
+     * Use the `default` slot only when custom formatting with HTML elements (e.g., `<b>`, `<i>`) is required.
+     * Be aware that wrapping (via `wrappingType="Normal"`) may not function correctly with custom HTML content in the `default` slot.
      *
-     * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design. <br/>
-     * **Note:** Deprecated since version `2.10.0`. Use the `text` property instead. <br/>
-     * Only use the default slot if you need to apply custom text formatting with HTML elements (like `<b>`, `<i>`, etc.).
+     * If both `text` and `default` slot are used, the `text` property takes precedence.
      * @constructor
      * @extends ListItem
      * @public
@@ -199,55 +202,127 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             return !!this.image.length;
         }
     };
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s()
     ], ListItemStandard.prototype, "text", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s()
     ], ListItemStandard.prototype, "description", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s()
     ], ListItemStandard.prototype, "icon", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s({ type: Boolean })
     ], ListItemStandard.prototype, "iconEnd", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s()
     ], ListItemStandard.prototype, "additionalText", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s()
     ], ListItemStandard.prototype, "additionalTextState", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s({ type: Boolean })
     ], ListItemStandard.prototype, "movable", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s()
     ], ListItemStandard.prototype, "accessibleName", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s()
     ], ListItemStandard.prototype, "wrappingType", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s({ type: Boolean })
     ], ListItemStandard.prototype, "hasTitle", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s({ type: Boolean })
     ], ListItemStandard.prototype, "_hasImage", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.s({ noAttribute: true })
     ], ListItemStandard.prototype, "expandableTextTemplate", void 0);
-    __decorate$1([
+    __decorate$2([
         webcomponentsBase.d()
     ], ListItemStandard.prototype, "image", void 0);
-    ListItemStandard = ListItemStandard_1 = __decorate$1([
+    ListItemStandard = ListItemStandard_1 = __decorate$2([
         webcomponentsBase.m({
             tag: "ui5-li",
-            renderer: i18nDefaults.d,
+            renderer: i18nDefaults.y,
             template: ListItemStandardTemplate,
         })
     ], ListItemStandard);
     ListItemStandard.define();
     var ListItemStandard$1 = ListItemStandard;
 
+    function ButtonTemplate() {
+        return i18nDefaults.jsx(Tag.Tag, { design: "Critical", "hide-state-icon": true, children: this.effectiveText });
+    }
+
+    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
+    Icons.p("@ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    var buttonBadgeCss = `[ui5-tag]::part(root){border:.0625rem solid var(--sapContent_BadgeBorderColor);background-color:var(--sapContent_BadgeBackground);color:var(--sapContent_BadgeTextColor);height:1rem;border-radius:.5rem}:host([design="AttentionDot"]) [ui5-tag]::part(root){min-width:var(--_ui5-v2-11-0-rc-3-button-badge-diameter);min-height:var(--_ui5-v2-11-0-rc-3-button-badge-diameter);height:var(--_ui5-v2-11-0-rc-3-button-badge-diameter);width:var(--_ui5-v2-11-0-rc-3-button-badge-diameter);border-radius:100%}
+`;
+
+    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-button-badge` component defines a badge that appears in the `ui5-button`.
+     *
+     * ### ES6 Module Import
+     *
+     * `import "@ui5/webcomponents/dist/ButtonBadge.js";`
+     * @constructor
+     * @extends UI5Element
+     * @since 2.7.0
+     * @public
+     */
+    let ButtonBadge = class ButtonBadge extends webcomponentsBase.b {
+        constructor() {
+            super(...arguments);
+            /**
+             * Defines the badge placement and appearance.
+             * - **InlineText** - displayed inside the button after its text, and recommended for **compact** density.
+             * - **OverlayText** - displayed at the top-end corner of the button, and recommended for **cozy** density.
+             * - **AttentionDot** - displayed at the top-end corner of the button as a dot, and suitable for both **cozy** and **compact** densities.
+             * @since 2.7.0
+             * @public
+            */
+            this.design = "AttentionDot";
+            /**
+             * Defines the text of the component.
+             *
+             * **Note:** Text is not applied when the `design` property is set to `AttentionDot`.
+             *
+             * **Note:** The badge component only accepts numeric values and the "+" symbol. Using other characters or formats may result in unpredictable behavior, which is not guaranteed or supported.
+             * @since 2.7.0
+             * @public
+            */
+            this.text = "";
+        }
+        get effectiveText() {
+            return this.design === Button.ButtonBadgeDesign.AttentionDot ? "" : this.text;
+        }
+    };
+    __decorate$1([
+        webcomponentsBase.s()
+    ], ButtonBadge.prototype, "design", void 0);
+    __decorate$1([
+        webcomponentsBase.s()
+    ], ButtonBadge.prototype, "text", void 0);
+    ButtonBadge = __decorate$1([
+        webcomponentsBase.m({
+            tag: "ui5-button-badge",
+            renderer: i18nDefaults.y,
+            template: ButtonTemplate,
+            styles: buttonBadgeCss,
+        })
+    ], ButtonBadge);
+    ButtonBadge.define();
+    var ButtonBadge$1 = ButtonBadge;
+
     const name$9 = "search";
     const pathData$9 = "M470 426q10 9 10 22.5T470 471q-9 9-22 9t-23-9L308 353q-45 31-100 31-36 0-68-13.5T84 333t-38-56-14-69q0-36 14-68t38-56 56-38 68-14 68 14 56 38 38 56 14 68q0 28-8.5 53T353 308zm-262-74q30 0 56-11t45.5-30.5 31-46T352 208t-11.5-56-31-45.5-45.5-31T208 64t-56.5 11.5-46 31T75 152t-11 56 11 56.5 30.5 46 46 30.5 56.5 11z";
     const ltr$9 = true;
@@ -382,12 +457,12 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                                                     "ui5-shellbar-bell-button": true,
                                                     "ui5-shellbar-items-for-arrow-nav": true,
                                                     ...this.classes.notification,
-                                                }, icon: "sap-icon://bell", "data-ui5-text": "Notifications", "data-ui5-notifications-count": this.notificationsCount, onClick: this._handleNotificationsPress, tooltip: this._notificationsText, accessibilityAttributes: this.accInfo.notifications.accessibilityAttributes, "data-ui5-stable": "notifications" })), this.customItemsInfo.map(item => (i18nDefaults.jsx(Button.Button, { id: item.id, class: `${item.classes} ui5-shellbar-items-for-arrow-nav`, icon: item.icon, tooltip: item.tooltip, "data-count": item.count, "data-ui5-notifications-count": this.notificationsCount, "data-ui5-external-action-item-id": item.refItemid, "data-ui5-stable": item.stableDomRef, onClick: item.press, accessibilityAttributes: item.accessibilityAttributes, accessibleName: item.accessibleName }, item.id)))] })] }) }), i18nDefaults.jsx(Button.Button, { id: `${this._id}-item-5`, class: {
+                                                }, icon: "sap-icon://bell", "data-ui5-text": "Notifications", onClick: this._handleNotificationsPress, tooltip: this._notificationsText, accessibilityAttributes: this.accInfo.notifications.accessibilityAttributes, "data-ui5-stable": "notifications", children: this.notificationsCount && (i18nDefaults.jsx(ButtonBadge$1, { slot: "badge", design: "OverlayText", text: this.notificationsCount })) })), this.customItemsInfo.map(item => (i18nDefaults.jsx(Button.Button, { id: item.id, class: `${item.classes} ui5-shellbar-items-for-arrow-nav`, icon: item.icon, tooltip: item.tooltip, "data-ui5-notifications-count": this.notificationsCount, "data-ui5-external-action-item-id": item.refItemid, "data-ui5-stable": item.stableDomRef, onClick: item.press, accessibilityAttributes: item.accessibilityAttributes, children: item.count && (i18nDefaults.jsx(ButtonBadge$1, { slot: "badge", design: "OverlayText", text: item.count })) }, item.id)))] })] }) }), i18nDefaults.jsx(Button.Button, { id: `${this._id}-item-5`, class: {
                                 "ui5-shellbar-button": true,
                                 "ui5-shellbar-overflow-button": true,
                                 "ui5-shellbar-items-for-arrow-nav": true,
                                 ...this.classes.overflow,
-                            }, icon: "sap-icon://overflow", "data-count": this._overflowNotifications, onClick: this._handleOverflowPress, tooltip: this._overflowText, accessibilityAttributes: this.accInfo.overflow.accessibilityAttributes, "data-ui5-stable": "overflow" }), this.hasProfile && profileButton.call(this), this.showProductSwitch && (i18nDefaults.jsx(Button.Button, { id: `${this._id}-item-4`, class: "ui5-shellbar-no-overflow-button ui5-shellbar-button ui5-shellbar-button-product-switch ui5-shellbar-items-for-arrow-nav", icon: "sap-icon://grid", "data-ui5-text": "Product Switch", onClick: this._handleProductSwitchPress, tooltip: this._productsText, "aria-label": this._productSwitchBtnText, "aria-haspopup": "dialog", "aria-expanded": this.accInfo.products.accessibilityAttributes.expanded, accessibilityAttributes: this.accInfo.products.accessibilityAttributes, "data-ui5-stable": "product-switch" }))] }), PopoversTemplate.call(this)] }));
+                            }, icon: "sap-icon://overflow", onClick: this._handleOverflowPress, tooltip: this._overflowText, accessibilityAttributes: this.accInfo.overflow.accessibilityAttributes, "data-ui5-stable": "overflow", children: this._overflowNotifications && (i18nDefaults.jsx(ButtonBadge$1, { slot: "badge", design: this._overflowNotifications === " " ? "AttentionDot" : "OverlayText", text: this._overflowNotifications === " " ? "" : this._overflowNotifications })) }), this.hasProfile && profileButton.call(this), this.showProductSwitch && (i18nDefaults.jsx(Button.Button, { id: `${this._id}-item-4`, class: "ui5-shellbar-no-overflow-button ui5-shellbar-button ui5-shellbar-button-product-switch ui5-shellbar-items-for-arrow-nav", icon: "sap-icon://grid", "data-ui5-text": "Product Switch", onClick: this._handleProductSwitchPress, tooltip: this._productsText, "aria-label": this._productSwitchBtnText, "aria-haspopup": "dialog", "aria-expanded": this.accInfo.products.accessibilityAttributes.expanded, accessibilityAttributes: this.accInfo.products.accessibilityAttributes, "data-ui5-stable": "product-switch" }))] }), PopoversTemplate.call(this)] }));
     }
     function profileButton() {
         return (i18nDefaults.jsx(Button.Button, { "data-profile-btn": true, id: `${this._id}-item-3`, onClick: this._handleProfilePress, tooltip: this._profileText, class: "ui5-shellbar-button ui5-shellbar-image-button ui5-shellbar-no-overflow-button ui5-shellbar-items-for-arrow-nav", "aria-label": this.imageBtnText, "aria-haspopup": "dialog", accessibilityAttributes: this.accInfo.profile.accessibilityAttributes, "data-ui5-stable": "profile", children: i18nDefaults.jsx("slot", { name: "profile" }) }));
@@ -401,12 +476,12 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
 
     Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
     Icons.p("@ui5/webcomponents-fiori", "sap_horizon", async () => parametersBundle_css.defaultTheme);
-    var shellBarStyles = `.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(:not([hidden])){display:inline-block;width:100%;max-width:100%;background:var(--sapShellColor);box-sizing:border-box}:host{--_ui5-v2-10-0-rc-2_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5-v2-10-0-rc-2_input_border_radius: var(--_ui5-v2-10-0-rc-2_shellbar_input_border_radius);--_ui5-v2-10-0-rc-2_input_focus_border_radius: var(--_ui5-v2-10-0-rc-2_shellbar_input_focus_border_radius);--_ui5-v2-10-0-rc-2_input_background_color: var(--_ui5-v2-10-0-rc-2_shellbar_input_background_color);--_ui5-v2-10-0-rc-2_input_focus_outline_color: var(--_ui5-v2-10-0-rc-2_shellbar_input_focus_outline_color);--_ui5-v2-10-0-rc-2_input_margin_top_bottom: 0;box-shadow:inset 0 -.0625rem 0 0 var(--sapPageHeader_BorderColor)}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;height:var(--_ui5-v2-10-0-rc-2_shellbar_root_height);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-menu-button,.ui5-shellbar-button,.ui5-shellbar-image-button,::slotted([ui5-toggle-button]:not([slot^="content"])),::slotted([ui5-button]:not([slot^="content"])){height:2.25rem;padding:0;margin-inline-start:var(--_ui5-v2-10-0-rc-2-shellbar-overflow-button-margin);border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5-v2-10-0-rc-2_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-10-0-rc-2_shellbar_button_border_radius);position:relative;font-weight:700;white-space:initial;overflow:initial;text-overflow:initial;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}::slotted([ui5-toggle-button][slot="assistant"]){margin-inline-start:0}.ui5-shellbar-assistant-button{margin-inline-start:var(--_ui5-v2-10-0-rc-2-shellbar-overflow-button-margin)}::slotted([ui5-button][slot="startButton"]){margin-inline-start:0}::slotted([ui5-toggle-button]:hover),::slotted([ui5-button]:hover),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,::slotted([ui5-button][slot="midContent"]:hover){background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor)}::slotted([ui5-toggle-button][slot="assistant"][pressed]),::slotted([ui5-toggle-button][slot="assistant"][pressed]:hover:not([active])){color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-toggle-button][active]),::slotted([ui5-button][active]),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,.ui5-shellbar-button[active],.ui5-shellbar-image-button:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5-v2-10-0-rc-2_shellbar_button_active_color)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5-v2-10-0-rc-2_shellbar_logo_outline);outline-offset:var(--_ui5-v2-10-0-rc-2_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot="profile"]){display:block;width:2rem;height:2rem;min-width:0;min-height:2rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldFamily);margin:0;font-size:var(--_ui5-v2-10-0-rc-2_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor)}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0;text-align:start}.ui5-shellbar-headings{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;margin-left:.25rem}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:flex-start;height:var(--_ui5-v2-10-0-rc-2_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}.ui5-shellbar-mid-content{height:var(--_ui5-v2-10-0-rc-2_shellbar_overflow_container_middle_height)}:host([breakpoint-size="S"]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size="S"]){padding:0 1rem}:host([breakpoint-size="S"]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size="M"]){padding:0 2rem}:host([breakpoint-size="M"]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size="L"]){padding:0 2rem}:host([breakpoint-size="XL"]){padding:0 3rem}:host([breakpoint-size="XXL"]){padding:0 3rem}.ui5-shellbar-logo{overflow:hidden;cursor:pointer;max-height:2rem;max-width:3.75rem}.ui5-shellbar-logo-area{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5-v2-10-0-rc-2_shellbar_logo_outline);border-radius:var(--_ui5-v2-10-0-rc-2_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5-v2-10-0-rc-2_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-10-0-rc-2_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{box-shadow:var(--_ui5-v2-10-0-rc-2_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{box-shadow:var(--_ui5-v2-10-0-rc-2_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-button{width:2.5rem;box-sizing:border-box}.ui5-shellbar-button,::slotted([ui5-button][slot="startButton"]){--_ui5-v2-10-0-rc-2_button_focused_border: var(--_ui5-v2-10-0-rc-2_shellbar_button_focused_border)}.ui5-shellbar-search-button{--_ui5-v2-10-0-rc-2_button_focused_border_radius: var(--_ui5-v2-10-0-rc-2_shellbar_search_button_border_radius);--_ui5-v2-10-0-rc-2_shellbar_button_border_radius: var(--_ui5-v2-10-0-rc-2_shellbar_search_button_border_radius);height:var(--_ui5-v2-10-0-rc-2_shellbar_search_button_size);width:var(--_ui5-v2-10-0-rc-2_shellbar_search_button_size);min-width:var(--_ui5-v2-10-0-rc-2_shellbar_search_button_size)}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:auto;height:2.5rem;--_ui5-v2-10-0-rc-2_button_focused_border_radius: var(--_ui5-v2-10-0-rc-2_shellbar_image_button_border_radius);border-radius:var(--_ui5-v2-10-0-rc-2_shellbar_image_button_border_radius)}.ui5-shellbar-overflow-container-left{padding:0;justify-content:flex-start;max-width:75%;flex-shrink:0}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5-v2-10-0-rc-2_shellbar_button_border);color:var(--sapShell_TextColor)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{flex-grow:1;justify-content:flex-end}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center}.ui5-shellbar-overflow-container-right-inner{display:flex;flex-grow:1}.ui5-shellbar-content-items{display:flex;justify-content:center;align-items:center;flex-grow:1;min-width:max-content}.ui5-shellbar-spacer{flex-grow:1;height:1px;flex-basis:1rem;flex-shrink:1}.ui5-shellbar-separator{flex-grow:0;flex-shrink:0;height:1rem;width:1px;background-color:var(--sapToolbar_SeparatorColor)}.ui5-shellbar-separator-end{margin-inline-start:.5rem}.ui5-shellbar-overflow-container-right-child .ui5-shellbar-button[data-count]:has(+.ui5-shellbar-overflow-button):before{inset-inline-end:var(--_ui5-v2-10-0-rc-2-shellbar-notification-btn-count-offset)}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-right{padding-inline-start:0}::slotted([hidden]){visibility:hidden;order:-1;position:absolute}.ui5-shellbar-content-item{display:flex;align-items:center;flex-shrink:0;padding-inline-start:var(--_ui5-v2-10-0-rc-2-shellbar-content-margin-start)}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before,.ui5-shellbar-button[data-count]:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5-v2-10-0-rc-2_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:-.25rem;right:-.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:"72override",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count);inset-inline-end:var(--_ui5-v2-10-0-rc-2-shellbar-notification-btn-count-offset)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-button[data-count=" "]:before{height:.75rem;min-width:.75rem}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{padding-inline-start:var(--_ui5-v2-10-0-rc-2-shellbar-content-margin-start);min-width:var(--_ui5-v2-10-0-rc-2_shellbar_search_field_width);align-items:center;flex-grow:1;margin-inline-start:.5rem}.ui5-shellbar-overflow-container-right-child>:first-child,.ui5-shellbar-search-field:first-child+.ui5-shellbar-button:not(.ui5-shellbar-search-button){margin-inline-start:0}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5-v2-10-0-rc-2_shellbar_search_field_background);border:var(--_ui5-v2-10-0-rc-2_shellbar_search_field_border);box-shadow:var(--_ui5-v2-10-0-rc-2_shellbar_search_field_box_shadow);color:var(--_ui5-v2-10-0-rc-2_shellbar_search_field_color);height:2.25rem;width:100%;min-width:var(--_ui5-v2-10-0-rc-2_shellbar_search_field_width)}:host([breakpoint-size="M"]) ::slotted([ui5-input]),:host([breakpoint-size="S"]) ::slotted([ui5-input]){min-width:1rem}:host([breakpoint-size="M"][show-search-field]) .ui5-shellbar-overflow-container-right-child{flex-grow:1}::slotted([ui5-input]:hover){background:var(--_ui5-v2-10-0-rc-2_shellbar_search_field_background_hover);box-shadow:var(--_ui5-v2-10-0-rc-2_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5-v2-10-0-rc-2_shellbar_search_field_outline_focused)}::slotted([slot="logo"]){max-height:2rem;max-width:3.75rem;pointer-events:none}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-coPilot-pressed,.ui5-shellbar-coPilot-pressed:hover{color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-button][slot="startButton"]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][data-profile-btn]){width:auto}::slotted(.ui5-shellbar-hidden-button),.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden;order:-1;opacity:0;min-width:0;width:0;margin:0;padding:0;padding-inline-start:0;border:0;margin-inline-start:0}
+    var shellBarStyles = `.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(:not([hidden])){display:inline-block;width:100%;max-width:100%;background:var(--sapShellColor);box-sizing:border-box}:host{--_ui5-v2-11-0-rc-3_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5-v2-11-0-rc-3_input_border_radius: var(--_ui5-v2-11-0-rc-3_shellbar_input_border_radius);--_ui5-v2-11-0-rc-3_input_focus_border_radius: var(--_ui5-v2-11-0-rc-3_shellbar_input_focus_border_radius);--_ui5-v2-11-0-rc-3_input_background_color: var(--_ui5-v2-11-0-rc-3_shellbar_input_background_color);--_ui5-v2-11-0-rc-3_input_focus_outline_color: var(--_ui5-v2-11-0-rc-3_shellbar_input_focus_outline_color);--_ui5-v2-11-0-rc-3_input_margin_top_bottom: 0;box-shadow:inset 0 -.0625rem 0 0 var(--sapPageHeader_BorderColor)}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;height:var(--_ui5-v2-11-0-rc-3_shellbar_root_height);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-menu-button,.ui5-shellbar-button,.ui5-shellbar-image-button,::slotted([ui5-toggle-button]:not([slot^="content"])),::slotted([ui5-button]:not([slot^="content"])){height:2.25rem;padding:0;margin-inline-start:var(--_ui5-v2-11-0-rc-3-shellbar-overflow-button-margin);border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5-v2-11-0-rc-3_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-11-0-rc-3_shellbar_button_border_radius);position:relative;font-weight:700;white-space:initial;overflow:initial;text-overflow:initial;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}::slotted([ui5-toggle-button][slot="assistant"]){margin-inline-start:0}.ui5-shellbar-assistant-button{margin-inline-start:var(--_ui5-v2-11-0-rc-3-shellbar-overflow-button-margin)}::slotted([ui5-button][slot="startButton"]){margin-inline-start:0}::slotted([ui5-toggle-button]:hover),::slotted([ui5-button]:hover),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,::slotted([ui5-button][slot="midContent"]:hover){background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor)}::slotted([ui5-toggle-button][slot="assistant"][pressed]),::slotted([ui5-toggle-button][slot="assistant"][pressed]:hover:not([active])){color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-toggle-button][active]),::slotted([ui5-button][active]),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,.ui5-shellbar-button[active],.ui5-shellbar-image-button:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5-v2-11-0-rc-3_shellbar_button_active_color)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5-v2-11-0-rc-3_shellbar_logo_outline);outline-offset:var(--_ui5-v2-11-0-rc-3_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot="profile"]){display:block;width:2rem;height:2rem;min-width:0;min-height:2rem;pointer-events:none;font-size:var(--_ui5-v2-11-0-rc-3_avatar_fontsize_XS);font-weight:400}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5-v2-11-0-rc-3_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor)}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0;text-align:start}.ui5-shellbar-headings{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;margin-left:.25rem}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:flex-start;height:var(--_ui5-v2-11-0-rc-3_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}.ui5-shellbar-mid-content{height:var(--_ui5-v2-11-0-rc-3_shellbar_overflow_container_middle_height)}:host([breakpoint-size="S"]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size="S"]){padding:0 1rem}:host([breakpoint-size="S"]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size="M"]){padding:0 2rem}:host([breakpoint-size="M"]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size="L"]){padding:0 2rem}:host([breakpoint-size="XL"]){padding:0 3rem}:host([breakpoint-size="XXL"]){padding:0 3rem}.ui5-shellbar-logo{overflow:hidden;cursor:pointer;max-height:2rem;max-width:3.75rem}.ui5-shellbar-logo-area{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5-v2-11-0-rc-3_shellbar_logo_outline);border-radius:var(--_ui5-v2-11-0-rc-3_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5-v2-11-0-rc-3_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-11-0-rc-3_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{box-shadow:var(--_ui5-v2-11-0-rc-3_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{box-shadow:var(--_ui5-v2-11-0-rc-3_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-button{width:2.5rem;box-sizing:border-box}.ui5-shellbar-button,::slotted([ui5-button][slot="startButton"]){--_ui5-v2-11-0-rc-3_button_focused_border: var(--_ui5-v2-11-0-rc-3_shellbar_button_focused_border)}.ui5-shellbar-search-button{--_ui5-v2-11-0-rc-3_button_focused_border_radius: var(--_ui5-v2-11-0-rc-3_shellbar_search_button_border_radius);--_ui5-v2-11-0-rc-3_shellbar_button_border_radius: var(--_ui5-v2-11-0-rc-3_shellbar_search_button_border_radius);height:var(--_ui5-v2-11-0-rc-3_shellbar_search_button_size);width:var(--_ui5-v2-11-0-rc-3_shellbar_search_button_size);min-width:var(--_ui5-v2-11-0-rc-3_shellbar_search_button_size)}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:auto;height:2.5rem;--_ui5-v2-11-0-rc-3_button_focused_border_radius: var(--_ui5-v2-11-0-rc-3_shellbar_image_button_border_radius);border-radius:var(--_ui5-v2-11-0-rc-3_shellbar_image_button_border_radius)}.ui5-shellbar-overflow-container-left{padding:0;justify-content:flex-start;max-width:75%;flex-shrink:0}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5-v2-11-0-rc-3_shellbar_button_border);color:var(--sapShell_TextColor)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{flex-grow:1;justify-content:flex-end}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center}.ui5-shellbar-overflow-container-right-inner{display:flex;flex-grow:1}.ui5-shellbar-content-items{display:flex;justify-content:center;align-items:center;flex-grow:1;min-width:max-content}.ui5-shellbar-spacer{flex-grow:1;height:1px;flex-basis:1rem;flex-shrink:1}.ui5-shellbar-separator{flex-grow:0;flex-shrink:0;height:1rem;width:1px;background-color:var(--sapToolbar_SeparatorColor)}.ui5-shellbar-separator-end{margin-inline-start:.5rem}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-right{padding-inline-start:0}::slotted([hidden]){visibility:hidden;order:-1;position:absolute}.ui5-shellbar-content-item{display:flex;align-items:center;flex-shrink:0;padding-inline-start:var(--_ui5-v2-11-0-rc-3-shellbar-content-margin-start)}.ui5-shellbar-overflow-container-right-child .ui5-shellbar-bell-button [slot=badge],.ui5-shellbar-overflow-container-right-child .ui5-shellbar-custom-item [slot=badge]{inset-inline-end:var(--_ui5-v2-11-0-rc-3-shellbar-notification-btn-count-offset)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{padding-inline-start:var(--_ui5-v2-11-0-rc-3-shellbar-content-margin-start);min-width:var(--_ui5-v2-11-0-rc-3_shellbar_search_field_width);align-items:center;flex-grow:1;margin-inline-start:.5rem}.ui5-shellbar-overflow-container-right-child>:first-child,.ui5-shellbar-search-field:first-child+.ui5-shellbar-button:not(.ui5-shellbar-search-button){margin-inline-start:0}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;bottom:.0625rem;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:1001;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}.ui5-shellbar-search-full-width-wrapper ::slotted([ui5-shellbar-search]){max-width:unset}::slotted([ui5-input]){background:var(--_ui5-v2-11-0-rc-3_shellbar_search_field_background);border:var(--_ui5-v2-11-0-rc-3_shellbar_search_field_border);box-shadow:var(--_ui5-v2-11-0-rc-3_shellbar_search_field_box_shadow);color:var(--_ui5-v2-11-0-rc-3_shellbar_search_field_color);height:2.25rem;width:100%;min-width:var(--_ui5-v2-11-0-rc-3_shellbar_search_field_width)}:host([breakpoint-size="M"]) ::slotted([ui5-input]),:host([breakpoint-size="S"]) ::slotted([ui5-input]){min-width:1rem}:host([breakpoint-size="M"][show-search-field]) .ui5-shellbar-overflow-container-right-child{flex-grow:1}::slotted([ui5-input]:hover){background:var(--_ui5-v2-11-0-rc-3_shellbar_search_field_background_hover);box-shadow:var(--_ui5-v2-11-0-rc-3_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5-v2-11-0-rc-3_shellbar_search_field_outline_focused)}::slotted([slot="logo"]){max-height:2rem;max-width:3.75rem;pointer-events:none}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-coPilot-pressed,.ui5-shellbar-coPilot-pressed:hover{color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-button][slot="startButton"]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][data-profile-btn]){width:auto}::slotted(.ui5-shellbar-hidden-button),.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden;order:-1;opacity:0;min-width:0;width:0;margin:0;padding:0;padding-inline-start:0;border:0;margin-inline-start:0}
 `;
 
     Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
     Icons.p("@ui5/webcomponents-fiori", "sap_horizon", async () => parametersBundle_css.defaultTheme);
-    var ShellBarPopoverCss = `.ui5-shellbar-menu-popover::part(content),.ui5-shellbar-overflow-popover::part(content){padding:0}.ui5-shellbar-overflow-popover [ui5-li]::part(icon){color:var(--sapList_TextColor)}.ui5-shellbar-overflow-popover [ui5-li]::part(title){font-size:var(--sapFontSize)}.ui5-shellbar-overflow-popover [ui5-li]:after{position:relative;width:fit-content;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5-v2-10-0-rc-2_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);bottom:calc(100% + .0625rem);left:1.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:"72override",var(--sapFontFamily);z-index:2;box-sizing:border-box;pointer-events:none}.ui5-shellbar-overflow-popover [ui5-li][data-count]:after{content:attr(data-count)}
+    var ShellBarPopoverCss = `.ui5-shellbar-menu-popover::part(content),.ui5-shellbar-overflow-popover::part(content){padding:0}.ui5-shellbar-overflow-popover [ui5-li]::part(icon){color:var(--sapList_TextColor)}.ui5-shellbar-overflow-popover [ui5-li]::part(title){font-size:var(--sapFontSize)}.ui5-shellbar-overflow-popover [ui5-li]:after{position:relative;width:fit-content;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5-v2-11-0-rc-3_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);bottom:calc(100% + .0625rem);left:1.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:"72override",var(--sapFontFamily);z-index:2;box-sizing:border-box;pointer-events:none}.ui5-shellbar-overflow-popover [ui5-li][data-count]:after{content:attr(data-count)}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -483,11 +558,11 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             /**
              * Disables the automatic search field expansion/collapse when the available space is not enough.
              *
-             * **Note:** The `disableAutoSearchField` property is in an experimental state and is a subject to change.
+             * **Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.
              * @default false
              * @public
              */
-            this.disableAutoSearchField = false;
+            this.disableSearchCollapse = false;
             /**
              * Defines, if the notification icon would be displayed.
              * @default false
@@ -500,6 +575,14 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
              * @public
              */
             this.showProductSwitch = false;
+            /**
+             * Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
+             *
+             * **Note:** By default the Search Field is not displayed.
+             * @default false
+             * @public
+             */
+            this.showSearchField = false;
             /**
              * Defines additional accessibility attributes on different areas of the component.
              *
@@ -552,7 +635,6 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             this._lastOffsetWidth = 0;
             this._observableContent = [];
             this._autoRestoreSearchField = false;
-            this._showSearchField = false;
             this._hiddenIcons = [];
             this._isInitialRendering = true;
             this._overflowNotifications = null;
@@ -568,6 +650,21 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                     menuPopover.open = true;
                 }
             };
+            this.onSearchOpen = () => {
+                if (Icons.d$1()) {
+                    this.setSearchState(true);
+                }
+            };
+            this.onSearchClose = () => {
+                if (Icons.d$1()) {
+                    this.setSearchState(false);
+                }
+            };
+            this.onSearch = () => {
+                if (!Icons.d$1() && !this.search?.value) {
+                    this.setSearchState(!this.showSearchField);
+                }
+            };
             this._handleResize = n(() => {
                 this.menuPopover = this._getMenuPopover();
                 this.overflowPopover = this._getOverflowPopover();
@@ -721,31 +818,28 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                 return isHidden && isSet && !shouldStayOnScreen;
             });
             this._observeContentItems();
-        }
-        /**
-         * Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
-         *
-         * **Note:** By default the Search Field is not displayed.
-         * @default false
-         * @public
-         */
-        set showSearchField(value) {
-            if (isSelfCollapsibleSearch(this.search)) {
-                this.search.collapsed = !value;
+            // search field shouldn't be expanded initially in full width mode
+            if (this.showFullWidthSearch && this._isInitialRendering) {
+                this.setSearchState(false);
+                this._autoRestoreSearchField = true;
             }
-            this._showSearchField = value;
-        }
-        get showSearchField() {
             if (isSelfCollapsibleSearch(this.search)) {
-                return !this.search.collapsed;
+                if (Icons.d$1()) {
+                    this.search.open = this.showSearchField;
+                }
+                else {
+                    this.search.collapsed = !this.showSearchField;
+                }
             }
-            return this._showSearchField;
         }
         /**
          * Use this method to change the state of the search filed according to internal logic.
          * An event is fired to notify the change.
          */
         async setSearchState(expanded) {
+            if (expanded === this.showSearchField) {
+                return;
+            }
             this.showSearchField = expanded;
             await Icons.f$3();
             this.fireDecoratorEvent("search-field-toggle", { expanded });
@@ -840,6 +934,11 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         }
         onEnterDOM() {
             webcomponentsBase.f.register(this, this._handleResize);
+            if (isSelfCollapsibleSearch(this.search)) {
+                this.search.addEventListener("ui5-open", this.onSearchOpen);
+                this.search.addEventListener("ui5-close", this.onSearchClose);
+                this.search.addEventListener("ui5-search", this.onSearch);
+            }
             if (Icons.f$1()) {
                 this.setAttribute("desktop", "");
             }
@@ -848,6 +947,11 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             this.contentItemsObserver.disconnect();
             this._observableContent = [];
             webcomponentsBase.f.deregister(this, this._handleResize);
+            if (isSelfCollapsibleSearch(this.search)) {
+                this.search.removeEventListener("ui5-open", this.onSearchOpen);
+                this.search.removeEventListener("ui5-close", this.onSearchClose);
+                this.search.removeEventListener("ui5-search", this.onSearch);
+            }
         }
         _handleSearchIconPress() {
             const searchButtonRef = this.shadowRoot.querySelector(".ui5-shellbar-search-button");
@@ -1042,7 +1146,6 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                         stableDomRef: item.stableDomRef,
                         tooltip: item.title || item.text,
                         accessibilityAttributes: item.accessibilityAttributes,
-                        accessibleName: item.count ? `${item.title || item.text}, ${item.count}` : (item.title || item.text),
                     };
                 }),
                 {
@@ -1100,7 +1203,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             const notificationsArr = [];
             let overflowNotifications = null;
             this._itemsInfo.forEach(item => {
-                if (item.count && this.isIconHidden(item.icon)) {
+                if (item.count && item.classes.includes("ui5-shellbar-hidden-button")) {
                     notificationsArr.push(item.count);
                 }
             });
@@ -1160,8 +1263,8 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         get autoSearchField() {
             const onFocus = document.activeElement === this.searchField[0];
             const hasValue = this.searchField[0]?.value?.length > 0;
-            const disableAutoSearchField = this.disableAutoSearchField || onFocus || hasValue;
-            if (disableAutoSearchField) {
+            const disableSearchCollapse = this.disableSearchCollapse || onFocus || hasValue;
+            if (disableSearchCollapse) {
                 return false;
             }
             return this.showSearchField || this._autoRestoreSearchField;
@@ -1466,7 +1569,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     ], ShellBar.prototype, "hideSearchButton", void 0);
     __decorate([
         webcomponentsBase.s({ type: Boolean })
-    ], ShellBar.prototype, "disableAutoSearchField", void 0);
+    ], ShellBar.prototype, "disableSearchCollapse", void 0);
     __decorate([
         webcomponentsBase.s()
     ], ShellBar.prototype, "primaryTitle", void 0);
@@ -1482,6 +1585,9 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     __decorate([
         webcomponentsBase.s({ type: Boolean })
     ], ShellBar.prototype, "showProductSwitch", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Boolean })
+    ], ShellBar.prototype, "showSearchField", void 0);
     __decorate([
         webcomponentsBase.s({ type: Object })
     ], ShellBar.prototype, "accessibilityAttributes", void 0);
@@ -1536,9 +1642,6 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     __decorate([
         webcomponentsBase.d({ type: HTMLElement, individualSlots: true })
     ], ShellBar.prototype, "content", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], ShellBar.prototype, "showSearchField", null);
     __decorate([
         i18nDefaults.i("@ui5/webcomponents-fiori")
     ], ShellBar, "i18nBundle", void 0);
@@ -1547,7 +1650,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             tag: "ui5-shellbar",
             fastNavigation: true,
             languageAware: true,
-            renderer: i18nDefaults.d,
+            renderer: i18nDefaults.y,
             template: ShellBarTemplate,
             styles: [shellBarStyles, ShellBarPopoverCss],
             dependencies: [
@@ -1557,6 +1660,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                 ListItemTemplate.Popover,
                 ListItemStandard$1,
                 Menu,
+                ButtonBadge$1,
             ],
         })
         /**
@@ -1652,7 +1756,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     ], ShellBar);
     const isSelfCollapsibleSearch = (searchField) => {
         if (searchField) {
-            return "collapsed" in searchField;
+            return "collapsed" in searchField && "open" in searchField;
         }
         return false;
     };