npm - @ui5/webcomponents-fiori - Versions diffs - 2.5.0-rc.3 → 2.6.0-rc.0 - Mend

@ui5/webcomponents-fiori 2.5.0-rc.3 → 2.6.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (485) hide show

package/dist/UploadCollectionItemTemplate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UploadCollectionItemTemplate.js","sourceRoot":"","sources":["../src/UploadCollectionItemTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Input from \"@ui5/webcomponents/dist/Input.js\";\nimport type UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport type { ListItemHooks } from \"@ui5/webcomponents/dist/ListItemTemplate.js\";\nimport ListItemTemplate from \"@ui5/webcomponents/dist/ListItemTemplate.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport ProgressIndicator from \"@ui5/webcomponents/dist/ProgressIndicator.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport refreshIcon from \"@ui5/webcomponents-icons/dist/refresh.js\";\nimport stopIcon from \"@ui5/webcomponents-icons/dist/stop.js\";\nimport editIcon from \"@ui5/webcomponents-icons/dist/edit.js\";\nimport declineIcon from \"@ui5/webcomponents-icons/dist/decline.js\";\n\nconst predefinedHooks: Partial<ListItemHooks> = {\n\tlistItemContent,\n};\n\nexport default function UploadCollectionItemTemplate(this: UploadCollectionItem, hooks?: Partial<ListItemHooks>) {\n\tconst currentHooks = { ...predefinedHooks, ...hooks };\n\n\treturn ListItemTemplate.call(this, currentHooks);\n}\n\nfunction listItemContent(this: UploadCollectionItem) {\n\treturn <>\n\t\t<div class=\"ui5-uci-thumbnail-and-content-container\">\n\t\t\t<div class=\"ui5-uci-thumbnail\">\n\t\t\t\t<slot name=\"thumbnail\"></slot>\n\t\t\t</div>\n\t\t\t<div class=\"ui5-uci-content-and-progress\">\n\t\t\t\t<div class=\"ui5-uci-content\">\n\n\t\t\t\t\t{this._editing ? (\n\t\t\t\t\t\t<div class=\"ui5-uci-edit-container\">\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"ui5-uci-edit-input\"\n\t\t\t\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t\t\t\t\tonFocusIn={this._onInputFocusin}\n\t\t\t\t\t\t\t\tonKeyDown={this._onInputKeyDown}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span class=\"ui5-uci-file-extension\">{this._fileExtension}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\n\t\t\t\t\t\tthis.fileNameClickable ? (\n\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\tclass=\"ui5-uci-file-name\"\n\t\t\t\t\t\t\t\tonClick={this._onFileNameClick}\n\t\t\t\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\t\t\t>{this.fileName}</Link>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span class=\"ui5-uci-file-name ui5-uci-file-name-text\">{this.fileName}</span>\n\t\t\t\t\t\t)\n\t\t\t\t\t)}\n\t\t\t\t\t<div class=\"ui5-uci-description\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div >\n\t\t\t\t{this._showProgressIndicator && (\n\t\t\t\t\t<div class=\"ui5-uci-progress-box\">\n\t\t\t\t\t\t<ProgressIndicator\n\t\t\t\t\t\t\tclass=\"ui5-uci-progress-indicator\"\n\t\t\t\t\t\t\thideValue={true}\n\t\t\t\t\t\t\tvalue={this.progress}\n\t\t\t\t\t\t\tvalueState={this.valueStateName}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div class=\"ui5-uci-progress-labels\">\n\t\t\t\t\t\t\t<Label showColon wrappingType=\"None\">{this._progressText}</Label>\n\t\t\t\t\t\t\t<Label>{this.progress}%</Label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div >\n\t\t</div >\n\n\t\t<div class=\"ui5-uci-buttons\">\n\t\t\t{this._editing ? (\n\t\t\t\t<>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tclass=\"ui5-uci-edit-rename-btn\"\n\t\t\t\t\t\tonClick={this._onRename}\n\t\t\t\t\t\tonKeyUp={this._onRenameKeyup}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._renameBtnText}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tid=\"ui5-uci-edit-cancel\"\n\t\t\t\t\t\tonClick={this._onRenameCancel}\n\t\t\t\t\t\tonKeyUp={this._onRenameCancelKeyup}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._cancelRenameBtnText}\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{this._showRetry && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={refreshIcon}\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\ttooltip={this._retryButtonTooltip}\n\t\t\t\t\t\t\tonClick={this._onRetry}\n\t\t\t\t\t\t\tonKeyUp={this._onRetryKeyup}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{this._showTerminate && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={stopIcon}\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\ttooltip={this._terminateButtonTooltip}\n\t\t\t\t\t\t\tonClick={this._onTerminate}\n\t\t\t\t\t\t\tonKeyUp={this._onTerminateKeyup}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.showEditButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tid={`${this._id}-editing-button`}\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\ttooltip={this._editButtonTooltip}\n\t\t\t\t\t\t\ticon={editIcon}\n\t\t\t\t\t\t\tonClick={this.onDetailClick}\n\t\t\t\t\t\t\tonKeyUp={this._onDetailKeyup}\n\t\t\t\t\t\t\tclass=\"ui5-li-detailbtn ui5-uci-edit\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{!this.hideDeleteButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclass=\"ui5-upload-collection-deletebtn\"\n\t\t\t\t\t\t\tid={`${this._id}-deleteSelectionElement`}\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\ticon={declineIcon}\n\t\t\t\t\t\t\tdisabled={this.disableDeleteButton}\n\t\t\t\t\t\t\tonClick={this._onDelete}\n\t\t\t\t\t\t\ttooltip={this.deleteText}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t</>;\n}\n"]}

package/dist/UploadCollectionTemplate.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type UploadCollection from "./UploadCollection.js";
2	+ export default function UploadCollectionTemplate(this: UploadCollection): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/UploadCollectionTemplate.js ADDED Viewed

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import List from "@ui5/webcomponents/dist/List.js";
+import Title from "@ui5/webcomponents/dist/Title.js";
+import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import uploadToCloud from "@ui5/webcomponents-icons/dist/upload-to-cloud.js";
+import IllustratedMessage from "./IllustratedMessage.js";
+import UploadCollectionDnDOverlayMode from "./types/UploadCollectionDnDMode.js";
+export default function UploadCollectionTemplate() {
+    return (_jsx("div", { role: "region", class: "ui5-uc-root", "aria-roledescription": this._roleDescription, onDrop: this._ondrop, "onui5-request-delete": this._onItemDelete, children: _jsxs("div", { class: {
+                "ui5-uc-content": true,
+                "ui5-uc-content-no-data": this.items.length === 0
+            }, children: [_jsxs(List, { accessibleName: this.accessibleName, selectionMode: this.selectionMode, onSelectionChange: this._onSelectionChange, children: [_jsx("slot", { slot: "header", name: "header" }), _jsx("slot", {}), this._showNoData &&
+                            _jsx(ListItemCustom, { class: {
+                                    "uc-no-files": true,
+                                    "uc-no-files-dnd-overlay": this._showDndOverlay,
+                                }, type: "Inactive", children: _jsxs(IllustratedMessage, { name: "Tent", children: [_jsx(Title, { slot: "title", wrappingType: "None", level: "H2", children: this._noDataText }), _jsx("span", { slot: "subtitle", children: this._noDataDescription })] }) })] }), this._showDndOverlay &&
+                    _jsxs("div", { class: {
+                            "uc-dnd-overlay": true,
+                            "uc-drag-overlay": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,
+                            "uc-drop-overlay": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,
+                        }, onDragEnter: this._ondragenter, onDragLeave: this._ondragleave, onDragOver: this._ondragover, children: [_jsx(Icon, { name: uploadToCloud }), _jsx("span", { class: "dnd-overlay-text", children: this._dndOverlayText })] })] }) }));
+}
+//# sourceMappingURL=UploadCollectionTemplate.js.map

package/dist/UploadCollectionTemplate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UploadCollectionTemplate.js","sourceRoot":"","sources":["../src/UploadCollectionTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,cAAc,MAAM,2CAA2C,CAAC;AACvE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,aAAa,MAAM,kDAAkD,CAAC;AAC7E,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,OAAO,8BAA8B,MAAM,oCAAoC,CAAC;AAEhF,MAAM,CAAC,OAAO,UAAU,wBAAwB;IAC/C,OAAO,CACN,cACC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,aAAa,0BACG,IAAI,CAAC,gBAAgB,EAC3C,MAAM,EAAE,IAAI,CAAC,OAAO,0BACE,IAAI,CAAC,aAAa,YAExC,eAAK,KAAK,EAAE;gBACX,gBAAgB,EAAE,IAAI;gBACtB,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;aACjD,aACA,MAAC,IAAI,IACJ,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,aAE1C,eAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAQ,EACzC,gBAAa,EACZ,IAAI,CAAC,WAAW;4BAChB,KAAC,cAAc,IACd,KAAK,EAAE;oCACN,aAAa,EAAE,IAAI;oCACnB,yBAAyB,EAAE,IAAI,CAAC,eAAe;iCAC/C,EACD,IAAI,EAAC,UAAU,YAEf,MAAC,kBAAkB,IAAC,IAAI,EAAC,MAAM,aAC9B,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,YAAE,IAAI,CAAC,WAAW,GAAS,EAC7E,eAAM,IAAI,EAAC,UAAU,YAAE,IAAI,CAAC,kBAAkB,GAAQ,IAClC,GACL,IAEZ,EAEN,IAAI,CAAC,eAAe;oBACpB,eACC,KAAK,EAAE;4BACN,gBAAgB,EAAE,IAAI;4BACtB,iBAAiB,EAAE,IAAI,CAAC,eAAe,KAAK,8BAA8B,CAAC,IAAI;4BAC/E,iBAAiB,EAAE,IAAI,CAAC,eAAe,KAAK,8BAA8B,CAAC,IAAI;yBAC/E,EACD,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,UAAU,EAAE,IAAI,CAAC,WAAW,aAE5B,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAG,EAC5B,eAAM,KAAK,EAAC,kBAAkB,YAAE,IAAI,CAAC,eAAe,GAAQ,IACvD,IAEF,GACD,CAAC,CAAC;AACV,CAAC","sourcesContent":["import List from \"@ui5/webcomponents/dist/List.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport ListItemCustom from \"@ui5/webcomponents/dist/ListItemCustom.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport uploadToCloud from \"@ui5/webcomponents-icons/dist/upload-to-cloud.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport type UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\n\nexport default function UploadCollectionTemplate(this: UploadCollection) {\n\treturn (\n\t\t<div\n\t\t\trole=\"region\"\n\t\t\tclass=\"ui5-uc-root\"\n\t\t\taria-roledescription={this._roleDescription}\n\t\t\tonDrop={this._ondrop}\n\t\t\tonui5-request-delete={this._onItemDelete}\n\t\t>\n\t\t\t<div class={{\n\t\t\t\t\"ui5-uc-content\": true,\n\t\t\t\t\"ui5-uc-content-no-data\": this.items.length === 0\n\t\t\t}}>\n\t\t\t\t<List\n\t\t\t\t\taccessibleName={this.accessibleName}\n\t\t\t\t\tselectionMode={this.selectionMode}\n\t\t\t\t\tonSelectionChange={this._onSelectionChange}\n\t\t\t\t>\n\t\t\t\t\t<slot slot=\"header\" name=\"header\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this._showNoData &&\n\t\t\t\t\t\t<ListItemCustom\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\"uc-no-files\": true,\n\t\t\t\t\t\t\t\t\"uc-no-files-dnd-overlay\": this._showDndOverlay,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttype=\"Inactive\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IllustratedMessage\tname=\"Tent\">\n\t\t\t\t\t\t\t\t<Title slot=\"title\" wrappingType=\"None\" level=\"H2\">{this._noDataText}</Title>\n\t\t\t\t\t\t\t\t<span slot=\"subtitle\">{this._noDataDescription}</span>\n\t\t\t\t\t\t\t</IllustratedMessage>\n\t\t\t\t\t\t</ListItemCustom>\n\t\t\t\t\t}\n\t\t\t\t</List>\n\n\t\t\t\t{this._showDndOverlay &&\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\"uc-dnd-overlay\": true,\n\t\t\t\t\t\t\t\"uc-drag-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,\n\t\t\t\t\t\t\t\"uc-drop-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonDragEnter={this._ondragenter}\n\t\t\t\t\t\tonDragLeave={this._ondragleave}\n\t\t\t\t\t\tonDragOver={this._ondragover}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon name={uploadToCloud}/>\n\t\t\t\t\t\t<span class=\"dnd-overlay-text\">{this._dndOverlayText}</span>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>);\n}\n"]}

package/dist/UserMenu.d.ts CHANGED Viewed

@@ -1,14 +1,11 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import Title from "@ui5/webcomponents/dist/Title.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
 import { type ListItemClickEventDetail } from "@ui5/webcomponents/dist/List.js";
+import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type UserMenuAccount from "./UserMenuAccount.js";
 import type UserMenuItem from "./UserMenuItem.js";
-import "@ui5/webcomponents-icons/dist/add-employee.js";
-import "@ui5/webcomponents-icons/dist/edit.js";
-import "@ui5/webcomponents-icons/dist/person-placeholder.js";
-import "@ui5/webcomponents-icons/dist/log.js";
-import "@ui5/webcomponents-icons/dist/user-settings.js";
-import "@ui5/webcomponents-icons/dist/decline.js";
 type UserMenuItemClickEventDetail = {
     item: UserMenuItem;
 };
@@ -93,28 +90,53 @@ declare class UserMenu extends UI5Element {
      */
     accounts: Array<UserMenuAccount>;
     static i18nBundle: I18nBundle;
+    /**
+     * @default false
+     * @private
+     */
+    _titleMovedToHeader: boolean;
+    /**
+     * @default false
+     * @private
+     */
+    _manageAccountMovedToHeader: boolean;
     /**
      * @private
      */
     _selectedAccount: UserMenuAccount;
+    /**
+     * @private
+     */
+    _observer?: IntersectionObserver;
+    /**
+     * @private
+     */
+    _responsivePopover?: ResponsivePopover;
+    /**
+     * @private
+     */
+    _selectedAccountTitleEl?: Title;
+    /**
+     * @private
+     */
+    _selectedAccountManageBtn?: Button;
     onBeforeRendering(): void;
+    onAfterRendering(): void;
     get _isPhone(): boolean;
-    _handleAvatarClick(): void;
+    _handleIntersection(entries: IntersectionObserverEntry[]): void;
+    _handleAvatarClick(e: CustomEvent): void;
     _handleManageAccountClick(): void;
     _handleAddAccountClick(): void;
-    _handleAccountSwitch(e: CustomEvent<{
-        item: ListItemClickEventDetail & {
-            associatedAccount: UserMenuAccount;
-        };
-    }>): void;
+    _handleAccountSwitch(e: CustomEvent<ListItemClickEventDetail>): void;
     _handleSignOutClick(): void;
-    _handleMenuItemClick(e: CustomEvent<UserMenuItemClickEventDetail>): void;
+    _handleMenuItemClick(e: CustomEvent<ListItemClickEventDetail>): void;
     _handleMenuItemClose(): void;
     _handlePopoverAfterClose(): void;
     _handleDeclineClick(): void;
     _openItemSubMenu(item: UserMenuItem): void;
     _closeItemSubMenu(item: UserMenuItem): void;
     _closeUserMenu(): void;
+    get _manageAccountVisibleInHeader(): boolean;
     get _otherAccounts(): UserMenuAccount[];
     get _declineButtonTooltip(): string;
     get _manageAccountButtonText(): string;
@@ -122,7 +144,12 @@ declare class UserMenu extends UI5Element {
     get _signOutButtonText(): string;
     get _editAvatarTooltip(): string;
     get _addAccountTooltip(): string;
+    get _closeDialogAriaLabel(): string;
     get accessibleNameText(): string;
+    getAccountByRefId(refId: string): UserMenuAccount;
+    captureRef(ref: HTMLElement & {
+        associatedAccount?: UI5Element;
+    } | null): void;
 }
 export default UserMenu;
 export type { UserMenuItemClickEventDetail, UserMenuOtherAccountClickEventDetail, };

package/dist/UserMenu.js CHANGED Viewed

@@ -7,7 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var UserMenu_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import { customElement, slot, eventStrict as event, property, } from "@ui5/webcomponents-base/dist/decorators.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import query from "@ui5/webcomponents-base/dist/decorators/query.js";
 import DOMReferenceConverter from "@ui5/webcomponents-base/dist/converters/DOMReference.js";
 import Avatar from "@ui5/webcomponents/dist/Avatar.js";
 import Title from "@ui5/webcomponents/dist/Title.js";
@@ -16,23 +17,17 @@ import Button from "@ui5/webcomponents/dist/Button.js";
 import Label from "@ui5/webcomponents/dist/Label.js";
 import Panel from "@ui5/webcomponents/dist/Panel.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
+import Bar from "@ui5/webcomponents/dist/Bar.js";
 import List, {} from "@ui5/webcomponents/dist/List.js";
 import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
 import Tag from "@ui5/webcomponents/dist/Tag.js";
 import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
-import UserMenuTemplate from "./generated/templates/UserMenuTemplate.lit.js";
+import UserMenuTemplate from "./UserMenuTemplate.js";
 import UserMenuCss from "./generated/themes/UserMenu.css.js";
-// Icons
-import "@ui5/webcomponents-icons/dist/add-employee.js";
-import "@ui5/webcomponents-icons/dist/edit.js";
-import "@ui5/webcomponents-icons/dist/person-placeholder.js";
-import "@ui5/webcomponents-icons/dist/log.js";
-import "@ui5/webcomponents-icons/dist/user-settings.js";
-import "@ui5/webcomponents-icons/dist/decline.js";
 // Texts
-import { USER_MENU_OTHER_ACCOUNT_BUTTON_TXT, USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT, USER_MENU_SIGN_OUT_BUTTON_TXT, USER_MENU_POPOVER_ACCESSIBLE_NAME, USER_MENU_EDIT_AVATAR_TXT, USER_MENU_ADD_ACCOUNT_TXT, USER_MENU_CLOSE_BUTTON_TXT, } from "./generated/i18n/i18n-defaults.js";
+import { USER_MENU_OTHER_ACCOUNT_BUTTON_TXT, USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT, USER_MENU_SIGN_OUT_BUTTON_TXT, USER_MENU_POPOVER_ACCESSIBLE_NAME, USER_MENU_EDIT_AVATAR_TXT, USER_MENU_ADD_ACCOUNT_TXT, USER_MENU_CLOSE_BUTTON_TXT, USER_MENU_CLOSE_DIALOG_BUTTON, } from "./generated/i18n/i18n-defaults.js";
 /**
  * @class
  * ### Overview
@@ -82,15 +77,62 @@ let UserMenu = UserMenu_1 = class UserMenu extends UI5Element {
          * @public
          */
         this.showAddAccount = false;
+        /**
+         * @default false
+         * @private
+         */
+        this._titleMovedToHeader = false;
+        /**
+         * @default false
+         * @private
+         */
+        this._manageAccountMovedToHeader = false;
     }
     onBeforeRendering() {
         this._selectedAccount = this.accounts.find(account => account.selected) || this.accounts[0];
     }
+    onAfterRendering() {
+        if (this._isPhone && this._responsivePopover) {
+            const observerOptions = {
+                threshold: [0.15],
+            };
+            this._observer?.disconnect();
+            this._observer = new IntersectionObserver(entries => this._handleIntersection(entries), observerOptions);
+            if (this._selectedAccountTitleEl) {
+                this._observer.observe(this._selectedAccountTitleEl);
+            }
+            if (this._selectedAccountManageBtn) {
+                this._observer.observe(this._selectedAccountManageBtn);
+            }
+        }
+    }
     get _isPhone() {
         return isPhone();
     }
-    _handleAvatarClick() {
-        this.fireDecoratorEvent("avatar-click");
+    _handleIntersection(entries) {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                if (entry.target.id === "selected-account-title") {
+                    this._titleMovedToHeader = false;
+                }
+                else if (entry.target.id === "selected-account-manage-btn") {
+                    this._manageAccountMovedToHeader = false;
+                }
+                return;
+            }
+            if (entry.target.id === "selected-account-title") {
+                this._titleMovedToHeader = true;
+            }
+            else if (entry.target.id === "selected-account-manage-btn") {
+                this._manageAccountMovedToHeader = true;
+            }
+        }, this);
+    }
+    _handleAvatarClick(e) {
+        if (e.type === "click") {
+            // TOFIX: Discuss this check: Fire the custom UserMenu#avatar-click only for Avatar#click (not for Avatar#ui5-click as well).
+            this.fireDecoratorEvent("avatar-click");
+        }
     }
     _handleManageAccountClick() {
         this.fireDecoratorEvent("manage-account-click");
@@ -99,15 +141,16 @@ let UserMenu = UserMenu_1 = class UserMenu extends UI5Element {
         this.fireDecoratorEvent("add-account-click");
     }
     _handleAccountSwitch(e) {
+        const item = e.detail.item;
         const eventPrevented = !this.fireDecoratorEvent("change-account", {
             prevSelectedAccount: this._selectedAccount,
-            selectedAccount: e.detail.item.associatedAccount,
+            selectedAccount: item.associatedAccount,
         });
         if (eventPrevented) {
             return;
         }
         this._selectedAccount.selected = false;
-        e.detail.item.associatedAccount.selected = true;
+        item.associatedAccount.selected = true;
     }
     _handleSignOutClick() {
         const eventPrevented = !this.fireDecoratorEvent("sign-out-click");
@@ -117,7 +160,7 @@ let UserMenu = UserMenu_1 = class UserMenu extends UI5Element {
         this._closeUserMenu();
     }
     _handleMenuItemClick(e) {
-        const item = e.detail.item;
+        const item = e.detail.item; // imrove: improve this ideally without "as" cating
         if (!item._popover) {
             const eventPrevented = !this.fireDecoratorEvent("item-click", {
                 "item": item,
@@ -160,6 +203,9 @@ let UserMenu = UserMenu_1 = class UserMenu extends UI5Element {
     _closeUserMenu() {
         this.open = false;
     }
+    get _manageAccountVisibleInHeader() {
+        return this.showManageAccount && this._manageAccountMovedToHeader;
+    }
     get _otherAccounts() {
         return this.accounts.filter(account => account !== this._selectedAccount);
     }
@@ -181,12 +227,23 @@ let UserMenu = UserMenu_1 = class UserMenu extends UI5Element {
     get _addAccountTooltip() {
         return UserMenu_1.i18nBundle.getText(USER_MENU_ADD_ACCOUNT_TXT);
     }
+    get _closeDialogAriaLabel() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_CLOSE_DIALOG_BUTTON);
+    }
     get accessibleNameText() {
         if (!this._selectedAccount) {
             return "";
         }
         return `${UserMenu_1.i18nBundle.getText(USER_MENU_POPOVER_ACCESSIBLE_NAME)} ${this._selectedAccount.titleText}`;
     }
+    getAccountByRefId(refId) {
+        return this.accounts.find(account => account._id === refId);
+    }
+    captureRef(ref) {
+        if (ref) {
+            ref.associatedAccount = this;
+        }
+    }
 };
 __decorate([
     property({ type: Boolean })
@@ -218,6 +275,21 @@ __decorate([
         },
     })
 ], UserMenu.prototype, "accounts", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserMenu.prototype, "_titleMovedToHeader", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserMenu.prototype, "_manageAccountMovedToHeader", void 0);
+__decorate([
+    query("#user-menu-rp")
+], UserMenu.prototype, "_responsivePopover", void 0);
+__decorate([
+    query("#selected-account-title")
+], UserMenu.prototype, "_selectedAccountTitleEl", void 0);
+__decorate([
+    query("#selected-account-manage-btn")
+], UserMenu.prototype, "_selectedAccountManageBtn", void 0);
 __decorate([
     i18n("@ui5/webcomponents-fiori")
 ], UserMenu, "i18nBundle", void 0);
@@ -225,7 +297,7 @@ UserMenu = UserMenu_1 = __decorate([
     customElement({
         tag: "ui5-user-menu",
         languageAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
         template: UserMenuTemplate,
         styles: [UserMenuCss],
         dependencies: [
@@ -237,6 +309,7 @@ UserMenu = UserMenu_1 = __decorate([
             Button,
             Panel,
             Icon,
+            Bar,
             List,
             ListItemCustom,
             Tag,

package/dist/UserMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../src/UserMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport {\n\tcustomElement, slot, eventStrict as event, property,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport DOMReferenceConverter from \"@ui5/webcomponents-base/dist/converters/DOMReference.js\";\nimport Avatar from \"@ui5/webcomponents/dist/Avatar.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport Text from \"@ui5/webcomponents/dist/Text.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport Panel from \"@ui5/webcomponents/dist/Panel.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport List, { type ListItemClickEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport ListItemCustom from \"@ui5/webcomponents/dist/ListItemCustom.js\";\nimport Tag from \"@ui5/webcomponents/dist/Tag.js\";\nimport ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type UserMenuAccount from \"./UserMenuAccount.js\";\nimport type UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuTemplate from \"./generated/templates/UserMenuTemplate.lit.js\";\nimport UserMenuCss from \"./generated/themes/UserMenu.css.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/add-employee.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport \"@ui5/webcomponents-icons/dist/person-placeholder.js\";\nimport \"@ui5/webcomponents-icons/dist/log.js\";\nimport \"@ui5/webcomponents-icons/dist/user-settings.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\n\n// Texts\nimport {\n\tUSER_MENU_OTHER_ACCOUNT_BUTTON_TXT,\n\tUSER_MENU_MANAGE_ACCOUNT_BUTTON_TXT,\n\tUSER_MENU_SIGN_OUT_BUTTON_TXT,\n\tUSER_MENU_POPOVER_ACCESSIBLE_NAME,\n\tUSER_MENU_EDIT_AVATAR_TXT,\n\tUSER_MENU_ADD_ACCOUNT_TXT,\n\tUSER_MENU_CLOSE_BUTTON_TXT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\ntype UserMenuItemClickEventDetail = {\n\titem: UserMenuItem;\n}\n\ntype UserMenuOtherAccountClickEventDetail = {\n\tprevSelectedAccount: UserMenuAccount;\n\tselectedAccount: UserMenuAccount;\n}\n\n/*\n @class\n * ### Overview\n \n The `ui5-user-menu` is an SAP Fiori specific web component that is used in `ui5-shellbar`\n * and allows the user to easily see information and settings for the current user and all other logged in accounts.\n \n ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserMenu.js\";`\n \n `import \"@ui5/webcomponents-fiori/dist/UserMenuItem.js\";` (for `ui5-user-menu-item`)\n \n @constructor\n * @extends UI5Element\n * @experimental\n * @public\n * @since 2.5.0\n /\n\n@customElement({\n\ttag: \"ui5-user-menu\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\ttemplate: UserMenuTemplate,\n\tstyles: [UserMenuCss],\n\tdependencies: [\n\t\tResponsivePopover,\n\t\tAvatar,\n\t\tTitle,\n\t\tText,\n\t\tLabel,\n\t\tButton,\n\t\tPanel,\n\t\tIcon,\n\t\tList,\n\t\tListItemCustom,\n\t\tTag,\n\t],\n})\n\n/\n Fired when the account avatar is selected.\n * @public\n /\n@event(\"avatar-click\")\n\n/\n Fired when the \"Manage Account\" button is selected.\n * @public\n /\n@event(\"manage-account-click\")\n\n/\n Fired when the \"Add Account\" button is selected.\n * @public\n /\n@event(\"add-account-click\")\n\n/\n Fired when the account is switched to a different one.\n * @param {UserMenuAccount} prevSelectedAccount The previously selected account.\n * @param {UserMenuAccount} selectedAccount The selected account.\n * @public\n /\n@event(\"change-account\", {\n\tcancelable: true,\n})\n\n/\n Fired when a menu item is selected.\n * @param {UserMenuItem} item The selected `user menu item`.\n * @public\n /\n@event(\"item-click\", {\n\tcancelable: true,\n})\n\n/\n Fired when the \"Sign Out\" button is selected.\n * @public\n /\n@event(\"sign-out-click\", {\n\tcancelable: true,\n})\nclass UserMenu extends UI5Element {\n\teventDetails!: {\n\t\t\"avatar-click\": void;\n\t\t\"manage-account-click\": void;\n\t\t\"add-account-click\": void;\n\t\t\"change-account\": UserMenuOtherAccountClickEventDetail;\n\t\t\"item-click\": UserMenuItemClickEventDetail;\n\t\t\"sign-out-click\": void;\n\t}\n\t/\n\t Defines if the User Menu is opened.\n\t \n\t @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\topen = false;\n\n\t/\n\t Defines the ID or DOM Reference of the element at which the user menu is shown.\n\t * When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\n\t * You can only set the `opener` attribute to a DOM Reference when using JavaScript.\n\t * @public\n\t * @default undefined\n\t /\n\t@property({ converter: DOMReferenceConverter })\n\topener?: HTMLElement \| string;\n\n\t/\n\t Defines if the User Menu shows the Manage Account option.\n\t \n\t @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowManageAccount = false;\n\n\t/\n\t Defines if the User Menu shows the Other Accounts option.\n\t \n\t @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowOtherAccounts = false;\n\n\t/\n\t Defines if the User Menu shows the Add Account option.\n\t \n\t @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowAddAccount = false;\n\n\t/\n\t Defines the menu items.\n\t * @public\n\t /\n\t@slot({\n\t\ttype: HTMLElement,\n\t\t\"default\": true,\n\t})\n\tmenuItems!: Array<UserMenuItem>;\n\n\t/\n\t Defines the user accounts.\n\t \n\t Note: If one item is used, it will be shown as the selected one. If more than one item is used, the first one will be shown as selected unless\n\t * there is an item with `selected` property set to `true`.\n\t * @public\n\t /\n\t@slot({\n\t\ttype: HTMLElement,\n\t\tinvalidateOnChildChange: {\n\t\t\tproperties: true,\n\t\t\tslots: false,\n\t\t},\n\t})\n\taccounts!: Array<UserMenuAccount>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\t/\n\t @private\n\t */\n\t_selectedAccount!: UserMenuAccount;\n\n\tonBeforeRendering() {\n\t\tthis._selectedAccount = this.accounts.find(account => account.selected) \|\| this.accounts[0];\n\t}\n\n\tget _isPhone() {\n\t\treturn isPhone();\n\t}\n\n\t_handleAvatarClick() {\n\t\tthis.fireDecoratorEvent(\"avatar-click\");\n\t}\n\n\t_handleManageAccountClick() {\n\t\tthis.fireDecoratorEvent(\"manage-account-click\");\n\t}\n\n\t_handleAddAccountClick() {\n\t\tthis.fireDecoratorEvent(\"add-account-click\");\n\t}\n\n\t_handleAccountSwitch(e: CustomEvent<{ item: ListItemClickEventDetail & { associatedAccount: UserMenuAccount } }>) {\n\t\tconst eventPrevented = !this.fireDecoratorEvent(\"change-account\", {\n\t\t\tprevSelectedAccount: this._selectedAccount,\n\t\t\tselectedAccount: e.detail.item.associatedAccount,\n\t\t});\n\n\t\tif (eventPrevented) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._selectedAccount.selected = false;\n\t\te.detail.item.associatedAccount.selected = true;\n\t}\n\n\t_handleSignOutClick() {\n\t\tconst eventPrevented = !this.fireDecoratorEvent(\"sign-out-click\");\n\n\t\tif (eventPrevented) {\n\t\t\treturn;\n\t\t}\n\n\t\t this._closeUserMenu();\n\t}\n\n\t_handleMenuItemClick(e: CustomEvent<UserMenuItemClickEventDetail>) {\n\t\tconst item = e.detail.item;\n\n\t\tif (!item._popover) {\n\t\t\tconst eventPrevented = !this.fireDecoratorEvent(\"item-click\", {\n\t\t\t\t\"item\": item,\n\t\t\t});\n\n\t\t\tif (!eventPrevented) {\n\t\t\t\titem.fireEvent(\"close-menu\");\n\t\t\t}\n\t\t} else {\n\t\t\tthis._openItemSubMenu(item);\n\t\t}\n\t}\n\n\t_handleMenuItemClose() {\n\t\tthis._closeUserMenu();\n\t}\n\n\t_handlePopoverAfterClose() {\n\t\tthis.open = false;\n\t}\n\n\t_handleDeclineClick() {\n\t\tthis._closeUserMenu();\n\t}\n\n\t_openItemSubMenu(item: UserMenuItem) {\n\t\tif (!item._popover \|\| item._popover.open) {\n\t\t\treturn;\n\t\t}\n\n\t\titem._popover.opener = item;\n\t\titem._popover.open = true;\n\t\titem.selected = true;\n\t}\n\n\t_closeItemSubMenu(item: UserMenuItem) {\n\t\tif (item && item._popover) {\n\t\t\tconst openedSibling = item._menuItems.find(menuItem => menuItem._popover && menuItem._popover.open);\n\t\t\tif (openedSibling) {\n\t\t\t\tthis._closeItemSubMenu(openedSibling);\n\t\t\t}\n\n\t\t\titem._popover.open = false;\n\t\t\titem.selected = false;\n\t\t}\n\t}\n\n\t_closeUserMenu() {\n\t\tthis.open = false;\n\t}\n\n\tget _otherAccounts() {\n\t\treturn this.accounts.filter(account => account !== this._selectedAccount);\n\t}\n\n\tget _declineButtonTooltip() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_CLOSE_BUTTON_TXT);\n\t}\n\n\tget _manageAccountButtonText() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT);\n\t}\n\n\tget _otherAccountsButtonText() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_OTHER_ACCOUNT_BUTTON_TXT);\n\t}\n\n\tget _signOutButtonText() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_SIGN_OUT_BUTTON_TXT);\n\t}\n\n\tget _editAvatarTooltip() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_EDIT_AVATAR_TXT);\n\t}\n\n\tget _addAccountTooltip() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_ADD_ACCOUNT_TXT);\n\t}\n\n\tget accessibleNameText() {\n\t\tif (!this._selectedAccount) {\n\t\t\treturn \"\";\n\t\t}\n\t\treturn `${UserMenu.i18nBundle.getText(USER_MENU_POPOVER_ACCESSIBLE_NAME)} ${this._selectedAccount.titleText}`;\n\t}\n}\n\nUserMenu.define();\n\nexport default UserMenu;\nexport type {\n\tUserMenuItemClickEventDetail,\n\tUserMenuOtherAccountClickEventDetail,\n};\n"]}
1	+ {"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../src/UserMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport {\n\tcustomElement, slot, eventStrict as event, property,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport query from \"@ui5/webcomponents-base/dist/decorators/query.js\";\nimport DOMReferenceConverter from \"@ui5/webcomponents-base/dist/converters/DOMReference.js\";\nimport Avatar from \"@ui5/webcomponents/dist/Avatar.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport Text from \"@ui5/webcomponents/dist/Text.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport Panel from \"@ui5/webcomponents/dist/Panel.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Bar from \"@ui5/webcomponents/dist/Bar.js\";\nimport List, { type ListItemClickEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport ListItemCustom from \"@ui5/webcomponents/dist/ListItemCustom.js\";\nimport type ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\nimport Tag from \"@ui5/webcomponents/dist/Tag.js\";\nimport ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type UserMenuAccount from \"./UserMenuAccount.js\";\nimport type UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuTemplate from \"./UserMenuTemplate.js\";\nimport UserMenuCss from \"./generated/themes/UserMenu.css.js\";\n\n// Texts\nimport {\n\tUSER_MENU_OTHER_ACCOUNT_BUTTON_TXT,\n\tUSER_MENU_MANAGE_ACCOUNT_BUTTON_TXT,\n\tUSER_MENU_SIGN_OUT_BUTTON_TXT,\n\tUSER_MENU_POPOVER_ACCESSIBLE_NAME,\n\tUSER_MENU_EDIT_AVATAR_TXT,\n\tUSER_MENU_ADD_ACCOUNT_TXT,\n\tUSER_MENU_CLOSE_BUTTON_TXT,\n\tUSER_MENU_CLOSE_DIALOG_BUTTON,\n} from \"./generated/i18n/i18n-defaults.js\";\n\ntype UserMenuItemClickEventDetail = {\n\titem: UserMenuItem;\n}\n\ntype UserMenuOtherAccountClickEventDetail = {\n\tprevSelectedAccount: UserMenuAccount;\n\tselectedAccount: UserMenuAccount;\n}\n\n/*\n @class\n * ### Overview\n \n The `ui5-user-menu` is an SAP Fiori specific web component that is used in `ui5-shellbar`\n * and allows the user to easily see information and settings for the current user and all other logged in accounts.\n \n ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserMenu.js\";`\n \n `import \"@ui5/webcomponents-fiori/dist/UserMenuItem.js\";` (for `ui5-user-menu-item`)\n \n @constructor\n * @extends UI5Element\n * @experimental\n * @public\n * @since 2.5.0\n /\n\n@customElement({\n\ttag: \"ui5-user-menu\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\ttemplate: UserMenuTemplate,\n\tstyles: [UserMenuCss],\n\tdependencies: [\n\t\tResponsivePopover,\n\t\tAvatar,\n\t\tTitle,\n\t\tText,\n\t\tLabel,\n\t\tButton,\n\t\tPanel,\n\t\tIcon,\n\t\tBar,\n\t\tList,\n\t\tListItemCustom,\n\t\tTag,\n\t],\n})\n\n/\n Fired when the account avatar is selected.\n * @public\n /\n@event(\"avatar-click\")\n\n/\n Fired when the \"Manage Account\" button is selected.\n * @public\n /\n@event(\"manage-account-click\")\n\n/\n Fired when the \"Add Account\" button is selected.\n * @public\n /\n@event(\"add-account-click\")\n\n/\n Fired when the account is switched to a different one.\n * @param {UserMenuAccount} prevSelectedAccount The previously selected account.\n * @param {UserMenuAccount} selectedAccount The selected account.\n * @public\n /\n@event(\"change-account\", {\n\tcancelable: true,\n})\n\n/\n Fired when a menu item is selected.\n * @param {UserMenuItem} item The selected `user menu item`.\n * @public\n /\n@event(\"item-click\", {\n\tcancelable: true,\n})\n\n/\n Fired when the \"Sign Out\" button is selected.\n * @public\n /\n@event(\"sign-out-click\", {\n\tcancelable: true,\n})\nclass UserMenu extends UI5Element {\n\teventDetails!: {\n\t\t\"avatar-click\": void;\n\t\t\"manage-account-click\": void;\n\t\t\"add-account-click\": void;\n\t\t\"change-account\": UserMenuOtherAccountClickEventDetail;\n\t\t\"item-click\": UserMenuItemClickEventDetail;\n\t\t\"sign-out-click\": void;\n\t}\n\t/\n\t Defines if the User Menu is opened.\n\t \n\t @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\topen = false;\n\n\t/\n\t Defines the ID or DOM Reference of the element at which the user menu is shown.\n\t * When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\n\t * You can only set the `opener` attribute to a DOM Reference when using JavaScript.\n\t * @public\n\t * @default undefined\n\t /\n\t@property({ converter: DOMReferenceConverter })\n\topener?: HTMLElement \| string;\n\n\t/\n\t Defines if the User Menu shows the Manage Account option.\n\t \n\t @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowManageAccount = false;\n\n\t/\n\t Defines if the User Menu shows the Other Accounts option.\n\t \n\t @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowOtherAccounts = false;\n\n\t/\n\t Defines if the User Menu shows the Add Account option.\n\t \n\t @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowAddAccount = false;\n\n\t/\n\t Defines the menu items.\n\t * @public\n\t /\n\t@slot({\n\t\ttype: HTMLElement,\n\t\t\"default\": true,\n\t})\n\tmenuItems!: Array<UserMenuItem>;\n\n\t/\n\t Defines the user accounts.\n\t \n\t Note: If one item is used, it will be shown as the selected one. If more than one item is used, the first one will be shown as selected unless\n\t * there is an item with `selected` property set to `true`.\n\t * @public\n\t /\n\t@slot({\n\t\ttype: HTMLElement,\n\t\tinvalidateOnChildChange: {\n\t\t\tproperties: true,\n\t\t\tslots: false,\n\t\t},\n\t})\n\taccounts!: Array<UserMenuAccount>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\t/\n\t @default false\n\t * @private\n\t /\n\t@property({ type: Boolean })\n\t_titleMovedToHeader = false;\n\n\t/\n\t @default false\n\t * @private\n\t /\n\t@property({ type: Boolean })\n\t_manageAccountMovedToHeader = false;\n\n\t/\n\t @private\n\t /\n\t_selectedAccount!: UserMenuAccount;\n\n\t/\n\t @private\n\t /\n\t_observer?: IntersectionObserver;\n\n\t/\n\t @private\n\t /\n\t@query(\"#user-menu-rp\")\n\t_responsivePopover?: ResponsivePopover;\n\n\t/\n\t @private\n\t /\n\t@query(\"#selected-account-title\")\n\t_selectedAccountTitleEl?: Title;\n\n\t/\n\t @private\n\t */\n\t@query(\"#selected-account-manage-btn\")\n\t_selectedAccountManageBtn?: Button;\n\n\tonBeforeRendering() {\n\t\tthis._selectedAccount = this.accounts.find(account => account.selected) \|\| this.accounts[0];\n\t}\n\n\tonAfterRendering(): void {\n\t\tif (this._isPhone && this._responsivePopover) {\n\t\t\tconst observerOptions = {\n\t\t\t\tthreshold: [0.15],\n\t\t\t};\n\n\t\t\tthis._observer?.disconnect();\n\t\t\tthis._observer = new IntersectionObserver(entries => this._handleIntersection(entries), observerOptions);\n\n\t\t\tif (this._selectedAccountTitleEl) {\n\t\t\t\tthis._observer.observe(this._selectedAccountTitleEl);\n\t\t\t}\n\n\t\t\tif (this._selectedAccountManageBtn) {\n\t\t\t\tthis._observer.observe(this._selectedAccountManageBtn);\n\t\t\t}\n\t\t}\n\t}\n\n\tget _isPhone() {\n\t\treturn isPhone();\n\t}\n\n\t_handleIntersection(entries: IntersectionObserverEntry[]) {\n\t\tentries.forEach(entry => {\n\t\t\tif (entry.isIntersecting) {\n\t\t\t\tif (entry.target.id === \"selected-account-title\") {\n\t\t\t\t\tthis._titleMovedToHeader = false;\n\t\t\t\t} else if (entry.target.id === \"selected-account-manage-btn\") {\n\t\t\t\t\tthis._manageAccountMovedToHeader = false;\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (entry.target.id === \"selected-account-title\") {\n\t\t\t\tthis._titleMovedToHeader = true;\n\t\t\t} else if (entry.target.id === \"selected-account-manage-btn\") {\n\t\t\t\tthis._manageAccountMovedToHeader = true;\n\t\t\t}\n\t\t}, this);\n\t}\n\n\t_handleAvatarClick(e: CustomEvent) {\n\t\tif (e.type === \"click\") {\n\t\t\t// TOFIX: Discuss this check: Fire the custom UserMenu#avatar-click only for Avatar#click (not for Avatar#ui5-click as well).\n\t\t\tthis.fireDecoratorEvent(\"avatar-click\");\n\t\t}\n\t}\n\n\t_handleManageAccountClick() {\n\t\tthis.fireDecoratorEvent(\"manage-account-click\");\n\t}\n\n\t_handleAddAccountClick() {\n\t\tthis.fireDecoratorEvent(\"add-account-click\");\n\t}\n\n\t_handleAccountSwitch(e: CustomEvent<ListItemClickEventDetail>) {\n\t\tconst item = e.detail.item as ListItemBase & { associatedAccount: UserMenuAccount };\n\t\tconst eventPrevented = !this.fireDecoratorEvent(\"change-account\", {\n\t\t\tprevSelectedAccount: this._selectedAccount,\n\t\t\tselectedAccount: item.associatedAccount,\n\t\t});\n\t\tif (eventPrevented) {\n\t\t\treturn;\n\t\t}\n\t\tthis._selectedAccount.selected = false;\n\t\titem.associatedAccount.selected = true;\n\t}\n\n\t_handleSignOutClick() {\n\t\tconst eventPrevented = !this.fireDecoratorEvent(\"sign-out-click\");\n\n\t\tif (eventPrevented) {\n\t\t\treturn;\n\t\t}\n\n\t\t this._closeUserMenu();\n\t}\n\n\t_handleMenuItemClick(e: CustomEvent<ListItemClickEventDetail>) {\n\t\tconst item = e.detail.item as UserMenuItem; // imrove: improve this ideally without \"as\" cating\n\n\t\tif (!item._popover) {\n\t\t\tconst eventPrevented = !this.fireDecoratorEvent(\"item-click\", {\n\t\t\t\t\"item\": item,\n\t\t\t});\n\n\t\t\tif (!eventPrevented) {\n\t\t\t\titem.fireEvent(\"close-menu\");\n\t\t\t}\n\t\t} else {\n\t\t\tthis._openItemSubMenu(item);\n\t\t}\n\t}\n\n\t_handleMenuItemClose() {\n\t\tthis._closeUserMenu();\n\t}\n\n\t_handlePopoverAfterClose() {\n\t\tthis.open = false;\n\t}\n\n\t_handleDeclineClick() {\n\t\tthis._closeUserMenu();\n\t}\n\n\t_openItemSubMenu(item: UserMenuItem) {\n\t\tif (!item._popover \|\| item._popover.open) {\n\t\t\treturn;\n\t\t}\n\n\t\titem._popover.opener = item;\n\t\titem._popover.open = true;\n\t\titem.selected = true;\n\t}\n\n\t_closeItemSubMenu(item: UserMenuItem) {\n\t\tif (item && item._popover) {\n\t\t\tconst openedSibling = item._menuItems.find(menuItem => menuItem._popover && menuItem._popover.open);\n\t\t\tif (openedSibling) {\n\t\t\t\tthis._closeItemSubMenu(openedSibling);\n\t\t\t}\n\n\t\t\titem._popover.open = false;\n\t\t\titem.selected = false;\n\t\t}\n\t}\n\n\t_closeUserMenu() {\n\t\tthis.open = false;\n\t}\n\n\tget _manageAccountVisibleInHeader() {\n\t\treturn this.showManageAccount && this._manageAccountMovedToHeader;\n\t}\n\n\tget _otherAccounts() {\n\t\treturn this.accounts.filter(account => account !== this._selectedAccount);\n\t}\n\n\tget _declineButtonTooltip() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_CLOSE_BUTTON_TXT);\n\t}\n\n\tget _manageAccountButtonText() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT);\n\t}\n\n\tget _otherAccountsButtonText() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_OTHER_ACCOUNT_BUTTON_TXT);\n\t}\n\n\tget _signOutButtonText() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_SIGN_OUT_BUTTON_TXT);\n\t}\n\n\tget _editAvatarTooltip() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_EDIT_AVATAR_TXT);\n\t}\n\n\tget _addAccountTooltip() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_ADD_ACCOUNT_TXT);\n\t}\n\n\tget _closeDialogAriaLabel() {\n\t\treturn UserMenu.i18nBundle.getText(USER_MENU_CLOSE_DIALOG_BUTTON);\n\t}\n\n\tget accessibleNameText() {\n\t\tif (!this._selectedAccount) {\n\t\t\treturn \"\";\n\t\t}\n\t\treturn `${UserMenu.i18nBundle.getText(USER_MENU_POPOVER_ACCESSIBLE_NAME)} ${this._selectedAccount.titleText}`;\n\t}\n\n\tgetAccountByRefId(refId: string) {\n\t\treturn this.accounts.find(account => account._id === refId)!;\n\t}\n\n\tcaptureRef(ref: HTMLElement & { associatedAccount?: UI5Element} \| null) {\n\t\tif (ref) {\n\t\t\tref.associatedAccount = this;\n\t\t}\n\t}\n}\n\nUserMenu.define();\n\nexport default UserMenu;\nexport type {\n\tUserMenuItemClickEventDetail,\n\tUserMenuOtherAccountClickEventDetail,\n};\n"]}

package/dist/UserMenuItem.js CHANGED Viewed

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement, slot } from "@ui5/webcomponents-base/dist/decorators.js";
 import MenuItem from "@ui5/webcomponents/dist/MenuItem.js";
-import UserMenuItemTemplate from "./generated/templates/UserMenuItemTemplate.lit.js";
+import UserMenuItemTemplate from "./UserMenuItemTemplate.js";
 // Styles
 import userMenuItemCss from "./generated/themes/UserMenuItem.css.js";
 /**

package/dist/UserMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserMenuItem.js","sourceRoot":"","sources":["../src/UserMenuItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAE3D,OAAO,oBAAoB,MAAM,~~mDAAmD~~,CAAC;~~AAErF~~,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAOH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAUlC,IAAI,UAAU;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACrD,CAAC;CACD,CAAA;AALQ;IADP,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;2CACzC;AAR9B,YAAY;IANjB,aAAa,CAAC;QACd,GAAG,EAAE,oBAAoB;QACzB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;QAC1C,YAAY,EAAE,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC;KACxC,CAAC;GACI,YAAY,CAajB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import { customElement, slot } from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport MenuItem from \"@ui5/webcomponents/dist/MenuItem.js\";\n\nimport UserMenuItemTemplate from \"./~~generated/templates/~~UserMenuItemTemplate.~~lit.~~js\";\n\n// Styles\nimport userMenuItemCss from \"./generated/themes/UserMenuItem.css.js\";\n\n/*\n @class\n \n ### Overview\n \n `ui5-user-menu-item` is the item to use inside a `ui5-user-menu`.\n * An arbitrary hierarchy structure can be represented by recursively nesting menu items.\n \n ### Usage\n \n `ui5-user-menu-item` represents a node in a `ui5-user-menu`. The user menu itself is rendered as a list,\n * and each `ui5-menu-item` is represented by a menu item in that menu. Therefore, you should only use\n * `ui5-user-menu-item` directly in your apps. The `ui5-menu` menu item is internal for the menu, and not intended for public use.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/UserMenuItem.js\";`\n * @constructor\n * @extends MenuItem\n * @experimental\n * @public\n * @since 2.5.0\n /\n@customElement({\n\ttag: \"ui5-user-menu-item\",\n\ttemplate: UserMenuItemTemplate,\n\tstyles: [MenuItem.styles, userMenuItemCss],\n\tdependencies: [...MenuItem.dependencies],\n})\nclass UserMenuItem extends MenuItem {\n\t/\n\t Defines the items of this component.\n\t \n\t Note: Use `ui5-user-menu-item` for the intended design.\n\t * @public\n\t */\n\t@slot({ \"default\": true, type: HTMLElement, invalidateOnChildChange: true })\n\tdeclare items: Array<UserMenuItem>;\n\n\tget _menuItems() {\n\t\treturn this.items.filter(item => !item.isSeparator);\n\t}\n}\n\nUserMenuItem.define();\n\nexport default UserMenuItem;\n"]}
1	+ {"version":3,"file":"UserMenuItem.js","sourceRoot":"","sources":["../src/UserMenuItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAE3D,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAE7D,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAOH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAUlC,IAAI,UAAU;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACrD,CAAC;CACD,CAAA;AALQ;IADP,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;2CACzC;AAR9B,YAAY;IANjB,aAAa,CAAC;QACd,GAAG,EAAE,oBAAoB;QACzB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;QAC1C,YAAY,EAAE,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC;KACxC,CAAC;GACI,YAAY,CAajB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import { customElement, slot } from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport MenuItem from \"@ui5/webcomponents/dist/MenuItem.js\";\n\nimport UserMenuItemTemplate from \"./UserMenuItemTemplate.js\";\n\n// Styles\nimport userMenuItemCss from \"./generated/themes/UserMenuItem.css.js\";\n\n/*\n @class\n \n ### Overview\n \n `ui5-user-menu-item` is the item to use inside a `ui5-user-menu`.\n * An arbitrary hierarchy structure can be represented by recursively nesting menu items.\n \n ### Usage\n \n `ui5-user-menu-item` represents a node in a `ui5-user-menu`. The user menu itself is rendered as a list,\n * and each `ui5-menu-item` is represented by a menu item in that menu. Therefore, you should only use\n * `ui5-user-menu-item` directly in your apps. The `ui5-menu` menu item is internal for the menu, and not intended for public use.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/UserMenuItem.js\";`\n * @constructor\n * @extends MenuItem\n * @experimental\n * @public\n * @since 2.5.0\n /\n@customElement({\n\ttag: \"ui5-user-menu-item\",\n\ttemplate: UserMenuItemTemplate,\n\tstyles: [MenuItem.styles, userMenuItemCss],\n\tdependencies: [...MenuItem.dependencies],\n})\nclass UserMenuItem extends MenuItem {\n\t/\n\t Defines the items of this component.\n\t \n\t Note: Use `ui5-user-menu-item` for the intended design.\n\t * @public\n\t */\n\t@slot({ \"default\": true, type: HTMLElement, invalidateOnChildChange: true })\n\tdeclare items: Array<UserMenuItem>;\n\n\tget _menuItems() {\n\t\treturn this.items.filter(item => !item.isSeparator);\n\t}\n}\n\nUserMenuItem.define();\n\nexport default UserMenuItem;\n"]}

package/dist/UserMenuItemTemplate.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type UserMenuItem from "./UserMenuItem.js";
2	+ export default function UserMenuItemTemplate(this: UserMenuItem): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element[];

package/dist/UserMenuItemTemplate.js ADDED Viewed

@@ -0,0 +1,5 @@
+import MenuItemTemplate from "@ui5/webcomponents/dist/MenuItemTemplate.js";
+export default function UserMenuItemTemplate() {
+    return [MenuItemTemplate.call(this)];
+}
+//# sourceMappingURL=UserMenuItemTemplate.js.map

package/dist/UserMenuItemTemplate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UserMenuItemTemplate.js","sourceRoot":"","sources":["../src/UserMenuItemTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAE3E,MAAM,CAAC,OAAO,UAAU,oBAAoB;IAC3C,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACtC,CAAC","sourcesContent":["import type UserMenuItem from \"./UserMenuItem.js\";\nimport MenuItemTemplate from \"@ui5/webcomponents/dist/MenuItemTemplate.js\";\n\nexport default function UserMenuItemTemplate(this: UserMenuItem) {\n\treturn [MenuItemTemplate.call(this)];\n}\n"]}

package/dist/UserMenuTemplate.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type UserMenu from "./UserMenu.js";
2	+ export default function UserMenuTemplate(this: UserMenu): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/UserMenuTemplate.js ADDED Viewed

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import Avatar from "@ui5/webcomponents/dist/Avatar.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import Tag from "@ui5/webcomponents/dist/Tag.js";
+import Title from "@ui5/webcomponents/dist/Title.js";
+import Text from "@ui5/webcomponents/dist/Text.js";
+import Label from "@ui5/webcomponents/dist/Label.js";
+import List from "@ui5/webcomponents/dist/List.js";
+import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
+import Panel from "@ui5/webcomponents/dist/Panel.js";
+import Bar from "@ui5/webcomponents/dist/Bar.js";
+import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
+import edit from "@ui5/webcomponents-icons/dist/edit.js";
+import personPlaceholder from "@ui5/webcomponents-icons/dist/person-placeholder.js";
+import userSettings from "@ui5/webcomponents-icons/dist/user-settings.js";
+import log from "@ui5/webcomponents-icons/dist/log.js";
+import decline from "@ui5/webcomponents-icons/dist/decline.js";
+import addEmployee from "@ui5/webcomponents-icons/dist/add-employee.js";
+export default function UserMenuTemplate() {
+    return (_jsxs(ResponsivePopover, { id: "user-menu-rp", class: "ui5-pm-rp", tabIndex: -1, placement: "Bottom", verticalAlign: "Bottom", horizontalAlign: "End", preventInitialFocus: true, accessibleName: this.accessibleNameText, open: this.open, opener: this.opener, onClose: this._handlePopoverAfterClose, children: [this._isPhone ? _jsxs(_Fragment, { children: [_jsxs(Bar, { class: "ui5-pm-phone-header", slot: "header", children: [this._manageAccountVisibleInHeader &&
+                                _jsx(Button, { icon: userSettings, onClick: this._handleManageAccountClick, slot: "startContent" }), this._titleMovedToHeader &&
+                                _jsx(Title, { level: "H1", wrappingType: "None", children: this._selectedAccount.titleText }), _jsx(Button, { icon: decline, design: "Transparent", accessibleName: this._closeDialogAriaLabel, onClick: this._closeUserMenu, slot: "endContent" })] }), _jsx("div", { class: "ui5-pm-header", children: headerContent.call(this) })] })
+                :
+                    _jsx("div", { class: "ui5-pm-header", slot: "header", children: headerContent.call(this) }), this.showOtherAccounts &&
+                _jsxs(Panel, { collapsed: true, class: "ui5-pm-other-accounts", children: [_jsxs("div", { slot: "header", class: "ui5-user-menu-account-header", children: [_jsxs(Title, { slot: "header", level: "H4", children: [this._otherAccountsButtonText, " (", this._otherAccounts.length, ")"] }), this.showAddAccount &&
+                                    _jsx(Button, { slot: "header", class: "ui5-pm-add-account-btn", design: "Transparent", icon: addEmployee, onClick: this._handleAddAccountClick, tooltip: this._addAccountTooltip })] }), this._otherAccounts.length &&
+                            _jsx(List, { onItemClick: this._handleAccountSwitch, children: this._otherAccounts.map(account => _jsx(ListItemCustom, { ref: this.captureRef.bind(account), children: _jsxs("div", { class: "ui5-pm-other-accounts-content", children: [_jsx(Avatar, { slot: "image", size: "S", initials: account._initials, fallbackIcon: personPlaceholder, children: account.avatarSrc &&
+                                                    _jsx("img", { src: account.avatarSrc }) }), _jsxs("div", { children: [account.titleText &&
+                                                        _jsx(Title, { children: account.titleText }), account.subtitleText &&
+                                                        _jsx(Label, { children: account.subtitleText }), account.description &&
+                                                        _jsx(Label, { children: account.description })] })] }) })) })] }), this.menuItems.length &&
+                _jsx(List, { class: "ui5-user-menu-list", selectionMode: "None", separators: "None", accessibleRole: "Menu", onItemClick: this._handleMenuItemClick, "onui5-close-menu": this._handleMenuItemClose, children: _jsx("slot", {}) }), _jsx("div", { slot: "footer", class: "ui5-pm-footer", children: _jsx(Button, { class: "ui5-pm-sign-out-btn", design: "Transparent", icon: log, onClick: this._handleSignOutClick, children: this._signOutButtonText }) })] }));
+}
+function headerContent() {
+    return (_jsx(_Fragment, { children: this._selectedAccount &&
+            _jsxs("div", { class: "ui5-pm-selected-account", children: [_jsxs(Avatar, { size: "L", onClick: this._handleAvatarClick, initials: this._selectedAccount._initials, fallbackIcon: personPlaceholder, class: "ui5-pm--selected-account-avatar", children: [this._selectedAccount.avatarSrc &&
+                                _jsx("img", { src: this._selectedAccount.avatarSrc }), _jsx(Tag, { slot: "badge", wrappingType: "None", design: "Set1", colorScheme: "5", title: this._editAvatarTooltip, children: _jsx(Icon, { slot: "icon", name: edit }) })] }), this._selectedAccount.titleText &&
+                        _jsx(Title, { id: "selected-account-title", class: "ui5-pm-selected-account-title", children: this._selectedAccount.titleText }), this._selectedAccount.subtitleText &&
+                        _jsx(Text, { class: "ui5-pm-selected-account-subtitleText", children: this._selectedAccount.subtitleText }), this._selectedAccount.description &&
+                        _jsx(Text, { class: "ui5-pm-selected-account-description", children: this._selectedAccount.description }), this.showManageAccount &&
+                        _jsx(Button, { id: "selected-account-manage-btn", icon: userSettings, class: "ui5-pm-manage-account-btn", onClick: this._handleManageAccountClick, children: this._manageAccountButtonText })] }) }));
+}
+//# sourceMappingURL=UserMenuTemplate.js.map

package/dist/UserMenuTemplate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UserMenuTemplate.js","sourceRoot":"","sources":["../src/UserMenuTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UserMenu from \"./UserMenu.js\";\nimport Avatar from \"@ui5/webcomponents/dist/Avatar.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Tag from \"@ui5/webcomponents/dist/Tag.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport Text from \"@ui5/webcomponents/dist/Text.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport ListItemCustom from \"@ui5/webcomponents/dist/ListItemCustom.js\";\nimport Panel from \"@ui5/webcomponents/dist/Panel.js\";\nimport Bar from \"@ui5/webcomponents/dist/Bar.js\";\nimport ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\nimport edit from \"@ui5/webcomponents-icons/dist/edit.js\";\nimport personPlaceholder from \"@ui5/webcomponents-icons/dist/person-placeholder.js\";\nimport userSettings from \"@ui5/webcomponents-icons/dist/user-settings.js\";\nimport log from \"@ui5/webcomponents-icons/dist/log.js\";\nimport decline from \"@ui5/webcomponents-icons/dist/decline.js\";\nimport addEmployee from \"@ui5/webcomponents-icons/dist/add-employee.js\";\n\nexport default function UserMenuTemplate(this: UserMenu) {\n\treturn (\n\t\t<ResponsivePopover\n\t\t\tid=\"user-menu-rp\"\n\t\t\tclass=\"ui5-pm-rp\"\n\t\t\ttabIndex={-1}\n\t\t\tplacement=\"Bottom\"\n\t\t\tverticalAlign=\"Bottom\"\n\t\t\thorizontalAlign=\"End\"\n\t\t\tpreventInitialFocus={true}\n\t\t\taccessibleName={this.accessibleNameText}\n\t\t\topen={this.open}\n\t\t\topener={this.opener}\n\t\t\tonClose={this._handlePopoverAfterClose}\n\t\t>\n\t\t\t{this._isPhone ? <>\n\t\t\t\t<Bar class=\"ui5-pm-phone-header\" slot=\"header\">\n\t\t\t\t\t{this._manageAccountVisibleInHeader &&\n\t\t\t\t\t\t<Button icon={userSettings} onClick={this._handleManageAccountClick} slot=\"startContent\"></Button>\n\t\t\t\t\t}\n\n\t\t\t\t\t{this._titleMovedToHeader &&\n\t\t\t\t\t\t<Title\n\t\t\t\t\t\t\tlevel=\"H1\"\n\t\t\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._selectedAccount.titleText}\n\t\t\t\t\t\t</Title>\n\t\t\t\t\t}\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={decline}\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\taccessibleName={this._closeDialogAriaLabel}\n\t\t\t\t\t\tonClick={this._closeUserMenu}\n\t\t\t\t\t\tslot=\"endContent\"\n\t\t\t\t\t>\n\t\t\t\t\t</Button>\n\t\t\t\t</Bar>\n\t\t\t\t<div class=\"ui5-pm-header\">\n\t\t\t\t\t{headerContent.call(this)}\n\t\t\t\t</div>\n\t\t\t</>\n\t\t\t\t:\n\t\t\t\t<div class=\"ui5-pm-header\" slot=\"header\">\n\t\t\t\t\t{headerContent.call(this)}\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t{this.showOtherAccounts &&\n\t\t\t\t\t<Panel collapsed={true} class=\"ui5-pm-other-accounts\">\n\t\t\t\t\t\t<div slot=\"header\" class=\"ui5-user-menu-account-header\">\n\t\t\t\t\t\t\t<Title slot=\"header\" level=\"H4\">{this._otherAccountsButtonText} ({this._otherAccounts.length})</Title>\n\t\t\t\t\t\t\t{this.showAddAccount &&\n\t\t\t\t\t\t\t\t<Button slot=\"header\" class=\"ui5-pm-add-account-btn\" design=\"Transparent\" icon={addEmployee} onClick={this._handleAddAccountClick} tooltip={this._addAccountTooltip}/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this._otherAccounts.length &&\n\t\t\t\t\t\t\t<List onItemClick={this._handleAccountSwitch}>\n\t\t\t\t\t\t\t\t{this._otherAccounts.map(account =>\n\t\t\t\t\t\t\t\t\t<ListItemCustom\n\t\t\t\t\t\t\t\t\t\tref={this.captureRef.bind(account)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ui5-pm-other-accounts-content\">\n\t\t\t\t\t\t\t\t\t\t\t<Avatar slot=\"image\" size=\"S\" initials={account._initials} fallbackIcon={personPlaceholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t{account.avatarSrc &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img src={account.avatarSrc}/>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t{account.titleText &&\n\t\t\t\t\t\t\t\t\t\t\t\t<Title>{account.titleText}</Title>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t{account.subtitleText &&\n\t\t\t\t\t\t\t\t\t\t\t\t<Label>{account.subtitleText}</Label>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t{account.description &&\n\t\t\t\t\t\t\t\t\t\t\t\t<Label>{account.description}</Label>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ListItemCustom>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</List>\n\t\t\t\t\t\t}\n\t\t\t\t\t</Panel>\n\t\t\t}\n\n\t\t\t{this.menuItems.length &&\n\t\t\t\t\t<List\n\t\t\t\t\t\tclass=\"ui5-user-menu-list\"\n\t\t\t\t\t\tselectionMode=\"None\"\n\t\t\t\t\t\tseparators=\"None\"\n\t\t\t\t\t\taccessibleRole=\"Menu\"\n\t\t\t\t\t\tonItemClick={this._handleMenuItemClick}\n\t\t\t\t\t\tonui5-close-menu={this._handleMenuItemClose}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</List>\n\t\t\t}\n\n\t\t\t<div slot=\"footer\" class=\"ui5-pm-footer\">\n\t\t\t\t<Button class=\"ui5-pm-sign-out-btn\" design=\"Transparent\" icon={log} onClick={this._handleSignOutClick}>{this._signOutButtonText}</Button>\n\t\t\t</div>\n\t\t</ResponsivePopover>\n\t);\n}\n\nfunction headerContent(this: UserMenu) {\n\treturn (<>\n\t\t{this._selectedAccount &&\n\t\t\t<div class=\"ui5-pm-selected-account\">\n\t\t\t\t<Avatar size=\"L\" onClick={this._handleAvatarClick} initials={this._selectedAccount._initials} fallbackIcon={personPlaceholder} class=\"ui5-pm--selected-account-avatar\">\n\t\t\t\t\t{this._selectedAccount.avatarSrc &&\n\t\t\t\t\t\t<img src={this._selectedAccount.avatarSrc}/>\n\t\t\t\t\t}\n\t\t\t\t\t<Tag slot=\"badge\" wrappingType=\"None\" design=\"Set1\" colorScheme=\"5\" title={this._editAvatarTooltip}>\n\t\t\t\t\t\t<Icon slot=\"icon\" name={edit}></Icon>\n\t\t\t\t\t</Tag>\n\t\t\t\t</Avatar>\n\t\t\t\t{this._selectedAccount.titleText &&\n\t\t\t\t\t<Title id=\"selected-account-title\" class=\"ui5-pm-selected-account-title\">{this._selectedAccount.titleText}</Title>\n\t\t\t\t}\n\n\t\t\t\t{this._selectedAccount.subtitleText &&\n\t\t\t\t\t<Text class=\"ui5-pm-selected-account-subtitleText\">{this._selectedAccount.subtitleText}</Text>\n\t\t\t\t}\n\t\t\t\t{this._selectedAccount.description &&\n\t\t\t\t\t<Text class=\"ui5-pm-selected-account-description\">{this._selectedAccount.description}</Text>\n\t\t\t\t}\n\n\t\t\t\t{this.showManageAccount &&\n\t\t\t\t\t<Button id=\"selected-account-manage-btn\" icon={userSettings} class=\"ui5-pm-manage-account-btn\" onClick={this._handleManageAccountClick}>{this._manageAccountButtonText}</Button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</>);\n}\n"]}

package/dist/ViewSettingsDialog.js CHANGED Viewed

@@ -11,7 +11,7 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import Dialog from "@ui5/webcomponents/dist/Dialog.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
@@ -28,7 +28,7 @@ import "@ui5/webcomponents-icons/dist/filter.js";
 import "@ui5/webcomponents-icons/dist/nav-back.js";
 import { VSD_DIALOG_TITLE_SORT, VSD_SUBMIT_BUTTON, VSD_CANCEL_BUTTON, VSD_RESET_BUTTON, VSD_SORT_ORDER, VSD_SORT_BY, VSD_ORDER_ASCENDING, VSD_ORDER_DESCENDING, VSD_FILTER_BY, } from "./generated/i18n/i18n-defaults.js";
 // Template
-import ViewSettingsDialogTemplate from "./generated/templates/ViewSettingsDialogTemplate.lit.js";
+import ViewSettingsDialogTemplate from "./ViewSettingsDialogTemplate.js";
 // Styles
 import viewSettingsDialogCSS from "./generated/themes/ViewSettingsDialog.css.js";
 /**
@@ -307,7 +307,7 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         this.fireDecoratorEvent("close");
     }
     _handleModeChange(e) {
-        const mode = e.detail.selectedItems[0].getAttribute("mode");
+        const mode = e.detail.selectedItems[0].getAttribute("data-mode");
         this._currentMode = ViewSettingsDialogMode[mode];
     }
     _handleFilterValueItemClick(e) {
@@ -546,7 +546,7 @@ __decorate([
 ViewSettingsDialog = ViewSettingsDialog_1 = __decorate([
     customElement({
         tag: "ui5-view-settings-dialog",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: viewSettingsDialogCSS,
         template: ViewSettingsDialogTemplate,
         dependencies: [