@sapudex/web-components 2.23.0 → 2.25.0

package/dist/MastheadProfileMenu.js

@@ -27,6 +27,7 @@ import "@ui5/webcomponents-icons/dist/action.js";
 import UDExStatusBadgeValueState from "./types/StatusBadgeValueState.js";
 import ResizeHandler from "@ui5/webcomponents-base/delegate/ResizeHandler.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
+import translate from "./utils/translate.js";
 // Styles
 import MastheadProfileMenuCss from "./generated/themes/MastheadProfileMenu.css.js";
 /**
@@ -205,19 +206,19 @@ let UDExMastheadProfileMenu = UDExMastheadProfileMenu_1 = class UDExMastheadProf
         return this.shadowRoot?.querySelector("[udex-masthead-menu]");
     }
     get btnBackText() {
-        return this._isMobileMode ? this.switcherAccountText : UDExMastheadProfileMenu_1.i18nBundle.getText(BACK);
+        return this._isMobileMode ? this.switcherAccountText : translate(UDExMastheadProfileMenu_1, BACK);
     }
     get listTitleText() {
-        return `${UDExMastheadProfileMenu_1.i18nBundle.getText(OTHER_IDENTITIES)} (${this.identitiesList.length})`;
+        return `${translate(UDExMastheadProfileMenu_1, OTHER_IDENTITIES)} (${this.identitiesList.length})`;
     }
     get addOrRemoveAccountText() {
-        return UDExMastheadProfileMenu_1.i18nBundle.getText(ADD_OR_REMOVE_ACCOUNT);
+        return translate(UDExMastheadProfileMenu_1, ADD_OR_REMOVE_ACCOUNT);
     }
     get switcherAccountText() {
-        return UDExMastheadProfileMenu_1.i18nBundle.getText(SWITCH_ACCOUNT);
+        return translate(UDExMastheadProfileMenu_1, SWITCH_ACCOUNT);
     }
     get logoutText() {
-        return UDExMastheadProfileMenu_1.i18nBundle.getText(LOGOUT);
+        return translate(UDExMastheadProfileMenu_1, LOGOUT);
     }
     get isAtMostBreakpointSizeM() {
         return BreakpointUtils.isAtMost("M");

package/dist/MastheadProfileMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadProfileMenu.js","sourceRoot":"","sources":["../src/MastheadProfileMenu.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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  LOGOUT, SWITCH_ACCOUNT, BACK, OTHER_IDENTITIES, ADD_OR_REMOVE_ACCOUNT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport { isEscape } from \"@ui5/webcomponents-base/Keys.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport MastheadProfileMenuTemplate from \"./generated/templates/MastheadProfileMenuTemplate.lit.js\";\nimport parseArrayFromString from \"./utils/parseArrayFromString.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport type UDExMastheadShell from \"./MastheadShell.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport \"@ui5/webcomponents-icons/dist/action.js\";\nimport type { LinkClickEventDetail } from \"@ui5/webcomponents/dist/Link.js\";\nimport UDExStatusBadgeValueState from \"./types/StatusBadgeValueState.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/delegate/ResizeHandler.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\n\n// Styles\nimport MastheadProfileMenuCss from \"./generated/themes/MastheadProfileMenu.css.js\";\n\nexport interface UserData {\n  name?: string,\n  username?: string,\n  email?: string,\n  avatarUrl?: string,\n  avatarInitials?: string\n}\n\nexport interface UserIdentity {\n  avatarUrl: string,\n  email: string,\n  name: string,\n  idsUser: string,\n  isLogged: boolean,\n}\n\nexport interface ExtendedUserIdentity extends UserIdentity {\n  supportingText: string;\n  statusBadge: string;\n}\n\ntype UDExMastheadProfileMenuIdentityClickEventDetail = {\n  item: ExtendedUserIdentity;\n  analyticsName: AnalyticsName,\n};\n\ntype UDExMastheadProfileMenuItemClickEventDetail = {\n  item: UDExMastheadMenuItem,\n  originalEvent: PointerEvent,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n}\n\ntype UDExMastheadProfileMenuAddOrRemoveClickEventDetail = {\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-profile-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadProfileMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-profile-menu\",\n  renderer: litRender,\n  styles: [UDExMastheadMenu.styles, MastheadProfileMenuCss],\n  template: MastheadProfileMenuTemplate,\n  dependencies: [\n    UDExMastheadMenuItem,\n    UDExMastheadMenu,\n    UDExListItem,\n    UDExButton,\n    UDExList,\n  ],\n})\n\n/**\n * Fired when use click Logout link\n * @public\n * @param {UDExMastheadMenuItem} item The clicked logout item\n * @param {HTMLElement} sourceNode The HTML element of the clicked logout item\n * @param {PointerEvent} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the clicked logout item\n */\n@event(\"logout\", { cancelable: true, bubbles: true })\n\n/**\n * Fires when profile menu item is clicked\n *\n * @public\n * @param {UDExMastheadMenuItem} item The clicked profile menu item\n * @param {PointerEvent} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the clicked profile menu item\n * @param {HTMLElement} sourceNode The HTML element of the clicked profile menu item\n */\n@event(\"profile-item-click\", { cancelable: true, bubbles: true })\n\n/**\n * Fired when use click add or remove account button\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the clicked add or remove account button\n */\n@event(\"add-or-remove-account-click\", { cancelable: true, bubbles: true })\n\n/**\n * Fires when identity item is clicked\n *\n * @public\n * @param {ExtendedUserIdentity} item The clicked identity item\n * @param {AnalyticsName} analyticsName The analytics name for the clicked identity item\n */\n@event(\"identity-item-click\", { cancelable: true, bubbles: true })\n\nclass UDExMastheadProfileMenu extends UI5Element {\n  eventDetails!: {\n    \"logout\": UDExMastheadProfileMenuItemClickEventDetail,\n    \"profile-item-click\": UDExMastheadProfileMenuItemClickEventDetail,\n    \"add-or-remove-account-click\": UDExMastheadProfileMenuAddOrRemoveClickEventDetail,\n    \"identity-item-click\": UDExMastheadProfileMenuIdentityClickEventDetail,\n  };\n\n  /**\n   * Defines the object of user identities\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    identities!: string;\n\n  /**\n   * Defines the object of link values\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    links!: string;\n\n  /**\n   * Defines the object of user profile data\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    loggedInUser!: string;\n\n  /**\n   * Defines the link for logout\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    logoutUrl!: string;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines the open identities panel state\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _openIdentities: boolean = false;\n\n  /**\n   * Placeholder for message strip.\n   *\n   * @public\n   */\n  @slot({ type: Node, \"default\": false })\n    message!: Array<Node>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _mastheadShell!: UDExMastheadShell;\n  _handleResizeBound: ResizeObserverCallback;\n  _shouldFocusBackBtn!: boolean;\n  _shouldFocusSwitchBtn!: boolean;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this.handleResize.bind(this);\n  }\n\n  onAfterRendering(): void {\n    this._mastheadShell = this.mastheadShell;\n    this.updateFocusState(this._shouldFocusBackBtn, this.focusBackBtn.bind(this));\n    this.updateFocusState(this._shouldFocusSwitchBtn, this.focusSwitchBtn.bind(this));\n    this.setMenuItemsMobileMode();\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    this._isMobileMode = this.isMobile;\n\n    if (this.profileMenuLinks) {\n      this.profileMenuLinks._isMobileMode = this.isMobile;\n    }\n  }\n\n  handleSwitcherClick(): void {\n    this._openIdentities = !this._openIdentities;\n    this._shouldFocusBackBtn = this._openIdentities;\n    this._shouldFocusSwitchBtn = !this._openIdentities;\n  }\n\n  handleUserLogoutItemClick(e: PointerEvent): void {\n    this.fireLogoutItemClick(e);\n    if (this._isMobileMode) {\n      this.closeMenu();\n    }\n  }\n\n  handleProfileMenuItemClick(e: CustomEvent): void {\n    this.fireMenuItemClick(e);\n    if (this._isMobileMode) {\n      this.closeMenu();\n    }\n  }\n\n  updateFocusState(shouldFocus: boolean, focusMethod: () => void): void {\n    if (shouldFocus) {\n      focusMethod();\n      if (focusMethod === this.focusBackBtn) {\n        this._shouldFocusBackBtn = false;\n      } else if (focusMethod === this.focusSwitchBtn) {\n        this._shouldFocusSwitchBtn = false;\n      }\n    }\n  }\n\n  handleKeydown(e: KeyboardEvent): void {\n    if (isEscape(e) && this._openIdentities) {\n      this.closeIdentitiesPanel();\n    }\n  }\n\n  focusSwitchBtn(): void {\n    this.focusElement(\".udex-masthead-profile-menu__btn-switcher\");\n  }\n\n  focusBackBtn(): void {\n    this.focusElement(\".udex-masthead-profile-menu__btn-back\");\n  }\n\n  focusElement(selector: string): void {\n    const element = this.shadowRoot?.querySelector<UDExButton>(selector);\n    element?.focus();\n  }\n\n  fireEventIdentityItemClick(e: CustomEvent): void {\n    const { item } = e.detail;\n    const identity = this.identitiesList.find(({ idsUser }) => idsUser === item.id);\n    const eventPrevented = !this.fireDecoratorEvent(\"identity-item-click\", {\n      item: identity!,\n      analyticsName: AnalyticsName.Header,\n    });\n\n    if (eventPrevented) {\n      e.preventDefault();\n    }\n\n    if (this._isMobileMode) {\n      this.closeMenu();\n    }\n  }\n\n  fireEventAddOrRemoveAccountClick(e: CustomEvent<LinkClickEventDetail>): void {\n    const eventPrevented = !this.fireDecoratorEvent(\"add-or-remove-account-click\", {\n      analyticsName: AnalyticsName.Header,\n    });\n\n    if (eventPrevented) {\n      e.preventDefault();\n    }\n  }\n\n  fireLogoutItemClick(e: PointerEvent): void {\n    const item = e.target as UDExMastheadMenuItem;\n\n    this.fireDecoratorEvent(\"logout\", {\n      item,\n      sourceNode: item.shadowRoot?.querySelector(\".udex-masthead-menu-item\") as HTMLElement,\n      originalEvent: e,\n      analyticsName: AnalyticsName.Header,\n    });\n  }\n\n  fireMenuItemClick(e: CustomEvent): void {\n    const { item, originalEvent } = e.detail;\n\n    this.fireDecoratorEvent(\"profile-item-click\", {\n      item,\n      originalEvent,\n      analyticsName: AnalyticsName.Header,\n      sourceNode: item.shadowRoot.querySelector(\".udex-masthead-menu-item\") as HTMLElement,\n    });\n  }\n\n  closeMenu():void {\n    this._mastheadShell.closeMobileMenu();\n    this._mastheadShell.mobileBtn?.focus();\n  }\n\n  closeIdentitiesPanel(): void {\n    this._openIdentities = false;\n  }\n\n  setMenuItemsMobileMode(): void {\n    if (this._isMobileMode && this.profileMenuLinks) {\n      this.profileMenuLinks._isMobileMode = true;\n    }\n  }\n\n  get linksList(): string {\n    return this.links ? JSON.stringify([{\n      subMenuLinkItems: JSON.parse(this.links),\n    }]) : \"\";\n  }\n\n  get hasIdentities(): boolean {\n    return !!this.identities?.length;\n  }\n\n  get userData(): UserData {\n    return parseArrayFromString(this.loggedInUser) as UserData;\n  }\n\n  get identitiesList(): Array<ExtendedUserIdentity> {\n    return parseArrayFromString<ExtendedUserIdentity>(this.identities).map((identity: UserIdentity) => ({\n      ...identity,\n      statusBadge: identity.isLogged ? \"\" : UDExStatusBadgeValueState.Warning,\n      supportingText: [identity.name, identity.idsUser].filter(Boolean).join(\", \"),\n    }));\n  }\n\n  get messageAvailable(): boolean {\n    return !!this.message.length;\n  }\n\n  get logoutLink(): boolean {\n    return !!this.logoutUrl?.length;\n  }\n\n  get rootClass(): string {\n    const root = \"udex-masthead-profile-menu\";\n    return this._openIdentities ? `${root} ${root}_switcher` : root;\n  }\n\n  get mastheadShell(): UDExMastheadShell {\n    return document.querySelector<UDExMastheadShell>(\"[udex-masthead-shell]\")!;\n  }\n\n  get profileMenuLinks(): UDExMastheadMenu | undefined | null {\n    return this.shadowRoot?.querySelector<UDExMastheadMenu>(\"[udex-masthead-menu]\");\n  }\n\n  get btnBackText(): string {\n    return this._isMobileMode ? this.switcherAccountText : UDExMastheadProfileMenu.i18nBundle.getText(BACK);\n  }\n\n  get listTitleText(): string {\n    return `${UDExMastheadProfileMenu.i18nBundle.getText(OTHER_IDENTITIES)} (${this.identitiesList.length})`;\n  }\n\n  get addOrRemoveAccountText(): string {\n    return UDExMastheadProfileMenu.i18nBundle.getText(ADD_OR_REMOVE_ACCOUNT);\n  }\n\n  get switcherAccountText(): string {\n    return UDExMastheadProfileMenu.i18nBundle.getText(SWITCH_ACCOUNT);\n  }\n\n  get logoutText(): string {\n    return UDExMastheadProfileMenu.i18nBundle.getText(LOGOUT);\n  }\n\n  get isAtMostBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtMost(\"M\");\n  }\n\n  get isMobile(): boolean {\n    return this.isAtMostBreakpointSizeM || this.mastheadShell?.isMobileMenuMode;\n  }\n}\n\nUDExMastheadProfileMenu.define();\n\nexport default UDExMastheadProfileMenu;\nexport type { UDExMastheadProfileMenuItemClickEventDetail, UDExMastheadProfileMenuIdentityClickEventDetail, UDExMastheadProfileMenuAddOrRemoveClickEventDetail };\n"]}
+{"version":3,"file":"MastheadProfileMenu.js","sourceRoot":"","sources":["../src/MastheadProfileMenu.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EACL,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,gBAAgB,EAAE,qBAAqB,GACtE,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,oBAAoB,MAAM,uBAAuB,CAAC;AACzD,OAAO,2BAA2B,MAAM,0DAA0D,CAAC;AACnG,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AACnE,OAAO,aAAa,MAAM,0BAA0B,CAAC;AAErD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,yCAAyC,CAAC;AAEjD,OAAO,yBAAyB,MAAM,kCAAkC,CAAC;AAEzE,OAAO,aAAa,MAAM,mDAAmD,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,SAAS;AACT,OAAO,sBAAsB,MAAM,+CAA+C,CAAC;AAuCnF;;;;;;;;;;;;;;;;GAgBG;AAqDH,IAAM,uBAAuB,+BAA7B,MAAM,uBAAwB,SAAQ,UAAU;IA4E9C;QACE,KAAK,EAAE,CAAC;QAzBV;;;;WAIG;QAED,oBAAe,GAAY,KAAK,CAAC;QAoBjC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9E,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,UAAU;QACR,aAAa,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC;IAED,SAAS;QACP,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED,YAAY;QACV,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;QAEnC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;QACtD,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;QAC7C,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC;QAChD,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;IACrD,CAAC;IAED,yBAAyB,CAAC,CAAe;QACvC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;IAED,0BAA0B,CAAC,CAAc;QACvC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;IAED,gBAAgB,CAAC,WAAoB,EAAE,WAAuB;QAC5D,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,CAAC;YACd,IAAI,WAAW,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;YACnC,CAAC;iBAAM,IAAI,WAAW,KAAK,IAAI,CAAC,cAAc,EAAE,CAAC;gBAC/C,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;YACrC,CAAC;QACH,CAAC;IACH,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACxC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,YAAY,CAAC,2CAA2C,CAAC,CAAC;IACjE,CAAC;IAED,YAAY;QACV,IAAI,CAAC,YAAY,CAAC,uCAAuC,CAAC,CAAC;IAC7D,CAAC;IAED,YAAY,CAAC,QAAgB;QAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAa,QAAQ,CAAC,CAAC;QACrE,OAAO,EAAE,KAAK,EAAE,CAAC;IACnB,CAAC;IAED,0BAA0B,CAAC,CAAc;QACvC,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QAChF,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,EAAE;YACrE,IAAI,EAAE,QAAS;YACf,aAAa,EAAE,aAAa,CAAC,MAAM;SACpC,CAAC,CAAC;QAEH,IAAI,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QAED,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;IAED,gCAAgC,CAAC,CAAoC;QACnE,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,6BAA6B,EAAE;YAC7E,aAAa,EAAE,aAAa,CAAC,MAAM;SACpC,CAAC,CAAC;QAEH,IAAI,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,mBAAmB,CAAC,CAAe;QACjC,MAAM,IAAI,GAAG,CAAC,CAAC,MAA8B,CAAC;QAE9C,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE;YAChC,IAAI;YACJ,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,0BAA0B,CAAgB;YACrF,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,aAAa,CAAC,MAAM;SACpC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,CAAc;QAC9B,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAEzC,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,EAAE;YAC5C,IAAI;YACJ,aAAa;YACb,aAAa,EAAE,aAAa,CAAC,MAAM;YACnC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,0BAA0B,CAAgB;SACrF,CAAC,CAAC;IACL,CAAC;IAED,SAAS;QACP,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC;QACtC,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;IACzC,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/B,CAAC;IAED,sBAAsB;QACpB,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAChD,IAAI,CAAC,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBAClC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;aACzC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACX,CAAC;IAED,IAAI,aAAa;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IACnC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAa,CAAC;IAC7D,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,oBAAoB,CAAuB,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,QAAsB,EAAE,EAAE,CAAC,CAAC;YAClG,GAAG,QAAQ;YACX,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC,OAAO;YACvE,cAAc,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SAC7E,CAAC,CAAC,CAAC;IACN,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;IAC/B,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;IAClC,CAAC;IAED,IAAI,SAAS;QACX,MAAM,IAAI,GAAG,4BAA4B,CAAC;QAC1C,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IAClE,CAAC;IAED,IAAI,aAAa;QACf,OAAO,QAAQ,CAAC,aAAa,CAAoB,uBAAuB,CAAE,CAAC;IAC7E,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAmB,sBAAsB,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,yBAAuB,EAAE,IAAI,CAAC,CAAC;IAClG,CAAC;IAED,IAAI,aAAa;QACf,OAAO,GAAG,SAAS,CAAC,yBAAuB,EAAE,gBAAgB,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC;IACnG,CAAC;IAED,IAAI,sBAAsB;QACxB,OAAO,SAAS,CAAC,yBAAuB,EAAE,qBAAqB,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,SAAS,CAAC,yBAAuB,EAAE,cAAc,CAAC,CAAC;IAC5D,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,SAAS,CAAC,yBAAuB,EAAE,MAAM,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,uBAAuB;QACzB,OAAO,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC;IAC9E,CAAC;CACF,CAAA;AAjRG;IADD,QAAQ,EAAE;2DACW;AASpB;IADD,QAAQ,EAAE;sDACM;AASf;IADD,QAAQ,EAAE;6DACa;AAStB;IADD,QAAQ,EAAE;0DACU;AAQnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8DACF;AAQxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gEACO;AAQjC;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;wDACf;AAGjB;IADN,IAAI,CAAC,yBAAyB,CAAC;iDACF;AArE1B,uBAAuB;IApD5B,aAAa,CAAC;QACb,GAAG,EAAE,4BAA4B;QACjC,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,sBAAsB,CAAC;QACzD,QAAQ,EAAE,2BAA2B;QACrC,YAAY,EAAE;YACZ,oBAAoB;YACpB,gBAAgB;YAChB,YAAY;YACZ,UAAU;YACV,QAAQ;SACT;KACF,CAAC;IAEF;;;;;;;OAOG;;IACF,KAAK,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAErD;;;;;;;;OAQG;;IACF,KAAK,CAAC,oBAAoB,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAEjE;;;;;OAKG;;IACF,KAAK,CAAC,6BAA6B,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAE1E;;;;;;OAMG;;IACF,KAAK,CAAC,qBAAqB,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAE5D,uBAAuB,CAgS5B;AAED,uBAAuB,CAAC,MAAM,EAAE,CAAC;AAEjC,eAAe,uBAAuB,CAAC","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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  LOGOUT, SWITCH_ACCOUNT, BACK, OTHER_IDENTITIES, ADD_OR_REMOVE_ACCOUNT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport { isEscape } from \"@ui5/webcomponents-base/Keys.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport MastheadProfileMenuTemplate from \"./generated/templates/MastheadProfileMenuTemplate.lit.js\";\nimport parseArrayFromString from \"./utils/parseArrayFromString.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport type UDExMastheadShell from \"./MastheadShell.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport \"@ui5/webcomponents-icons/dist/action.js\";\nimport type { LinkClickEventDetail } from \"@ui5/webcomponents/dist/Link.js\";\nimport UDExStatusBadgeValueState from \"./types/StatusBadgeValueState.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/delegate/ResizeHandler.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport MastheadProfileMenuCss from \"./generated/themes/MastheadProfileMenu.css.js\";\n\nexport interface UserData {\n  name?: string,\n  username?: string,\n  email?: string,\n  avatarUrl?: string,\n  avatarInitials?: string\n}\n\nexport interface UserIdentity {\n  avatarUrl: string,\n  email: string,\n  name: string,\n  idsUser: string,\n  isLogged: boolean,\n}\n\nexport interface ExtendedUserIdentity extends UserIdentity {\n  supportingText: string;\n  statusBadge: string;\n}\n\ntype UDExMastheadProfileMenuIdentityClickEventDetail = {\n  item: ExtendedUserIdentity;\n  analyticsName: AnalyticsName,\n};\n\ntype UDExMastheadProfileMenuItemClickEventDetail = {\n  item: UDExMastheadMenuItem,\n  originalEvent: PointerEvent,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n}\n\ntype UDExMastheadProfileMenuAddOrRemoveClickEventDetail = {\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-profile-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadProfileMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-profile-menu\",\n  renderer: litRender,\n  styles: [UDExMastheadMenu.styles, MastheadProfileMenuCss],\n  template: MastheadProfileMenuTemplate,\n  dependencies: [\n    UDExMastheadMenuItem,\n    UDExMastheadMenu,\n    UDExListItem,\n    UDExButton,\n    UDExList,\n  ],\n})\n\n/**\n * Fired when use click Logout link\n * @public\n * @param {UDExMastheadMenuItem} item The clicked logout item\n * @param {HTMLElement} sourceNode The HTML element of the clicked logout item\n * @param {PointerEvent} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the clicked logout item\n */\n@event(\"logout\", { cancelable: true, bubbles: true })\n\n/**\n * Fires when profile menu item is clicked\n *\n * @public\n * @param {UDExMastheadMenuItem} item The clicked profile menu item\n * @param {PointerEvent} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the clicked profile menu item\n * @param {HTMLElement} sourceNode The HTML element of the clicked profile menu item\n */\n@event(\"profile-item-click\", { cancelable: true, bubbles: true })\n\n/**\n * Fired when use click add or remove account button\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the clicked add or remove account button\n */\n@event(\"add-or-remove-account-click\", { cancelable: true, bubbles: true })\n\n/**\n * Fires when identity item is clicked\n *\n * @public\n * @param {ExtendedUserIdentity} item The clicked identity item\n * @param {AnalyticsName} analyticsName The analytics name for the clicked identity item\n */\n@event(\"identity-item-click\", { cancelable: true, bubbles: true })\n\nclass UDExMastheadProfileMenu extends UI5Element {\n  eventDetails!: {\n    \"logout\": UDExMastheadProfileMenuItemClickEventDetail,\n    \"profile-item-click\": UDExMastheadProfileMenuItemClickEventDetail,\n    \"add-or-remove-account-click\": UDExMastheadProfileMenuAddOrRemoveClickEventDetail,\n    \"identity-item-click\": UDExMastheadProfileMenuIdentityClickEventDetail,\n  };\n\n  /**\n   * Defines the object of user identities\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    identities!: string;\n\n  /**\n   * Defines the object of link values\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    links!: string;\n\n  /**\n   * Defines the object of user profile data\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    loggedInUser!: string;\n\n  /**\n   * Defines the link for logout\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    logoutUrl!: string;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines the open identities panel state\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _openIdentities: boolean = false;\n\n  /**\n   * Placeholder for message strip.\n   *\n   * @public\n   */\n  @slot({ type: Node, \"default\": false })\n    message!: Array<Node>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _mastheadShell!: UDExMastheadShell;\n  _handleResizeBound: ResizeObserverCallback;\n  _shouldFocusBackBtn!: boolean;\n  _shouldFocusSwitchBtn!: boolean;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this.handleResize.bind(this);\n  }\n\n  onAfterRendering(): void {\n    this._mastheadShell = this.mastheadShell;\n    this.updateFocusState(this._shouldFocusBackBtn, this.focusBackBtn.bind(this));\n    this.updateFocusState(this._shouldFocusSwitchBtn, this.focusSwitchBtn.bind(this));\n    this.setMenuItemsMobileMode();\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    this._isMobileMode = this.isMobile;\n\n    if (this.profileMenuLinks) {\n      this.profileMenuLinks._isMobileMode = this.isMobile;\n    }\n  }\n\n  handleSwitcherClick(): void {\n    this._openIdentities = !this._openIdentities;\n    this._shouldFocusBackBtn = this._openIdentities;\n    this._shouldFocusSwitchBtn = !this._openIdentities;\n  }\n\n  handleUserLogoutItemClick(e: PointerEvent): void {\n    this.fireLogoutItemClick(e);\n    if (this._isMobileMode) {\n      this.closeMenu();\n    }\n  }\n\n  handleProfileMenuItemClick(e: CustomEvent): void {\n    this.fireMenuItemClick(e);\n    if (this._isMobileMode) {\n      this.closeMenu();\n    }\n  }\n\n  updateFocusState(shouldFocus: boolean, focusMethod: () => void): void {\n    if (shouldFocus) {\n      focusMethod();\n      if (focusMethod === this.focusBackBtn) {\n        this._shouldFocusBackBtn = false;\n      } else if (focusMethod === this.focusSwitchBtn) {\n        this._shouldFocusSwitchBtn = false;\n      }\n    }\n  }\n\n  handleKeydown(e: KeyboardEvent): void {\n    if (isEscape(e) && this._openIdentities) {\n      this.closeIdentitiesPanel();\n    }\n  }\n\n  focusSwitchBtn(): void {\n    this.focusElement(\".udex-masthead-profile-menu__btn-switcher\");\n  }\n\n  focusBackBtn(): void {\n    this.focusElement(\".udex-masthead-profile-menu__btn-back\");\n  }\n\n  focusElement(selector: string): void {\n    const element = this.shadowRoot?.querySelector<UDExButton>(selector);\n    element?.focus();\n  }\n\n  fireEventIdentityItemClick(e: CustomEvent): void {\n    const { item } = e.detail;\n    const identity = this.identitiesList.find(({ idsUser }) => idsUser === item.id);\n    const eventPrevented = !this.fireDecoratorEvent(\"identity-item-click\", {\n      item: identity!,\n      analyticsName: AnalyticsName.Header,\n    });\n\n    if (eventPrevented) {\n      e.preventDefault();\n    }\n\n    if (this._isMobileMode) {\n      this.closeMenu();\n    }\n  }\n\n  fireEventAddOrRemoveAccountClick(e: CustomEvent<LinkClickEventDetail>): void {\n    const eventPrevented = !this.fireDecoratorEvent(\"add-or-remove-account-click\", {\n      analyticsName: AnalyticsName.Header,\n    });\n\n    if (eventPrevented) {\n      e.preventDefault();\n    }\n  }\n\n  fireLogoutItemClick(e: PointerEvent): void {\n    const item = e.target as UDExMastheadMenuItem;\n\n    this.fireDecoratorEvent(\"logout\", {\n      item,\n      sourceNode: item.shadowRoot?.querySelector(\".udex-masthead-menu-item\") as HTMLElement,\n      originalEvent: e,\n      analyticsName: AnalyticsName.Header,\n    });\n  }\n\n  fireMenuItemClick(e: CustomEvent): void {\n    const { item, originalEvent } = e.detail;\n\n    this.fireDecoratorEvent(\"profile-item-click\", {\n      item,\n      originalEvent,\n      analyticsName: AnalyticsName.Header,\n      sourceNode: item.shadowRoot.querySelector(\".udex-masthead-menu-item\") as HTMLElement,\n    });\n  }\n\n  closeMenu():void {\n    this._mastheadShell.closeMobileMenu();\n    this._mastheadShell.mobileBtn?.focus();\n  }\n\n  closeIdentitiesPanel(): void {\n    this._openIdentities = false;\n  }\n\n  setMenuItemsMobileMode(): void {\n    if (this._isMobileMode && this.profileMenuLinks) {\n      this.profileMenuLinks._isMobileMode = true;\n    }\n  }\n\n  get linksList(): string {\n    return this.links ? JSON.stringify([{\n      subMenuLinkItems: JSON.parse(this.links),\n    }]) : \"\";\n  }\n\n  get hasIdentities(): boolean {\n    return !!this.identities?.length;\n  }\n\n  get userData(): UserData {\n    return parseArrayFromString(this.loggedInUser) as UserData;\n  }\n\n  get identitiesList(): Array<ExtendedUserIdentity> {\n    return parseArrayFromString<ExtendedUserIdentity>(this.identities).map((identity: UserIdentity) => ({\n      ...identity,\n      statusBadge: identity.isLogged ? \"\" : UDExStatusBadgeValueState.Warning,\n      supportingText: [identity.name, identity.idsUser].filter(Boolean).join(\", \"),\n    }));\n  }\n\n  get messageAvailable(): boolean {\n    return !!this.message.length;\n  }\n\n  get logoutLink(): boolean {\n    return !!this.logoutUrl?.length;\n  }\n\n  get rootClass(): string {\n    const root = \"udex-masthead-profile-menu\";\n    return this._openIdentities ? `${root} ${root}_switcher` : root;\n  }\n\n  get mastheadShell(): UDExMastheadShell {\n    return document.querySelector<UDExMastheadShell>(\"[udex-masthead-shell]\")!;\n  }\n\n  get profileMenuLinks(): UDExMastheadMenu | undefined | null {\n    return this.shadowRoot?.querySelector<UDExMastheadMenu>(\"[udex-masthead-menu]\");\n  }\n\n  get btnBackText(): string {\n    return this._isMobileMode ? this.switcherAccountText : translate(UDExMastheadProfileMenu, BACK);\n  }\n\n  get listTitleText(): string {\n    return `${translate(UDExMastheadProfileMenu, OTHER_IDENTITIES)} (${this.identitiesList.length})`;\n  }\n\n  get addOrRemoveAccountText(): string {\n    return translate(UDExMastheadProfileMenu, ADD_OR_REMOVE_ACCOUNT);\n  }\n\n  get switcherAccountText(): string {\n    return translate(UDExMastheadProfileMenu, SWITCH_ACCOUNT);\n  }\n\n  get logoutText(): string {\n    return translate(UDExMastheadProfileMenu, LOGOUT);\n  }\n\n  get isAtMostBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtMost(\"M\");\n  }\n\n  get isMobile(): boolean {\n    return this.isAtMostBreakpointSizeM || this.mastheadShell?.isMobileMenuMode;\n  }\n}\n\nUDExMastheadProfileMenu.define();\n\nexport default UDExMastheadProfileMenu;\nexport type { UDExMastheadProfileMenuItemClickEventDetail, UDExMastheadProfileMenuIdentityClickEventDetail, UDExMastheadProfileMenuAddOrRemoveClickEventDetail };\n"]}

package/dist/MastheadShell.d.ts

@@ -56,6 +56,7 @@ declare class UDExMastheadShell extends UI5Element {
         "mobile-menu-close": UDExMastheadShellAnalyticsNameEventDetail;
         "search-opened": UDExMastheadShellAnalyticsNameEventDetail;
         "search-closed": UDExMastheadShellAnalyticsNameEventDetail;
+        "joule-click": UDExMastheadShellBaseEventDetail;
         "cart-click": UDExMastheadShellBaseEventDetail;
         "support-click": UDExMastheadShellBaseEventDetail;
         "profile-click": UDExMastheadShellBaseEventDetail;
@@ -104,6 +105,12 @@ declare class UDExMastheadShell extends UI5Element {
      * @public
      */
     cart: Array<UDExMastheadItem>;
+    /**
+     * Slot for joule menu
+     *
+     * @public
+     */
+    joule: Array<UDExMastheadItem>;
     /**
      * Slot for avatar
      *
@@ -228,6 +235,13 @@ declare class UDExMastheadShell extends UI5Element {
      * @public
      */
     closeButtonAccessibleName?: string;
+    /**
+     * Defines an accessible name for open search icon
+     *
+     * @default undefined
+     * @public
+     */
+    openSearchButtonAccessibleName?: string;
     /**
      * Defines an accessible name for the close mobile menu button
      *
@@ -297,6 +311,7 @@ declare class UDExMastheadShell extends UI5Element {
     handleCoBrandClick(e: PointerEvent): void;
     handleSearchClick(e: PointerEvent): void;
     handleCartClick(e: PointerEvent): void;
+    handleJouleClick(e: PointerEvent): void;
     handleProfileClick(e: PointerEvent): void;
     handleSupportClick(e: PointerEvent): void;
     handleCountrySelectorClick(e: PointerEvent): void;
@@ -371,6 +386,7 @@ declare class UDExMastheadShell extends UI5Element {
     get hasCart(): boolean;
     get hasSearch(): boolean;
     get hasExploreSAP(): boolean;
+    get hasJoule(): boolean;
     get hasCountrySelector(): boolean;
     get hasSupport(): boolean;
     get hasMobileMenuButtons(): boolean;
@@ -381,6 +397,7 @@ declare class UDExMastheadShell extends UI5Element {
     get isSearchVisible(): boolean;
     get isVisible(): boolean;
     get shouldHandleMobileView(): boolean;
+    get openSearchButtonAccessibleNameText(): string;
     get mainNavigationAriaLabel(): string;
     get isSimpleExploreMode(): boolean;
     get rightMenuClass(): string;

package/dist/MastheadShell.js

@@ -19,7 +19,7 @@ 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 { MAIN_LINKS, SEARCH } from "./generated/i18n/i18n-defaults.js";
 import UDExMastheadItem, { UDExMastheadDropdownItemAction } from "./MastheadItem.js";
 import UDExMastheadMenu from "./MastheadMenu.js";
 import UDExControlButton from "./ControlButton.js";
@@ -27,6 +27,7 @@ import UDExMastheadMobileMenu from "./MastheadMobileMenu.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
 import AnalyticsName from "./types/AnalyticsName.js";
 import MastheadShellTemplate from "./generated/templates/MastheadShellTemplate.lit.js";
+import translate from "./utils/translate.js";
 // Styles
 import MastheadShellCss from "./generated/themes/MastheadShell.css.js";
 const canvasContentFont = "14px '72 Brand Variable'";
@@ -188,6 +189,10 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         e.stopPropagation();
         this.fireMastheadEvent("cart-click", e);
     }
+    handleJouleClick(e) {
+        e.stopPropagation();
+        this.fireMastheadEvent("joule-click", e);
+    }
     handleProfileClick(e) {
         e.stopPropagation();
         this.fireMastheadEvent("profile-click", e);
@@ -273,6 +278,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         const buttonsArray = [
             ...this.menuItems,
             ...this.exploreSAP,
+            ...this.joule,
             ...this.cart,
             ...this.support,
             ...this.profile,
@@ -515,6 +521,9 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
     get hasExploreSAP() {
         return !!this.exploreSAP.length;
     }
+    get hasJoule() {
+        return !!this.joule.length;
+    }
     get hasCountrySelector() {
         return !!this.countrySelector.length;
     }
@@ -545,8 +554,11 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
     get shouldHandleMobileView() {
         return !this.isAtMostBreakpointSizeM && this.isMainMenuVisible;
     }
+    get openSearchButtonAccessibleNameText() {
+        return this.openSearchButtonAccessibleName || UDExMastheadShell_1.i18nBundle.getText(SEARCH);
+    }
     get mainNavigationAriaLabel() {
-        return UDExMastheadShell_1.i18nBundle.getText(MAIN_LINKS);
+        return translate(UDExMastheadShell_1, MAIN_LINKS);
     }
     get isSimpleExploreMode() {
         return !this.hasSearch && !this.hasProfile && !this.hasCart && !this.hasSupport && !this.hasCountrySelector;
@@ -580,6 +592,9 @@ __decorate([
 __decorate([
     slot({ type: HTMLElement })
 ], UDExMastheadShell.prototype, "cart", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], UDExMastheadShell.prototype, "joule", void 0);
 __decorate([
     slot({ type: HTMLElement })
 ], UDExMastheadShell.prototype, "profile", void 0);
@@ -634,6 +649,9 @@ __decorate([
 __decorate([
     property()
 ], UDExMastheadShell.prototype, "closeButtonAccessibleName", void 0);
+__decorate([
+    property()
+], UDExMastheadShell.prototype, "openSearchButtonAccessibleName", void 0);
 __decorate([
     property()
 ], UDExMastheadShell.prototype, "mobileCloseButtonAccessibleName", void 0);
@@ -685,7 +703,7 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the user clicks the mobile menu button closer.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the mobile menu open event
+     * @param {AnalyticsName} analyticsName The analytics name for the mobile menu close event
      */
     ,
     event("mobile-menu-close", { bubbles: true })
@@ -705,7 +723,7 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the user clicks the search close button.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the search click event
+     * @param {AnalyticsName} analyticsName The analytics name for the search close click event
      * @param {PointerEvent} originalEvent The original pointer event
      * @param {HTMLElement} sourceNode The source element that fired the event
      * @param {UDExMastheadItem} [item] The masthead item that was clicked
@@ -716,7 +734,7 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the search panel is opened.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the mobile menu open event
+     * @param {AnalyticsName} analyticsName The analytics name for the search opened event
      */
     ,
     event("search-opened", { bubbles: true })
@@ -724,15 +742,26 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the search panel is closed.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the mobile menu open event
+     * @param {AnalyticsName} analyticsName The analytics name for the search closed event
      */
     ,
     event("search-closed", { bubbles: true })
+    /**
+     * Fired event when the user clicks the joule button trigger.
+     *
+     * @public
+     * @param {AnalyticsName} analyticsName The analytics name for the joule click event
+     * @param {PointerEvent} originalEvent The original pointer event
+     * @param {HTMLElement} sourceNode The source element that fired the event
+     * @param {UDExMastheadItem} [item] The masthead item that was clicked
+     */
+    ,
+    event("joule-click", { bubbles: true })
     /**
      * Fired event when the user clicks the cart button trigger.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the search click event
+     * @param {AnalyticsName} analyticsName The analytics name for the cart click event
      * @param {PointerEvent} originalEvent The original pointer event
      * @param {HTMLElement} sourceNode The source element that fired the event
      * @param {UDExMastheadItem} [item] The masthead item that was clicked
@@ -743,7 +772,7 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the user clicks the support button trigger.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the search click event
+     * @param {AnalyticsName} analyticsName The analytics name for the support click event
      * @param {PointerEvent} originalEvent The original pointer event
      * @param {HTMLElement} sourceNode The source element that fired the event
      * @param {UDExMastheadItem} [item] The masthead item that was clicked
@@ -754,7 +783,7 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the user clicks the profile button trigger.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the search click event
+     * @param {AnalyticsName} analyticsName The analytics name for the profile click event
      * @param {PointerEvent} originalEvent The original pointer event
      * @param {HTMLElement} sourceNode The source element that fired the event
      * @param {UDExMastheadItem} [item] The masthead item that was clicked
@@ -765,7 +794,7 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the user clicks the country selector button trigger.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the search click event
+     * @param {AnalyticsName} analyticsName The analytics name for the country selector click event
      * @param {PointerEvent} originalEvent The original pointer event
      * @param {HTMLElement} sourceNode The source element that fired the event
      * @param {UDExMastheadItem} [item] The masthead item that was clicked
@@ -776,7 +805,7 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the user clicks the logo.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the search click event
+     * @param {AnalyticsName} analyticsName The analytics name for the logo click event
      * @param {PointerEvent} originalEvent The original pointer event
      * @param {HTMLElement} sourceNode The source element that fired the event
      * @param {UDExMastheadItem} [item] The masthead item that was clicked
@@ -787,7 +816,7 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the user clicks the site label.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the search click event
+     * @param {AnalyticsName} analyticsName The analytics name for the site label click event
      * @param {PointerEvent} originalEvent The original pointer event
      * @param {HTMLElement} sourceNode The source element that fired the event
      * @param {UDExMastheadItem} [item] The masthead item that was clicked
@@ -798,7 +827,7 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      * Fired event when the user clicks the co-brand.
      *
      * @public
-     * @param {AnalyticsName} analyticsName The analytics name for the search click event
+     * @param {AnalyticsName} analyticsName The analytics name for the co-brand click event
      * @param {PointerEvent} originalEvent The original pointer event
      * @param {HTMLElement} sourceNode The source element that fired the event
      * @param {UDExMastheadItem} [item] The masthead item that was clicked