@sapui5/sap.ushell 1.139.0 → 1.140.0

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

@@ -1,12 +1,7 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/Button2'], (function (exports, Icons, parametersBundle_css, i18nDefaults, webcomponentsBase, information, Title, List, ValueState, toLowercaseEnumValue, eventStrict, BusyIndicator, AccessibilityTextsHelper, Icon, Button) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/getEffectiveScrollbarStyle', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/FocusableElements', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/Button2'], (function (exports, webcomponentsBase, Icons, parametersBundle_css$1, i18nDefaults, parametersBundle_css, information, Title, getEffectiveScrollbarStyle, ValueState, toLowercaseEnumValue, eventStrict, FocusableElements, AccessibilityTextsHelper, Icon, Button) { 'use strict';
 
     const e$1={toAttribute(t){return t instanceof HTMLElement?null:t},fromAttribute(t){return t}};
 
-    Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var listItemAdditionalTextCss = `.ui5-li-additional-text{margin:0 .25rem;color:var(--sapNeutralTextColor);font-size:var(--sapFontSize);min-width:3.75rem;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-`;
-
     function PopubBlockLayerTemplate() {
         return (parametersBundle_css.jsx("div", { class: "ui5-block-layer", onKeyDown: this._preventBlockLayerFocus, onMouseDown: this._preventBlockLayerFocus }));
     }
@@ -65,12 +60,20 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
     var PopupAccessibleRole$1 = PopupAccessibleRole;
 
     const OpenedPopupsRegistry = Icons.m("OpenedPopupsRegistry", { openedRegistry: [] });
+    const openUI5Support = Icons.n$1("OpenUI5Support");
+    function registerPopupWithOpenUI5Support(popup) {
+        openUI5Support?.addOpenedPopup(popup);
+    }
+    function unregisterPopupWithOpenUI5Support(popup) {
+        openUI5Support?.removeOpenedPopup(popup);
+    }
     const addOpenedPopup = (instance, parentPopovers = []) => {
         if (!OpenedPopupsRegistry.openedRegistry.some(popup => popup.instance === instance)) {
             OpenedPopupsRegistry.openedRegistry.push({
                 instance,
                 parentPopovers,
             });
+            registerPopupWithOpenUI5Support(instance);
         }
         _updateTopModalPopup();
         if (OpenedPopupsRegistry.openedRegistry.length === 1) {
@@ -81,6 +84,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
         OpenedPopupsRegistry.openedRegistry = OpenedPopupsRegistry.openedRegistry.filter(el => {
             return el.instance !== instance;
         });
+        unregisterPopupWithOpenUI5Support(instance);
         _updateTopModalPopup();
         if (!OpenedPopupsRegistry.openedRegistry.length) {
             detachGlobalListener();
@@ -94,8 +98,12 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
             return;
         }
         if (webcomponentsBase.H(event)) {
+            const topmostPopup = OpenedPopupsRegistry.openedRegistry[OpenedPopupsRegistry.openedRegistry.length - 1].instance;
+            if (openUI5Support && topmostPopup !== openUI5Support.getTopmostPopup()) {
+                return;
+            }
             event.stopPropagation();
-            OpenedPopupsRegistry.openedRegistry[OpenedPopupsRegistry.openedRegistry.length - 1].instance.closePopup(true);
+            topmostPopup.closePopup(true);
         }
     };
     const attachGlobalListener = () => {
@@ -120,17 +128,17 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
     };
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
     var popupStlyes = `:host{min-width:1px;overflow:visible;border:none;inset:unset;margin:0;padding:0}
 `;
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
     var popupBlockLayerStyles = `.ui5-block-layer{position:fixed;z-index:-1;display:none;inset:-500px;outline:none;pointer-events:all}
 `;
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
     var globalStyles = `.ui5-popup-scroll-blocker{overflow:hidden}
 `;
 
@@ -241,6 +249,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
                 this.showPopover();
                 this.openPopup();
             }
+            this.setAttribute("data-sap-ui-fastnavgroup-container", "true");
             AccessibilityTextsHelper.y(this, this._updateAssociatedLabelsTexts.bind(this));
         }
         onExitDOM() {
@@ -372,7 +381,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
          * @private
          */
         async forwardToFirst() {
-            const firstFocusable = await BusyIndicator.b(this);
+            const firstFocusable = await FocusableElements.b(this);
             if (firstFocusable) {
                 firstFocusable.focus();
             }
@@ -385,7 +394,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
          * @private
          */
         async forwardToLast() {
-            const lastFocusable = await BusyIndicator.H(this);
+            const lastFocusable = await FocusableElements.H(this);
             if (lastFocusable) {
                 lastFocusable.focus();
             }
@@ -423,7 +432,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
                 element = this.getRootNode().getElementById(this.initialFocus)
                     || document.getElementById(this.initialFocus);
             }
-            element = element || await BusyIndicator.b(this) || this._root; // in case of no focusable content focus the root
+            element = element || await FocusableElements.b(this) || this._root; // in case of no focusable content focus the root
             if (element) {
                 if (element === this._root) {
                     element.tabIndex = -1;
@@ -692,13 +701,13 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
     }
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var PopupsCommonCss = `.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{position:fixed;background:var(--sapGroup_ContentBackground);border-radius:var(--_ui5-v2-13-0-rc-0_popup_border_radius);min-height:2rem;box-sizing:border-box}:host([open]){display:flex}.ui5-popup-root{background:inherit;border-radius:inherit;width:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;flex:1 1 auto;outline:none}.ui5-popup-root .ui5-popup-header-root{box-shadow:var(--_ui5-v2-13-0-rc-0_popup_header_shadow);border-bottom:var(--_ui5-v2-13-0-rc-0_popup_header_border)}.ui5-popup-content{color:var(--sapTextColor);flex:auto}.ui5-popup-content:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5-v2-13-0-rc-0_popup_border_radius)}.ui5-popup-footer-root{background:var(--sapPageFooter_Background);border-top:1px solid var(--sapPageFooter_BorderColor);color:var(--sapPageFooter_TextColor)}.ui5-popup-header-root,.ui5-popup-footer-root,:host([header-text]) .ui5-popup-header-text{margin:0;display:flex;justify-content:center;align-items:center}.ui5-popup-header-root .ui5-popup-header-text{font-weight:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size);color:var(--sapPageHeader_TextColor)}.ui5-popup-content{overflow:auto;box-sizing:border-box}:host([header-text]) .ui5-popup-header-text{min-height:var(--_ui5-v2-13-0-rc-0_popup_default_header_height);max-height:var(--_ui5-v2-13-0-rc-0_popup_default_header_height);line-height:var(--_ui5-v2-13-0-rc-0_popup_default_header_height);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-flex;justify-content:var(--_ui5-v2-13-0-rc-0_popup_header_prop_header_text_alignment)}:host([header-text]) .ui5-popup-header-root{justify-content:var(--_ui5-v2-13-0-rc-0_popup_header_prop_header_text_alignment)}:host(:not([header-text])) .ui5-popup-header-text{display:none}:host([media-range="S"]) .ui5-popup-content{padding:1rem var(--_ui5-v2-13-0-rc-0_popup_content_padding_s)}:host([media-range="M"]) .ui5-popup-content,:host([media-range="L"]) .ui5-popup-content{padding:1rem var(--_ui5-v2-13-0-rc-0_popup_content_padding_m_l)}:host([media-range="XL"]) .ui5-popup-content{padding:1rem var(--_ui5-v2-13-0-rc-0_popup_content_padding_xl)}.ui5-popup-header-root{background:var(--_ui5-v2-13-0-rc-0_popup_header_background)}:host([media-range="S"]) .ui5-popup-header-root,:host([media-range="S"]) .ui5-popup-footer-root{padding-left:var(--_ui5-v2-13-0-rc-0_popup_header_footer_padding_s);padding-right:var(--_ui5-v2-13-0-rc-0_popup_header_footer_padding_s)}:host([media-range="M"]) .ui5-popup-header-root,:host([media-range="L"]) .ui5-popup-header-root,:host([media-range="M"]) .ui5-popup-footer-root,:host([media-range="L"]) .ui5-popup-footer-root{padding-left:var(--_ui5-v2-13-0-rc-0_popup_header_footer_padding_m_l);padding-right:var(--_ui5-v2-13-0-rc-0_popup_header_footer_padding_m_l)}:host([media-range="XL"]) .ui5-popup-header-root,:host([media-range="XL"]) .ui5-popup-footer-root{padding-left:var(--_ui5-v2-13-0-rc-0_popup_header_footer_padding_xl);padding-right:var(--_ui5-v2-13-0-rc-0_popup_header_footer_padding_xl)}
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
+    var PopupsCommonCss = `.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{position:fixed;background:var(--sapGroup_ContentBackground);border-radius:var(--_ui5-v2-14-0-rc-0_popup_border_radius);min-height:2rem;box-sizing:border-box}:host([open]){display:flex}.ui5-popup-root{background:inherit;border-radius:inherit;width:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;flex:1 1 auto;outline:none}.ui5-popup-root .ui5-popup-header-root{box-shadow:var(--_ui5-v2-14-0-rc-0_popup_header_shadow);border-bottom:var(--_ui5-v2-14-0-rc-0_popup_header_border)}.ui5-popup-content{color:var(--sapTextColor);flex:auto}.ui5-popup-content:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5-v2-14-0-rc-0_popup_border_radius)}.ui5-popup-footer-root{background:var(--sapPageFooter_Background);border-top:1px solid var(--sapPageFooter_BorderColor);color:var(--sapPageFooter_TextColor)}.ui5-popup-header-root,.ui5-popup-footer-root,:host([header-text]) .ui5-popup-header-text{margin:0;display:flex;justify-content:center;align-items:center}.ui5-popup-header-root .ui5-popup-header-text{font-weight:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size);color:var(--sapPageHeader_TextColor)}.ui5-popup-content{overflow:auto;box-sizing:border-box}:host([header-text]) .ui5-popup-header-text{min-height:var(--_ui5-v2-14-0-rc-0_popup_default_header_height);max-height:var(--_ui5-v2-14-0-rc-0_popup_default_header_height);line-height:var(--_ui5-v2-14-0-rc-0_popup_default_header_height);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-flex;justify-content:var(--_ui5-v2-14-0-rc-0_popup_header_prop_header_text_alignment)}:host([header-text]) .ui5-popup-header-root{justify-content:var(--_ui5-v2-14-0-rc-0_popup_header_prop_header_text_alignment)}:host(:not([header-text])) .ui5-popup-header-text{display:none}:host([media-range="S"]) .ui5-popup-content{padding:1rem var(--_ui5-v2-14-0-rc-0_popup_content_padding_s)}:host([media-range="M"]) .ui5-popup-content,:host([media-range="L"]) .ui5-popup-content{padding:1rem var(--_ui5-v2-14-0-rc-0_popup_content_padding_m_l)}:host([media-range="XL"]) .ui5-popup-content{padding:1rem var(--_ui5-v2-14-0-rc-0_popup_content_padding_xl)}.ui5-popup-header-root{background:var(--_ui5-v2-14-0-rc-0_popup_header_background)}:host([media-range="S"]) .ui5-popup-header-root,:host([media-range="S"]) .ui5-popup-footer-root{padding-left:var(--_ui5-v2-14-0-rc-0_popup_header_footer_padding_s);padding-right:var(--_ui5-v2-14-0-rc-0_popup_header_footer_padding_s)}:host([media-range="M"]) .ui5-popup-header-root,:host([media-range="L"]) .ui5-popup-header-root,:host([media-range="M"]) .ui5-popup-footer-root,:host([media-range="L"]) .ui5-popup-footer-root{padding-left:var(--_ui5-v2-14-0-rc-0_popup_header_footer_padding_m_l);padding-right:var(--_ui5-v2-14-0-rc-0_popup_header_footer_padding_m_l)}:host([media-range="XL"]) .ui5-popup-header-root,:host([media-range="XL"]) .ui5-popup-footer-root{padding-left:var(--_ui5-v2-14-0-rc-0_popup_header_footer_padding_xl);padding-right:var(--_ui5-v2-14-0-rc-0_popup_header_footer_padding_xl)}
 `;
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var dialogCSS = `.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{min-width:20rem;min-height:6rem;max-height:94%;max-width:90%;flex-direction:column;box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0;min-width:0}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot="header"]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}:host([draggable]) .ui5-popup-root{user-select:text}::slotted([slot="header"]){max-width:100%}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}.ui5-popup-header-root{position:relative}.ui5-popup-header-root:before{content:"";position:absolute;inset-block-start:auto;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;height:var(--_ui5-v2-13-0-rc-0_dialog_header_state_line_height);background:var(--sapObjectHeader_BorderColor)}:host([state="Negative"]) .ui5-popup-header-root:before{background:var(--sapErrorBorderColor)}:host([state="Information"]) .ui5-popup-header-root:before{background:var(--sapInformationBorderColor)}:host([state="Positive"]) .ui5-popup-header-root:before{background:var(--sapSuccessBorderColor)}:host([state="Critical"]) .ui5-popup-header-root:before{background:var(--sapWarningBorderColor)}.ui5-dialog-value-state-icon{margin-inline-end:.5rem;flex-shrink:0}:host([state="Negative"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-13-0-rc-0_dialog_header_error_state_icon_color)}:host([state="Information"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-13-0-rc-0_dialog_header_information_state_icon_color)}:host([state="Positive"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-13-0-rc-0_dialog_header_success_state_icon_color)}:host([state="Critical"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-13-0-rc-0_dialog_header_warning_state_icon_color)}.ui5-popup-header-root{outline:none}:host([desktop]) .ui5-popup-header-root:focus:after,.ui5-popup-header-root:focus-visible:after{content:"";position:absolute;left:var(--_ui5-v2-13-0-rc-0_dialog_header_focus_left_offset);bottom:var(--_ui5-v2-13-0-rc-0_dialog_header_focus_bottom_offset);right:var(--_ui5-v2-13-0-rc-0_dialog_header_focus_right_offset);top:var(--_ui5-v2-13-0-rc-0_dialog_header_focus_top_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v2-13-0-rc-0_dialog_header_border_radius) var(--_ui5-v2-13-0-rc-0_dialog_header_border_radius) 0 0;pointer-events:none}:host([stretch]) .ui5-popup-content{width:100%;height:100%}.ui5-popup-content{min-height:var(--_ui5-v2-13-0-rc-0_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:-.5rem;inset-inline-end:-.5rem;cursor:var(--_ui5-v2-13-0-rc-0_dialog_resize_cursor);width:1.5rem;height:1.5rem;border-radius:50%}.ui5-popup-resize-handle [ui5-icon]{color:var(--sapButton_Lite_TextColor)}::slotted([slot="footer"]){height:var(--_ui5-v2-13-0-rc-0_dialog_footer_height)}::slotted([slot="footer"][ui5-bar][design="Footer"]){border-top:none}::slotted([slot="header"][ui5-bar]){box-shadow:none}::slotted([slot="footer"][ui5-toolbar]){border:0}:host::backdrop{background-color:var(--_ui5-v2-13-0-rc-0_popup_block_layer_background);opacity:var(--_ui5-v2-13-0-rc-0_popup_block_layer_opacity)}.ui5-block-layer{display:block}
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
+    var dialogCSS = `.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{min-width:20rem;min-height:6rem;max-height:94%;max-width:90%;flex-direction:column;box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0;min-width:0}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot="header"]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}:host([draggable]) .ui5-popup-root{user-select:text}::slotted([slot="header"]){max-width:100%}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}.ui5-popup-header-root{position:relative}.ui5-popup-header-root:before{content:"";position:absolute;inset-block-start:auto;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;height:var(--_ui5-v2-14-0-rc-0_dialog_header_state_line_height);background:var(--sapObjectHeader_BorderColor)}:host([state="Negative"]) .ui5-popup-header-root:before{background:var(--sapErrorBorderColor)}:host([state="Information"]) .ui5-popup-header-root:before{background:var(--sapInformationBorderColor)}:host([state="Positive"]) .ui5-popup-header-root:before{background:var(--sapSuccessBorderColor)}:host([state="Critical"]) .ui5-popup-header-root:before{background:var(--sapWarningBorderColor)}.ui5-dialog-value-state-icon{margin-inline-end:.5rem;flex-shrink:0}:host([state="Negative"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-14-0-rc-0_dialog_header_error_state_icon_color)}:host([state="Information"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-14-0-rc-0_dialog_header_information_state_icon_color)}:host([state="Positive"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-14-0-rc-0_dialog_header_success_state_icon_color)}:host([state="Critical"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-14-0-rc-0_dialog_header_warning_state_icon_color)}.ui5-popup-header-root{outline:none}:host([desktop]) .ui5-popup-header-root:focus:after,.ui5-popup-header-root:focus-visible:after{content:"";position:absolute;left:var(--_ui5-v2-14-0-rc-0_dialog_header_focus_left_offset);bottom:var(--_ui5-v2-14-0-rc-0_dialog_header_focus_bottom_offset);right:var(--_ui5-v2-14-0-rc-0_dialog_header_focus_right_offset);top:var(--_ui5-v2-14-0-rc-0_dialog_header_focus_top_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v2-14-0-rc-0_dialog_header_border_radius) var(--_ui5-v2-14-0-rc-0_dialog_header_border_radius) 0 0;pointer-events:none}:host([stretch]) .ui5-popup-content{width:100%;height:100%}.ui5-popup-content{min-height:var(--_ui5-v2-14-0-rc-0_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:-.5rem;inset-inline-end:-.5rem;cursor:var(--_ui5-v2-14-0-rc-0_dialog_resize_cursor);width:1.5rem;height:1.5rem;border-radius:50%}.ui5-popup-resize-handle [ui5-icon]{color:var(--sapButton_Lite_TextColor)}::slotted([slot="footer"]){height:var(--_ui5-v2-14-0-rc-0_dialog_footer_height)}::slotted([slot="footer"][ui5-bar][design="Footer"]){border-top:none}::slotted([slot="header"][ui5-bar]){box-shadow:none}::slotted([slot="footer"][ui5-toolbar]){border:0}:host::backdrop{background-color:var(--_ui5-v2-14-0-rc-0_popup_block_layer_background);opacity:var(--_ui5-v2-14-0-rc-0_popup_block_layer_opacity)}.ui5-block-layer{display:block}
 `;
 
     var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -923,7 +932,6 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
             super.onEnterDOM();
             this._attachScreenResizeHandler();
             this.addEventListener("dragstart", this._dragStartHandler);
-            this.setAttribute("data-sap-ui-fastnavgroup-container", "true");
         }
         onExitDOM() {
             super.onExitDOM();
@@ -1158,7 +1166,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
         webcomponentsBase.d()
     ], Dialog.prototype, "footer", void 0);
     __decorate$2([
-        i18nDefaults.i("sap/ushell/gen/ui5/webcomponents")
+        parametersBundle_css$1.i("sap/ushell/gen/ui5/webcomponents")
     ], Dialog, "i18nBundle", void 0);
     Dialog = Dialog_1 = __decorate$2([
         webcomponentsBase.m({
@@ -1168,7 +1176,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
                 Popup$1.styles,
                 PopupsCommonCss,
                 dialogCSS,
-                List.a(),
+                getEffectiveScrollbarStyle.a(),
             ],
         })
     ], Dialog);
@@ -1408,8 +1416,8 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
     };
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var PopoverCss = `:host{box-shadow:var(--_ui5-v2-13-0-rc-0_popover_box_shadow);background-color:var(--_ui5-v2-13-0-rc-0_popover_background);max-width:calc(100vw - (100vw - 100%) - 2 * var(--_ui5-v2-13-0-rc-0_popup_viewport_margin))}:host([hide-arrow]){box-shadow:var(--_ui5-v2-13-0-rc-0_popover_no_arrow_box_shadow)}:host([actual-placement="Bottom"]) .ui5-popover-arrow{left:calc(50% - .5625rem);top:-.5rem;height:.5rem}:host([actual-placement="Bottom"]) .ui5-popover-arrow:after{margin:var(--_ui5-v2-13-0-rc-0_popover_upward_arrow_margin)}:host([actual-placement="Start"]) .ui5-popover-arrow{top:calc(50% - .5625rem);right:-.5625rem;width:.5625rem}:host([actual-placement="Start"]) .ui5-popover-arrow:after{margin:var(--_ui5-v2-13-0-rc-0_popover_right_arrow_margin)}:host([actual-placement="Top"]) .ui5-popover-arrow{left:calc(50% - .5625rem);height:.5625rem;top:100%}:host([actual-placement="Top"]) .ui5-popover-arrow:after{margin:var(--_ui5-v2-13-0-rc-0_popover_downward_arrow_margin)}:host(:not([actual-placement])) .ui5-popover-arrow,:host([actual-placement="End"]) .ui5-popover-arrow{left:-.5625rem;top:calc(50% - .5625rem);width:.5625rem;height:1rem}:host(:not([actual-placement])) .ui5-popover-arrow:after,:host([actual-placement="End"]) .ui5-popover-arrow:after{margin:var(--_ui5-v2-13-0-rc-0_popover_left_arrow_margin)}:host([hide-arrow]) .ui5-popover-arrow{display:none}.ui5-popover-root{min-width:6.25rem}.ui5-popover-arrow{pointer-events:none;display:block;width:1rem;height:1rem;position:absolute;overflow:hidden}.ui5-popover-arrow:after{content:"";display:block;width:.7rem;height:.7rem;background-color:var(--_ui5-v2-13-0-rc-0_popover_background);box-shadow:var(--_ui5-v2-13-0-rc-0_popover_box_shadow);transform:rotate(-45deg)}:host([modal])::backdrop{background-color:var(--_ui5-v2-13-0-rc-0_popup_block_layer_background);opacity:var(--_ui5-v2-13-0-rc-0_popup_block_layer_opacity)}:host([modal]) .ui5-block-layer{display:block}
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
+    var PopoverCss = `:host{box-shadow:var(--_ui5-v2-14-0-rc-0_popover_box_shadow);background-color:var(--_ui5-v2-14-0-rc-0_popover_background);max-width:calc(100vw - (100vw - 100%) - 2 * var(--_ui5-v2-14-0-rc-0_popup_viewport_margin))}:host([hide-arrow]){box-shadow:var(--_ui5-v2-14-0-rc-0_popover_no_arrow_box_shadow)}:host([actual-placement="Bottom"]) .ui5-popover-arrow{left:calc(50% - .5625rem);top:-.5rem;height:.5rem}:host([actual-placement="Bottom"]) .ui5-popover-arrow:after{margin:var(--_ui5-v2-14-0-rc-0_popover_upward_arrow_margin)}:host([actual-placement="Start"]) .ui5-popover-arrow{top:calc(50% - .5625rem);right:-.5625rem;width:.5625rem}:host([actual-placement="Start"]) .ui5-popover-arrow:after{margin:var(--_ui5-v2-14-0-rc-0_popover_right_arrow_margin)}:host([actual-placement="Top"]) .ui5-popover-arrow{left:calc(50% - .5625rem);height:.5625rem;top:100%}:host([actual-placement="Top"]) .ui5-popover-arrow:after{margin:var(--_ui5-v2-14-0-rc-0_popover_downward_arrow_margin)}:host(:not([actual-placement])) .ui5-popover-arrow,:host([actual-placement="End"]) .ui5-popover-arrow{left:-.5625rem;top:calc(50% - .5625rem);width:.5625rem;height:1rem}:host(:not([actual-placement])) .ui5-popover-arrow:after,:host([actual-placement="End"]) .ui5-popover-arrow:after{margin:var(--_ui5-v2-14-0-rc-0_popover_left_arrow_margin)}:host([hide-arrow]) .ui5-popover-arrow{display:none}.ui5-popover-root{min-width:6.25rem}.ui5-popover-arrow{pointer-events:none;display:block;width:1rem;height:1rem;position:absolute;overflow:hidden}.ui5-popover-arrow:after{content:"";display:block;width:.7rem;height:.7rem;background-color:var(--_ui5-v2-14-0-rc-0_popover_background);box-shadow:var(--_ui5-v2-14-0-rc-0_popover_box_shadow);transform:rotate(-45deg)}:host([modal])::backdrop{background-color:var(--_ui5-v2-14-0-rc-0_popup_block_layer_background);opacity:var(--_ui5-v2-14-0-rc-0_popup_block_layer_opacity)}:host([modal]) .ui5-block-layer{display:block}
 `;
 
     var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -1545,7 +1553,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
             if (!opener) {
                 return;
             }
-            if (this.isOpenerOutsideViewport(opener.getBoundingClientRect())) {
+            if (!opener || this.isOpenerOutsideViewport(opener.getBoundingClientRect())) {
                 await Icons.f$1();
                 this.open = false;
                 this.fireDecoratorEvent("close");
@@ -1583,7 +1591,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
             removeOpenedPopover(this);
         }
         getOpenerHTMLElement(opener) {
-            if (opener === undefined) {
+            if (opener === undefined || opener === null) {
                 return opener;
             }
             if (opener instanceof HTMLElement) {
@@ -1648,6 +1656,13 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
         async _show() {
             super._show();
             const opener = this.getOpenerHTMLElement(this.opener);
+            if (!opener) {
+                Object.assign(this.style, {
+                    top: `0px`,
+                    left: `0px`,
+                });
+                return;
+            }
             if (opener && webcomponentsBase.v(opener) && !opener.getDomRef()) {
                 return;
             }
@@ -2080,7 +2095,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
                 Popup$1.styles,
                 PopupsCommonCss,
                 PopoverCss,
-                List.a(),
+                getEffectiveScrollbarStyle.a(),
             ],
             template: PopoverTemplate,
         })
@@ -2092,8 +2107,8 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
     var Popover$1 = Popover;
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var ResponsivePopoverCss = `:host{--_ui5-v2-13-0-rc-0_input_width: 100%;min-width:6.25rem;min-height:2rem}:host([on-phone]){display:contents}.ui5-responsive-popover-header{height:var(--_ui5-v2-13-0-rc-0-responsive_popover_header_height);display:flex;justify-content:var(--_ui5-v2-13-0-rc-0_popup_header_prop_header_text_alignment);align-items:center;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5-v2-13-0-rc-0_button_base_min_width))}.ui5-responsive-popover-header-no-title{justify-content:flex-end}
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
+    var ResponsivePopoverCss = `:host{--_ui5-v2-14-0-rc-0_input_width: 100%;min-width:6.25rem;min-height:2rem}:host([on-phone]){display:contents}.ui5-responsive-popover-header{height:var(--_ui5-v2-14-0-rc-0-responsive_popover_header_height);display:flex;justify-content:var(--_ui5-v2-14-0-rc-0_popup_header_prop_header_text_alignment);align-items:center;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5-v2-14-0-rc-0_button_base_min_width))}.ui5-responsive-popover-header-no-title{justify-content:flex-end}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -2242,7 +2257,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
         webcomponentsBase.s({ type: Boolean })
     ], ResponsivePopover.prototype, "_hideCloseButton", void 0);
     __decorate([
-        i18nDefaults.i("sap/ushell/gen/ui5/webcomponents")
+        parametersBundle_css$1.i("sap/ushell/gen/ui5/webcomponents")
     ], ResponsivePopover, "i18nBundle", void 0);
     ResponsivePopover = ResponsivePopover_1 = __decorate([
         webcomponentsBase.m({
@@ -2259,6 +2274,5 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/
     exports.PopoverPlacement = PopoverPlacement$1;
     exports.ResponsivePopover = ResponsivePopover$1;
     exports.e = e$1;
-    exports.listItemAdditionalTextCss = listItemAdditionalTextCss;
 
 }));

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

@@ -1,15 +1,16 @@
-sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/Tag', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/generateHighlightedMarkup', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/encodeXML'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, ListItemBase, parametersBundle_css, Icon, Tag, Button, information, Icons, parametersBundle_css$1, generateHighlightedMarkup, eventStrict, i18nDefaults, willShowContent, AccessibilityTextsHelper, toLowercaseEnumValue, encodeXML) { 'use strict';
+sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/Tag', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css3', 'sap/ushell/thirdparty/generateHighlightedMarkup', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/encodeXML'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, ListItemBase, parametersBundle_css, Icon, Tag, Button, information, Icons, parametersBundle_css$1, generateHighlightedMarkup, eventStrict, i18nDefaults, parametersBundle_css$2, willShowContent, i18nDefaults$1, AccessibilityTextsHelper, toLowercaseEnumValue, BusyIndicator, Label, encodeXML) { 'use strict';
 
     function SearchFieldTemplate() {
         return (parametersBundle_css.jsx("li", { part: "native-li", class: "ui5-li-root ui5-li--focusable", "aria-selected": this.selected, role: "option", "data-sap-focus-ref": true, draggable: this.movable, tabindex: this._effectiveTabIndex, onFocusIn: this._onfocusin, onFocusOut: this._onfocusout, onKeyUp: this._onkeyup, onKeyDown: this._onkeydown, onClick: this._onclick, children: parametersBundle_css.jsx("div", { part: "content", class: "ui5-search-item-content", children: parametersBundle_css.jsxs("div", { class: "ui5-search-item-begin-content", children: [this.image.length > 0 && !this.icon &&
                             parametersBundle_css.jsx("slot", { name: "image" }), this.icon &&
                             parametersBundle_css.jsx(Icon.Icon, { class: "ui5-search-item-icon", name: this.icon }), this.scopeName &&
-                            parametersBundle_css.jsx(Tag.Tag, { design: Tag.TagDesign.Set2, colorScheme: "10", children: this.scopeName }), parametersBundle_css.jsxs("div", { class: "ui5-search-item-titles-container", children: [parametersBundle_css.jsx("span", { part: "title", class: "ui5-search-item-text", dangerouslySetInnerHTML: { __html: this._markupText } }), parametersBundle_css.jsx("span", { part: "subtitle", class: "ui5-search-item-description", children: this.description })] }), parametersBundle_css.jsx(Button.Button, { class: "ui5-search-item-selected-delete", design: Button.ButtonDesign.Transparent, icon: information.decline, onClick: this._onDeleteButtonClick })] }) }) }));
+                            parametersBundle_css.jsx(Tag.Tag, { design: Tag.TagDesign.Set2, colorScheme: "10", children: this.scopeName }), parametersBundle_css.jsxs("div", { class: "ui5-search-item-titles-container", children: [parametersBundle_css.jsx("span", { part: "title", class: "ui5-search-item-text", dangerouslySetInnerHTML: { __html: this._markupText } }), parametersBundle_css.jsx("span", { part: "subtitle", class: "ui5-search-item-description", children: this.description })] }), this.deletable &&
+                            parametersBundle_css.jsx(Button.Button, { class: "ui5-search-item-selected-delete", design: Button.ButtonDesign.Transparent, icon: information.decline, onClick: this._onDeleteButtonClick, tooltip: this._deleteButtonTooltip })] }) }) }));
     }
 
     Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
     Icons.p("@ui5/webcomponents-fiori", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
-    var SearchItemCss = `:host([selected]){border:none}:host{border:none}.ui5-search-item-content{width:100%;height:100%;display:flex;align-items:center;gap:1rem}.ui5-search-item-begin-content{display:flex;height:100%;align-items:center;gap:.75rem;width:100%;box-sizing:border-box;flex:1}.ui5-search-item-selected-delete{display:none}:host([selected]:hover),:host(:focus-within),:host(:hover){.ui5-search-item-selected-delete{display:inline-block}}.ui5-search-item-text{display:inline-block;font-size:var(--sapFontLargeSize);font-family:var(--sapFontFamily);font-weight:400;color:var(--sapList_TextColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-search-item-titles-container{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;flex:1}.ui5-search-item-icon{padding:.375rem;width:1.25rem;height:1rem;box-sizing:content-box}:host([description]){height:auto;min-height:var(--_ui5-v2-13-0-rc-0_list_item_base_height)}:host([description]) .ui5-search-item-content{padding-top:.5rem;padding-bottom:.5rem}:host([description]) .ui5-search-item-description{display:inline-block}.ui5-search-item-description{display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapContent_LabelColor);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+    var SearchItemCss = `:host([selected]){border:none}:host{border:none}.ui5-search-item-content{width:100%;height:100%;display:flex;align-items:center;gap:1rem}.ui5-search-item-begin-content{display:flex;height:100%;align-items:center;gap:.75rem;width:100%;box-sizing:border-box;flex:1}:host([desktop]) .ui5-search-item-selected-delete{display:none}:host(:hover),:host(:focus-within){.ui5-search-item-selected-delete{display:inline-block}}.ui5-search-item-text{display:inline-block;font-size:var(--sapFontLargeSize);font-family:var(--sapFontFamily);font-weight:400;color:var(--sapList_TextColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-search-item-titles-container{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;flex:1}.ui5-search-item-icon{padding:.375rem;width:1.25rem;height:1rem;box-sizing:content-box}:host([description]){height:auto;min-height:var(--_ui5-v2-14-0-rc-0_list_item_base_height)}:host([description]) .ui5-search-item-content{padding-top:.5rem;padding-bottom:.5rem}:host([description]) .ui5-search-item-description{display:inline-block}.ui5-search-item-description{display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapContent_LabelColor);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -18,6 +19,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
         return c > 3 && r && Object.defineProperty(target, key, r), r;
     };
+    var SearchItem_1;
     /**
      * @class
      *
@@ -35,7 +37,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
      * @since 2.9.0
      * @experimental
      */
-    let SearchItem = class SearchItem extends ListItemBase.ListItemBase {
+    let SearchItem = SearchItem_1 = class SearchItem extends ListItemBase.ListItemBase {
         constructor() {
             super(...arguments);
             /**
@@ -44,6 +46,12 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
              * @public
              */
             this.selected = false;
+            /**
+             * Defines whether the search item is deletable.
+             * @default false
+             * @public
+             */
+            this.deletable = false;
             this.highlightText = "";
             this._markupText = "";
         }
@@ -62,6 +70,9 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             // bold the matched text
             this._markupText = this.highlightText ? generateHighlightedMarkup.f((this.text || ""), this.highlightText) : (this.text || "");
         }
+        get _deleteButtonTooltip() {
+            return SearchItem_1.i18nBundle.getText(i18nDefaults.SEARCH_ITEM_DELETE_BUTTON);
+        }
     };
     __decorate([
         webcomponentsBase.s()
@@ -75,6 +86,9 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
     __decorate([
         webcomponentsBase.s({ type: Boolean })
     ], SearchItem.prototype, "selected", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Boolean })
+    ], SearchItem.prototype, "deletable", void 0);
     __decorate([
         webcomponentsBase.s()
     ], SearchItem.prototype, "scopeName", void 0);
@@ -84,7 +98,10 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
     __decorate([
         webcomponentsBase.d()
     ], SearchItem.prototype, "image", void 0);
-    SearchItem = __decorate([
+    __decorate([
+        parametersBundle_css$2.i("@ui5/webcomponents-fiori")
+    ], SearchItem, "i18nBundle", void 0);
+    SearchItem = SearchItem_1 = __decorate([
         webcomponentsBase.m({
             tag: "ui5-search-item",
             languageAware: true,

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

@@ -1,8 +1,8 @@
-sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/ListBoxItemGroupTemplate', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/ListItemBase'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, ListItemGroup, Icons, parametersBundle_css, parametersBundle_css$1, ListBoxItemGroupTemplate, eventStrict, i18nDefaults, toLowercaseEnumValue, ListItemBase) { 'use strict';
+sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/parameters-bundle.css3', 'sap/ushell/thirdparty/ListBoxItemGroupTemplate', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/WrappingType'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, ListItemGroup, Icons, parametersBundle_css, parametersBundle_css$1, ListBoxItemGroupTemplate, eventStrict, parametersBundle_css$2, toLowercaseEnumValue, ListItemBase, i18nDefaults, WrappingType) { 'use strict';
 
     Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
     Icons.p("@ui5/webcomponents-fiori", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
-    var SearchItemGroupCss = `[ui5-li-group-header]::part(native-li){height:100%;padding:.5625rem .5rem}[ui5-li-group-header]{height:2rem}[ui5-li-group-header]::part(native-li):focus:after{inset:0!important;border-radius:8px}
+    var SearchItemGroupCss = `:host{height:2.75rem;background:var(--sapList_GroupHeaderBackground);color:var(--sapList_TableGroupHeaderTextColor)}.ui5-group-li-root{width:100%;height:100%;position:relative;box-sizing:border-box;padding:0;margin:0;list-style-type:none}[ui5-li-group-header]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor)}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

package/src/main/js/sap/ushell/thirdparty/SearchMessageArea.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/parameters-bundle.css2', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/Text', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/willShowContent'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, parametersBundle_css, Title, Text, Icons, parametersBundle_css$1, i18nDefaults, willShowContent) { '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/Title', 'sap/ushell/thirdparty/Text', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css3', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/i18n-defaults2'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, parametersBundle_css, Title, Text, Icons, parametersBundle_css$1, parametersBundle_css$2, willShowContent, i18nDefaults) { 'use strict';
 
     function SearchMessageAreaTemplate() {
         return (parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: parametersBundle_css.jsxs("div", { class: "ui5-search-message-area-wrapper", children: [parametersBundle_css.jsx(Title.Title, { size: Title.TitleLevel.H6, children: this.text }), parametersBundle_css.jsx(Text.Text, { class: "ui5-search-message-area-description", children: this.description })] }) }));
@@ -6,7 +6,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
 
     Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
     Icons.p("@ui5/webcomponents-fiori", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
-    var SearchMessageAreaStyles = `:host{width:calc(100% - .5rem);border-bottom:1px solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;display:inline-block;margin-left:.25rem;margin-right:.25rem}.ui5-search-message-area-wrapper{padding:.5rem;box-sizing:border-box}.ui5-search-message-area-description{margin-top:.25rem;font-size:.75rem;color:var(--sapContent_LabelColor)}
+    var SearchMessageAreaStyles = `:host{width:100%;border-bottom:1px solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;display:inline-block}.ui5-search-message-area-wrapper{padding:.5rem;box-sizing:border-box}.ui5-search-message-area-description{margin-top:.25rem;font-size:.75rem;color:var(--sapContent_LabelColor)}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {