@sapudex/web-components 2.4.2 → 2.6.0

package/dist/MastheadShell.js

@@ -17,18 +17,30 @@ import { isLeft, isRight, isSpace, isEnter, isEscape, } from "@ui5/webcomponents
 import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/menu2.js";
 import "@ui5/webcomponents-icons/dist/search.js";
+import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { MAIN_LINKS } from "./generated/i18n/i18n-defaults.js";
 import UDExMastheadItem, { UDExMastheadDropdownItemAction } from "./MastheadItem.js";
 import UDExMastheadMenu from "./MastheadMenu.js";
 import UDExControlButton from "./ControlButton.js";
 import UDExMastheadMobileMenu from "./MastheadMobileMenu.js";
-import MastheadShellTemplate from "./generated/templates/MastheadShellTemplate.lit.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
 import AnalyticsName from "./types/AnalyticsName.js";
+import MastheadShellTemplate from "./generated/templates/MastheadShellTemplate.lit.js";
 // Styles
 import MastheadShellCss from "./generated/themes/MastheadShell.css.js";
 const canvasContentFont = "16px '72 Brand Variable'";
+export var UDExMastheadVariable;
+(function (UDExMastheadVariable) {
+    UDExMastheadVariable["mobileMenuHeight"] = "--udex-masthead-shell-mobile-menu-height";
+    UDExMastheadVariable["itemButtonIconSize"] = "--udex-masthead-item-button-icon-size";
+    UDExMastheadVariable["itemArrowIconSize"] = "--udex-masthead-item-arrow-icon-size";
+    UDExMastheadVariable["rightMenuPadding"] = "--udex-masthead-right-menu-padding";
+    UDExMastheadVariable["exploreMargin"] = "--udex-masthead-shell-explore-margin";
+    UDExMastheadVariable["itemIconGap"] = "--udex-masthead-shell-item-icon-gap";
+    UDExMastheadVariable["mastheadHeight"] = "--udex-masthead-shell-height";
+    UDExMastheadVariable["itemGap"] = "--udex-masthead-shell-item-gap";
+})(UDExMastheadVariable || (UDExMastheadVariable = {}));
 /**
  * @class
  *
@@ -49,62 +61,6 @@ const canvasContentFont = "16px '72 Brand Variable'";
 let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI5Element {
     constructor() {
         super();
-        /**
-         * Defines URL for site label. It will be used as a link on a logo and a site label
-         *
-         * @default ""
-         * @public
-         */
-        this.siteLabelUrl = "";
-        /**
-         * Defines the Logo image URL
-         *
-         * @default ""
-         * @public
-         */
-        this.logoUrl = "";
-        /**
-         * Defines the Logo default title
-         *
-         * @default ""
-         * @public
-         */
-        this.logoTitle = "";
-        /**
-         * Defines a site label. It will be displayed next to a logo.
-         *
-         * @default ""
-         * @public
-         */
-        this.siteLabel = "";
-        /**
-         * Defines an alt text for logo
-         *
-         * @default ""
-         * @public
-         */
-        this.logoAlt = "";
-        /**
-         * Defines an accessible name for close icon for the search bar
-         *
-         * @default ""
-         * @public
-         */
-        this.closeButtonAccessibleName = "";
-        /**
-         * Defines an aria label for the homepage link
-         *
-         * @default ""
-         * @public
-         */
-        this.homepageAriaLabel = "";
-        /**
-         * Defines an aria label for the site label
-         *
-         * @default ""
-         * @public
-         */
-        this.siteLabelAriaLabel = "";
         this._handleResizeBound = this._handleResize.bind(this);
     }
     onBeforeRendering() {
@@ -122,9 +78,13 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         if (this._closeBtnClicked) {
             this.focusSearchBtn();
         }
+        this.updateVisibility();
     }
     onEnterDOM() {
         ResizeHandler.register(this, this._handleResizeBound);
+        if (isDesktop()) {
+            this.setAttribute("desktop", "");
+        }
     }
     onExitDOM() {
         ResizeHandler.deregister(this, this._handleResizeBound);
@@ -160,6 +120,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
             else {
                 this.removeMobileMode();
             }
+            this._isVisible = true;
         }
     }
     handleKeyDown(e) {
@@ -206,6 +167,9 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
     handleSiteLabelClick(e) {
         this.fireMastheadEvent("site-label-click", e);
     }
+    handleCoBrandClick(e) {
+        this.fireMastheadEvent("co-brand-click", e);
+    }
     handleSearchClick(e) {
         e.stopPropagation();
         this.fireMastheadEvent("search-click", e);
@@ -237,7 +201,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         if (this.bodyOverflow) {
             this.setOverflowBody();
         }
-        this.fireDecoratorEvent("mobile-menu-open");
+        this.fireMastheadEvent("mobile-menu-open");
     }
     handleCloseSearch(e) {
         this._closeBtnClicked = true;
@@ -321,24 +285,34 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         const itemsIcon = [...this.shadowRoot.querySelectorAll(".udex-masthead-shell__item_icon")];
         const itemIconWidths = itemsIcon.length * this.getItemIconWidth();
         const itemIconGaps = itemsIcon.length * this.getItemIconGap();
-        const exploreSAPWidth = this.hasExploreSAP ? this.getItemWidth(this.exploreSAP[0]) : 0;
+        const exploreItem = this.exploreSAP[0];
+        const exploreItemIconWidth = exploreItem.hasArrowDown ? this.getItemArrowIconWidth() : 0;
+        const exploreSAPWidth = this.hasExploreSAP ? this.getItemWidth(exploreItem) : 0;
         const rightMenuGaps = this.getRightMenuGap() + this.getExploreSapBtnGap() + itemIconGaps;
-        return exploreSAPWidth + itemIconWidths + rightMenuGaps;
+        return exploreSAPWidth + exploreItemIconWidth + itemIconWidths + rightMenuGaps;
     }
-    getItemIconWidth() {
+    getItemIconSize(cssVariableName) {
         const item = this.querySelector("[udex-masthead-item]");
         if (!item) {
             return 0;
         }
         const style = window.getComputedStyle(item);
-        const itemIconWidthVar = style.getPropertyValue("--udex-masthead-item-button-icon-size");
-        return parseInt(itemIconWidthVar);
+        const iconSizeVar = style.getPropertyValue(cssVariableName);
+        return parseInt(iconSizeVar);
+    }
+    getItemIconWidth() {
+        return this.getItemIconSize(UDExMastheadVariable.itemButtonIconSize);
+    }
+    getItemArrowIconWidth() {
+        return this.getItemIconSize(UDExMastheadVariable.itemArrowIconSize);
     }
     getMainMenuWidth() {
         const mainItems = this.getSlottedNodes("menuItems");
-        const gapItemVar = this.getRootVar("--udex-masthead-shell-item-gap");
+        const gapItemVar = this.getRootVar(UDExMastheadVariable.itemGap);
         return mainItems.reduce((accumulatedWidth, item, index) => {
-            return accumulatedWidth + this.getItemWidth(item) + (index && parseInt(gapItemVar));
+            const mainItem = item;
+            const arrowIconWidth = mainItem.hasArrowDown ? this.getItemArrowIconWidth() : 0;
+            return accumulatedWidth + this.getItemWidth(mainItem) + (index && parseInt(gapItemVar) + arrowIconWidth);
         }, 0);
     }
     getDomElement(selector) {
@@ -354,15 +328,15 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         return canvas.getContext("2d");
     }
     getItemIconGap() {
-        const gapIconItemVar = this.getRootVar("--udex-masthead-shell-item-icon-gap");
+        const gapIconItemVar = this.getRootVar(UDExMastheadVariable.itemIconGap);
         return parseInt(gapIconItemVar);
     }
     getExploreSapBtnGap() {
-        const exploreSapBtnGapVar = this.getRootVar("--udex-masthead-shell-explore-margin");
+        const exploreSapBtnGapVar = this.getRootVar(UDExMastheadVariable.exploreMargin);
         return this.hasExploreSAP ? parseInt(exploreSapBtnGapVar) : 0;
     }
     getRightMenuGap() {
-        const rightMenuGapVar = this.getRootVar("--udex-masthead-right-menu-padding");
+        const rightMenuGapVar = this.getRootVar(UDExMastheadVariable.rightMenuPadding);
         return parseInt(rightMenuGapVar);
     }
     getRootVar(variableName) {
@@ -389,9 +363,9 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         });
     }
     setMobileMenuHeight() {
-        const mastheadHeight = parseInt(window.getComputedStyle(this).getPropertyValue("--udex-masthead-shell-height"));
+        const mastheadHeight = parseInt(window.getComputedStyle(this).getPropertyValue(UDExMastheadVariable.mastheadHeight));
         const mobileMenuHeight = `${window.innerHeight - mastheadHeight}px`;
-        this.style.setProperty("--udex-masthead-shell-mobile-menu-height", mobileMenuHeight);
+        this.style.setProperty(UDExMastheadVariable.mobileMenuHeight, mobileMenuHeight);
     }
     removeMobileMode() {
         this._isMobileMode = false;
@@ -399,6 +373,9 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
             item?.removeAttribute("_is-mobile-mode");
         });
     }
+    updateVisibility() {
+        this.style.opacity = this.isVisible ? "1" : "0";
+    }
     fireMastheadEvent(eventName, e) {
         const eventDetails = {
             analyticsName: AnalyticsName.Header,
@@ -458,7 +435,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         if (this.bodyOverflow) {
             this.removeOverflowBody();
         }
-        this.fireDecoratorEvent("mobile-menu-close");
+        this.fireMastheadEvent("mobile-menu-close");
     }
     get slottedItems() {
         return [
@@ -539,17 +516,33 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         return this._isMobileMode || this.isAtMostBreakpointSizeM;
     }
     get isMainMenuVisible() {
-        return !this.showSearchByDefault && !this._isSearchOpened;
+        return !this.showSearchByDefault && !this._isSearchOpened && !!this.menuItems.length;
     }
     get isSearchVisible() {
         return this.showSearchByDefault || this._isSearchOpened;
     }
+    get isVisible() {
+        return this.isMobileMenuMode || !this.menuItems.length || this._isVisible;
+    }
     get shouldHandleMobileView() {
-        return !this.isAtMostBreakpointSizeM && !this.showSearchByDefault;
+        return !this.isAtMostBreakpointSizeM && this.isMainMenuVisible;
     }
     get mainNavigationAriaLabel() {
         return UDExMastheadShell_1.i18nBundle.getText(MAIN_LINKS);
     }
+    get isSimpleExploreMode() {
+        return !this.hasSearch && !this.hasProfile && !this.hasCart && !this.hasSupport && !this.hasCountrySelector;
+    }
+    get rightMenuClass() {
+        const root = "udex-masthead-shell__right-menu";
+        const simpleExploreClass = this.isSimpleExploreMode ? `${root}_simple-explore` : "";
+        return `${root} ${simpleExploreClass}`.trim();
+    }
+    get mainClass() {
+        const root = "udex-masthead-shell";
+        const coBrandWithoutNavClass = (!!this.coBrandImage && !this.menuItems.length) ? `${root}_co-brand-without-nav` : "";
+        return `${root} ${coBrandWithoutNavClass}`.trim();
+    }
 };
 __decorate([
     slot({ type: Node })
@@ -576,10 +569,10 @@ __decorate([
     slot({ type: HTMLElement })
 ], UDExMastheadShell.prototype, "support", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], UDExMastheadShell.prototype, "homeUrl", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], UDExMastheadShell.prototype, "siteLabelUrl", void 0);
 __decorate([
     property({ type: Boolean })
@@ -590,26 +583,44 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], UDExMastheadShell.prototype, "stickyPosition", void 0);
+__decorate([
+    property()
+], UDExMastheadShell.prototype, "coBrandImage", void 0);
 __decorate([
     property({ type: String })
+], UDExMastheadShell.prototype, "coBrandAlt", void 0);
+__decorate([
+    property()
+], UDExMastheadShell.prototype, "coBrandUrl", void 0);
+__decorate([
+    property()
+], UDExMastheadShell.prototype, "coBrandTitle", void 0);
+__decorate([
+    property()
+], UDExMastheadShell.prototype, "coBrandAriaLabel", void 0);
+__decorate([
+    property()
 ], UDExMastheadShell.prototype, "logoUrl", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], UDExMastheadShell.prototype, "logoTitle", void 0);
 __decorate([
-    property({ type: String })
+    property()
+], UDExMastheadShell.prototype, "siteLabelTitle", void 0);
+__decorate([
+    property()
 ], UDExMastheadShell.prototype, "siteLabel", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], UDExMastheadShell.prototype, "logoAlt", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], UDExMastheadShell.prototype, "closeButtonAccessibleName", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], UDExMastheadShell.prototype, "homepageAriaLabel", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], UDExMastheadShell.prototype, "siteLabelAriaLabel", void 0);
 __decorate([
     property({ type: Boolean })
@@ -725,6 +736,13 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      */
     ,
     event("site-label-click", { bubbles: true })
+    /**
+     * Fired event when the user clicks the co-brand.
+     *
+     * @public
+     */
+    ,
+    event("co-brand-click", { bubbles: true })
 ], UDExMastheadShell);
 UDExMastheadShell.define();
 export default UDExMastheadShell;

package/dist/MastheadShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadShell.js","sourceRoot":"","sources":["../src/MastheadShell.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport {\n  isLeft, isRight, isSpace, isEnter, isEscape,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/menu2.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { MAIN_LINKS } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadItem, { UDExMastheadDropdownItemAction } from \"./MastheadItem.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport type UDExSearch from \"./Search.js\";\nimport UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\nimport type UDExMastheadProfileMenu from \"./MastheadProfileMenu.js\";\nimport type UDExMastheadCountrySelector from \"./MastheadCountrySelector.js\";\nimport MastheadShellTemplate from \"./generated/templates/MastheadShellTemplate.lit.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\n\n// Styles\nimport MastheadShellCss from \"./generated/themes/MastheadShell.css.js\";\n\nconst canvasContentFont = \"16px '72 Brand Variable'\";\ntype MastheadSlottedItem = UDExMastheadItem | UDExMastheadProfileMenu | UDExMastheadMenu | UDExMastheadCountrySelector | undefined | null;\ntype MastheadItemType = UDExMastheadItem | null | undefined;\n\ntype UDExMastheadShellBaseEventDetail = {\n  originalEvent: PointerEvent,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n  item?: UDExMastheadItem,\n}\n\ntype UDExMastheadShellAnalyticsNameEventDetail = {\n  analyticsName: AnalyticsName,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-shell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-shell\",\n  languageAware: true,\n  renderer: litRender,\n  styles: MastheadShellCss,\n  template: MastheadShellTemplate,\n  dependencies: [\n    UDExMastheadMobileMenu,\n    UDExControlButton,\n    UDExMastheadItem,\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fired event when the user clicks the mobile menu button opener.\n *\n * @public\n */\n@event(\"mobile-menu-open\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the mobile menu button closer.\n *\n * @public\n */\n@event(\"mobile-menu-close\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the search button trigger.\n *\n * @public\n */\n@event(\"search-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the search close button.\n *\n * @public\n */\n@event(\"search-close-click\", { bubbles: true })\n\n/**\n * Fired event when the search panel is opened.\n *\n * @public\n */\n@event(\"search-opened\", { bubbles: true })\n\n/**\n * Fired event when the search panel is closed.\n *\n * @public\n */\n@event(\"search-closed\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the cart button trigger.\n *\n * @public\n */\n@event(\"cart-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the support button trigger.\n *\n * @public\n */\n@event(\"support-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the profile button trigger.\n *\n * @public\n */\n@event(\"profile-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the country selector button trigger.\n *\n * @public\n */\n@event(\"country-selector-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the logo.\n *\n * @public\n */\n@event(\"logo-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the site label.\n *\n * @public\n */\n@event(\"site-label-click\", { bubbles: true })\n\nclass UDExMastheadShell extends UI5Element {\n  eventDetails!: {\n    \"mobile-menu-open\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"mobile-menu-close\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"search-opened\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"search-closed\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"cart-click\": UDExMastheadShellBaseEventDetail,\n    \"support-click\": UDExMastheadShellBaseEventDetail,\n    \"profile-click\": UDExMastheadShellBaseEventDetail,\n    \"country-selector-click\": UDExMastheadShellBaseEventDetail,\n    \"search-click\": UDExMastheadShellBaseEventDetail,\n    \"search-close-click\": UDExMastheadShellBaseEventDetail,\n    \"logo-click\": UDExMastheadShellBaseEventDetail,\n    \"site-label-click\": UDExMastheadShellBaseEventDetail,\n  };\n  /**\n   * Slot for country selector item.\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    countrySelector!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for mobile menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    mobileMenu!: Array<Node>;\n\n  /**\n   * Slot for main menu items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n    menuItems!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for search component - will be visible on search icon click.\n   * Note: search component should be hidden by default.\n   * Note: search icon won't be visible if this slot would be empty\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * Slot for 'Explore SAP' menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSAP!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for cart menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    cart!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for avatar\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    profile!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for support\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    support!: Array<UDExMastheadItem>;\n\n  /**\n   * Defines URL to homepage. It will be used as a link on a logo and a site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    homeUrl?: string;\n\n  /**\n   * Defines URL for site label. It will be used as a link on a logo and a site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    siteLabelUrl: string = \"\";\n\n  /**\n   * Defines overflow style for the body after clicking mobile menu opener button\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    bodyOverflow!: boolean;\n\n  /**\n   * Defines the visibility of the Search by default.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchByDefault!: boolean;\n\n  /**\n   * Defines sticky position for component\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    stickyPosition!: boolean;\n\n  /**\n   * Defines the Logo image URL\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoUrl: string = \"\";\n\n  /**\n   * Defines the Logo default title\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoTitle: string = \"\";\n\n  /**\n   * Defines a site label. It will be displayed next to a logo.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    siteLabel: string = \"\";\n\n  /**\n   * Defines an alt text for logo\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoAlt: string = \"\";\n\n  /**\n   * Defines an accessible name for close icon for the search bar\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    closeButtonAccessibleName: string = \"\";\n  /**\n   * Defines an aria label for the homepage link\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    homepageAriaLabel: string = \"\";\n\n  /**\n   * Defines an aria label for the site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    siteLabelAriaLabel: string = \"\";\n\n  /**\n   * Defines if the search container is opened\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isSearchOpened!: boolean;\n\n  /**\n   * Defines if the mobile menu is open\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMenuOpen!: boolean;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines if the close button was clicked\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _closeBtnClicked!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _searchOpener!: UDExMastheadItem | null | undefined;\n  _mobileMenu!: UDExMastheadMobileMenu | null | undefined;\n  _handleResizeBound: ResizeObserverCallback;\n  _rootHolder!: HTMLElement | null | undefined;\n  _shouldHandleResize!: boolean;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onBeforeRendering() {\n    if (this.isMobileMenuMode) {\n      this.setMobileMenuHeight();\n    }\n  }\n\n  onAfterRendering() {\n    this._rootHolder = this.mastheadHolder;\n    this._searchOpener = this.searchOpener;\n    this._mobileMenu = this.mastheadMobileMenu;\n\n    if (this._isSearchOpened) {\n      this.focusSearchInput();\n    }\n\n    if (this._closeBtnClicked) {\n      this.focusSearchBtn();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  _handleResize(): void {\n    if (this.shouldHandleMobileView) {\n      this.handleMobileMode();\n    }\n\n    if (this.isAtMostBreakpointSizeM) {\n      this._isSearchOpened = false;\n    }\n\n    if (this._shouldHandleResize && this._isMobileMenuOpen) {\n      this.closeMobileMenu();\n      this.resetSelectedItems();\n      return;\n    }\n\n    if (this.isMobileMenuMode) {\n      this.setMobileMenuHeight();\n    }\n\n    this._shouldHandleResize = true;\n  }\n\n  handleMobileMode(): void {\n    const rootHolder = this.getDomRef();\n    if (rootHolder) {\n      const rootHolderWidth = this.getRootHolderWidth(rootHolder);\n      const landingHolderWidth = this.getLandingHolderWidth();\n      const rightMenuWidth = this.getRightMenuWidth();\n      const mainMenuWidth = this.getMainMenuWidth();\n      const availableWidth = rootHolderWidth - rightMenuWidth - landingHolderWidth;\n\n      if (mainMenuWidth >= availableWidth) {\n        this.setMobileMode();\n      } else {\n        this.removeMobileMode();\n      }\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    this.handleLeftArrow(e);\n    this.handleRightArrow(e);\n  }\n\n  handleSearchKeyDown(e: CustomEvent): void {\n    e.stopPropagation();\n    const keyEvent = e.detail.e as KeyboardEvent;\n\n    if (isEscape(keyEvent)) {\n      if (this.showSearchByDefault && this.isAtLeastBreakpointSizeM) {\n        return;\n      }\n      this.closeSearch();\n      this.focusSearchBtn();\n    }\n  }\n\n  handleLeftArrow(e: KeyboardEvent): void {\n    if (isLeft(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusPreviousMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleRightArrow(e: KeyboardEvent): void {\n    if (isRight(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusNextMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleLogoClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"logo-click\", e);\n  }\n\n  handleSiteLabelClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"site-label-click\", e);\n  }\n\n  handleSearchClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"search-click\", e);\n    this.openSearch();\n  }\n\n  handleCartClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"cart-click\", e);\n  }\n\n  handleProfileClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"profile-click\", e);\n  }\n\n  handleSupportClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"support-click\", e);\n  }\n\n  handleCountrySelectorClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"country-selector-click\", e);\n  }\n\n  handleOpenMobileMenu(): void {\n    const clickedItem = this.mobileBtn as UDExMastheadItem;\n    if (!clickedItem) {\n      return;\n    }\n\n    this.resetSelectedItems(clickedItem._id);\n    this._isMobileMenuOpen = true;\n\n    if (this.bodyOverflow) {\n      this.setOverflowBody();\n    }\n\n    this.fireDecoratorEvent(\"mobile-menu-open\");\n  }\n\n  handleCloseSearch(e: PointerEvent): void {\n    this._closeBtnClicked = true;\n    this.fireMastheadEvent(\"search-close-click\", e);\n    this.closeSearch();\n  }\n\n  handleEnterAndSpaceOnCloseBtn(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.closeMobileMenu();\n      this.mobileBtn?.focus();\n    }\n  }\n\n  focusSearchInput(): void {\n    const searchSlot = this.querySelector<UDExSearch>(\"[udex-search]\");\n    if (searchSlot) {\n      const input = searchSlot.shadowRoot!.querySelector<HTMLElement>(\"input\");\n      input?.focus();\n    }\n  }\n\n  focusPreviousMenuItem(item: UDExMastheadItem): void {\n    const menuItems = this.menuItems;\n    const lastItemIndex = menuItems.length - 1;\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    menuItems[previousSelectIndex].focus();\n  }\n\n  focusNextMenuItem(item: UDExMastheadItem): void {\n    const menuItems = this.menuItems;\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectedIndex + 1 > menuItems.length - 1 ? 0 : currentSelectedIndex + 1;\n    menuItems[nextSelectIndex].focus();\n  }\n\n  resetSelectedItems(clickedId?: string): void {\n    this.getSelectedItems().forEach(item => {\n      if (item._id !== clickedId && item.selected) {\n        if (item.hasDropdownSlot) {\n          item.fireDropdownCloseEvent(item.eventItemTitle, UDExMastheadDropdownItemAction.ClickOutside);\n        }\n        item.selected = false;\n      }\n    });\n  }\n\n  setSelectedItem(e: CustomEvent): void {\n    const clickedItem: UDExMastheadItem = e.detail.item;\n    if (clickedItem) {\n      this.resetSelectedItems(clickedItem._id);\n    }\n  }\n\n  focusSearchBtn(): void {\n    if (this._searchOpener) {\n      this._searchOpener.focus();\n      this._closeBtnClicked = false;\n    }\n  }\n\n  getCurrentIndex(item: UDExMastheadItem): number {\n    return this.menuItems.indexOf(item);\n  }\n\n  getSelectedItems(): Array<UDExMastheadItem> {\n    const buttonsArray: Array<UDExMastheadItem> = [\n      ...this.menuItems,\n      ...this.exploreSAP,\n      ...this.cart,\n      ...this.support,\n      ...this.profile,\n      ...this.countrySelector,\n      ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),\n    ];\n\n    return buttonsArray.filter(({ selected }) => selected);\n  }\n\n  getRootHolderWidth(root: HTMLElement): number {\n    const rootPadding = parseInt(window.getComputedStyle(root).getPropertyValue(\"padding-left\")) * 2;\n    const scrollWidth = window.innerWidth - document.documentElement.clientWidth;\n    return this.getDomRef()!.clientWidth + scrollWidth - rootPadding;\n  }\n\n  getLandingHolderWidth(): number {\n    const landingHolder = this.getDomElement(\".udex-masthead-shell__landing-wrap\");\n    return landingHolder?.offsetWidth || 0;\n  }\n\n  getRightMenuWidth(): number {\n    const itemsIcon = [...this.shadowRoot!.querySelectorAll<HTMLDivElement>(\".udex-masthead-shell__item_icon\")];\n    const itemIconWidths = itemsIcon.length * this.getItemIconWidth();\n    const itemIconGaps = itemsIcon.length * this.getItemIconGap();\n    const exploreSAPWidth = this.hasExploreSAP ? this.getItemWidth(this.exploreSAP[0]) : 0;\n    const rightMenuGaps = this.getRightMenuGap() + this.getExploreSapBtnGap() + itemIconGaps;\n    return exploreSAPWidth + itemIconWidths + rightMenuGaps;\n  }\n\n  getItemIconWidth(): number {\n    const item = this.querySelector(\"[udex-masthead-item]\");\n\n    if (!item) { return 0; }\n\n    const style = window.getComputedStyle(item);\n    const itemIconWidthVar = style.getPropertyValue(\"--udex-masthead-item-button-icon-size\");\n    return parseInt(itemIconWidthVar);\n  }\n\n  getMainMenuWidth(): number {\n    const mainItems = this.getSlottedNodes(\"menuItems\");\n    const gapItemVar = this.getRootVar(\"--udex-masthead-shell-item-gap\");\n    return mainItems.reduce((accumulatedWidth, item, index) => {\n      return accumulatedWidth + this.getItemWidth(item as UDExMastheadItem) + (index && parseInt(gapItemVar));\n    }, 0);\n  }\n\n  getDomElement(selector: string): HTMLElement | undefined | null {\n    return this.shadowRoot?.querySelector(`${selector}`);\n  }\n\n  getItemWidth(item: UDExMastheadItem): number {\n    const context = this.getCanvasContext();\n    context.font = canvasContentFont;\n    return Math.ceil(context.measureText(item.innerText.trim()).width);\n  }\n\n  getCanvasContext(): CanvasRenderingContext2D {\n    const canvas = document.createElement(\"canvas\");\n    return canvas.getContext(\"2d\")!;\n  }\n\n  getItemIconGap(): number {\n    const gapIconItemVar = this.getRootVar(\"--udex-masthead-shell-item-icon-gap\");\n    return parseInt(gapIconItemVar);\n  }\n\n  getExploreSapBtnGap(): number {\n    const exploreSapBtnGapVar = this.getRootVar(\"--udex-masthead-shell-explore-margin\");\n    return this.hasExploreSAP ? parseInt(exploreSapBtnGapVar) : 0;\n  }\n\n  getRightMenuGap(): number {\n    const rightMenuGapVar = this.getRootVar(\"--udex-masthead-right-menu-padding\");\n    return parseInt(rightMenuGapVar);\n  }\n\n  getRootVar(variableName: string): string {\n    return window.getComputedStyle(this.getDomRef()!).getPropertyValue(`${variableName}`);\n  }\n\n  isNavigationItem(item: UDExMastheadItem): boolean {\n    return this.menuItems.some(menuItem => menuItem === item);\n  }\n\n  setOverflowBody() {\n    const { body: { style } } = document;\n    this._shouldHandleResize = false;\n    style.overflow = \"hidden\";\n  }\n\n  removeOverflowBody() {\n    const { body: { style } } = document;\n    style.removeProperty(\"overflow\");\n  }\n\n  setMobileMode(): void {\n    this._isMobileMode = true;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      if (item) {\n        item._isMobileMode = true;\n      }\n    });\n  }\n\n  setMobileMenuHeight(): void {\n    const mastheadHeight = parseInt(window.getComputedStyle(this).getPropertyValue(\"--udex-masthead-shell-height\"));\n    const mobileMenuHeight = `${window.innerHeight - mastheadHeight}px`;\n    this.style.setProperty(\"--udex-masthead-shell-mobile-menu-height\", mobileMenuHeight);\n  }\n\n  removeMobileMode(): void {\n    this._isMobileMode = false;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      item?.removeAttribute(\"_is-mobile-mode\");\n    });\n  }\n\n  fireMastheadEvent(eventName: keyof this[\"eventDetails\"], e?: PointerEvent): void {\n    const eventDetails = {\n      analyticsName: AnalyticsName.Header,\n      ...(e && { originalEvent: e }),\n      ...(e && { sourceNode: e.currentTarget as HTMLElement }),\n    } as this[\"eventDetails\"][typeof eventName];\n    this.fireDecoratorEvent(eventName, eventDetails);\n  }\n\n  /**\n   * Close the search panel.\n   * @public\n   */\n  closeSearch(): void {\n    this._isSearchOpened = false;\n    this.fireMastheadEvent(\"search-closed\");\n  }\n\n  /**\n   * Open the search panel.\n   * @public\n   */\n  openSearch(): void {\n    const shouldPreventOpeningSearch = this._isSearchOpened\n      || (this.isAtMostBreakpointSizeM && !this.showSearchByDefault)\n      || this._isMobileMode\n      || (this.isAtLeastBreakpointSizeM && this.showSearchByDefault);\n\n    if (shouldPreventOpeningSearch) {\n      return;\n    }\n\n    this._isSearchOpened = true;\n    this.resetSelectedItems();\n\n    if (this._searchOpener) {\n      this._searchOpener.selected = false;\n    }\n\n    this.fireMastheadEvent(\"search-opened\");\n  }\n\n  /**\n   * Open the mobile menu panel.\n   * @public\n   */\n  openMobileMenu(): void {\n    if (!this._isMobileMenuOpen && this.isMobileMenuMode) {\n      this.mobileBtn?.handleSelectedChange();\n      this.handleOpenMobileMenu();\n    }\n  }\n\n  /**\n   * Close the mobile menu panel.\n   * @public\n   */\n  closeMobileMenu(): void {\n    if (!this._isMobileMenuOpen) {\n      return;\n    }\n\n    (this.mobileBtn as UDExMastheadItem).selected = false;\n    this._isMobileMenuOpen = false;\n    this._mobileMenu?.showFirstLevelMenu();\n\n    if (this.bodyOverflow) {\n      this.removeOverflowBody();\n    }\n\n    this.fireDecoratorEvent(\"mobile-menu-close\");\n  }\n\n  get slottedItems(): (MastheadSlottedItem)[] {\n    return [\n      this.profileItem,\n      this.profileMenu,\n      this.cartItem,\n      this.supportItem,\n      this.profileMenu,\n      this.profileMenuLinks,\n      this.countrySelectorItem,\n      this.countrySelectorMenu,\n    ];\n  }\n\n  get searchOpener(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__search-btn\");\n  }\n\n  get mastheadHolder(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell\");\n  }\n\n  get mastheadMobileMenu(): UDExMastheadMobileMenu | null {\n    return this.querySelector(\"[udex-masthead-mobile-menu]\");\n  }\n\n  get mobileBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__menu-btn\");\n  }\n\n  get closeBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__close-btn\");\n  }\n\n  get profileItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"profile\")[0];\n  }\n\n  get countrySelectorItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"countrySelector\")[0];\n  }\n\n  get cartItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"cart\")[0];\n  }\n\n  get supportItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"support\")[0];\n  }\n\n  get profileMenu(): UDExMastheadProfileMenu {\n    return this.querySelector(\"[udex-masthead-profile-menu]\")!;\n  }\n\n  get countrySelectorMenu(): UDExMastheadCountrySelector {\n    return this.querySelector(\"[udex-masthead-country-selector]\")!;\n  }\n\n  get profileMenuLinks(): UDExMastheadMenu | undefined | null {\n    return this.profileMenu?.shadowRoot?.querySelector(\"[udex-masthead-menu]\");\n  }\n\n  get hasProfile(): boolean {\n    return !!this.profile.length;\n  }\n\n  get hasCart(): boolean {\n    return !!this.cart.length;\n  }\n\n  get hasSearch(): boolean {\n    return !!this.search.length;\n  }\n\n  get hasExploreSAP(): boolean {\n    return !!this.exploreSAP.length;\n  }\n\n  get hasCountrySelector(): boolean {\n    return !!this.countrySelector.length;\n  }\n\n  get hasSupport(): boolean {\n    return !!this.support.length;\n  }\n\n  get hasMobileMenuButtons(): boolean {\n    return !!this.mobileMenu.length;\n  }\n\n  get isAtMostBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtMost(\"M\");\n  }\n\n  get isAtLeastBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtLeast(\"M\");\n  }\n\n  get isMobileMenuMode(): boolean {\n    return this._isMobileMode || this.isAtMostBreakpointSizeM;\n  }\n\n  get isMainMenuVisible(): boolean {\n    return !this.showSearchByDefault && !this._isSearchOpened;\n  }\n\n  get isSearchVisible(): boolean {\n    return this.showSearchByDefault || this._isSearchOpened;\n  }\n\n  get shouldHandleMobileView(): boolean {\n    return !this.isAtMostBreakpointSizeM && !this.showSearchByDefault;\n  }\n\n  get mainNavigationAriaLabel(): string {\n    return UDExMastheadShell.i18nBundle.getText(MAIN_LINKS);\n  }\n}\n\nUDExMastheadShell.define();\n\nexport default UDExMastheadShell;\n"]}
+{"version":3,"file":"MastheadShell.js","sourceRoot":"","sources":["../src/MastheadShell.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport {\n  isLeft, isRight, isSpace, isEnter, isEscape,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/menu2.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { MAIN_LINKS } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadItem, { UDExMastheadDropdownItemAction } from \"./MastheadItem.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport type UDExSearch from \"./Search.js\";\nimport UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\nimport type UDExMastheadProfileMenu from \"./MastheadProfileMenu.js\";\nimport type UDExMastheadCountrySelector from \"./MastheadCountrySelector.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport MastheadShellTemplate from \"./generated/templates/MastheadShellTemplate.lit.js\";\n\n// Styles\nimport MastheadShellCss from \"./generated/themes/MastheadShell.css.js\";\n\nconst canvasContentFont = \"16px '72 Brand Variable'\";\ntype MastheadSlottedItem = UDExMastheadItem | UDExMastheadProfileMenu | UDExMastheadMenu | UDExMastheadCountrySelector | undefined | null;\ntype MastheadItemType = UDExMastheadItem | null | undefined;\n\ntype UDExMastheadShellBaseEventDetail = {\n  originalEvent: PointerEvent,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n  item?: UDExMastheadItem,\n}\n\ntype UDExMastheadShellAnalyticsNameEventDetail = {\n  analyticsName: AnalyticsName,\n}\n\nexport enum UDExMastheadVariable {\n  mobileMenuHeight = \"--udex-masthead-shell-mobile-menu-height\",\n  itemButtonIconSize = \"--udex-masthead-item-button-icon-size\",\n  itemArrowIconSize = \"--udex-masthead-item-arrow-icon-size\",\n  rightMenuPadding = \"--udex-masthead-right-menu-padding\",\n  exploreMargin = \"--udex-masthead-shell-explore-margin\",\n  itemIconGap = \"--udex-masthead-shell-item-icon-gap\",\n  mastheadHeight = \"--udex-masthead-shell-height\",\n  itemGap = \"--udex-masthead-shell-item-gap\",\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-shell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-shell\",\n  languageAware: true,\n  renderer: litRender,\n  styles: MastheadShellCss,\n  template: MastheadShellTemplate,\n  dependencies: [\n    UDExMastheadMobileMenu,\n    UDExControlButton,\n    UDExMastheadItem,\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fired event when the user clicks the mobile menu button opener.\n *\n * @public\n */\n@event(\"mobile-menu-open\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the mobile menu button closer.\n *\n * @public\n */\n@event(\"mobile-menu-close\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the search button trigger.\n *\n * @public\n */\n@event(\"search-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the search close button.\n *\n * @public\n */\n@event(\"search-close-click\", { bubbles: true })\n\n/**\n * Fired event when the search panel is opened.\n *\n * @public\n */\n@event(\"search-opened\", { bubbles: true })\n\n/**\n * Fired event when the search panel is closed.\n *\n * @public\n */\n@event(\"search-closed\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the cart button trigger.\n *\n * @public\n */\n@event(\"cart-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the support button trigger.\n *\n * @public\n */\n@event(\"support-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the profile button trigger.\n *\n * @public\n */\n@event(\"profile-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the country selector button trigger.\n *\n * @public\n */\n@event(\"country-selector-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the logo.\n *\n * @public\n */\n@event(\"logo-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the site label.\n *\n * @public\n */\n@event(\"site-label-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the co-brand.\n *\n * @public\n */\n@event(\"co-brand-click\", { bubbles: true })\n\nclass UDExMastheadShell extends UI5Element {\n  eventDetails!: {\n    \"mobile-menu-open\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"mobile-menu-close\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"search-opened\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"search-closed\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"cart-click\": UDExMastheadShellBaseEventDetail,\n    \"support-click\": UDExMastheadShellBaseEventDetail,\n    \"profile-click\": UDExMastheadShellBaseEventDetail,\n    \"country-selector-click\": UDExMastheadShellBaseEventDetail,\n    \"search-click\": UDExMastheadShellBaseEventDetail,\n    \"search-close-click\": UDExMastheadShellBaseEventDetail,\n    \"logo-click\": UDExMastheadShellBaseEventDetail,\n    \"site-label-click\": UDExMastheadShellBaseEventDetail,\n    \"co-brand-click\": UDExMastheadShellBaseEventDetail,\n  };\n  /**\n   * Slot for country selector item.\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    countrySelector!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for mobile menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    mobileMenu!: Array<Node>;\n\n  /**\n   * Slot for main menu items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n    menuItems!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for search component - will be visible on search icon click.\n   * Note: search component should be hidden by default.\n   * Note: search icon won't be visible if this slot would be empty\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * Slot for 'Explore SAP' menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSAP!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for cart menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    cart!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for avatar\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    profile!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for support\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    support!: Array<UDExMastheadItem>;\n\n  /**\n   * Defines URL to homepage. It will be used as a link on a logo and a site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    homeUrl?: string;\n\n  /**\n   * Defines URL for site label. It will be used as a link on a logo and a site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabelUrl?: string;\n\n  /**\n   * Defines overflow style for the body after clicking mobile menu opener button\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    bodyOverflow!: boolean;\n\n  /**\n   * Defines the visibility of the Search by default.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchByDefault!: boolean;\n\n  /**\n   * Defines sticky position for component\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    stickyPosition!: boolean;\n\n  /**\n   * Defines the co-brand image\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandImage?: string;\n\n  /**\n   * Defines an alt text for the co-brand image\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    coBrandAlt?: string;\n\n  /**\n   * Defines the co-brand URL\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandUrl?: string;\n\n  /**\n   * Defines the default tooltip title for co-brand\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandTitle?: string;\n\n  /**\n   * Defines an aria label for the co-brand link\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandAriaLabel?: string;\n\n  /**\n   * Defines the Logo image URL\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    logoUrl?: string;\n\n  /**\n   * Defines the Logo default title\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    logoTitle?: string;\n\n  /**\n   * Defines the default tooltip title for site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabelTitle?: string;\n\n  /**\n   * Defines a site label. It will be displayed next to a logo.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabel?: string;\n\n  /**\n   * Defines an alt text for logo\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    logoAlt?: string;\n\n  /**\n   * Defines an accessible name for close icon for the search bar\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    closeButtonAccessibleName?: string;\n\n  /**\n   * Defines an aria label for the homepage link\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    homepageAriaLabel?: string;\n\n  /**\n   * Defines an aria label for the site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabelAriaLabel?: string;\n\n  /**\n   * Defines if the search container is opened\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isSearchOpened!: boolean;\n\n  /**\n   * Defines if the mobile menu is open\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMenuOpen!: boolean;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines if the close button was clicked\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _closeBtnClicked!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _searchOpener!: UDExMastheadItem | null | undefined;\n  _mobileMenu!: UDExMastheadMobileMenu | null | undefined;\n  _handleResizeBound: ResizeObserverCallback;\n  _rootHolder!: HTMLElement | null | undefined;\n  _shouldHandleResize!: boolean;\n  _isVisible!: boolean;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onBeforeRendering() {\n    if (this.isMobileMenuMode) {\n      this.setMobileMenuHeight();\n    }\n  }\n\n  onAfterRendering() {\n    this._rootHolder = this.mastheadHolder;\n    this._searchOpener = this.searchOpener;\n    this._mobileMenu = this.mastheadMobileMenu;\n\n    if (this._isSearchOpened) {\n      this.focusSearchInput();\n    }\n\n    if (this._closeBtnClicked) {\n      this.focusSearchBtn();\n    }\n\n    this.updateVisibility();\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  _handleResize(): void {\n    if (this.shouldHandleMobileView) {\n      this.handleMobileMode();\n    }\n\n    if (this.isAtMostBreakpointSizeM) {\n      this._isSearchOpened = false;\n    }\n\n    if (this._shouldHandleResize && this._isMobileMenuOpen) {\n      this.closeMobileMenu();\n      this.resetSelectedItems();\n      return;\n    }\n\n    if (this.isMobileMenuMode) {\n      this.setMobileMenuHeight();\n    }\n\n    this._shouldHandleResize = true;\n  }\n\n  handleMobileMode(): void {\n    const rootHolder = this.getDomRef();\n    if (rootHolder) {\n      const rootHolderWidth = this.getRootHolderWidth(rootHolder);\n      const landingHolderWidth = this.getLandingHolderWidth();\n      const rightMenuWidth = this.getRightMenuWidth();\n      const mainMenuWidth = this.getMainMenuWidth();\n      const availableWidth = rootHolderWidth - rightMenuWidth - landingHolderWidth;\n\n      if (mainMenuWidth >= availableWidth) {\n        this.setMobileMode();\n      } else {\n        this.removeMobileMode();\n      }\n\n      this._isVisible = true;\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    this.handleLeftArrow(e);\n    this.handleRightArrow(e);\n  }\n\n  handleSearchKeyDown(e: CustomEvent): void {\n    e.stopPropagation();\n    const keyEvent = e.detail.e as KeyboardEvent;\n\n    if (isEscape(keyEvent)) {\n      if (this.showSearchByDefault && this.isAtLeastBreakpointSizeM) {\n        return;\n      }\n      this.closeSearch();\n      this.focusSearchBtn();\n    }\n  }\n\n  handleLeftArrow(e: KeyboardEvent): void {\n    if (isLeft(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusPreviousMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleRightArrow(e: KeyboardEvent): void {\n    if (isRight(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusNextMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleLogoClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"logo-click\", e);\n  }\n\n  handleSiteLabelClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"site-label-click\", e);\n  }\n\n  handleCoBrandClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"co-brand-click\", e);\n  }\n\n  handleSearchClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"search-click\", e);\n    this.openSearch();\n  }\n\n  handleCartClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"cart-click\", e);\n  }\n\n  handleProfileClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"profile-click\", e);\n  }\n\n  handleSupportClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"support-click\", e);\n  }\n\n  handleCountrySelectorClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"country-selector-click\", e);\n  }\n\n  handleOpenMobileMenu(): void {\n    const clickedItem = this.mobileBtn as UDExMastheadItem;\n    if (!clickedItem) {\n      return;\n    }\n\n    this.resetSelectedItems(clickedItem._id);\n    this._isMobileMenuOpen = true;\n\n    if (this.bodyOverflow) {\n      this.setOverflowBody();\n    }\n\n    this.fireMastheadEvent(\"mobile-menu-open\");\n  }\n\n  handleCloseSearch(e: PointerEvent): void {\n    this._closeBtnClicked = true;\n    this.fireMastheadEvent(\"search-close-click\", e);\n    this.closeSearch();\n  }\n\n  handleEnterAndSpaceOnCloseBtn(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.closeMobileMenu();\n      this.mobileBtn?.focus();\n    }\n  }\n\n  focusSearchInput(): void {\n    const searchSlot = this.querySelector<UDExSearch>(\"[udex-search]\");\n    if (searchSlot) {\n      const input = searchSlot.shadowRoot!.querySelector<HTMLElement>(\"input\");\n      input?.focus();\n    }\n  }\n\n  focusPreviousMenuItem(item: UDExMastheadItem): void {\n    const menuItems = this.menuItems;\n    const lastItemIndex = menuItems.length - 1;\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    menuItems[previousSelectIndex].focus();\n  }\n\n  focusNextMenuItem(item: UDExMastheadItem): void {\n    const menuItems = this.menuItems;\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectedIndex + 1 > menuItems.length - 1 ? 0 : currentSelectedIndex + 1;\n    menuItems[nextSelectIndex].focus();\n  }\n\n  resetSelectedItems(clickedId?: string): void {\n    this.getSelectedItems().forEach(item => {\n      if (item._id !== clickedId && item.selected) {\n        if (item.hasDropdownSlot) {\n          item.fireDropdownCloseEvent(item.eventItemTitle, UDExMastheadDropdownItemAction.ClickOutside);\n        }\n        item.selected = false;\n      }\n    });\n  }\n\n  setSelectedItem(e: CustomEvent): void {\n    const clickedItem: UDExMastheadItem = e.detail.item;\n    if (clickedItem) {\n      this.resetSelectedItems(clickedItem._id);\n    }\n  }\n\n  focusSearchBtn(): void {\n    if (this._searchOpener) {\n      this._searchOpener.focus();\n      this._closeBtnClicked = false;\n    }\n  }\n\n  getCurrentIndex(item: UDExMastheadItem): number {\n    return this.menuItems.indexOf(item);\n  }\n\n  getSelectedItems(): Array<UDExMastheadItem> {\n    const buttonsArray: Array<UDExMastheadItem> = [\n      ...this.menuItems,\n      ...this.exploreSAP,\n      ...this.cart,\n      ...this.support,\n      ...this.profile,\n      ...this.countrySelector,\n      ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),\n    ];\n\n    return buttonsArray.filter(({ selected }) => selected);\n  }\n\n  getRootHolderWidth(root: HTMLElement): number {\n    const rootPadding = parseInt(window.getComputedStyle(root).getPropertyValue(\"padding-left\")) * 2;\n    const scrollWidth = window.innerWidth - document.documentElement.clientWidth;\n    return this.getDomRef()!.clientWidth + scrollWidth - rootPadding;\n  }\n\n  getLandingHolderWidth(): number {\n    const landingHolder = this.getDomElement(\".udex-masthead-shell__landing-wrap\");\n    return landingHolder?.offsetWidth || 0;\n  }\n\n  getRightMenuWidth(): number {\n    const itemsIcon = [...this.shadowRoot!.querySelectorAll<HTMLDivElement>(\".udex-masthead-shell__item_icon\")];\n    const itemIconWidths = itemsIcon.length * this.getItemIconWidth();\n    const itemIconGaps = itemsIcon.length * this.getItemIconGap();\n    const exploreItem = this.exploreSAP[0];\n    const exploreItemIconWidth = exploreItem.hasArrowDown ? this.getItemArrowIconWidth() : 0;\n    const exploreSAPWidth = this.hasExploreSAP ? this.getItemWidth(exploreItem) : 0;\n    const rightMenuGaps = this.getRightMenuGap() + this.getExploreSapBtnGap() + itemIconGaps;\n    return exploreSAPWidth + exploreItemIconWidth + itemIconWidths + rightMenuGaps;\n  }\n\n  getItemIconSize(cssVariableName: string): number {\n    const item = this.querySelector(\"[udex-masthead-item]\");\n\n    if (!item) {\n      return 0;\n    }\n\n    const style = window.getComputedStyle(item);\n    const iconSizeVar = style.getPropertyValue(cssVariableName);\n    return parseInt(iconSizeVar);\n  }\n\n  getItemIconWidth(): number {\n    return this.getItemIconSize(UDExMastheadVariable.itemButtonIconSize);\n  }\n\n  getItemArrowIconWidth(): number {\n    return this.getItemIconSize(UDExMastheadVariable.itemArrowIconSize);\n  }\n\n  getMainMenuWidth(): number {\n    const mainItems = this.getSlottedNodes(\"menuItems\");\n    const gapItemVar = this.getRootVar(UDExMastheadVariable.itemGap);\n    return mainItems.reduce((accumulatedWidth, item, index) => {\n      const mainItem = item as UDExMastheadItem;\n      const arrowIconWidth = mainItem.hasArrowDown ? this.getItemArrowIconWidth() : 0;\n      return accumulatedWidth + this.getItemWidth(mainItem) + (index && parseInt(gapItemVar) + arrowIconWidth);\n    }, 0);\n  }\n\n  getDomElement(selector: string): HTMLElement | undefined | null {\n    return this.shadowRoot?.querySelector(`${selector}`);\n  }\n\n  getItemWidth(item: UDExMastheadItem): number {\n    const context = this.getCanvasContext();\n    context.font = canvasContentFont;\n    return Math.ceil(context.measureText(item.innerText.trim()).width);\n  }\n\n  getCanvasContext(): CanvasRenderingContext2D {\n    const canvas = document.createElement(\"canvas\");\n    return canvas.getContext(\"2d\")!;\n  }\n\n  getItemIconGap(): number {\n    const gapIconItemVar = this.getRootVar(UDExMastheadVariable.itemIconGap);\n    return parseInt(gapIconItemVar);\n  }\n\n  getExploreSapBtnGap(): number {\n    const exploreSapBtnGapVar = this.getRootVar(UDExMastheadVariable.exploreMargin);\n    return this.hasExploreSAP ? parseInt(exploreSapBtnGapVar) : 0;\n  }\n\n  getRightMenuGap(): number {\n    const rightMenuGapVar = this.getRootVar(UDExMastheadVariable.rightMenuPadding);\n    return parseInt(rightMenuGapVar);\n  }\n\n  getRootVar(variableName: string): string {\n    return window.getComputedStyle(this.getDomRef()!).getPropertyValue(`${variableName}`);\n  }\n\n  isNavigationItem(item: UDExMastheadItem): boolean {\n    return this.menuItems.some(menuItem => menuItem === item);\n  }\n\n  setOverflowBody() {\n    const { body: { style } } = document;\n    this._shouldHandleResize = false;\n    style.overflow = \"hidden\";\n  }\n\n  removeOverflowBody() {\n    const { body: { style } } = document;\n    style.removeProperty(\"overflow\");\n  }\n\n  setMobileMode(): void {\n    this._isMobileMode = true;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      if (item) {\n        item._isMobileMode = true;\n      }\n    });\n  }\n\n  setMobileMenuHeight(): void {\n    const mastheadHeight = parseInt(window.getComputedStyle(this).getPropertyValue(UDExMastheadVariable.mastheadHeight));\n    const mobileMenuHeight = `${window.innerHeight - mastheadHeight}px`;\n    this.style.setProperty(UDExMastheadVariable.mobileMenuHeight, mobileMenuHeight);\n  }\n\n  removeMobileMode(): void {\n    this._isMobileMode = false;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      item?.removeAttribute(\"_is-mobile-mode\");\n    });\n  }\n\n  updateVisibility(): void {\n    this.style.opacity = this.isVisible ? \"1\" : \"0\";\n  }\n\n  fireMastheadEvent(eventName: keyof this[\"eventDetails\"], e?: PointerEvent): void {\n    const eventDetails = {\n      analyticsName: AnalyticsName.Header,\n      ...(e && { originalEvent: e }),\n      ...(e && { sourceNode: e.currentTarget as HTMLElement }),\n    } as this[\"eventDetails\"][typeof eventName];\n    this.fireDecoratorEvent(eventName, eventDetails);\n  }\n\n  /**\n   * Close the search panel.\n   * @public\n   */\n  closeSearch(): void {\n    this._isSearchOpened = false;\n    this.fireMastheadEvent(\"search-closed\");\n  }\n\n  /**\n   * Open the search panel.\n   * @public\n   */\n  openSearch(): void {\n    const shouldPreventOpeningSearch = this._isSearchOpened\n      || (this.isAtMostBreakpointSizeM && !this.showSearchByDefault)\n      || this._isMobileMode\n      || (this.isAtLeastBreakpointSizeM && this.showSearchByDefault);\n\n    if (shouldPreventOpeningSearch) {\n      return;\n    }\n\n    this._isSearchOpened = true;\n    this.resetSelectedItems();\n\n    if (this._searchOpener) {\n      this._searchOpener.selected = false;\n    }\n\n    this.fireMastheadEvent(\"search-opened\");\n  }\n\n  /**\n   * Open the mobile menu panel.\n   * @public\n   */\n  openMobileMenu(): void {\n    if (!this._isMobileMenuOpen && this.isMobileMenuMode) {\n      this.mobileBtn?.handleSelectedChange();\n      this.handleOpenMobileMenu();\n    }\n  }\n\n  /**\n   * Close the mobile menu panel.\n   * @public\n   */\n  closeMobileMenu(): void {\n    if (!this._isMobileMenuOpen) {\n      return;\n    }\n\n    (this.mobileBtn as UDExMastheadItem).selected = false;\n    this._isMobileMenuOpen = false;\n    this._mobileMenu?.showFirstLevelMenu();\n\n    if (this.bodyOverflow) {\n      this.removeOverflowBody();\n    }\n\n    this.fireMastheadEvent(\"mobile-menu-close\");\n  }\n\n  get slottedItems(): (MastheadSlottedItem)[] {\n    return [\n      this.profileItem,\n      this.profileMenu,\n      this.cartItem,\n      this.supportItem,\n      this.profileMenu,\n      this.profileMenuLinks,\n      this.countrySelectorItem,\n      this.countrySelectorMenu,\n    ];\n  }\n\n  get searchOpener(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__search-btn\");\n  }\n\n  get mastheadHolder(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell\");\n  }\n\n  get mastheadMobileMenu(): UDExMastheadMobileMenu | null {\n    return this.querySelector(\"[udex-masthead-mobile-menu]\");\n  }\n\n  get mobileBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__menu-btn\");\n  }\n\n  get closeBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__close-btn\");\n  }\n\n  get profileItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"profile\")[0];\n  }\n\n  get countrySelectorItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"countrySelector\")[0];\n  }\n\n  get cartItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"cart\")[0];\n  }\n\n  get supportItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"support\")[0];\n  }\n\n  get profileMenu(): UDExMastheadProfileMenu {\n    return this.querySelector(\"[udex-masthead-profile-menu]\")!;\n  }\n\n  get countrySelectorMenu(): UDExMastheadCountrySelector {\n    return this.querySelector(\"[udex-masthead-country-selector]\")!;\n  }\n\n  get profileMenuLinks(): UDExMastheadMenu | undefined | null {\n    return this.profileMenu?.shadowRoot?.querySelector(\"[udex-masthead-menu]\");\n  }\n\n  get hasProfile(): boolean {\n    return !!this.profile.length;\n  }\n\n  get hasCart(): boolean {\n    return !!this.cart.length;\n  }\n\n  get hasSearch(): boolean {\n    return !!this.search.length;\n  }\n\n  get hasExploreSAP(): boolean {\n    return !!this.exploreSAP.length;\n  }\n\n  get hasCountrySelector(): boolean {\n    return !!this.countrySelector.length;\n  }\n\n  get hasSupport(): boolean {\n    return !!this.support.length;\n  }\n\n  get hasMobileMenuButtons(): boolean {\n    return !!this.mobileMenu.length;\n  }\n\n  get isAtMostBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtMost(\"M\");\n  }\n\n  get isAtLeastBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtLeast(\"M\");\n  }\n\n  get isMobileMenuMode(): boolean {\n    return this._isMobileMode || this.isAtMostBreakpointSizeM;\n  }\n\n  get isMainMenuVisible(): boolean {\n    return !this.showSearchByDefault && !this._isSearchOpened && !!this.menuItems.length;\n  }\n\n  get isSearchVisible(): boolean {\n    return this.showSearchByDefault || this._isSearchOpened;\n  }\n\n  get isVisible(): boolean {\n    return this.isMobileMenuMode || !this.menuItems.length || this._isVisible;\n  }\n\n  get shouldHandleMobileView(): boolean {\n    return !this.isAtMostBreakpointSizeM && this.isMainMenuVisible;\n  }\n\n  get mainNavigationAriaLabel(): string {\n    return UDExMastheadShell.i18nBundle.getText(MAIN_LINKS);\n  }\n\n  get isSimpleExploreMode(): boolean {\n    return !this.hasSearch && !this.hasProfile && !this.hasCart && !this.hasSupport && !this.hasCountrySelector;\n  }\n\n  get rightMenuClass(): string {\n    const root = \"udex-masthead-shell__right-menu\";\n    const simpleExploreClass = this.isSimpleExploreMode ? `${root}_simple-explore` : \"\";\n    return `${root} ${simpleExploreClass}`.trim();\n  }\n\n  get mainClass(): string {\n    const root = \"udex-masthead-shell\";\n    const coBrandWithoutNavClass = (!!this.coBrandImage && !this.menuItems.length) ? `${root}_co-brand-without-nav` : \"\";\n    return `${root} ${coBrandWithoutNavClass}`.trim();\n  }\n}\n\nUDExMastheadShell.define();\n\nexport default UDExMastheadShell;\n"]}

package/dist/Modal.js

@@ -10,10 +10,10 @@ import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import Dialog from "@ui5/webcomponents/dist/Dialog.js";
 import Popup from "@ui5/webcomponents/dist/Popup.js";
 // Styles
-import getEffectiveScrollbarStyle from "@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js";
 import PopupsCommonCss from "@ui5/webcomponents/dist/generated/themes/PopupsCommon.css.js";
 import dialogCSS from "@ui5/webcomponents/dist/generated/themes/Dialog.css.js";
 import ModalCss from "./generated/themes/Modal.css.js";
+import getEffectiveScrollbarStyle from "./utils/getEffectiveScrollbarStyle.js";
 export var UDExModalType;
 (function (UDExModalType) {
     UDExModalType["default"] = "default";
@@ -54,10 +54,10 @@ UDExModal = __decorate([
         renderer: jsxRenderer,
         styles: [
             Popup.styles,
-            getEffectiveScrollbarStyle(),
             PopupsCommonCss,
             dialogCSS,
             ModalCss,
+            getEffectiveScrollbarStyle(),
         ],
     })
 ], UDExModal);

package/dist/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AAErD,SAAS;AACT,OAAO,0BAA0B,MAAM,iEAAiE,CAAC;AACzG,OAAO,eAAe,MAAM,8DAA8D,CAAC;AAC3F,OAAO,SAAS,MAAM,wDAAwD,CAAC;AAC/E,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED;;;;;;;;;;;GAWG;AAYH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,MAAM;IAA9B;;QACE;;;;;;;UAOE;QAEA,SAAI,GAAuB,aAAa,CAAC,OAAO,CAAC;IACrD,CAAC;CAAA,CAAA;AADG;IADD,QAAQ,EAAE;uCACwC;AAV/C,SAAS;IAXd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE;YACN,KAAK,CAAC,MAAM;YACZ,0BAA0B,EAAE;YAC5B,eAAe;YACf,SAAS;YACT,QAAQ;SACT;KACF,CAAC;GACI,SAAS,CAWd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport Dialog from \"@ui5/webcomponents/dist/Dialog.js\";\nimport Popup from \"@ui5/webcomponents/dist/Popup.js\";\n\n// Styles\nimport getEffectiveScrollbarStyle from \"@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js\";\nimport PopupsCommonCss from \"@ui5/webcomponents/dist/generated/themes/PopupsCommon.css.js\";\nimport dialogCSS from \"@ui5/webcomponents/dist/generated/themes/Dialog.css.js\";\nimport ModalCss from \"./generated/themes/Modal.css.js\";\n\nexport enum UDExModalType {\n  default = \"default\",\n  basic = \"basic\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-modal</code> component is a demo component that displays some text.\n *\n * @constructor\n * @extends Dialog\n * @tagname udex-modal\n * @public\n */\n@customElement({\n  tag: \"udex-modal\",\n  renderer: jsxRenderer,\n  styles: [\n    Popup.styles,\n    getEffectiveScrollbarStyle(),\n    PopupsCommonCss,\n    dialogCSS,\n    ModalCss,\n  ],\n})\nclass UDExModal extends Dialog {\n  /**\n  * Defines modal display type\n  * <br><br>\n  * <b>Note:</b> The <code>basic</code> type is simplified version of styling.\n  *\n  * @public\n  * @default \"default\"\n  */\n  @property()\n    type: `${UDExModalType}` = UDExModalType.default;\n}\n\nUDExModal.define();\n\nexport default UDExModal;\n"]}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AAErD,SAAS;AACT,OAAO,eAAe,MAAM,8DAA8D,CAAC;AAC3F,OAAO,SAAS,MAAM,wDAAwD,CAAC;AAC/E,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,0BAA0B,MAAM,uCAAuC,CAAC;AAE/E,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED;;;;;;;;;;;GAWG;AAYH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,MAAM;IAA9B;;QACE;;;;;;;UAOE;QAEA,SAAI,GAAuB,aAAa,CAAC,OAAO,CAAC;IACrD,CAAC;CAAA,CAAA;AADG;IADD,QAAQ,EAAE;uCACwC;AAV/C,SAAS;IAXd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE;YACN,KAAK,CAAC,MAAM;YACZ,eAAe;YACf,SAAS;YACT,QAAQ;YACR,0BAA0B,EAAE;SAC7B;KACF,CAAC;GACI,SAAS,CAWd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport Dialog from \"@ui5/webcomponents/dist/Dialog.js\";\nimport Popup from \"@ui5/webcomponents/dist/Popup.js\";\n\n// Styles\nimport PopupsCommonCss from \"@ui5/webcomponents/dist/generated/themes/PopupsCommon.css.js\";\nimport dialogCSS from \"@ui5/webcomponents/dist/generated/themes/Dialog.css.js\";\nimport ModalCss from \"./generated/themes/Modal.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\nexport enum UDExModalType {\n  default = \"default\",\n  basic = \"basic\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-modal</code> component is a demo component that displays some text.\n *\n * @constructor\n * @extends Dialog\n * @tagname udex-modal\n * @public\n */\n@customElement({\n  tag: \"udex-modal\",\n  renderer: jsxRenderer,\n  styles: [\n    Popup.styles,\n    PopupsCommonCss,\n    dialogCSS,\n    ModalCss,\n    getEffectiveScrollbarStyle(),\n  ],\n})\nclass UDExModal extends Dialog {\n  /**\n  * Defines modal display type\n  * <br><br>\n  * <b>Note:</b> The <code>basic</code> type is simplified version of styling.\n  *\n  * @public\n  * @default \"default\"\n  */\n  @property()\n    type: `${UDExModalType}` = UDExModalType.default;\n}\n\nUDExModal.define();\n\nexport default UDExModal;\n"]}

package/dist/Search.js

@@ -16,7 +16,6 @@ import { getFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import Popover from "@ui5/webcomponents/dist/Popover.js";
 import { isEnter, isTabNext, isTabPrevious, isUp, isDown, isEscape, isSpace, } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
-import Button from "@ui5/webcomponents/dist/Button.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import List from "./List.js";
 import ControlButton from "./ControlButton.js";
@@ -27,11 +26,13 @@ import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
 import debounce from "./utils/debounce.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { SUGGESTED_TEXT, RECOMMENDED_TEXT, AVAILABLE_VALUES, NO_MATCHES_FOUND, ACCESSIBLE_NAME_RESET_ICON, ACCESSIBLE_NAME_SEARCH_ICON, TOOLTIP_RESET_BUTTON, TOOLTIP_VOICE_BUTTON, TOOLTIP_SUBMIT_BUTTON, LISTENING, OF, } from "./generated/i18n/i18n-defaults.js";
+import retryUntilSuccessful from "./utils/retryUntilSuccessful.js";
+import UDExButton from "./Button.js";
 import SearchTemplate from "./generated/templates/SearchTemplate.lit.js";
 // Styles
 import SearchCss from "./generated/themes/Search.css.js";
 import SearchSuggestionsCss from "./generated/themes/SearchSuggestions.css.js";
-import retryUntilSuccessful from "./utils/retryUntilSuccessful.js";
+import getEffectiveScrollbarStyle from "./utils/getEffectiveScrollbarStyle.js";
 const SearchIcon = "sap-icon://search";
 const SuggestionsPopoverId = "suggestions-popover";
 export var Mode;
@@ -944,11 +945,11 @@ UDExSearch = UDExSearch_1 = __decorate([
     customElement({
         tag: "udex-search",
         renderer: litRender,
-        styles: [SearchCss, SearchSuggestionsCss],
+        styles: [SearchCss, SearchSuggestionsCss, getEffectiveScrollbarStyle()],
         template: SearchTemplate,
         get dependencies() {
             const Suggestion = getFeature("SearchInputSuggestion");
-            return [ControlButton, Button, Icon, List, Popover].concat(Suggestion ? [...Suggestion.dependencies] : []);
+            return [ControlButton, UDExButton, Icon, List, Popover].concat(Suggestion ? [...Suggestion.dependencies] : []);
         },
     })
     /**