@openui5/sap.ui.webc.fiori 1.111.6 → 1.112.1

package/src/sap/ui/webc/fiori/thirdparty/ShellBar.js

@@ -18,24 +18,21 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _ShellBarPopoverTemplate = _interopRequireDefault(_ShellBarPopoverTemplate);
   _ShellBar = _interopRequireDefault(_ShellBar);
   _ShellBarPopover = _interopRequireDefault(_ShellBarPopover);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Templates
+
   // Styles
+
   const HANDLE_RESIZE_DEBOUNCE_RATE = 200; // ms
 
   /**
    * @public
    */
-
   const metadata = {
     tag: "ui5-shellbar",
     languageAware: true,
     fastNavigation: true,
-    properties:
-    /** @lends sap.ui.webcomponents.fiori.ShellBar.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.fiori.ShellBar.prototype */{
       /**
        * Defines the <code>primaryTitle</code>.
        * <br><br>
@@ -47,7 +44,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       primaryTitle: {
         type: String
       },
-
       /**
        * Defines the <code>secondaryTitle</code>.
        * <br><br>
@@ -59,7 +55,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       secondaryTitle: {
         type: String
       },
-
       /**
        * Defines the <code>notificationsCount</code>,
        * displayed in the notification icon top-right corner.
@@ -70,7 +65,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       notificationsCount: {
         type: String
       },
-
       /**
        * Defines, if the notification icon would be displayed.
        * @type {boolean}
@@ -80,7 +74,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       showNotifications: {
         type: Boolean
       },
-
       /**
        * Defines, if the product switch icon would be displayed.
        * @type {boolean}
@@ -90,7 +83,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       showProductSwitch: {
         type: Boolean
       },
-
       /**
        * Defines, if the product CoPilot icon would be displayed.
        * <br><b>Note:</b> By default the co-pilot is displayed as static SVG.
@@ -102,7 +94,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       showCoPilot: {
         type: Boolean
       },
-
       /**
        * An object of strings that defines several additional accessibility texts
        * for even further customization.
@@ -118,28 +109,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       accessibilityTexts: {
         type: Object
       },
-
       /**
        * @private
        */
       breakpointSize: {
         type: String
       },
-
       /**
        * @private
        */
       showSearchField: {
         type: Boolean
       },
-
       /**
        * @private
        */
       coPilotActive: {
         type: Boolean
       },
-
       /**
        * @private
        */
@@ -170,9 +157,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     },
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.fiori.ShellBar.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.fiori.ShellBar.prototype */{
       /**
        * Defines the <code>ui5-shellbar</code> aditional items.
        * <br><br>
@@ -188,7 +173,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: HTMLElement,
         invalidateOnChildChange: true
       },
-
       /**
        * You can pass <code>ui5-avatar</code> to set the profile image/icon.
        * If no profile slot is set - profile will be excluded from actions.
@@ -203,7 +187,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       profile: {
         type: HTMLElement
       },
-
       /**
        * Defines the logo of the <code>ui5-shellbar</code>.
        * For example, you can use <code>ui5-avatar</code> or <code>img</code> elements as logo.
@@ -215,7 +198,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       logo: {
         type: HTMLElement
       },
-
       /**
        * Defines the items displayed in menu after a click on the primary title.
        * <br><br>
@@ -230,7 +212,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       menuItems: {
         type: HTMLElement
       },
-
       /**
        * Defines the <code>ui5-input</code>, that will be used as a search field.
        *
@@ -241,7 +222,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       searchField: {
         type: HTMLElement
       },
-
       /**
        * Defines a <code>ui5-button</code> in the bar that will be placed in the beginning.
        * We encourage this slot to be used for a back or home button.
@@ -255,9 +235,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: HTMLElement
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.fiori.ShellBar.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.fiori.ShellBar.prototype */{
       /**
        *
        * Fired, when the notification icon is activated.
@@ -275,7 +253,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired, when the profile slot is present.
        *
@@ -290,7 +267,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired, when the product switch icon is activated.
        * <b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>.
@@ -307,7 +283,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired, when the logo is activated.
        *
@@ -323,7 +298,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired, when the co pilot is activated.
        *
@@ -339,7 +313,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired, when a menu item is activated
        * <b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>.
@@ -358,6 +331,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -407,36 +381,28 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @public
    * @since 0.8.0
    */
-
   class ShellBar extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _ShellBarTemplate.default;
     }
-
     static get staticAreaTemplate() {
       return _ShellBarPopoverTemplate.default;
     }
-
     static get styles() {
       return _ShellBar.default;
     }
-
     static get staticAreaStyles() {
       return [_ShellBarPopover.default];
     }
-
     static get FIORI_3_BREAKPOINTS() {
       return [599, 1023, 1439, 1919, 10000];
     }
-
     static get FIORI_3_BREAKPOINTS_MAP() {
       return {
         "599": "S",
@@ -446,13 +412,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         "10000": "XXL"
       };
     }
-
     constructor() {
       super();
       this._itemsInfo = [];
       this._isInitialRendering = true;
-      this._focusedItem = null; // marks if preventDefault() is called in item's press handler
+      this._focusedItem = null;
 
+      // marks if preventDefault() is called in item's press handler
       this._defaultItemPressPrevented = false;
       this.menuItemsObserver = new MutationObserver(() => {
         this._updateClonedMenuItems();
@@ -460,24 +426,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       this._header = {
         press: async () => {
           this._updateClonedMenuItems();
-
           if (this.hasMenuItems) {
             const menuPopover = await this._getMenuPopover();
             menuPopover.showAt(this.shadowRoot.querySelector(".ui5-shellbar-menu-button"));
           }
         }
       };
-
       this._handleResize = async event => {
         this._debounce(async () => {
           await this._getResponsivePopover();
           this.overflowPopover.close();
-
           this._overflowActions();
         }, HANDLE_RESIZE_DEBOUNCE_RATE);
       };
     }
-
     _debounce(fn, delay) {
       clearTimeout(this._debounceInterval);
       this._debounceInterval = setTimeout(() => {
@@ -485,88 +447,70 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         fn();
       }, delay);
     }
-
     _menuItemPress(event) {
       this.menuPopover.close();
       this.fireEvent("menu-item-click", {
         item: event.detail.selectedItems[0]
       }, true);
     }
-
     _logoPress() {
       this.fireEvent("logo-click", {
         targetRef: this.shadowRoot.querySelector(".ui5-shellbar-logo")
       });
     }
-
     _menuPopoverBeforeOpen() {
       this._menuPopoverExpanded = true;
     }
-
     _menuPopoverAfterClose() {
       this._menuPopoverExpanded = false;
     }
-
     _overflowPopoverBeforeOpen() {
       this._overflowPopoverExpanded = true;
     }
-
     _overflowPopoverAfterClose() {
       this._overflowPopoverExpanded = false;
     }
-
     _logoKeyup(event) {
       if ((0, _Keys.isSpace)(event)) {
         this._logoPress();
       }
     }
-
     _logoKeydown(event) {
       if ((0, _Keys.isSpace)(event)) {
         event.preventDefault();
         return;
       }
-
       if ((0, _Keys.isEnter)(event)) {
         this._logoPress();
       }
     }
-
     _fireCoPilotClick() {
       this.fireEvent("co-pilot-click", {
         targetRef: this.shadowRoot.querySelector(".ui5-shellbar-coPilot")
       });
     }
-
     _coPilotClick() {
       this._fireCoPilotClick();
     }
-
     _coPilotKeydown(event) {
       if ((0, _Keys.isSpace)(event)) {
         this.coPilotActive = true;
         event.preventDefault();
         return;
       }
-
       if ((0, _Keys.isEnter)(event)) {
         this.coPilotActive = true;
-
         this._fireCoPilotClick();
       }
     }
-
     _coPilotKeyup(event) {
       if ((0, _Keys.isSpace)(event)) {
         this._fireCoPilotClick();
       }
-
       this.coPilotActive = false;
     }
-
     onBeforeRendering() {
       const animationsOn = (0, _AnimationMode2.getAnimationMode)() === _AnimationMode.default.Full;
-
       const coPilotAnimation = (0, _FeaturesRegistry.getFeature)("CoPilotAnimation");
       this.coPilot = coPilotAnimation && animationsOn ? coPilotAnimation : {
         animated: false
@@ -580,94 +524,75 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         const shouldStayOnScreen = isOverflowIcon || isImageIcon && this.hasProfile;
         return isHidden && isSet && !shouldStayOnScreen;
       });
-
       this._observeMenuItems();
     }
-
     onAfterRendering() {
       this._overflowActions();
-
       this._fullWidthSearch = this._showFullWidthSearch;
     }
+
     /**
      * Closes the overflow area.
      * Useful to manually close the overflow after having suppressed automatic closing with preventDefault() of ShellbarItem's press event
      * @public
      */
-
-
     closeOverflow() {
       if (this.overflowPopover) {
         this.overflowPopover.close();
       }
     }
-
     _handleBarBreakpoints() {
       const width = this.getBoundingClientRect().width;
       const breakpoints = ShellBar.FIORI_3_BREAKPOINTS;
       const size = breakpoints.find(bp1 => width < bp1) || ShellBar.FIORI_3_BREAKPOINTS[ShellBar.FIORI_3_BREAKPOINTS.length - 1];
       const mappedSize = ShellBar.FIORI_3_BREAKPOINTS_MAP[size];
-
       if (this.breakpointSize !== mappedSize) {
         this.breakpointSize = mappedSize;
       }
-
       return mappedSize;
     }
-
     _handleSizeS() {
       const hasIcons = this.showNotifications || this.showProductSwitch || this.searchField.length || this.items.length;
-
       const newItems = this._getAllItems(hasIcons).map(info => {
         const isOverflowIcon = info.classes.indexOf("ui5-shellbar-overflow-button") !== -1;
         const isImageIcon = info.classes.indexOf("ui5-shellbar-image-button") !== -1;
         const shouldStayOnScreen = isOverflowIcon || isImageIcon && this.hasProfile;
-        return { ...info,
+        return {
+          ...info,
           classes: `${info.classes} ${shouldStayOnScreen ? "" : "ui5-shellbar-hidden-button"} ui5-shellbar-button`,
           styles: {
             order: shouldStayOnScreen ? 1 : -1
           }
         };
       });
-
       this._updateItemsInfo(newItems);
     }
-
     _handleActionsOverflow() {
       const rightContainerRect = this.shadowRoot.querySelector(".ui5-shellbar-overflow-container-right").getBoundingClientRect();
       let overflowSelector = ".ui5-shellbar-button:not(.ui5-shellbar-overflow-button):not(.ui5-shellbar-invisible-button)";
-
       if (this.showSearchField) {
         overflowSelector += ",.ui5-shellbar-search-field";
       }
-
       const elementsToOverflow = this.shadowRoot.querySelectorAll(overflowSelector);
       const isRTL = this.effectiveDir === "rtl";
       let overflowCount = [].filter.call(elementsToOverflow, icon => {
         const iconRect = icon.getBoundingClientRect();
-
         if (isRTL) {
           return iconRect.left + iconRect.width > rightContainerRect.left + rightContainerRect.width;
         }
-
         return iconRect.left < rightContainerRect.left;
       });
       overflowCount = overflowCount.length;
-
       const items = this._getAllItems(!!overflowCount).filter(item => item.show);
-
       const itemsByPriority = items.sort((item1, item2) => {
         if (item1.priority > item2.priority) {
           return 1;
         }
-
         if (item1.priority < item2.priority) {
           return -1;
         }
-
         return 0;
       });
-
       for (let i = 0; i < itemsByPriority.length; i++) {
         if (i < overflowCount) {
           itemsByPriority[i].classes = `${itemsByPriority[i].classes} ui5-shellbar-hidden-button`;
@@ -676,76 +601,60 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           };
         }
       }
-
       return itemsByPriority;
     }
-
     _overflowActions() {
       const size = this._handleBarBreakpoints();
-
       if (size === "S") {
         return this._handleSizeS();
       }
-
       const newItems = this._handleActionsOverflow();
-
       this._updateItemsInfo(newItems);
     }
-
     async _toggleActionPopover() {
       const overflowButton = this.shadowRoot.querySelector(".ui5-shellbar-overflow-button");
       const overflowPopover = await this._getOverflowPopover();
       overflowPopover.showAt(overflowButton);
     }
-
     onEnterDOM() {
       _ResizeHandler.default.register(this, this._handleResize);
     }
-
     onExitDOM() {
       this.menuItemsObserver.disconnect();
-
       _ResizeHandler.default.deregister(this, this._handleResize);
-
       clearTimeout(this._debounceInterval);
       this._debounceInterval = null;
     }
-
     _handleSearchIconPress(event) {
       this.showSearchField = !this.showSearchField;
-
       if (!this.showSearchField) {
         return;
       }
+      const input = this.searchField[0];
 
-      const input = this.searchField[0]; // update the state immediately
-
+      // update the state immediately
       if (input) {
         input.focused = true;
-      } // move the focus later
-
+      }
 
+      // move the focus later
       setTimeout(() => {
         if (input) {
           input.focus();
         }
       }, 100);
     }
-
     async _handleActionListClick(event) {
       if (!this._defaultItemPressPrevented) {
-        this.closeOverflow(); // wait for DOM to be updated when ui5-popover is closed, otherwise if Enter key is hold
+        this.closeOverflow();
+        // wait for DOM to be updated when ui5-popover is closed, otherwise if Enter key is hold
         // there will be no visual indication that this has happened
-
         await (0, _Render.renderFinished)();
       }
-
       this._defaultItemPressPrevented = false;
     }
-
     _handleCustomActionPress(event) {
       const refItemId = event.target.getAttribute("data-ui5-external-action-item-id");
-
       if (refItemId) {
         const shellbarItem = this.items.find(item => {
           return item._id === refItemId;
@@ -756,34 +665,30 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this._defaultItemPressPrevented = prevented;
       }
     }
-
     _handleOverflowPress(event) {
       this._toggleActionPopover();
     }
-
     _handleNotificationsPress(event) {
       const notificationIconRef = this.shadowRoot.querySelector(".ui5-shellbar-bell-button");
       this._defaultItemPressPrevented = !this.fireEvent("notifications-click", {
         targetRef: notificationIconRef.classList.contains("ui5-shellbar-hidden-button") ? event.target : notificationIconRef
       }, true);
     }
-
     _handleProfilePress(event) {
       this.fireEvent("profile-click", {
         targetRef: this.shadowRoot.querySelector(".ui5-shellbar-image-button")
       });
     }
-
     _handleCancelButtonPress() {
       this.showSearchField = false;
     }
-
     _handleProductSwitchPress(event) {
       const buttonRef = this.shadowRoot.querySelector(".ui5-shellbar-button-product-switch");
       this._defaultItemPressPrevented = !this.fireEvent("product-switch-click", {
         targetRef: buttonRef.classList.contains("ui5-shellbar-hidden-button") ? event.target : buttonRef
       }, true);
     }
+
     /**
      * Returns the <code>logo</code> DOM ref.
      * @type { HTMLElement }
@@ -791,11 +696,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      * @readonly
      * @since 1.0.0-rc.16
      */
-
-
     get logoDomRef() {
       return this.shadowRoot.querySelector(`*[data-ui5-stable="logo"]`);
     }
+
     /**
      * Returns the <code>copilot</code> DOM ref.
      * @type { HTMLElement }
@@ -803,11 +707,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      * @readonly
      * @since 1.0.0-rc.16
      */
-
-
     get copilotDomRef() {
       return this.shadowRoot.querySelector(`*[data-ui5-stable="copilot"]`);
     }
+
     /**
      * Returns the <code>notifications</code> icon DOM ref.
      * @type { HTMLElement }
@@ -815,11 +718,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      * @readonly
      * @since 1.0.0-rc.16
      */
-
-
     get notificationsDomRef() {
       return this.shadowRoot.querySelector(`*[data-ui5-stable="notifications"]`);
     }
+
     /**
      * Returns the <code>overflow</code> icon DOM ref.
      * @type { HTMLElement }
@@ -827,11 +729,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      * @readonly
      * @since 1.0.0-rc.16
      */
-
-
     get overflowDomRef() {
       return this.shadowRoot.querySelector(`*[data-ui5-stable="overflow"]`);
     }
+
     /**
      * Returns the <code>profile</code> icon DOM ref.
      * @type { HTMLElement }
@@ -839,11 +740,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      * @readonly
      * @since 1.0.0-rc.16
      */
-
-
     get profileDomRef() {
       return this.shadowRoot.querySelector(`*[data-ui5-stable="profile"]`);
     }
+
     /**
      * Returns the <code>product-switch</code> icon DOM ref.
      * @type { HTMLElement }
@@ -851,17 +751,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      * @readonly
      * @since 1.0.0-rc.16
      */
-
-
     get productSwitchDomRef() {
       return this.shadowRoot.querySelector(`*[data-ui5-stable="product-switch"]`);
     }
+
     /**
      * Returns all items that will be placed in the right of the bar as icons / dom elements.
      * @param {boolean} showOverflowButton Determines if overflow button should be visible (not overflowing)
      */
-
-
     _getAllItems(showOverflowButton) {
       let domOrder = -1;
       const items = [{
@@ -878,7 +775,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         show: !!this.searchField.length
       }, ...this.items.map((item, index) => {
         item._getRealDomRef = () => this.getDomRef().querySelector(`*[data-ui5-stable=${item.stableDomRef}]`);
-
         return {
           icon: item.icon,
           id: item._id,
@@ -949,15 +845,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }];
       return items;
     }
-
     _updateItemsInfo(newItems) {
       const isDifferent = JSON.stringify(this._itemsInfo) !== JSON.stringify(newItems);
-
       if (isDifferent) {
         this._itemsInfo = newItems;
       }
     }
-
     _updateClonedMenuItems() {
       this._menuPopoverItems = [];
       this.menuItems.forEach(item => {
@@ -965,11 +858,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         // otherwise would not be slotted in the internal ui5-li
         const clonedItem = item.cloneNode(true);
         clonedItem.removeAttribute("slot");
-
         this._menuPopoverItems.push(clonedItem);
       });
     }
-
     _observeMenuItems() {
       this.menuItems.forEach(item => {
         this.menuItemsObserver.observe(item, {
@@ -980,33 +871,26 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       });
     }
-
     async _getResponsivePopover() {
       const staticAreaItem = await this.getStaticAreaItemDomRef();
       this.overflowPopover = staticAreaItem.querySelector(".ui5-shellbar-overflow-popover");
       this.menuPopover = staticAreaItem.querySelector(".ui5-shellbar-menu-popover");
     }
-
     async _getOverflowPopover() {
       const staticAreaItem = await this.getStaticAreaItemDomRef();
       return staticAreaItem.querySelector(".ui5-shellbar-overflow-popover");
     }
-
     async _getMenuPopover() {
       const staticAreaItem = await this.getStaticAreaItemDomRef();
       return staticAreaItem.querySelector(".ui5-shellbar-menu-popover");
     }
-
     isIconHidden(name) {
       const itemInfo = this._itemsInfo.find(item => item.icon === name);
-
       if (!itemInfo) {
         return false;
       }
-
       return itemInfo.classes.indexOf("ui5-shellbar-hidden-button") !== -1;
     }
-
     get classes() {
       return {
         wrapper: {
@@ -1033,7 +917,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     get styles() {
       return {
         items: {
@@ -1055,94 +938,71 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     get correctSearchFieldStyles() {
       if (this.showSearchField) {
         return "flex";
       }
-
       return "none";
     }
-
     get customItemsInfo() {
       return this._itemsInfo.filter(itemInfo => !!itemInfo.custom);
     }
-
     get hasLogo() {
       return !!this.logo.length;
     }
-
     get showLogoInMenuButton() {
       return this.hasLogo && this.breakpointSize === "S";
     }
-
     get showTitleInMenuButton() {
       return this.primaryTitle && !this.showLogoInMenuButton;
     }
-
     get showMenuButton() {
       return this.primaryTitle || this.showLogoInMenuButton;
     }
-
     get popoverHorizontalAlign() {
       return this.effectiveDir === "rtl" ? "Left" : "Right";
     }
-
     get hasSearchField() {
       return !!this.searchField.length;
     }
-
     get hasProfile() {
       return !!this.profile.length;
     }
-
     get hasMenuItems() {
       return this.menuItems.length > 0;
     }
-
     get _shellbarText() {
       return ShellBar.i18nBundle.getText(_i18nDefaults.SHELLBAR_LABEL);
     }
-
     get _logoText() {
       return this.accessibilityTexts.logoTitle || ShellBar.i18nBundle.getText(_i18nDefaults.SHELLBAR_LOGO);
     }
-
     get _copilotText() {
       return ShellBar.i18nBundle.getText(_i18nDefaults.SHELLBAR_COPILOT);
     }
-
     get _notificationsText() {
       return ShellBar.i18nBundle.getText(_i18nDefaults.SHELLBAR_NOTIFICATIONS, this.notificationsCount);
     }
-
     get _cancelBtnText() {
       return ShellBar.i18nBundle.getText(_i18nDefaults.SHELLBAR_CANCEL);
     }
-
     get _showFullWidthSearch() {
       const size = this._handleBarBreakpoints();
-
       const searchBtnHidden = !!this.shadowRoot.querySelector(".ui5-shellbar-search-button.ui5-shellbar-hidden-button");
       return size === "S" || searchBtnHidden;
     }
-
     get _profileText() {
       return this.accessibilityTexts.profileButtonTitle || ShellBar.i18nBundle.getText(_i18nDefaults.SHELLBAR_PROFILE);
     }
-
     get _productsText() {
       return ShellBar.i18nBundle.getText(_i18nDefaults.SHELLBAR_PRODUCTS);
     }
-
     get _searchText() {
       return ShellBar.i18nBundle.getText(_i18nDefaults.SHELLBAR_SEARCH);
     }
-
     get _overflowText() {
       return ShellBar.i18nBundle.getText(_i18nDefaults.SHELLBAR_OVERFLOW);
     }
-
     get accInfo() {
       return {
         notifications: {
@@ -1169,17 +1029,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     static get dependencies() {
       return [_Button.default, _List.default, _Popover.default, _StandardListItem.default];
     }
-
     static async onDefine() {
       ShellBar.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
     }
-
   }
-
   ShellBar.define();
   var _default = ShellBar;
   _exports.default = _default;