@sapui5/sap.ushell 1.139.0 → 1.141.0

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/parameters-bundle.css2', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/ListItemCustom', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/overflow', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/Tag', 'sap/ushell/thirdparty/Menu', 'sap/ushell/thirdparty/slim-arrow-down', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/MenuItem2'], (function (require, webcomponentsBase, webcomponents, webcomponentsFiori, Icons, eventStrict, i18nDefaults, parametersBundle_css, AccessibilityTextsHelper, ListItemBase, ListItemCustom, Icon, overflow, List, ResponsivePopover, Button, Tag, Menu, slimArrowDown, parametersBundle_css$1, i18nDefaults$1, BusyIndicator, willShowContent, Label, information, ValueState, toLowercaseEnumValue, ListItemGroup, Title, MenuItem) { '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/parameters-bundle.css', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/ListItemCustom', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/WrappingType', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/Tag', 'sap/ushell/thirdparty/Menu', 'sap/ushell/thirdparty/slim-arrow-down', 'sap/ushell/thirdparty/overflow', 'sap/ushell/thirdparty/parameters-bundle.css3', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/FocusableElements', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/ListItemAdditionalText.css', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/MenuItem2'], (function (require, webcomponentsBase, webcomponents, webcomponentsFiori, Icons, eventStrict, parametersBundle_css$1, parametersBundle_css, AccessibilityTextsHelper, ListItemBase, ListItemCustom, Icon, WrappingType, List, ResponsivePopover, Button, Tag, Menu, slimArrowDown, overflow, parametersBundle_css$2, i18nDefaults, FocusableElements, information, i18nDefaults$1, ListItemAdditionalText_css, ValueState, Label, toLowercaseEnumValue, ListItemGroup, BusyIndicator, willShowContent, Title, MenuItem) { 'use strict';
 
     const predefinedHooks = {
         imageBegin,
@@ -14,7 +14,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         return parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsxs("div", { class: "ui5-li-text-wrapper", children: [renderTitle.call(this), renderDescription.call(this), !this.typeActive && parametersBundle_css.jsx("span", { class: "ui5-hidden-text", children: this.type })] }), !this.description && renderAdditionalText.call(this)] });
     }
     function renderTitle() {
-        if (this.wrappingType === overflow.WrappingType.Normal) {
+        if (this.wrappingType === WrappingType.WrappingType.Normal) {
             return this.expandableTextTemplate?.call(this, {
                 className: "ui5-li-title",
                 text: this._textContent,
@@ -28,7 +28,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         if (!this.description) {
             return null;
         }
-        if (this.wrappingType === overflow.WrappingType.Normal) {
+        if (this.wrappingType === WrappingType.WrappingType.Normal) {
             return (parametersBundle_css.jsxs("div", { class: "ui5-li-description-info-wrapper", children: [this.expandableTextTemplate?.call(this, {
                         className: "ui5-li-desc",
                         text: this.description,
@@ -95,14 +95,6 @@ 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 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.
-     *
-     * If both `text` and `default` slot are used, the `text` property takes precedence.
      * @constructor
      * @extends ListItem
      * @public
@@ -238,6 +230,9 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     __decorate$2([
         webcomponentsBase.s({ noAttribute: true })
     ], ListItemStandard.prototype, "expandableTextTemplate", void 0);
+    __decorate$2([
+        webcomponentsBase.d({ type: Node, "default": true })
+    ], ListItemStandard.prototype, "content", void 0);
     __decorate$2([
         webcomponentsBase.d()
     ], ListItemStandard.prototype, "image", void 0);
@@ -255,9 +250,9 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         return parametersBundle_css.jsx(Tag.Tag, { design: "Critical", "hide-state-icon": true, children: this.effectiveText });
     }
 
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.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;display:flex;align-items:center}:host([design="AttentionDot"]) [ui5-tag]::part(root){min-width:var(--_ui5-v2-13-0-rc-0-button-badge-diameter);min-height:var(--_ui5-v2-13-0-rc-0-button-badge-diameter);height:var(--_ui5-v2-13-0-rc-0-button-badge-diameter);width:var(--_ui5-v2-13-0-rc-0-button-badge-diameter);border-radius:100%}
+    Icons.p("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => parametersBundle_css$1.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;display:flex;align-items:center}:host([design="AttentionDot"]) [ui5-tag]::part(root){min-width:var(--_ui5-v2-14-0-rc-7-button-badge-diameter);min-height:var(--_ui5-v2-14-0-rc-7-button-badge-diameter);height:var(--_ui5-v2-14-0-rc-7-button-badge-diameter);width:var(--_ui5-v2-14-0-rc-7-button-badge-diameter);border-radius:100%}
 `;
 
     var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -329,7 +324,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     const collection$5 = "SAP-icons-v4";
     const packageName$5 = "@ui5/webcomponents-icons";
 
-    Icons.f$2(name$5, { pathData: pathData$5, ltr: ltr$5, collection: collection$5, packageName: packageName$5 });
+    Icons.y(name$5, { pathData: pathData$5, ltr: ltr$5, collection: collection$5, packageName: packageName$5 });
 
     const name$4 = "da";
     const pathData$4 = "M256.499 511.002q-12.975 0-20.959-10.979L5.988 180.647q-11.976-14.97 0-29.941L114.776 9.98Q122.76 0 134.736 0h255.502q14.97 0 20.959 10.979l95.813 140.725q9.98 14.97 0 28.943L277.458 500.023q-7.984 10.979-20.959 10.979zM57.887 166.674l198.612 275.462 198.612-276.46-77.848-114.775H147.712zm318.378 19.961q-25.95 7.985-39.423 21.459t-22.456 39.423q-1.996 7.984-9.98 7.984t-10.98-7.984q-8.982-25.95-22.455-39.423t-39.423-21.459q-7.985-2.994-7.985-10.978t7.985-10.979q25.95-7.984 39.423-21.957t22.456-39.922q2.994-7.984 10.978-7.984t9.981 7.984q8.982 25.95 22.456 39.922t39.423 21.957q7.985 2.995 7.985 10.979t-7.985 10.978z";
@@ -337,7 +332,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     const collection$4 = "SAP-icons-v5";
     const packageName$4 = "@ui5/webcomponents-icons";
 
-    Icons.f$2(name$4, { pathData: pathData$4, ltr: ltr$4, collection: collection$4, packageName: packageName$4 });
+    Icons.y(name$4, { pathData: pathData$4, ltr: ltr$4, collection: collection$4, packageName: packageName$4 });
 
     var da = "da";
 
@@ -347,7 +342,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     const collection$3 = "SAP-icons-v4";
     const packageName$3 = "@ui5/webcomponents-icons";
 
-    Icons.f$2(name$3, { pathData: pathData$3, ltr: ltr$3, collection: collection$3, packageName: packageName$3 });
+    Icons.y(name$3, { pathData: pathData$3, ltr: ltr$3, collection: collection$3, packageName: packageName$3 });
 
     const name$2 = "bell";
     const pathData$2 = "M475 374q5 7 5 16 0 11-7 18.5t-18 7.5H334q-5 27-27 45.5T256 480t-51-18.5-27-45.5H58q-11 0-18.5-7.5T32 390q0-10 6-16 1-1 8-9.5T61 341t14.5-35.5T82 260v-20q0-100 45-154t129-54 129.5 54T431 240v20q0 25 6.5 45.5T452 341t15 23.5 8 9.5zm-69-9q-11-20-19-46.5t-8-58.5v-20q0-32-5.5-60t-20-50-38-34.5T256 83t-59.5 12.5-38 34.5-20 50-5.5 60v20q0 32-8 58.5T106 365h300z";
@@ -355,7 +350,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     const collection$2 = "SAP-icons-v5";
     const packageName$2 = "@ui5/webcomponents-icons";
 
-    Icons.f$2(name$2, { pathData: pathData$2, ltr: ltr$2, collection: collection$2, packageName: packageName$2 });
+    Icons.y(name$2, { pathData: pathData$2, ltr: ltr$2, collection: collection$2, packageName: packageName$2 });
 
     var bell = "bell";
 
@@ -365,7 +360,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     const collection$1 = "SAP-icons-v4";
     const packageName$1 = "@ui5/webcomponents-icons";
 
-    Icons.f$2(name$1, { pathData: pathData$1, ltr: ltr$1, collection: collection$1, packageName: packageName$1 });
+    Icons.y(name$1, { pathData: pathData$1, ltr: ltr$1, collection: collection$1, packageName: packageName$1 });
 
     const name = "grid";
     const pathData = "M80 128q-20 0-34-14T32 80t14-34 34-14 34 14 14 34-14 34-34 14zm176 0q-20 0-34-14t-14-34 14-34 34-14 34 14 14 34-14 34-34 14zm176 0q-20 0-34-14t-14-34 14-34 34-14 34 14 14 34-14 34-34 14zM80 208q20 0 34 14t14 34-14 34-34 14-34-14-14-34 14-34 34-14zm176 0q20 0 34 14t14 34-14 34-34 14-34-14-14-34 14-34 34-14zm176 0q20 0 34 14t14 34-14 34-34 14-34-14-14-34 14-34 34-14zM80 384q20 0 34 14t14 34-14 34-34 14-34-14-14-34 14-34 34-14zm176 0q20 0 34 14t14 34-14 34-34 14-34-14-14-34 14-34 34-14zm176 0q20 0 34 14t14 34-14 34-34 14-34-14-14-34 14-34 34-14z";
@@ -373,7 +368,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     const collection = "SAP-icons-v5";
     const packageName = "@ui5/webcomponents-icons";
 
-    Icons.f$2(name, { pathData, ltr, collection, packageName });
+    Icons.y(name, { pathData, ltr, collection, packageName });
 
     var grid = "grid";
 
@@ -439,14 +434,14 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         return (parametersBundle_css.jsxs("div", { role: this.accLogoRole, class: "ui5-shellbar-logo-area", onClick: this._logoPress, tabIndex: 0, onKeyDown: this._logoKeydown, onKeyUp: this._logoKeyup, "aria-label": this.accessibilityAttributes.branding?.name || this._logoAreaText, children: [this.hasLogo && (parametersBundle_css.jsx("span", { class: "ui5-shellbar-logo", title: this._logoText, "data-ui5-stable": "logo", children: parametersBundle_css.jsx("slot", { name: "logo" }) })), parametersBundle_css.jsx("div", { class: "ui5-shellbar-headings", children: this.primaryTitle && (parametersBundle_css.jsx("h1", { class: "ui5-shellbar-title", children: parametersBundle_css.jsx("bdi", { children: this.primaryTitle }) })) })] }));
     }
 
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@ui5/webcomponents-fiori", "sap_horizon", async () => parametersBundle_css$1.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-13-0-rc-0_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5-v2-13-0-rc-0_input_border_radius: var(--_ui5-v2-13-0-rc-0_shellbar_input_border_radius);--_ui5-v2-13-0-rc-0_input_focus_border_radius: var(--_ui5-v2-13-0-rc-0_shellbar_input_focus_border_radius);--_ui5-v2-13-0-rc-0_input_background_color: var(--_ui5-v2-13-0-rc-0_shellbar_input_background_color);--_ui5-v2-13-0-rc-0_input_focus_outline_color: var(--_ui5-v2-13-0-rc-0_shellbar_input_focus_outline_color);--_ui5-v2-13-0-rc-0_input_margin_top_bottom: 0;box-shadow:inset 0 -.0625rem 0 0 var(--sapPageHeader_BorderColor);--_ui5-v2-13-0-rc-0_button_base_min_width: 2.25rem;--_ui5-v2-13-0-rc-0_button_base_padding: .5625rem;--_ui5-v2-13-0-rc-0_button_base_height: var(--sapElement_Height);--_ui5-v2-13-0-rc-0-button-badge-diameter: .75rem}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;height:var(--_ui5-v2-13-0-rc-0_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-13-0-rc-0-shellbar-overflow-button-margin);border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5-v2-13-0-rc-0_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-13-0-rc-0_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-13-0-rc-0-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-13-0-rc-0_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-13-0-rc-0_shellbar_logo_outline);outline-offset:var(--_ui5-v2-13-0-rc-0_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-13-0-rc-0_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-13-0-rc-0_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-13-0-rc-0_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}.ui5-shellbar-mid-content{height:var(--_ui5-v2-13-0-rc-0_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}.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-13-0-rc-0_shellbar_logo_outline);border-radius:var(--_ui5-v2-13-0-rc-0_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5-v2-13-0-rc-0_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-13-0-rc-0_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-13-0-rc-0_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{box-shadow:var(--_ui5-v2-13-0-rc-0_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-13-0-rc-0_button_focused_border: var(--_ui5-v2-13-0-rc-0_shellbar_button_focused_border)}.ui5-shellbar-search-button{--_ui5-v2-13-0-rc-0_button_focused_border_radius: var(--_ui5-v2-13-0-rc-0_shellbar_search_button_border_radius);--_ui5-v2-13-0-rc-0_shellbar_button_border_radius: var(--_ui5-v2-13-0-rc-0_shellbar_search_button_border_radius);height:var(--_ui5-v2-13-0-rc-0_shellbar_search_button_size);width:var(--_ui5-v2-13-0-rc-0_shellbar_search_button_size);min-width:var(--_ui5-v2-13-0-rc-0_shellbar_search_button_size)}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:auto;height:2.5rem;--_ui5-v2-13-0-rc-0_button_focused_border_radius: var(--_ui5-v2-13-0-rc-0_shellbar_image_button_border_radius);border-radius:var(--_ui5-v2-13-0-rc-0_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-13-0-rc-0_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-13-0-rc-0-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-13-0-rc-0-shellbar-notification-btn-count-offset)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{padding-inline-start:var(--_ui5-v2-13-0-rc-0-shellbar-content-margin-start);min-width:var(--_ui5-v2-13-0-rc-0_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-13-0-rc-0_shellbar_search_field_background);border:var(--_ui5-v2-13-0-rc-0_shellbar_search_field_border);box-shadow:var(--_ui5-v2-13-0-rc-0_shellbar_search_field_box_shadow);color:var(--_ui5-v2-13-0-rc-0_shellbar_search_field_color);height:2.25rem;width:100%;min-width:var(--_ui5-v2-13-0-rc-0_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-13-0-rc-0_shellbar_search_field_background_hover);box-shadow:var(--_ui5-v2-13-0-rc-0_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5-v2-13-0-rc-0_shellbar_search_field_outline_focused)}::slotted([slot="logo"]){max-height:2rem;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 () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => parametersBundle_css$2.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-14-0-rc-7_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5-v2-14-0-rc-7_input_border_radius: var(--_ui5-v2-14-0-rc-7_shellbar_input_border_radius);--_ui5-v2-14-0-rc-7_input_focus_border_radius: var(--_ui5-v2-14-0-rc-7_shellbar_input_focus_border_radius);--_ui5-v2-14-0-rc-7_input_background_color: var(--_ui5-v2-14-0-rc-7_shellbar_input_background_color);--_ui5-v2-14-0-rc-7_input_focus_outline_color: var(--_ui5-v2-14-0-rc-7_shellbar_input_focus_outline_color);--_ui5-v2-14-0-rc-7_input_margin_top_bottom: 0;box-shadow:inset 0 -.0625rem 0 0 var(--sapPageHeader_BorderColor);--_ui5-v2-14-0-rc-7_button_base_min_width: 2.25rem;--_ui5-v2-14-0-rc-7_button_base_padding: .5625rem;--_ui5-v2-14-0-rc-7_button_base_height: var(--sapElement_Height);--_ui5-v2-14-0-rc-7-button-badge-diameter: .75rem}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;height:var(--_ui5-v2-14-0-rc-7_shellbar_root_height);font-family: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-14-0-rc-7-shellbar-overflow-button-margin);border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5-v2-14-0-rc-7_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-14-0-rc-7_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-14-0-rc-7-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-14-0-rc-7_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-14-0-rc-7_shellbar_logo_outline);outline-offset:var(--_ui5-v2-14-0-rc-7_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-14-0-rc-7_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-14-0-rc-7_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-inline-start:.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-14-0-rc-7_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}.ui5-shellbar-mid-content{height:var(--_ui5-v2-14-0-rc-7_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}.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-14-0-rc-7_shellbar_logo_outline);border-radius:var(--_ui5-v2-14-0-rc-7_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5-v2-14-0-rc-7_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-14-0-rc-7_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-14-0-rc-7_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{box-shadow:var(--_ui5-v2-14-0-rc-7_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-14-0-rc-7_button_focused_border: var(--_ui5-v2-14-0-rc-7_shellbar_button_focused_border)}.ui5-shellbar-cancel-button,.ui5-shellbar-cancel-button:hover{color:var(--_ui5-v2-14-0-rc-7-shellbar_cancel-button-color)}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:auto;height:2.5rem;--_ui5-v2-14-0-rc-7_button_focused_border_radius: var(--_ui5-v2-14-0-rc-7_shellbar_image_button_border_radius);border-radius:var(--_ui5-v2-14-0-rc-7_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-14-0-rc-7_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:var(--_ui5-v2-14-0-rc-7-shellbar-separator-height);width:1px;background-color:var(--_ui5-v2-14-0-rc-7-shellbar_separator-color)}.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-14-0-rc-7-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-14-0-rc-7-shellbar-notification-btn-count-offset)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{padding-inline-start:var(--_ui5-v2-14-0-rc-7-shellbar-content-margin-start);min-width:var(--_ui5-v2-14-0-rc-7_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-14-0-rc-7_shellbar_search_field_background);border:var(--_ui5-v2-14-0-rc-7_shellbar_search_field_border);box-shadow:var(--_ui5-v2-14-0-rc-7_shellbar_search_field_box_shadow);color:var(--_ui5-v2-14-0-rc-7_shellbar_search_field_color);height:2.25rem;width:100%;min-width:var(--_ui5-v2-14-0-rc-7_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-14-0-rc-7_shellbar_search_field_background_hover);box-shadow:var(--_ui5-v2-14-0-rc-7_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5-v2-14-0-rc-7_shellbar_search_field_outline_focused)}::slotted([slot="logo"]){max-height:2rem;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 () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@ui5/webcomponents-fiori", "sap_horizon", async () => parametersBundle_css$1.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-13-0-rc-0_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)}
+    Icons.p("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => parametersBundle_css$2.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-14-0-rc-7_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: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) {
@@ -653,9 +648,14 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                 this._detachSearchFieldListeners(e.target);
                 return;
             }
-            if (!Icons.d() && !this.search?.value) {
-                this.setSearchState(!this.showSearchField);
+            // Decide when to toggle the search field:
+            // - On mobile, the search opens on its own (we don’t interfere).
+            // - If there’s already a value, onSearch is responsible for triggering the search (we don’t interfere)
+            // - If the field is closed, we must open it regardless.
+            if (Icons.d() || (this.search?.value && this.showSearchField)) {
+                return;
             }
+            this.setSearchState(!this.showSearchField);
         }
         _updateSearchFieldState() {
             const spacerWidth = this.shadowRoot.querySelector(".ui5-shellbar-spacer") ? this.shadowRoot.querySelector(".ui5-shellbar-spacer").getBoundingClientRect().width : 0;
@@ -674,7 +674,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             }
         }
         _onKeyDown(e) {
-            if (!webcomponentsBase.K(e) && !webcomponentsBase.c(e)) {
+            if (!webcomponentsBase.D(e) && !webcomponentsBase.R(e) && !webcomponentsBase.M(e) && !webcomponentsBase.n(e)) {
                 return;
             }
             const domRef = this.getDomRef();
@@ -696,12 +696,20 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             if (currentIndex !== -1) {
                 e.preventDefault();
                 // Focus navigation based on the key pressed
-                if (webcomponentsBase.K(e)) {
+                if (webcomponentsBase.D(e)) {
                     this._focusPreviousItem(items, currentIndex);
                 }
-                else if (webcomponentsBase.c(e)) {
+                else if (webcomponentsBase.R(e)) {
                     this._focusNextItem(items, currentIndex);
                 }
+                else if (webcomponentsBase.M(e)) {
+                    // Move focus to the first ShellBar item
+                    items[0]?.focus();
+                }
+                else if (webcomponentsBase.n(e)) {
+                    // Move focus to the last ShellBar item
+                    items[items.length - 1]?.focus();
+                }
             }
         }
         _allowChildNavigation(activeElement, e) {
@@ -714,8 +722,8 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             const cursorPosition = inputElement.selectionStart || 0;
             const textLength = inputElement.value.length;
             // Allow internal navigation if cursor is not at the boundaries
-            if ((webcomponentsBase.K(e) && cursorPosition > 0)
-                || (webcomponentsBase.c(e) && cursorPosition < textLength)) {
+            if ((webcomponentsBase.D(e) && cursorPosition > 0)
+                || (webcomponentsBase.R(e) && cursorPosition < textLength)) {
                 return true;
             }
             // Let ShellBar handle navigation if at boundaries
@@ -775,12 +783,12 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             this._overflowPopoverExpanded = false;
         }
         _logoKeyup(e) {
-            if (webcomponentsBase.i(e)) {
+            if (webcomponentsBase.A(e)) {
                 this._logoPress();
             }
         }
         _logoKeydown(e) {
-            if (webcomponentsBase.i(e)) {
+            if (webcomponentsBase.A(e)) {
                 e.preventDefault();
                 return;
             }
@@ -1014,8 +1022,15 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             });
         }
         _handleCancelButtonPress() {
+            const cancelButtonRef = this.shadowRoot.querySelector(".ui5-shellbar-cancel-button");
+            const clearDefaultPrevented = !this.fireDecoratorEvent("search-field-clear", {
+                targetRef: cancelButtonRef,
+            });
             this.showFullWidthSearch = false;
             this.setSearchState(false);
+            if (!clearDefaultPrevented) {
+                this._clearSearchFieldValue();
+            }
         }
         _handleProductSwitchPress(e) {
             const buttonRef = this.shadowRoot.querySelector(".ui5-shellbar-button-product-switch"), target = e.target;
@@ -1023,6 +1038,11 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                 targetRef: buttonRef.classList.contains("ui5-shellbar-hidden-button") ? target : buttonRef,
             });
         }
+        _clearSearchFieldValue() {
+            if (this.search) {
+                this.search.value = "";
+            }
+        }
         /**
          * Returns the `logo` DOM ref.
          * @public
@@ -1116,7 +1136,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                 {
                     icon: bell,
                     title: this._notificationsText,
-                    text: ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_NOTIFICATIONS_NO_COUNT),
+                    text: ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_NOTIFICATIONS_NO_COUNT),
                     count: this.notificationsCount,
                     classes: `${this.showNotifications ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-bell-button ui5-shellbar-button`,
                     id: `${this._id}-item-${2}`,
@@ -1373,27 +1393,27 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             return AccessibilityTextsHelper.A(this);
         }
         get _shellbarText() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_LABEL);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_LABEL);
         }
         get _logoText() {
-            return this.accessibilityAttributes.logo?.name || ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_LOGO);
+            return this.accessibilityAttributes.logo?.name || ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_LOGO);
         }
         get _notificationsText() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_NOTIFICATIONS, this.notificationsCount || 0);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_NOTIFICATIONS, this.notificationsCount || 0);
         }
         get _cancelBtnText() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_CANCEL);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_CANCEL);
         }
         get _logoAreaText() {
             const primaryTitle = this.primaryTitle ?? "";
             const secondaryTitle = this.secondaryTitle ?? "";
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_LOGO_AREA, primaryTitle, secondaryTitle);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_LOGO_AREA, primaryTitle, secondaryTitle);
         }
         get _contentItemsText() {
-            return this._enableContentAreaAccessibility ? ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_ADDITIONAL_CONTEXT) : undefined;
+            return this._enableContentAreaAccessibility ? ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_ADDITIONAL_CONTEXT) : undefined;
         }
         get _searchFieldDescription() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_SEARCHFIELD_DESCRIPTION);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_SEARCHFIELD_DESCRIPTION);
         }
         get _contentItemsRole() {
             if (this._enableContentAreaAccessibility) {
@@ -1433,25 +1453,25 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             return "toolbar";
         }
         get _searchFieldText() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_SEARCH_FIELD);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_SEARCH_FIELD);
         }
         get _searchBtnOpen() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_SEARCH_BTN_OPEN);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_SEARCH_BTN_OPEN);
         }
         get _productSwitchBtnText() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_PRODUCT_SWITCH_BTN);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_PRODUCT_SWITCH_BTN);
         }
         get _profileText() {
-            return this.accessibilityAttributes.profile?.name || ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_PROFILE);
+            return this.accessibilityAttributes.profile?.name || ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_PROFILE);
         }
         get _productsText() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_PRODUCTS);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_PRODUCTS);
         }
         get _searchText() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_SEARCH);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_SEARCH);
         }
         get _overflowText() {
-            return ShellBar_1.i18nBundle.getText(i18nDefaults$1.SHELLBAR_OVERFLOW);
+            return ShellBar_1.i18nBundle.getText(i18nDefaults.SHELLBAR_OVERFLOW);
         }
         get _brandingText() {
             return this.accessibilityAttributes.branding?.name || this.primaryTitle;
@@ -1650,7 +1670,7 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         webcomponentsBase.d({ type: HTMLElement, individualSlots: true })
     ], ShellBar.prototype, "content", void 0);
     __decorate([
-        i18nDefaults.i("@ui5/webcomponents-fiori")
+        parametersBundle_css$1.i("@ui5/webcomponents-fiori")
     ], ShellBar, "i18nBundle", void 0);
     ShellBar = ShellBar_1 = __decorate([
         webcomponentsBase.m({
@@ -1748,6 +1768,20 @@ sap.ui.define(['require', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         eventStrict.l("search-field-toggle", {
             bubbles: true,
         })
+        /**
+         * Fired, when the search cancel button is activated.
+         *
+         * **Note:** You can prevent the default behavior (clearing the search field value) by calling `event.preventDefault()`. The search will still be closed.
+         * **Note:** The `search-field-clear` event is in an experimental state and is a subject to change.
+         * @param {HTMLElement} targetRef dom ref of the cancel button element
+         * @since 2.14.0
+         * @public
+         */
+        ,
+        eventStrict.l("search-field-clear", {
+            cancelable: true,
+            bubbles: true,
+        })
         /**
          * Fired, when an item from the content slot is hidden or shown.
          * **Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.

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

@@ -1,12 +1,12 @@
-sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, parametersBundle_css, eventStrict, Icons, parametersBundle_css$1) { 'use strict';
+sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css3'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, parametersBundle_css, eventStrict, Icons, parametersBundle_css$1) { 'use strict';
 
     function ShellBarBrandingTemplate() {
         return (parametersBundle_css.jsxs("a", { class: "ui5-shellbar-branding-root", href: this.parsedRef, target: this.target, role: this._role, tabIndex: 0, "aria-label": this.accessibleNameText, onClick: this._onclick, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, children: [parametersBundle_css.jsx("span", { class: "ui5-shellbar-logo", children: parametersBundle_css.jsx("slot", { name: "logo" }) }), !this._isSBreakPoint && (parametersBundle_css.jsx("bdi", { class: "ui5-shellbar-title", children: parametersBundle_css.jsx("slot", {}) }))] }));
     }
 
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@ui5/webcomponents-fiori", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
-    var shellBarBrandingCss = `:host(:not([hidden])) .ui5-shellbar-branding-root{text-decoration:none}:host(:not([hidden])){display:inline}.ui5-shellbar-branding-root{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;margin-right:8px}.ui5-shellbar-branding-root:focus{outline:var(--_ui5-v2-13-0-rc-0_shellbar_logo_outline);border-radius:var(--_ui5-v2-13-0-rc-0_shellbar_logo_border_radius)}.ui5-shellbar-branding-root:hover{box-shadow:var(--_ui5-v2-13-0-rc-0_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-13-0-rc-0_shellbar_logo_border_radius)}.ui5-shellbar-branding-root:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5-v2-13-0-rc-0_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor)}.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}::slotted([slot="logo"]){max-height:2rem;max-width:3.75rem;pointer-events:none}
+    Icons.p("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
+    var shellBarBrandingCss = `:host(:not([hidden])) .ui5-shellbar-branding-root{text-decoration:none}:host(:not([hidden])){display:inline}.ui5-shellbar-branding-root{overflow:hidden;display:flex;align-items:center;padding-block:.25rem;padding-inline:.25rem .5rem;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;margin-inline-end:.5rem}.ui5-shellbar-branding-root:focus{outline:var(--_ui5-v2-14-0-rc-7_shellbar_logo_outline);border-radius:var(--_ui5-v2-14-0-rc-7_shellbar_logo_border_radius)}.ui5-shellbar-branding-root:hover{box-shadow:var(--_ui5-v2-14-0-rc-7_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-14-0-rc-7_shellbar_logo_border_radius)}.ui5-shellbar-branding-root:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5-v2-14-0-rc-7_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor);margin-inline-start:.25rem}.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}::slotted([slot="logo"]){max-height:2rem;max-width:3.75rem;pointer-events:none;padding-inline:.25rem}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -62,12 +62,12 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             this._fireClick();
         }
         _onkeyup(e) {
-            if (webcomponentsBase.i(e)) {
+            if (webcomponentsBase.A(e)) {
                 this._fireClick();
             }
         }
         _onkeydown(e) {
-            if (webcomponentsBase.i(e)) {
+            if (webcomponentsBase.A(e)) {
                 e.preventDefault();
                 return;
             }

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/ShellBarSearch2', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/slim-arrow-down', 'sap/ushell/thirdparty/encodeXML', 'sap/ushell/thirdparty/information2', 'sap/ushell/thirdparty/sys-enter-2', 'sap/ushell/thirdparty/parameters-bundle.css'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, ShellBarSearch, Icons, i18nDefaults, eventStrict, parametersBundle_css, Button, i18nDefaults$1, AccessibilityTextsHelper, willShowContent, toLowercaseEnumValue, Icon, ListItemBase, ResponsivePopover, information, Title, List, ListItemGroup, BusyIndicator, Label, ValueState, slimArrowDown, encodeXML, information$1, sysEnter2, parametersBundle_css$1) { 'use strict';
+sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/ShellBarSearch2', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/ListItemAdditionalText.css', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/WrappingType', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/FocusableElements', 'sap/ushell/thirdparty/slim-arrow-down', 'sap/ushell/thirdparty/encodeXML', 'sap/ushell/thirdparty/information2', 'sap/ushell/thirdparty/sys-enter-2', 'sap/ushell/thirdparty/parameters-bundle.css3'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, ShellBarSearch, Icons, i18nDefaults, eventStrict, parametersBundle_css, Button, parametersBundle_css$1, AccessibilityTextsHelper, willShowContent, toLowercaseEnumValue, Icon, BusyIndicator, Label, i18nDefaults$1, ListItemBase, ListItemAdditionalText_css, ValueState, information, List, ListItemGroup, WrappingType, ResponsivePopover, Title, FocusableElements, slimArrowDown, encodeXML, information$1, sysEnter2, parametersBundle_css$2) { 'use strict';