@ui5/webcomponents-fiori 2.5.0-rc.1 → 2.5.0-rc.3

package/dist/UserMenu.js

@@ -0,0 +1,293 @@
+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 litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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";
+import Text from "@ui5/webcomponents/dist/Text.js";
+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 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 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";
+/**
+ * @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 Add Account option.
+         *
+         * @default false
+         * @public
+         */
+        this.showAddAccount = false;
+    }
+    onBeforeRendering() {
+        this._selectedAccount = this.accounts.find(account => account.selected) || this.accounts[0];
+    }
+    get _isPhone() {
+        return isPhone();
+    }
+    _handleAvatarClick() {
+        this.fireDecoratorEvent("avatar-click");
+    }
+    _handleManageAccountClick() {
+        this.fireDecoratorEvent("manage-account-click");
+    }
+    _handleAddAccountClick() {
+        this.fireDecoratorEvent("add-account-click");
+    }
+    _handleAccountSwitch(e) {
+        const eventPrevented = !this.fireDecoratorEvent("change-account", {
+            prevSelectedAccount: this._selectedAccount,
+            selectedAccount: e.detail.item.associatedAccount,
+        });
+        if (eventPrevented) {
+            return;
+        }
+        this._selectedAccount.selected = false;
+        e.detail.item.associatedAccount.selected = true;
+    }
+    _handleSignOutClick() {
+        const eventPrevented = !this.fireDecoratorEvent("sign-out-click");
+        if (eventPrevented) {
+            return;
+        }
+        this._closeUserMenu();
+    }
+    _handleMenuItemClick(e) {
+        const item = e.detail.item;
+        if (!item._popover) {
+            const eventPrevented = !this.fireDecoratorEvent("item-click", {
+                "item": item,
+            });
+            if (!eventPrevented) {
+                item.fireEvent("close-menu");
+            }
+        }
+        else {
+            this._openItemSubMenu(item);
+        }
+    }
+    _handleMenuItemClose() {
+        this._closeUserMenu();
+    }
+    _handlePopoverAfterClose() {
+        this.open = false;
+    }
+    _handleDeclineClick() {
+        this._closeUserMenu();
+    }
+    _openItemSubMenu(item) {
+        if (!item._popover || item._popover.open) {
+            return;
+        }
+        item._popover.opener = item;
+        item._popover.open = true;
+        item.selected = true;
+    }
+    _closeItemSubMenu(item) {
+        if (item && item._popover) {
+            const openedSibling = item._menuItems.find(menuItem => menuItem._popover && menuItem._popover.open);
+            if (openedSibling) {
+                this._closeItemSubMenu(openedSibling);
+            }
+            item._popover.open = false;
+            item.selected = false;
+        }
+    }
+    _closeUserMenu() {
+        this.open = false;
+    }
+    get _otherAccounts() {
+        return this.accounts.filter(account => account !== this._selectedAccount);
+    }
+    get _declineButtonTooltip() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_CLOSE_BUTTON_TXT);
+    }
+    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 _addAccountTooltip() {
+        return UserMenu_1.i18nBundle.getText(USER_MENU_ADD_ACCOUNT_TXT);
+    }
+    get accessibleNameText() {
+        if (!this._selectedAccount) {
+            return "";
+        }
+        return `${UserMenu_1.i18nBundle.getText(USER_MENU_POPOVER_ACCESSIBLE_NAME)} ${this._selectedAccount.titleText}`;
+    }
+};
+__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, "showAddAccount", 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([
+    i18n("@ui5/webcomponents-fiori")
+], UserMenu, "i18nBundle", void 0);
+UserMenu = UserMenu_1 = __decorate([
+    customElement({
+        tag: "ui5-user-menu",
+        languageAware: true,
+        renderer: litRender,
+        template: UserMenuTemplate,
+        styles: [UserMenuCss],
+        dependencies: [
+            ResponsivePopover,
+            Avatar,
+            Title,
+            Text,
+            Label,
+            Button,
+            Panel,
+            Icon,
+            List,
+            ListItemCustom,
+            Tag,
+        ],
+    })
+    /**
+     * 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 "Add Account" button is selected.
+     * @public
+     */
+    ,
+    event("add-account-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 the "Sign Out" button is selected.
+     * @public
+     */
+    ,
+    event("sign-out-click", {
+        cancelable: true,
+    })
+], UserMenu);
+UserMenu.define();
+export default UserMenu;
+//# sourceMappingURL=UserMenu.js.map

package/dist/UserMenu.js.map

@@ -0,0 +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"]}

package/dist/UserMenuAccount.d.ts

@@ -0,0 +1,47 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+declare class UserMenuAccount extends UI5Element {
+    /**
+     * Defines the avatar image url of the user.
+     *
+     * @default ""
+     * @public
+     */
+    avatarSrc?: string;
+    /**
+     * Defines the avatar initials of the user.
+     *
+     * @default undefined
+     * @public
+     */
+    avatarInitials?: string;
+    /**
+     * Defines the title text of the user.
+     *
+     * @default ""
+     * @public
+     */
+    titleText: string;
+    /**
+     * Defines additional text of the user.
+     *
+     * @default ""
+     * @public
+     */
+    subtitleText: string;
+    /**
+     * Defines description of the user.
+     *
+     * @default ""
+     * @public
+     */
+    description: string;
+    /**
+     * Defines if the user is selected.
+     *
+     * @default false
+     * @public
+     */
+    selected: boolean;
+    get _initials(): string;
+}
+export default UserMenuAccount;

package/dist/UserMenuAccount.js

@@ -0,0 +1,101 @@
+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;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import { customElement, property } from "@ui5/webcomponents-base/dist/decorators.js";
+let UserMenuAccount = 
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-menu-account` represents an account in the `ui5-user-menu`.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserMenuAccount.js";`
+ *
+ * @constructor
+ * @extends UI5Element
+ * @experimental
+ * @public
+ * @since 2.5.0
+ */
+class UserMenuAccount extends UI5Element {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the title text of the user.
+         *
+         * @default ""
+         * @public
+         */
+        this.titleText = "";
+        /**
+         * Defines additional text of the user.
+         *
+         * @default ""
+         * @public
+         */
+        this.subtitleText = "";
+        /**
+         * Defines description of the user.
+         *
+         * @default ""
+         * @public
+         */
+        this.description = "";
+        /**
+         * Defines if the user is selected.
+         *
+         * @default false
+         * @public
+         */
+        this.selected = false;
+    }
+    get _initials() {
+        return this.avatarInitials || "undefined";
+    }
+};
+__decorate([
+    property({ type: String })
+], UserMenuAccount.prototype, "avatarSrc", void 0);
+__decorate([
+    property({ type: String })
+], UserMenuAccount.prototype, "avatarInitials", void 0);
+__decorate([
+    property({ type: String })
+], UserMenuAccount.prototype, "titleText", void 0);
+__decorate([
+    property({ type: String })
+], UserMenuAccount.prototype, "subtitleText", void 0);
+__decorate([
+    property({ type: String })
+], UserMenuAccount.prototype, "description", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserMenuAccount.prototype, "selected", void 0);
+UserMenuAccount = __decorate([
+    customElement({
+        tag: "ui5-user-menu-account",
+    })
+    /**
+     * @class
+     * ### Overview
+     *
+     * The `ui5-user-menu-account` represents an account in the `ui5-user-menu`.
+     *
+     * ### ES6 Module Import
+     * `import "@ui5/webcomponents-fiori/dist/UserMenuAccount.js";`
+     *
+     * @constructor
+     * @extends UI5Element
+     * @experimental
+     * @public
+     * @since 2.5.0
+     */
+], UserMenuAccount);
+UserMenuAccount.define();
+export default UserMenuAccount;
+//# sourceMappingURL=UserMenuAccount.js.map

package/dist/UserMenuAccount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenuAccount.js","sourceRoot":"","sources":["../src/UserMenuAccount.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAoBrF,IAAM,eAAe;AAfrB;;;;;;;;;;;;;;GAcG;AACH,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAmBC;;;;;WAKG;QAEH,cAAS,GAAG,EAAE,CAAC;QAEf;;;;;WAKG;QAEH,iBAAY,GAAG,EAAE,CAAC;QAElB;;;;;WAKG;QAEH,gBAAW,GAAG,EAAE,CAAC;QAEjB;;;;;WAKG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAKlB,CAAC;IAHA,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,cAAc,IAAI,WAAW,CAAC;IAC3C,CAAC;CACD,CAAA;AAlDA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACR;AASnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDACH;AASxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACZ;AASf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACT;AASlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACV;AASjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACX;AArDZ,eAAe;IAlBpB,aAAa,CAAC;QACd,GAAG,EAAE,uBAAuB;KAC5B,CAAC;IACF;;;;;;;;;;;;;;OAcG;GACG,eAAe,CA0DpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport { customElement, property } from \"@ui5/webcomponents-base/dist/decorators.js\";\n\n@customElement({\n\ttag: \"ui5-user-menu-account\",\n})\n/**\n * @class\n * ### Overview\n *\n * The `ui5-user-menu-account` represents an account in the `ui5-user-menu`.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserMenuAccount.js\";`\n *\n * @constructor\n * @extends UI5Element\n * @experimental\n * @public\n * @since 2.5.0\n */\nclass UserMenuAccount extends UI5Element {\n\t/**\n\t * Defines the avatar image url of the user.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property({ type: String })\n\tavatarSrc?: string;\n\n\t/**\n\t * Defines the avatar initials of the user.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String })\n\tavatarInitials?: string;\n\n\t/**\n\t * Defines the title text of the user.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property({ type: String })\n\ttitleText = \"\";\n\n\t/**\n\t * Defines additional text of the user.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property({ type: String })\n\tsubtitleText = \"\";\n\n\t/**\n\t * Defines description of the user.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property({ type: String })\n\tdescription = \"\";\n\n\t/**\n\t * Defines if the user is selected.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\tget _initials() {\n\t\treturn this.avatarInitials || \"undefined\";\n\t}\n}\n\nUserMenuAccount.define();\n\nexport default UserMenuAccount;\n"]}

package/dist/UserMenuItem.d.ts

@@ -0,0 +1,35 @@
+import MenuItem from "@ui5/webcomponents/dist/MenuItem.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * `ui5-user-menu-item` is the item to use inside a `ui5-user-menu`.
+ * An arbitrary hierarchy structure can be represented by recursively nesting menu items.
+ *
+ * ### Usage
+ *
+ * `ui5-user-menu-item` represents a node in a `ui5-user-menu`. The user menu itself is rendered as a list,
+ * and each `ui5-menu-item` is represented by a menu item in that menu. Therefore, you should only use
+ * `ui5-user-menu-item` directly in your apps. The `ui5-menu` menu item is internal for the menu, and not intended for public use.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/UserMenuItem.js";`
+ * @constructor
+ * @extends MenuItem
+ * @experimental
+ * @public
+ * @since 2.5.0
+ */
+declare class UserMenuItem extends MenuItem {
+    /**
+     * Defines the items of this component.
+     *
+     * **Note:** Use `ui5-user-menu-item` for the intended design.
+     * @public
+     */
+    items: Array<UserMenuItem>;
+    get _menuItems(): UserMenuItem[];
+}
+export default UserMenuItem;

package/dist/UserMenuItem.js

@@ -0,0 +1,53 @@
+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;
+};
+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";
+// Styles
+import userMenuItemCss from "./generated/themes/UserMenuItem.css.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * `ui5-user-menu-item` is the item to use inside a `ui5-user-menu`.
+ * An arbitrary hierarchy structure can be represented by recursively nesting menu items.
+ *
+ * ### Usage
+ *
+ * `ui5-user-menu-item` represents a node in a `ui5-user-menu`. The user menu itself is rendered as a list,
+ * and each `ui5-menu-item` is represented by a menu item in that menu. Therefore, you should only use
+ * `ui5-user-menu-item` directly in your apps. The `ui5-menu` menu item is internal for the menu, and not intended for public use.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/UserMenuItem.js";`
+ * @constructor
+ * @extends MenuItem
+ * @experimental
+ * @public
+ * @since 2.5.0
+ */
+let UserMenuItem = class UserMenuItem extends MenuItem {
+    get _menuItems() {
+        return this.items.filter(item => !item.isSeparator);
+    }
+};
+__decorate([
+    slot({ "default": true, type: HTMLElement, invalidateOnChildChange: true })
+], UserMenuItem.prototype, "items", void 0);
+UserMenuItem = __decorate([
+    customElement({
+        tag: "ui5-user-menu-item",
+        template: UserMenuItemTemplate,
+        styles: [MenuItem.styles, userMenuItemCss],
+        dependencies: [...MenuItem.dependencies],
+    })
+], UserMenuItem);
+UserMenuItem.define();
+export default UserMenuItem;
+//# sourceMappingURL=UserMenuItem.js.map

package/dist/UserMenuItem.js.map

@@ -0,0 +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"]}

package/dist/ViewSettingsDialog.d.ts

@@ -66,6 +66,13 @@ type VSDInternalSettings = {
  * @public
  */
 declare class ViewSettingsDialog extends UI5Element {
+    eventDetails: {
+        "confirm": ViewSettingsDialogConfirmEventDetail;
+        "cancel": ViewSettingsDialogCancelEventDetail;
+        "before-open": void;
+        "open": void;
+        "close": void;
+    };
     /**
      * Defines the initial sort order.
      * @default false

package/dist/ViewSettingsDialog.js

@@ -8,7 +8,7 @@ var ViewSettingsDialog_1;
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+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";
@@ -296,7 +296,7 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         else {
             this._restoreSettings(this._confirmedSettings);
         }
-        this.fireDecoratorEvent("before-open", {});
+        this.fireDecoratorEvent("before-open");
     }
     afterDialogOpen() {
         this._dialog?.querySelector("[ui5-list]")?.focusFirstItem();
@@ -572,28 +572,6 @@ ViewSettingsDialog = ViewSettingsDialog_1 = __decorate([
      */
     ,
     event("confirm", {
-        detail: {
-            /**
-             * @public
-             */
-            sortOrder: { type: String },
-            /**
-             * @public
-             */
-            sortBy: { type: String },
-            /**
-             * @public
-             */
-            sortByItem: { type: HTMLElement },
-            /**
-             * @public
-             */
-            sortDescending: { type: Boolean },
-            /**
-             * @public
-             */
-            filters: { type: Array },
-        },
         bubbles: true,
     })
     /**
@@ -607,28 +585,6 @@ ViewSettingsDialog = ViewSettingsDialog_1 = __decorate([
      */
     ,
     event("cancel", {
-        detail: {
-            /**
-             * @public
-             */
-            sortOrder: { type: String },
-            /**
-             * @public
-             */
-            sortBy: { type: String },
-            /**
-             * @public
-             */
-            sortByItem: { type: HTMLElement },
-            /**
-             * @public
-             */
-            sortDescending: { type: Boolean },
-            /**
-             * @public
-             */
-            filters: { type: Array },
-        },
         bubbles: true,
     })
     /**