@ui5/webcomponents-fiori 0.0.0-e7dd012d7 → 0.0.0-ebd9a4db3

package/dist/UploadCollectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadCollectionItem.js","sourceRoot":"","sources":["../src/UploadCollectionItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport ListItemType from \"@ui5/webcomponents/dist/types/ListItemType.js\";\nimport type Button from \"@ui5/webcomponents/dist/Button.js\";\nimport type Input from \"@ui5/webcomponents/dist/Input.js\";\nimport ListItem from \"@ui5/webcomponents/dist/ListItem.js\";\nimport getFileExtension from \"@ui5/webcomponents-base/dist/util/getFileExtension.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport type { UI5CustomEvent } from \"@ui5/webcomponents-base\";\nimport {\n\tisDelete,\n\tisEnter,\n\tisEscape,\n\tisSpace,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UploadState from \"./types/UploadState.js\";\nimport \"@ui5/webcomponents-icons/dist/refresh.js\";\nimport \"@ui5/webcomponents-icons/dist/stop.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport {\n\tUPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_ERROR_STATE,\n\tUPLOADCOLLECTIONITEM_UPLOADING_STATE,\n\tUPLOADCOLLECTIONITEM_READY_STATE,\n\tUPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport UploadCollectionItemTemplate from \"./UploadCollectionItemTemplate.js\";\n\n// Styles\nimport UploadCollectionItemCss from \"./generated/themes/UploadCollectionItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n * A component to be used within the `ui5-upload-collection`.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";`\n * @constructor\n * @extends ListItem\n * @public\n * @slot {Node[]} default - Hold the description of the `ui5-upload-collection-item`. Will be shown below the file name.\n * @since 1.0.0-rc.7\n */\n@customElement({\n\ttag: \"ui5-upload-collection-item\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [ListItem.styles, UploadCollectionItemCss],\n\ttemplate: UploadCollectionItemTemplate,\n})\n\n/**\n * Fired when the file name is clicked.\n *\n * **Note:** This event is only available when `fileNameClickable` property is `true`.\n * @public\n */\n@event(\"file-name-click\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the `fileName` property gets changed.\n *\n * **Note:** An edit button is displayed on each item,\n * when the `ui5-upload-collection-item` `type` property is set to `Detail`.\n * @public\n */\n@event(\"rename\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the terminate button is pressed.\n *\n * **Note:** Terminate button is displayed when `uploadState` property is set to `Uploading`.\n * @public\n */\n@event(\"terminate\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the retry button is pressed.\n *\n * **Note:** Retry button is displayed when `uploadState` property is set to `Error`.\n * @public\n */\n@event(\"retry\", {\n\tbubbles: true,\n})\n\n/**\n * @since 1.0.0-rc.8\n * @private\n */\n@event(\"focus-requested\", {\n\tbubbles: true,\n})\n\n/**\n * @private\n */\n@event(\"request-delete\", {\n\tbubbles: true,\n})\nclass UploadCollectionItem extends ListItem {\n\teventDetails!: ListItem[\"eventDetails\"] & {\n\t\t\"file-name-click\": void;\n\t\t\"rename\": void;\n\t\t\"terminate\": void;\n\t\t\"retry\": void;\n\t\t\"focus-requested\": void;\n\t\t\"_uci-delete\": void;\n\t\t\"request-delete\": void;\n\t}\n\t/**\n\t * Holds an instance of `File` associated with this item.\n\t * @default null\n\t * @public\n\t */\n\t@property({ type: Object, noAttribute: true })\n\tfile: File | null = null;\n\n\t/**\n\t * The name of the file.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tfileName = \"\";\n\n\t/**\n\t * If set to `true` the file name will be clickable and it will fire `file-name-click` event upon click.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tfileNameClickable = false;\n\n\t/**\n\t * Disables the delete button.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisableDeleteButton = false;\n\n\t/**\n\t * Hides the delete button.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideDeleteButton = false;\n\n\t/**\n\t * Hides the retry button when `uploadState` property is `Error`.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideRetryButton = false;\n\n\t/**\n\t * Hides the terminate button when `uploadState` property is `Uploading`.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideTerminateButton = false;\n\n\t/**\n\t * The upload progress in percentage.\n\t *\n\t * **Note:** Expected values are in the interval [0, 100].\n\t * @default 0\n\t * @public\n\t */\n\t@property({ type: Number })\n\tprogress = 0;\n\n\t/**\n\t * Upload state.\n\t *\n\t * Depending on this property, the item displays the following:\n\t *\n\t * - `Ready` - progress indicator is displayed.\n\t * - `Uploading` - progress indicator and terminate button are displayed. When the terminate button is pressed, `terminate` event is fired.\n\t * - `Error` - progress indicator and retry button are displayed. When the retry button is pressed, `retry` event is fired.\n\t * - `Complete` - progress indicator is not displayed.\n\t *\n\t * @default \"Ready\"\n\t * @public\n\t */\n\t@property()\n\tuploadState: `${UploadState}` = \"Ready\";\n\n\t/**\n\t * Indicates if editing.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_editing = false;\n\n\t/**\n\t * A thumbnail, which will be shown in the beginning of the `ui5-upload-collection-item`.\n\t *\n\t * **Note:** Use `ui5-icon` or `img` for the intended design.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\tthumbnail!: Array<HTMLElement>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nFioriBundle: I18nBundle;\n\n\t/**\n\t * @override\n\t */\n\tasync onDetailClick() {\n\t\tsuper.onDetailClick();\n\t\tthis._editing = true;\n\n\t\tawait this._initInputField();\n\t}\n\n\tasync _initInputField() {\n\t\tawait renderFinished();\n\n\t\tif (this.editInpElement) {\n\t\t\tthis.editInpElement.value = this._fileNameWithoutExtension;\n\t\t}\n\n\t\tawait renderFinished();\n\n\t\tconst inpFocusDomRef = this.editInpElement?.getFocusDomRef();\n\t\tif (inpFocusDomRef) {\n\t\t\tinpFocusDomRef.focus();\n\t\t\t(inpFocusDomRef as HTMLInputElement).setSelectionRange(0, this._fileNameWithoutExtension.length);\n\t\t}\n\t}\n\n\tget editInpElement() {\n\t\treturn this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\");\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\n\t\tif (isDelete(e) && !this.disableDeleteButton && !this.hideDeleteButton && !this.disabled) {\n\t\t\tthis._onDelete();\n\t\t}\n\t}\n\n\t_onDetailKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis.onDetailClick();\n\t\t}\n\t}\n\n\t_onInputFocusin(e: FocusEvent) {\n\t\t// prevent focusing the whole upload collection item.\n\t\te.stopPropagation();\n\t}\n\n\t_onInputKeyDown(e: KeyboardEvent) {\n\t\tif (isEscape(e)) {\n\t\t\tthis._onRenameCancel(e);\n\t\t} else if (isEnter(e)) {\n\t\t\tthis._onRename();\n\t\t} else if (isSpace(e)) {\n\t\t\te.stopImmediatePropagation();\n\t\t}\n\t}\n\n\t_onRename() {\n\t\tconst inp = this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\")!;\n\t\tthis.fileName = inp.value + this._fileExtension;\n\t\tthis.fireDecoratorEvent(\"rename\");\n\n\t\tthis._editing = false;\n\t\tthis._focus();\n\t}\n\n\t_onRenameKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRename();\n\t\t}\n\t}\n\n\tasync _onRenameCancel(e: KeyboardEvent | UI5CustomEvent<Button, \"click\">) {\n\t\tthis._editing = false;\n\n\t\tif (isEscape(e as KeyboardEvent)) {\n\t\t\tawait renderFinished();\n\t\t\tthis.shadowRoot!.querySelector<Button>(`#${this._id}-editing-button`)!.focus();\n\t\t} else {\n\t\t\tthis._focus();\n\t\t}\n\t}\n\n\t_onRenameCancelKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRenameCancel(e);\n\t\t}\n\t}\n\n\t_focus() {\n\t\tthis.fireDecoratorEvent(\"focus-requested\");\n\t}\n\n\t_onFileNameClick() {\n\t\tthis.fireDecoratorEvent(\"file-name-click\");\n\t}\n\n\t_onRetry() {\n\t\tthis.fireDecoratorEvent(\"retry\");\n\t}\n\n\t_onRetryKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRetry();\n\t\t}\n\t}\n\n\t_onTerminate() {\n\t\tthis.fireDecoratorEvent(\"terminate\");\n\t}\n\n\t_onTerminateKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onTerminate();\n\t\t}\n\t}\n\n\t_onDelete() {\n\t\tthis.fireDecoratorEvent(\"request-delete\");\n\t}\n\n\tgetFocusDomRef() {\n\t\treturn this.getDomRef();\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget classes() {\n\t\tconst result = super.classes;\n\n\t\treturn {\n\t\t\tmain: {\n\t\t\t\t...result.main,\n\t\t\t\t\"ui5-uci-root\": true,\n\t\t\t\t\"ui5-uci-root-editing\": this._editing,\n\t\t\t\t\"ui5-uci-root-uploading\": this.uploadState === UploadState.Uploading,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _fileNameWithoutExtension() {\n\t\treturn this.fileName.substring(0, this.fileName.length - this._fileExtension.length);\n\t}\n\n\tget _fileExtension() {\n\t\treturn getFileExtension(this.fileName);\n\t}\n\n\tget _renameBtnText() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);\n\t}\n\n\tget _cancelRenameBtnText() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);\n\t}\n\n\tget _showProgressIndicator() {\n\t\treturn this.uploadState !== UploadState.Complete;\n\t}\n\n\tget _progressText() {\n\t\tif (this.uploadState === UploadState.Uploading) {\n\t\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_UPLOADING_STATE);\n\t\t}\n\n\t\tif (this.uploadState === UploadState.Error) {\n\t\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_ERROR_STATE);\n\t\t}\n\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_READY_STATE);\n\t}\n\n\tget _showRetry() {\n\t\treturn !this.hideRetryButton && this.uploadState === UploadState.Error;\n\t}\n\n\tget _showTerminate() {\n\t\treturn !this.hideTerminateButton && this.uploadState === UploadState.Uploading;\n\t}\n\n\tget _retryButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);\n\t}\n\n\tget _terminateButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);\n\t}\n\n\tget _editButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT);\n\t}\n\n\tget valueStateName(): ValueState {\n\t\tif (this.uploadState === UploadState.Error) {\n\t\t\treturn ValueState.Negative;\n\t\t}\n\n\t\tif (this.uploadState === UploadState.Ready || this.uploadState === UploadState.Uploading) {\n\t\t\treturn ValueState.Information;\n\t\t}\n\n\t\treturn ValueState.None;\n\t}\n\n\t/**\n\t * override\n\t */\n\tget typeDetail() {\n\t\treturn false;\n\t}\n\n\tget showEditButton() {\n\t\treturn this.type === ListItemType.Detail;\n\t}\n}\n\nUploadCollectionItem.define();\n\nexport default UploadCollectionItem;\n"]}

package/dist/UploadCollectionItemTemplate.d.ts

@@ -0,0 +1,3 @@
+import type UploadCollectionItem from "./UploadCollectionItem.js";
+import type { ListItemHooks } from "@ui5/webcomponents/dist/ListItemTemplate.js";
+export default function UploadCollectionItemTemplate(this: UploadCollectionItem, hooks?: Partial<ListItemHooks>): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/UploadCollectionItemTemplate.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import Input from "@ui5/webcomponents/dist/Input.js";
+import ListItemTemplate from "@ui5/webcomponents/dist/ListItemTemplate.js";
+import Link from "@ui5/webcomponents/dist/Link.js";
+import ProgressIndicator from "@ui5/webcomponents/dist/ProgressIndicator.js";
+import Label from "@ui5/webcomponents/dist/Label.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import refreshIcon from "@ui5/webcomponents-icons/dist/refresh.js";
+import stopIcon from "@ui5/webcomponents-icons/dist/stop.js";
+import editIcon from "@ui5/webcomponents-icons/dist/edit.js";
+import declineIcon from "@ui5/webcomponents-icons/dist/decline.js";
+const predefinedHooks = {
+    listItemContent,
+};
+export default function UploadCollectionItemTemplate(hooks) {
+    const currentHooks = { ...predefinedHooks, ...hooks };
+    return ListItemTemplate.call(this, currentHooks);
+}
+function listItemContent() {
+    return _jsxs(_Fragment, { children: [_jsxs("div", { class: "ui5-uci-thumbnail-and-content-container", children: [_jsx("div", { class: "ui5-uci-thumbnail", children: _jsx("slot", { name: "thumbnail" }) }), _jsxs("div", { class: "ui5-uci-content-and-progress", children: [_jsxs("div", { class: "ui5-uci-content", children: [this._editing ? (_jsxs("div", { class: "ui5-uci-edit-container", children: [_jsx(Input, { id: "ui5-uci-edit-input", "data-sap-focus-ref": true, onFocusIn: this._onInputFocusin, onKeyDown: this._onInputKeyDown }), _jsx("span", { class: "ui5-uci-file-extension", children: this._fileExtension })] })) : (this.fileNameClickable ? (_jsx(Link, { class: "ui5-uci-file-name", onClick: this._onFileNameClick, wrappingType: "None", children: this.fileName })) : (_jsx("span", { class: "ui5-uci-file-name ui5-uci-file-name-text", children: this.fileName }))), _jsx("div", { class: "ui5-uci-description", children: _jsx("slot", {}) })] }), this._showProgressIndicator && (_jsxs("div", { class: "ui5-uci-progress-box", children: [_jsx(ProgressIndicator, { class: "ui5-uci-progress-indicator", hideValue: true, value: this.progress, valueState: this.valueStateName }), _jsxs("div", { class: "ui5-uci-progress-labels", children: [_jsx(Label, { showColon: true, wrappingType: "None", children: this._progressText }), _jsxs(Label, { children: [this.progress, "%"] })] })] }))] })] }), _jsx("div", { class: "ui5-uci-buttons", children: this._editing ? (_jsxs(_Fragment, { children: [_jsx(Button, { design: "Transparent", class: "ui5-uci-edit-rename-btn", onClick: this._onRename, onKeyUp: this._onRenameKeyup, children: this._renameBtnText }), _jsx(Button, { design: "Transparent", id: "ui5-uci-edit-cancel", onClick: this._onRenameCancel, onKeyUp: this._onRenameCancelKeyup, children: this._cancelRenameBtnText })] })) : (_jsxs(_Fragment, { children: [this._showRetry && (_jsx(Button, { icon: refreshIcon, design: "Transparent", tooltip: this._retryButtonTooltip, onClick: this._onRetry, onKeyUp: this._onRetryKeyup })), this._showTerminate && (_jsx(Button, { icon: stopIcon, design: "Transparent", tooltip: this._terminateButtonTooltip, onClick: this._onTerminate, onKeyUp: this._onTerminateKeyup })), this.showEditButton && (_jsx(Button, { id: `${this._id}-editing-button`, design: "Transparent", tooltip: this._editButtonTooltip, icon: editIcon, onClick: this.onDetailClick, onKeyUp: this._onDetailKeyup, class: "ui5-li-detailbtn ui5-uci-edit" })), !this.hideDeleteButton && (this.hasDeleteButtonSlot ? (_jsx("slot", { name: "deleteButton" })) : (_jsx(Button, { class: "ui5-upload-collection-deletebtn", id: `${this._id}-deleteSelectionElement`, design: "Transparent", icon: declineIcon, disabled: this.disableDeleteButton, onClick: this._onDelete, tooltip: this.deleteText })))] })) })] });
+}
+//# sourceMappingURL=UploadCollectionItemTemplate.js.map

package/dist/UploadCollectionItemTemplate.js.map

@@ -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\tthis.hasDeleteButtonSlot ? (\n\t\t\t\t\t\t\t<slot name=\"deleteButton\"></slot>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclass=\"ui5-upload-collection-deletebtn\"\n\t\t\t\t\t\t\t\tid={`${this._id}-deleteSelectionElement`}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\ticon={declineIcon}\n\t\t\t\t\t\t\t\tdisabled={this.disableDeleteButton}\n\t\t\t\t\t\t\t\tonClick={this._onDelete}\n\t\t\t\t\t\t\t\ttooltip={this.deleteText}\n\t\t\t\t\t\t\t/>\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

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

package/dist/UploadCollectionTemplate.js

@@ -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

@@ -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

@@ -0,0 +1,167 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type Title from "@ui5/webcomponents/dist/Title.js";
+import type Button from "@ui5/webcomponents/dist/Button.js";
+import type { ListItemClickEventDetail } from "@ui5/webcomponents/dist/List.js";
+import type ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { PopupScrollEventDetail } from "@ui5/webcomponents/dist/Popup.js";
+import type UserMenuAccount from "./UserMenuAccount.js";
+import type UserMenuItem from "./UserMenuItem.js";
+type UserMenuItemClickEventDetail = {
+    item: UserMenuItem;
+};
+type UserMenuOtherAccountClickEventDetail = {
+    prevSelectedAccount: UserMenuAccount;
+    selectedAccount: UserMenuAccount;
+};
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-menu` is an SAP Fiori specific web component that is used in `ui5-shellbar`
+ * and allows the user to easily see information and settings for the current user and all other logged in accounts.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserMenu.js";`
+ *
+ * `import "@ui5/webcomponents-fiori/dist/UserMenuItem.js";` (for `ui5-user-menu-item`)
+ *
+ * @constructor
+ * @extends UI5Element
+ * @experimental
+ * @public
+ * @since 2.5.0
+ */
+declare class UserMenu extends UI5Element {
+    eventDetails: {
+        "avatar-click": void;
+        "manage-account-click": void;
+        "edit-accounts-click": void;
+        "change-account": UserMenuOtherAccountClickEventDetail;
+        "item-click": UserMenuItemClickEventDetail;
+        "sign-out-click": void;
+        "open": void;
+        "close": void;
+    };
+    /**
+     * Defines if the User Menu is opened.
+     *
+     * @default false
+     * @public
+     */
+    open: boolean;
+    /**
+     * Defines the ID or DOM Reference of the element at which the user menu is shown.
+     * 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.
+     * You can only set the `opener` attribute to a DOM Reference when using JavaScript.
+     * @public
+     * @default undefined
+     */
+    opener?: HTMLElement | string;
+    /**
+     * Defines if the User Menu shows the Manage Account option.
+     *
+     * @default false
+     * @public
+     */
+    showManageAccount: boolean;
+    /**
+     * Defines if the User Menu shows the Other Accounts option.
+     *
+     * @default false
+     * @public
+     */
+    showOtherAccounts: boolean;
+    /**
+     * Defines if the User Menu shows the Edit Accounts option.
+     *
+     * @default false
+     * @public
+     */
+    showEditAccounts: boolean;
+    /**
+     * Defines if the User menu shows edit button.
+     *
+     * @default false
+     * @public
+     * @since 2.7.0
+     */
+    showEditButton: boolean;
+    /**
+     * Defines the menu items.
+     * @public
+     */
+    menuItems: Array<UserMenuItem>;
+    /**
+     * Defines the user accounts.
+     *
+     * **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
+     * there is an item with `selected` property set to `true`.
+     * @public
+     */
+    accounts: Array<UserMenuAccount>;
+    static i18nBundle: I18nBundle;
+    /**
+     * @default false
+     * @private
+     */
+    _titleMovedToHeader: boolean;
+    /**
+     * @default false
+     * @private
+     */
+    _isScrolled: boolean;
+    /**
+     * @private
+     */
+    _selectedAccount: UserMenuAccount;
+    /**
+     * @private
+     */
+    _observer?: IntersectionObserver;
+    /**
+     * @private
+     */
+    _responsivePopover?: ResponsivePopover;
+    /**
+     * @private
+     */
+    _selectedAccountTitleEl?: Title;
+    /**
+     * @private
+     */
+    _selectedAccountManageBtn?: Button;
+    onBeforeRendering(): void;
+    onAfterRendering(): void;
+    get _isPhone(): boolean;
+    _handleScroll(e: CustomEvent<PopupScrollEventDetail>): void;
+    _handleIntersection(entries: IntersectionObserverEntry[]): void;
+    _handleAvatarClick(e: CustomEvent): void;
+    _handleManageAccountClick(): void;
+    _handleEditAccountsClick(): void;
+    _handleAccountSwitch(e: CustomEvent<ListItemClickEventDetail>): void;
+    _handleSignOutClick(): void;
+    _handleMenuItemClick(e: CustomEvent<ListItemClickEventDetail>): void;
+    _handleMenuItemClose(): void;
+    _handlePopoverAfterOpen(): void;
+    _handlePopoverAfterClose(): void;
+    _openItemSubMenu(item: UserMenuItem): void;
+    _closeUserMenu(): void;
+    get _otherAccounts(): UserMenuAccount[];
+    get _manageAccountButtonText(): string;
+    get _otherAccountsButtonText(): string;
+    get _signOutButtonText(): string;
+    get _editAvatarTooltip(): string;
+    get _editAccountsTooltip(): string;
+    get _closeDialogAriaLabel(): string;
+    get accessibleNameText(): string;
+    get _ariaLabelledByAccountInformationText(): string;
+    get _ariaLabelledByActions(): string;
+    getAccountDescriptionText(account: UserMenuAccount): string;
+    getAccountByRefId(refId: string): UserMenuAccount;
+    captureRef(ref: HTMLElement & {
+        associatedAccount?: UI5Element;
+    } | null): void;
+}
+export default UserMenu;
+export type { UserMenuItemClickEventDetail, UserMenuOtherAccountClickEventDetail, };

package/dist/UserMenu.js

@@ -0,0 +1,357 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var 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 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 i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
+import UserMenuTemplate from "./UserMenuTemplate.js";
+import UserMenuCss from "./generated/themes/UserMenu.css.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_EDIT_ACCOUNTS_TXT, USER_MENU_CLOSE_DIALOG_BUTTON, USER_MENU_POPOVER_ACCESSIBLE_ACCOUNT_SELECTED_TXT, USER_MENU_CURRENT_INFORMATION_TXT, USER_MENU_ACTIONS_TXT, } from "./generated/i18n/i18n-defaults.js";
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-menu` is an SAP Fiori specific web component that is used in `ui5-shellbar`
+ * and allows the user to easily see information and settings for the current user and all other logged in accounts.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserMenu.js";`
+ *
+ * `import "@ui5/webcomponents-fiori/dist/UserMenuItem.js";` (for `ui5-user-menu-item`)
+ *
+ * @constructor
+ * @extends UI5Element
+ * @experimental
+ * @public
+ * @since 2.5.0
+ */
+let UserMenu = UserMenu_1 = class UserMenu extends UI5Element {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines if the User Menu is opened.
+         *
+         * @default false
+         * @public
+         */
+        this.open = false;
+        /**
+         * Defines if the User Menu shows the Manage Account option.
+         *
+         * @default false
+         * @public
+         */
+        this.showManageAccount = false;
+        /**
+         * Defines if the User Menu shows the Other Accounts option.
+         *
+         * @default false
+         * @public
+         */
+        this.showOtherAccounts = false;
+        /**
+         * Defines if the User Menu shows the Edit Accounts option.
+         *
+         * @default false
+         * @public
+         */
+        this.showEditAccounts = false;
+        /**
+         * Defines if the User menu shows edit button.
+         *
+         * @default false
+         * @public
+         * @since 2.7.0
+         */
+        this.showEditButton = false;
+        /**
+         * @default false
+         * @private
+         */
+        this._titleMovedToHeader = false;
+        /**
+         * @default false
+         * @private
+         */
+        this._isScrolled = false;
+    }
+    onBeforeRendering() {
+        this._selectedAccount = this.accounts.find(account => account.selected) || this.accounts[0];
+    }
+    onAfterRendering() {
+        if (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();
+    }
+    _handleScroll(e) {
+        this._isScrolled = e.detail.scrollTop > 0;
+    }
+    _handleIntersection(entries) {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                if (entry.target.id === "selected-account-title") {
+                    this._titleMovedToHeader = false;
+                }
+                return;
+            }
+            if (entry.target.id === "selected-account-title") {
+                this._titleMovedToHeader = 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");
+    }
+    _handleEditAccountsClick() {
+        this.fireDecoratorEvent("edit-accounts-click");
+    }
+    _handleAccountSwitch(e) {
+        const item = e.detail.item;
+        const eventPrevented = !this.fireDecoratorEvent("change-account", {
+            prevSelectedAccount: this._selectedAccount,
+            selectedAccount: item.associatedAccount,
+        });
+        if (eventPrevented) {
+            return;
+        }
+        this._selectedAccount.selected = false;
+        item.associatedAccount.selected = true;
+    }
+    _handleSignOutClick() {
+        const eventPrevented = !this.fireDecoratorEvent("sign-out-click");
+        if (eventPrevented) {
+            return;
+        }
+        this._closeUserMenu();
+    }
+    _handleMenuItemClick(e) {
+        const item = e.detail.item; // imrove: improve this ideally without "as" cating
+        if (!item._popover) {
+            const eventPrevented = !this.fireDecoratorEvent("item-click", {
+                "item": item,
+            });
+            if (!eventPrevented) {
+                item.fireEvent("close-menu");
+            }
+        }
+        else {
+            this._openItemSubMenu(item);
+        }
+    }
+    _handleMenuItemClose() {
+        this._closeUserMenu();
+    }
+    _handlePopoverAfterOpen() {
+        this.fireDecoratorEvent("open");
+    }
+    _handlePopoverAfterClose() {
+        this.open = false;
+        this.fireDecoratorEvent("close");
+    }
+    _openItemSubMenu(item) {
+        if (!item._popover || item._popover.open) {
+            return;
+        }
+        item._popover.opener = item;
+        item._popover.open = true;
+        item.selected = true;
+    }
+    _closeUserMenu() {
+        this.open = false;
+    }
+    get _otherAccounts() {
+        return this.accounts;
+    }
+    get _manageAccountButtonText() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT);
+    }
+    get _otherAccountsButtonText() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_OTHER_ACCOUNT_BUTTON_TXT);
+    }
+    get _signOutButtonText() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_SIGN_OUT_BUTTON_TXT);
+    }
+    get _editAvatarTooltip() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_EDIT_AVATAR_TXT);
+    }
+    get _editAccountsTooltip() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_EDIT_ACCOUNTS_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}`;
+    }
+    get _ariaLabelledByAccountInformationText() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_CURRENT_INFORMATION_TXT);
+    }
+    get _ariaLabelledByActions() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_ACTIONS_TXT);
+    }
+    getAccountDescriptionText(account) {
+        return `${account.subtitleText} ${account.description} ${account.selected ? UserMenu_1.i18nBundle.getText(USER_MENU_POPOVER_ACCESSIBLE_ACCOUNT_SELECTED_TXT) : ""}`;
+    }
+    getAccountByRefId(refId) {
+        return this.accounts.find(account => account._id === refId);
+    }
+    captureRef(ref) {
+        if (ref) {
+            ref.associatedAccount = this;
+        }
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], UserMenu.prototype, "open", void 0);
+__decorate([
+    property({ converter: DOMReferenceConverter })
+], UserMenu.prototype, "opener", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserMenu.prototype, "showManageAccount", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserMenu.prototype, "showOtherAccounts", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserMenu.prototype, "showEditAccounts", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserMenu.prototype, "showEditButton", void 0);
+__decorate([
+    slot({
+        type: HTMLElement,
+        "default": true,
+    })
+], UserMenu.prototype, "menuItems", void 0);
+__decorate([
+    slot({
+        type: HTMLElement,
+        invalidateOnChildChange: {
+            properties: true,
+            slots: false,
+        },
+    })
+], UserMenu.prototype, "accounts", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserMenu.prototype, "_titleMovedToHeader", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserMenu.prototype, "_isScrolled", 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);
+UserMenu = UserMenu_1 = __decorate([
+    customElement({
+        tag: "ui5-user-menu",
+        languageAware: true,
+        renderer: jsxRenderer,
+        template: UserMenuTemplate,
+        styles: [UserMenuCss],
+    })
+    /**
+     * Fired when the account avatar is selected.
+     * @public
+     */
+    ,
+    event("avatar-click")
+    /**
+     * Fired when the "Manage Account" button is selected.
+     * @public
+     */
+    ,
+    event("manage-account-click")
+    /**
+     * Fired when the "Edit Accounts" button is selected.
+     * @public
+     */
+    ,
+    event("edit-accounts-click")
+    /**
+     * Fired when the account is switched to a different one.
+     * @param {UserMenuAccount} prevSelectedAccount The previously selected account.
+     * @param {UserMenuAccount} selectedAccount The selected account.
+     * @public
+     */
+    ,
+    event("change-account", {
+        cancelable: true,
+    })
+    /**
+     * Fired when a menu item is selected.
+     * @param {UserMenuItem} item The selected `user menu item`.
+     * @public
+     */
+    ,
+    event("item-click", {
+        cancelable: true,
+    })
+    /**
+     * Fired when a user menu is open.
+     * @public
+     * @since 2.6.0
+     */
+    ,
+    event("open")
+    /**
+     * Fired when a user menu is close.
+     * @public
+     * @since 2.6.0
+     */
+    ,
+    event("close")
+    /**
+     * Fired when the "Sign Out" button is selected.
+     * @public
+     * @since 2.6.0
+     */
+    ,
+    event("sign-out-click", {
+        cancelable: true,
+    })
+], UserMenu);
+UserMenu.define();
+export default UserMenu;
+//# sourceMappingURL=UserMenu.js.map