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

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

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 (204) hide show

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 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"]}
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 from \"@ui5/webcomponents/dist/List.js\";\nimport 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 a user menu is open.\n * @public\n * @since 2.6.0\n /\n@event(\"open\")\n\n/\n Fired when a user menu is close.\n * @public\n * @since 2.6.0\n /\n@event(\"close\")\n\n/\n Fired when the \"Sign Out\" button is selected.\n * @public\n * @since 2.6.0\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\t\"open\": void;\n\t\t\"close\": void;\n\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_handlePopoverAfterOpen() {\n\t\tthis.fireDecoratorEvent(\"open\");\n\t}\n\n\t_handlePopoverAfterClose() {\n\t\tthis.open = false;\n\t\tthis.fireDecoratorEvent(\"close\");\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/UserMenuTemplate.js CHANGED Viewed

@@ -18,7 +18,7 @@ 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 ?
+    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, onOpen: this._handlePopoverAfterOpen, 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) })] })

package/dist/UserMenuTemplate.js.map CHANGED Viewed

	@@ -1 +1 @@
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<>\n\t\t\t\t\t<Bar class=\"ui5-pm-phone-header\" slot=\"header\">\n\t\t\t\t\t\t{this._manageAccountVisibleInHeader &&\n\t\t\t\t\t\t\t<Button icon={userSettings} onClick={this._handleManageAccountClick} slot=\"startContent\"></Button>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t{this._titleMovedToHeader &&\n\t\t\t\t\t\t\t<Title\n\t\t\t\t\t\t\t\tlevel=\"H1\"\n\t\t\t\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._selectedAccount.titleText}\n\t\t\t\t\t\t\t</Title>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={decline}\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\taccessibleName={this._closeDialogAriaLabel}\n\t\t\t\t\t\t\tonClick={this._closeUserMenu}\n\t\t\t\t\t\t\tslot=\"endContent\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Bar>\n\t\t\t\t\t<div class=\"ui5-pm-header\">\n\t\t\t\t\t\t{headerContent.call(this)}\n\t\t\t\t\t</div>\n\t\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"]}
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\tonOpen={this._handlePopoverAfterOpen}\n\t\t>\n\t\t\t{this._isPhone ?\n\t\t\t\t<>\n\t\t\t\t\t<Bar class=\"ui5-pm-phone-header\" slot=\"header\">\n\t\t\t\t\t\t{this._manageAccountVisibleInHeader &&\n\t\t\t\t\t\t\t<Button icon={userSettings} onClick={this._handleManageAccountClick} slot=\"startContent\"></Button>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t{this._titleMovedToHeader &&\n\t\t\t\t\t\t\t<Title\n\t\t\t\t\t\t\t\tlevel=\"H1\"\n\t\t\t\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._selectedAccount.titleText}\n\t\t\t\t\t\t\t</Title>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={decline}\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\taccessibleName={this._closeDialogAriaLabel}\n\t\t\t\t\t\t\tonClick={this._closeUserMenu}\n\t\t\t\t\t\t\tslot=\"endContent\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Bar>\n\t\t\t\t\t<div class=\"ui5-pm-header\">\n\t\t\t\t\t\t{headerContent.call(this)}\n\t\t\t\t\t</div>\n\t\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/css/themes/DynamicPage.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:~~110~~}:host{display:block;height:100%;background-color:var(--ui5-v2-6-0-rc-~~1_dynamic_page_background~~)}.ui5-dynamic-page-root{height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:.5rem;box-sizing:border-box;z-index:110;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_footer_spacer~~)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_footer_spacer~~)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header_background_color~~);box-sizing:content-box;width:auto;margin:0 .5rem .5rem}::slotted([slot="titleArea"]){width:auto}:host([media-range="S"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_content_padding_S~~)}:host([media-range="S"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_padding_S~~)}:host([media-range="S"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header_padding_S~~)}:host([media-range="M"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_content_padding_M~~)}:host([media-range="M"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_padding_M~~)}:host([media-range="M"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header_padding_M~~)}:host([media-range="L"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_content_padding_L~~)}:host([media-range="L"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_padding_L~~)}:host([media-range="L"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header_padding_L~~)}:host([media-range="XL"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_content_padding_XL~~)}:host([media-range="XL"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_padding_XL~~)}:host([media-range="XL"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header_padding_XL~~)}
1	+ .ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:98}:host{display:block;height:100%;background-color:var(--ui5-v2-6-0-rc-3_dynamic_page_background)}.ui5-dynamic-page-root{height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:.5rem;box-sizing:border-box;z-index:110;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5-v2-6-0-rc-3_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5-v2-6-0-rc-3_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5-v2-6-0-rc-3_dynamic_page_header_background_color);box-sizing:content-box;width:auto;margin:0 .5rem .5rem}::slotted([slot="titleArea"]){width:auto}:host([media-range="S"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_content_padding_S)}:host([media-range="S"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_padding_S)}:host([media-range="S"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_header_padding_S)}:host([media-range="M"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_content_padding_M)}:host([media-range="M"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_padding_M)}:host([media-range="M"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_header_padding_M)}:host([media-range="L"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_content_padding_L)}:host([media-range="L"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_padding_L)}:host([media-range="L"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_header_padding_L)}:host([media-range="XL"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_content_padding_XL)}:host([media-range="XL"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_padding_XL)}:host([media-range="XL"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_header_padding_XL)}

package/dist/css/themes/DynamicPageHeader.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{background-color:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header_background_color~~);display:block;box-shadow:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header~~-box-shadow)}.ui5-dynamic-page-header-root{background:inherit;padding-top:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header_padding_top~~);padding-bottom:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header_padding_bottom~~)}
1	+ :host{background-color:var(--_ui5-v2-6-0-rc-3_dynamic_page_header_background_color);display:block;box-shadow:var(--_ui5-v2-6-0-rc-3_dynamic_page_header-box-shadow)}.ui5-dynamic-page-header-root{background:inherit;padding-top:var(--_ui5-v2-6-0-rc-3_dynamic_page_header_padding_top);padding-bottom:var(--_ui5-v2-6-0-rc-3_dynamic_page_header_padding_bottom)}

package/dist/css/themes/DynamicPageHeaderActions.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-dynamic-page-header-actions-root{position:relative;display:flex;justify-content:center;align-items:center;width:100%;.ui5-dynamic-page-header-action{position:relative;z-index:1;min-width:1.5rem;height:1.5rem;background-color:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header~~-actions-background);border:1px solid var(--sapButton_BorderColor);box-shadow:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header~~-actions-box-shadow);color:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header~~-actions-color)}.ui5-dynamic-page-header-action-pin[pressed]{background-color:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header~~-actions-background-pressed);color:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header~~-actions-color-pressed)}.ui5-dynamic-page-header-actions--wrapper{position:absolute;display:flex;gap:.5rem;z-index:1;&:before,&:after{content:"";position:absolute;top:50%;transform:translateY(-100%);width:6.125rem;height:.0625rem;z-index:0}&:before{right:50%;background:linear-gradient(to right,transparent,var(--_ui5-v2-6-0-rc-~~1_dynamic_page_actions~~-lines-color))}&:after{left:50%;background:linear-gradient(to left,transparent,var(--_ui5-v2-6-0-rc-~~1_dynamic_page_actions~~-lines-color))}}}
1	+ .ui5-dynamic-page-header-actions-root{position:relative;display:flex;justify-content:center;align-items:center;width:100%;.ui5-dynamic-page-header-action{position:relative;z-index:1;min-width:1.5rem;height:1.5rem;background-color:var(--_ui5-v2-6-0-rc-3_dynamic_page_header-actions-background);border:1px solid var(--sapButton_BorderColor);box-shadow:var(--_ui5-v2-6-0-rc-3_dynamic_page_header-actions-box-shadow);color:var(--_ui5-v2-6-0-rc-3_dynamic_page_header-actions-color)}.ui5-dynamic-page-header-action-pin[pressed]{background-color:var(--_ui5-v2-6-0-rc-3_dynamic_page_header-actions-background-pressed);color:var(--_ui5-v2-6-0-rc-3_dynamic_page_header-actions-color-pressed)}.ui5-dynamic-page-header-actions--wrapper{position:absolute;display:flex;gap:.5rem;z-index:1;&:before,&:after{content:"";position:absolute;top:50%;transform:translateY(-100%);width:6.125rem;height:.0625rem;z-index:0}&:before{right:50%;background:linear-gradient(to right,transparent,var(--_ui5-v2-6-0-rc-3_dynamic_page_actions-lines-color))}&:after{left:50%;background:linear-gradient(to left,transparent,var(--_ui5-v2-6-0-rc-3_dynamic_page_actions-lines-color))}}}

package/dist/css/themes/DynamicPageTitle.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header_background_color~~);min-height:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_min_height~~);word-wrap:break-word;padding-top:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_padding_top~~);padding-bottom:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_padding_bottom~~);border-bottom:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_border~~)}:host(:not([interactive])){box-shadow:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_header~~-box-shadow)}:host .ui5-dynamic-page-title-root{display:inherit;flex-direction:inherit;width:inherit;height:inherit}:host:host([interactive]:hover),:host:host([interactive][hovered]){background-color:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_hover_background~~);cursor:pointer;border-bottom:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_hover_border~~)}:host([snapped]){box-shadow:var(--sapContent_HeaderShadow)}:host([has-snapped-title-on-mobile]){min-height:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_snapped_title_on_mobile_min_height~~);line-height:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_snapped_title_on_mobile_line_height~~)}::slotted([ui5-breadcrumbs][slot="breadcrumbs"]){padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_breadcrumbs_padding_top~~) 0 var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_breadcrumbs_padding_bottom~~) 0}::slotted([ui5-title][slot="heading"]),::slotted([ui5-title][slot="snappedHeading"]){font-family:var(--sapObjectHeader_Title_FontFamily);color:var(--sapObjectHeader_Title_TextColor);padding:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_heading_padding_top~~) 0 0 0;margin:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_heading_margin~~)}::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_FontSize)}::slotted([ui5-title][slot="snappedHeading"]),:host([snapped]) ::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_SnappedFontSize);text-overflow:ellipsis}::slotted([slot="content"]),::slotted([slot="snappedSubheading"]){color:var(--sapObjectHeader_Subtitle_TextColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_subheading_margin_top~~);min-width:0}::slotted([ui5-tag]){max-width:100%}::slotted([ui5-toolbar][slot="actionsBar"]){padding:0 0 0 1rem}.ui5-dynamic-page-title--wrapper{display:flex}.ui5-dynamic-page-title--heading{flex-shrink:1;min-width:1px}.ui5-dynamic-page--snapped-title-on-mobile{display:flex;justify-content:space-between;align-items:center;pointer-events:none}.ui5-dynamic-page-title--content{padding:.6rem 0 0 1rem;flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex}.ui5-dynamic-page-title--actions{flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex}.ui5-dynamic-page-title--actions ::slotted([slot="actionsBar"]){border:none;flex:1}.ui5-dynamic-page-title--actions .ui5-dynamic-page-title--actions-separator{flex:0 1;&:before{content:"";display:inline-block;height:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_actions_separator_height~~);width:.0625rem;vertical-align:middle;background:var(--sapToolbar_SeparatorColor);margin:.5rem .5rem 0 .25rem}}::slotted([slot="navigationBar"]){border:none;margin-left:auto;flex:0 1;padding-left:0;padding-right:0}.ui5-dynamic-page-title--top-area ::slotted([slot="navigationBar"]){flex:0 1.6 auto}.ui5-dynamic-page-title--top-area{display:flex;justify-content:space-between;align-items:center}.ui5-dynamic-page-title--subheading{max-width:fit-content;z-index:1}:host([desktop]:focus),.ui5-dynamic-page-title-focus-area:focus-visible{outline:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_focus_outline~~);outline-offset:var(--_ui5-v2-6-0-rc-~~1_dynamic_page_title_focus_outline_offset~~)}.ui5-dynamic-page-title-focus-area{outline:none;position:absolute;top:0;left:0;width:100%;height:100%}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--_ui5-v2-6-0-rc-3_dynamic_page_header_background_color);min-height:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_min_height);word-wrap:break-word;padding-top:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_padding_top);padding-bottom:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_padding_bottom);border-bottom:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_border)}:host(:not([interactive])){box-shadow:var(--_ui5-v2-6-0-rc-3_dynamic_page_header-box-shadow)}:host .ui5-dynamic-page-title-root{display:inherit;flex-direction:inherit;width:inherit;height:inherit}:host:host([interactive]:hover),:host:host([interactive][hovered]){background-color:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_hover_background);cursor:pointer;border-bottom:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_hover_border)}:host([snapped]){box-shadow:var(--sapContent_HeaderShadow)}:host([has-snapped-title-on-mobile]){min-height:var(--_ui5-v2-6-0-rc-3_dynamic_page_snapped_title_on_mobile_min_height);line-height:var(--_ui5-v2-6-0-rc-3_dynamic_page_snapped_title_on_mobile_line_height)}::slotted([ui5-breadcrumbs][slot="breadcrumbs"]){padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_breadcrumbs_padding_top) 0 var(--_ui5-v2-6-0-rc-3_dynamic_page_title_breadcrumbs_padding_bottom) 0}::slotted([ui5-title][slot="heading"]),::slotted([ui5-title][slot="snappedHeading"]){font-family:var(--sapObjectHeader_Title_FontFamily);color:var(--sapObjectHeader_Title_TextColor);padding:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_heading_padding_top) 0 0 0;margin:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_heading_margin)}::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_FontSize)}::slotted([ui5-title][slot="snappedHeading"]),:host([snapped]) ::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_SnappedFontSize);text-overflow:ellipsis}::slotted([slot="content"]),::slotted([slot="snappedSubheading"]){color:var(--sapObjectHeader_Subtitle_TextColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_subheading_margin_top);min-width:0}::slotted([ui5-tag]){max-width:100%}::slotted([ui5-toolbar][slot="actionsBar"]){padding:0 0 0 1rem}.ui5-dynamic-page-title--wrapper{display:flex}.ui5-dynamic-page-title--heading{flex-shrink:1;min-width:1px}.ui5-dynamic-page--snapped-title-on-mobile{display:flex;justify-content:space-between;align-items:center;pointer-events:none}.ui5-dynamic-page-title--content{padding:.6rem 0 0 1rem;flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex}.ui5-dynamic-page-title--actions{flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex}.ui5-dynamic-page-title--actions ::slotted([slot="actionsBar"]){border:none;flex:1}.ui5-dynamic-page-title--actions .ui5-dynamic-page-title--actions-separator{flex:0 1;&:before{content:"";display:inline-block;height:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_actions_separator_height);width:.0625rem;vertical-align:middle;background:var(--sapToolbar_SeparatorColor);margin:.5rem .5rem 0 .25rem}}::slotted([slot="navigationBar"]){border:none;margin-left:auto;flex:0 1;padding-left:0;padding-right:0}.ui5-dynamic-page-title--top-area ::slotted([slot="navigationBar"]){flex:0 1.6 auto}.ui5-dynamic-page-title--top-area{display:flex;justify-content:space-between;align-items:center}.ui5-dynamic-page-title--subheading{max-width:fit-content;z-index:1}:host([desktop]:focus),.ui5-dynamic-page-title-focus-area:focus-visible{outline:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_focus_outline);outline-offset:var(--_ui5-v2-6-0-rc-3_dynamic_page_title_focus_outline_offset)}.ui5-dynamic-page-title-focus-area{outline:none;position:absolute;top:0;left:0;width:100%;height:100%}

package/dist/css/themes/FlexibleColumnLayout.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5-v2-6-0-rc-~~1_fcl_solid_bg~~)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}:host([_resizing]) .ui5-fcl-column{pointer-events:none}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.ui5-fcl-column--hidden{display:none}.ui5-fcl-separator{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background);border-inline-start:var(--_ui5-v2-6-0-rc-~~1_fcl_column_border~~);border-inline-end:var(--_ui5-v2-6-0-rc-~~1_fcl_column_border~~);position:relative;box-sizing:border-box}.ui5-fcl-separator:focus{border:var(--_ui5-v2-6-0-rc-~~1_fcl_separator_focus_border~~);outline:none}.ui5-fcl-grip{cursor:col-resize;overflow:visible;z-index:1;color:var(--sapButton_TextColor);padding-top:.3125rem;padding-bottom:.3125rem}.ui5-fcl-grip:before{background-image:var(--_ui5-v2-6-0-rc-~~1_fcl_decoration_top~~);bottom:calc(50% + 1rem)}.ui5-fcl-grip:after{background-image:var(--_ui5-v2-6-0-rc-~~1_fcl_decoration_bottom~~);top:calc(50% + 1rem)}.ui5-fcl-grip:before,.ui5-fcl-grip:after{content:"";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-separator:hover .ui5-fcl-grip:before,.ui5-fcl-separator:hover .ui5-fcl-grip:after{height:calc(50% - 1rem)}[aria-hidden] ::slotted([slot="startColumn"]),[aria-hidden] ::slotted([slot="midColumn"]),[aria-hidden] ::slotted([slot="endColumn"]){visibility:hidden}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5-v2-6-0-rc-3_fcl_solid_bg)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}:host([_resizing]) .ui5-fcl-column{pointer-events:none}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.ui5-fcl-column--hidden{display:none}.ui5-fcl-separator{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background);border-inline-start:var(--_ui5-v2-6-0-rc-3_fcl_column_border);border-inline-end:var(--_ui5-v2-6-0-rc-3_fcl_column_border);position:relative;box-sizing:border-box}.ui5-fcl-separator:focus{border:var(--_ui5-v2-6-0-rc-3_fcl_separator_focus_border);outline:none}.ui5-fcl-grip{cursor:col-resize;overflow:visible;z-index:1;color:var(--sapButton_TextColor);padding-top:.3125rem;padding-bottom:.3125rem}.ui5-fcl-grip:before{background-image:var(--_ui5-v2-6-0-rc-3_fcl_decoration_top);bottom:calc(50% + 1rem)}.ui5-fcl-grip:after{background-image:var(--_ui5-v2-6-0-rc-3_fcl_decoration_bottom);top:calc(50% + 1rem)}.ui5-fcl-grip:before,.ui5-fcl-grip:after{content:"";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-separator:hover .ui5-fcl-grip:before,.ui5-fcl-separator:hover .ui5-fcl-grip:after{height:calc(50% - 1rem)}[aria-hidden] ::slotted([slot="startColumn"]),[aria-hidden] ::slotted([slot="midColumn"]),[aria-hidden] ::slotted([slot="endColumn"]){visibility:hidden}

package/dist/css/themes/MediaGallery.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{height:100%}:host,.ui5-media-gallery-display-wrapper,.ui5-media-gallery-display{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align="Top"]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout="Horizontal"]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout="Horizontal"]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="M"]) ul{width:10rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="L"]) ul{width:15rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="XL"]) ul{width:20rem}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow [ui5-button]{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v2-6-0-rc-~~1_media_gallery_overflow_btn_background~~);color:var(--_ui5-v2-6-0-rc-~~1_media_gallery_overflow_btn_color~~);border:var(--_ui5-v2-6-0-rc-~~1_media_gallery_overflow_btn_border~~)}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow{margin:0 0 0 1rem}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnail,:host([menu-vertical-align="Top"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-overflow{margin:1rem 1rem 0 0}
1	+ :host{height:100%}:host,.ui5-media-gallery-display-wrapper,.ui5-media-gallery-display{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align="Top"]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout="Horizontal"]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout="Horizontal"]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="M"]) ul{width:10rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="L"]) ul{width:15rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="XL"]) ul{width:20rem}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow [ui5-button]{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v2-6-0-rc-3_media_gallery_overflow_btn_background);color:var(--_ui5-v2-6-0-rc-3_media_gallery_overflow_btn_color);border:var(--_ui5-v2-6-0-rc-3_media_gallery_overflow_btn_border)}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow{margin:0 0 0 1rem}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnail,:host([menu-vertical-align="Top"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-overflow{margin:1rem 1rem 0 0}

package/dist/css/themes/MediaGalleryItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout="Wide"]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-6-0-rc-~~1_media_gallery_thumbnail_border~~);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}.ui5-media-gallery-item-root:focus{outline:var(--_ui5-v2-6-0-rc-~~1_media_gallery_thumbnail_focus_outline~~);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-6-0-rc-~~1_media_gallery_thumbnail_selected_border~~)}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root:focus{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout="Wide"]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout="Wide"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5-v2-6-0-rc-~~1_media_gallery_item_overlay_box_shadow~~);pointer-events:none}:host(:not([_thumbnail-design])[layout="Wide"]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout="Wide"]) ::slotted(){width:100%;height:100%;object-fit:cover}::slotted(){max-width:100%;max-height:100%;object-fit:contain;margin:auto}
1	+ :host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout="Wide"]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-6-0-rc-3_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}.ui5-media-gallery-item-root:focus{outline:var(--_ui5-v2-6-0-rc-3_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-6-0-rc-3_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root:focus{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout="Wide"]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout="Wide"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5-v2-6-0-rc-3_media_gallery_item_overlay_box_shadow);pointer-events:none}:host(:not([_thumbnail-design])[layout="Wide"]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout="Wide"]) ::slotted(){width:100%;height:100%;object-fit:cover}::slotted(){max-width:100%;max-height:100%;object-fit:contain;margin:auto}

package/dist/css/themes/NotificationListGroupItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-6-0-rc-~~1_list_item_base_height~~);background:var(--ui5-v2-6-0-rc-1-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-6-0-rc-1-notification_item-state-icon-padding)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{width:100%}.ui5-nli-group-content-wrapper{position:relative;box-sizing:border-box;width:100%;display:flex;flex-direction:column}[ui5-busy-indicator]{width:100%}.ui5-nli-group-header{height:2.75rem;position:sticky;top:0;z-index:90;background:var(--sapList_GroupHeaderBackground);display:flex;align-items:center;padding-inline:var(--_ui5-v2-6-0-rc-1-notification_group_header-padding);width:100%;border-bottom:var(--_ui5-v2-6-0-rc-1-notification_group_header-border-bottom-width) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:pointer;margin-bottom:var(--_ui5-v2-6-0-rc-1-notification_group_header-margin-expanded)}.ui5-nli-group-header[expanded=false]{margin-bottom:var(--_ui5-v2-6-0-rc-1-notification_group_header-margin)}:host([desktop]) .ui5-nli-focusable.ui5-nli-group-root:focus .ui5-nli-group-header:before,.ui5-nli-focusable.ui5-nli-group-root:focus-visible .ui5-nli-group-header:before{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:var(--_ui5-v2-6-0-rc-1-notification_group_header-margin);bottom:var(--_ui5-v2-6-0-rc-1-notification_group_header-margin);left:0;right:0;pointer-events:none}:host([desktop]) .ui5-nli-focusable.ui5-nli-group-root:focus .ui5-nli-group-header[expanded=false]:before,.ui5-nli-focusable.ui5-nli-group-root:focus-visible .ui5-nli-group-header[expanded=false]:before{margin-bottom:var(--_ui5-v2-6-0-rc-1-notification_group_header-margin)}.ui5-nli-group-toggle-icon{min-width:1rem;min-height:1rem;margin-inline:.5rem;color:var(--sapContent_IconColor)}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontHeader5Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2rem;margin-inline-start:.75rem}.ui5-nli-group-divider{flex:1}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}[ui5-notification-group-list]::part(growing-button){border:none}[ui5-notification-group-list]::part(growing-button-inner){margin:var(--_ui5-v2-6-0-rc-1-notification_item-margin);border:var(--_ui5-v2-6-0-rc-1-notification_item-border-top-left-right);border-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius)}[ui5-notification-group-list]::part(growing-button-inner){border-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius)}[ui5-notification-group-list]::part(growing-button-inner):focus,[ui5-notification-group-list]::part(growing-button-inner):focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v2-6-0-rc-1-notification_item-outline-offset)}[ui5-notification-group-list]::part(growing-button-inner):focus:active,[ui5-notification-group-list]::part(growing-button-inner):focus-visible:active{background-color:var(--_ui5-v2-6-0-rc-1-notification_item-growing-btn-background-color-active);border-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius);border:var(--_ui5-v2-6-0-rc-1-notification_item-border-active)}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-6-0-rc-3_list_item_base_height);background:var(--ui5-v2-6-0-rc-3-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-6-0-rc-3-notification_item-state-icon-padding)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{width:100%}.ui5-nli-group-content-wrapper{position:relative;box-sizing:border-box;width:100%;display:flex;flex-direction:column}[ui5-busy-indicator]{width:100%}.ui5-nli-group-header{height:2.75rem;position:sticky;top:0;z-index:90;background:var(--sapList_GroupHeaderBackground);display:flex;align-items:center;padding-inline:var(--_ui5-v2-6-0-rc-3-notification_group_header-padding);width:100%;border-bottom:var(--_ui5-v2-6-0-rc-3-notification_group_header-border-bottom-width) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:pointer;margin-bottom:var(--_ui5-v2-6-0-rc-3-notification_group_header-margin-expanded)}.ui5-nli-group-header[expanded=false]{margin-bottom:var(--_ui5-v2-6-0-rc-3-notification_group_header-margin)}:host([desktop]) .ui5-nli-focusable.ui5-nli-group-root:focus .ui5-nli-group-header:before,.ui5-nli-focusable.ui5-nli-group-root:focus-visible .ui5-nli-group-header:before{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:var(--_ui5-v2-6-0-rc-3-notification_group_header-margin);bottom:var(--_ui5-v2-6-0-rc-3-notification_group_header-margin);left:0;right:0;pointer-events:none}:host([desktop]) .ui5-nli-focusable.ui5-nli-group-root:focus .ui5-nli-group-header[expanded=false]:before,.ui5-nli-focusable.ui5-nli-group-root:focus-visible .ui5-nli-group-header[expanded=false]:before{margin-bottom:var(--_ui5-v2-6-0-rc-3-notification_group_header-margin)}.ui5-nli-group-toggle-icon{min-width:1rem;min-height:1rem;margin-inline:.5rem;color:var(--sapContent_IconColor)}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontHeader5Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2rem;margin-inline-start:.75rem}.ui5-nli-group-divider{flex:1}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}[ui5-notification-group-list]::part(growing-button){border:none}[ui5-notification-group-list]::part(growing-button-inner){margin:var(--_ui5-v2-6-0-rc-3-notification_item-margin);border:var(--_ui5-v2-6-0-rc-3-notification_item-border-top-left-right);border-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius)}[ui5-notification-group-list]::part(growing-button-inner){border-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius)}[ui5-notification-group-list]::part(growing-button-inner):focus,[ui5-notification-group-list]::part(growing-button-inner):focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v2-6-0-rc-3-notification_item-outline-offset)}[ui5-notification-group-list]::part(growing-button-inner):focus:active,[ui5-notification-group-list]::part(growing-button-inner):focus-visible:active{background-color:var(--_ui5-v2-6-0-rc-3-notification_item-growing-btn-background-color-active);border-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius);border:var(--_ui5-v2-6-0-rc-3-notification_item-border-active)}

package/dist/css/themes/NotificationListItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-6-0-rc-~~1_list_item_base_height~~);background:var(--ui5-v2-6-0-rc-1-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-6-0-rc-1-notification_item-state-icon-padding)}:host(:not([wrapping-type="Normal"])) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type="Normal"])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius)}:host([has-border]){border-bottom:var(--_ui5-v2-6-0-rc-1-notification_item-border-bottom)}:host([ui5-li-notification]){margin:var(--_ui5-v2-6-0-rc-1-notification_item-margin);border-left:var(--_ui5-v2-6-0-rc-1-notification_item-border-top-left-right);border-right:var(--_ui5-v2-6-0-rc-1-notification_item-border-top-left-right);border-top:var(--_ui5-v2-6-0-rc-1-notification_item-border-top-left-right);border-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius)}.ui5-nli-root{position:relative;width:100%;box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius);border:1px solid transparent}.ui5-nli-root:hover{background-color:var(--_ui5-v2-6-0-rc-1-notification_item-background-color-hover);border-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius)}:host([desktop]) .ui5-nli-root:focus:active,.ui5-nli-root:focus-visible:active{background-color:var(--_ui5-v2-6-0-rc-1-notification_item-background-color-active);border-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius);border:var(--_ui5-v2-6-0-rc-1-notification_item-border-active)}.ui5-nli-content-wrapper{width:100%;display:flex;flex-direction:row-reverse;padding-inline:var(--_ui5-v2-6-0-rc-1-notification_item-root-padding-inline);padding-block:1rem;position:relative;box-sizing:border-box}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:var(--_ui5-v2-6-0-rc-1-notification_item-content-padding);font-family:"72override",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-content.ui5-nli-content-with-importance{margin-bottom:2rem}.ui5-nli-actions{position:absolute;top:.5rem;right:.5rem}:dir(rtl) .ui5-nli-actions{left:.5rem;right:auto}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:var(--_ui5-v2-6-0-rc-1-notification_item-title-margin-bottom);box-sizing:border-box;color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-two-buttons .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-6-0-rc-1-notification_item-title-padding-end-two-buttons)}.ui5-nli-one-button .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-6-0-rc-1-notification_item-title-padding-end-one-button)}.ui5-nli-description{display:flex;margin-top:var(--_ui5-v2-6-0-rc-1-notification_item-description-margin-top);color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-6-0-rc-1-notification_item-footer-margin-top);box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footnotes{display:flex}.ui5-nli-footer-showMore{margin-inline-start:1rem}.ui5-nli-importance{width:fit-content;position:absolute;bottom:1rem}::slotted([slot^="footnotes"]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-menu-btn{margin-inline-end:.125rem}:host([desktop]) .ui5-nli-focusable:not(.ui5-nli-group-root):focus:after,.ui5-nli-focusable:not(.ui5-nli-group-root):focus-visible:after{border-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius);top:var(--_ui5-v2-6-0-rc-1-notification_item-focus-offset);right:var(--_ui5-v2-6-0-rc-1-notification_item-focus-offset);bottom:var(--_ui5-v2-6-0-rc-1-notification_item-focus-offset);left:var(--_ui5-v2-6-0-rc-1-notification_item-focus-offset)}[ui5-busy-indicator]{width:100%;border-radius:var(--_ui5-v2-6-0-rc-1-notification_item-border-radius)}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-6-0-rc-3_list_item_base_height);background:var(--ui5-v2-6-0-rc-3-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-6-0-rc-3-notification_item-state-icon-padding)}:host(:not([wrapping-type="Normal"])) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type="Normal"])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius)}:host([has-border]){border-bottom:var(--_ui5-v2-6-0-rc-3-notification_item-border-bottom)}:host([ui5-li-notification]){margin:var(--_ui5-v2-6-0-rc-3-notification_item-margin);border-left:var(--_ui5-v2-6-0-rc-3-notification_item-border-top-left-right);border-right:var(--_ui5-v2-6-0-rc-3-notification_item-border-top-left-right);border-top:var(--_ui5-v2-6-0-rc-3-notification_item-border-top-left-right);border-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius)}.ui5-nli-root{position:relative;width:100%;box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius);border:1px solid transparent}.ui5-nli-root:hover{background-color:var(--_ui5-v2-6-0-rc-3-notification_item-background-color-hover);border-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius)}:host([desktop]) .ui5-nli-root:focus:active,.ui5-nli-root:focus-visible:active{background-color:var(--_ui5-v2-6-0-rc-3-notification_item-background-color-active);border-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius);border:var(--_ui5-v2-6-0-rc-3-notification_item-border-active)}.ui5-nli-content-wrapper{width:100%;display:flex;flex-direction:row-reverse;padding-inline:var(--_ui5-v2-6-0-rc-3-notification_item-root-padding-inline);padding-block:1rem;position:relative;box-sizing:border-box}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:var(--_ui5-v2-6-0-rc-3-notification_item-content-padding);font-family:"72override",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-content.ui5-nli-content-with-importance{margin-bottom:2rem}.ui5-nli-actions{position:absolute;top:.5rem;right:.5rem}:dir(rtl) .ui5-nli-actions{left:.5rem;right:auto}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:var(--_ui5-v2-6-0-rc-3-notification_item-title-margin-bottom);box-sizing:border-box;color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-two-buttons .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-6-0-rc-3-notification_item-title-padding-end-two-buttons)}.ui5-nli-one-button .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-6-0-rc-3-notification_item-title-padding-end-one-button)}.ui5-nli-description{display:flex;margin-top:var(--_ui5-v2-6-0-rc-3-notification_item-description-margin-top);color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-6-0-rc-3-notification_item-footer-margin-top);box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footnotes{display:flex}.ui5-nli-footer-showMore{margin-inline-start:1rem}.ui5-nli-importance{width:fit-content;position:absolute;bottom:1rem}::slotted([slot^="footnotes"]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-menu-btn{margin-inline-end:.125rem}:host([desktop]) .ui5-nli-focusable:not(.ui5-nli-group-root):focus:after,.ui5-nli-focusable:not(.ui5-nli-group-root):focus-visible:after{border-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius);top:var(--_ui5-v2-6-0-rc-3-notification_item-focus-offset);right:var(--_ui5-v2-6-0-rc-3-notification_item-focus-offset);bottom:var(--_ui5-v2-6-0-rc-3-notification_item-focus-offset);left:var(--_ui5-v2-6-0-rc-3-notification_item-focus-offset)}[ui5-busy-indicator]{width:100%;border-radius:var(--_ui5-v2-6-0-rc-3-notification_item-border-radius)}

package/dist/css/themes/NotificationListItemBase.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-6-0-rc-~~1_list_item_base_height~~);background:var(--ui5-v2-6-0-rc-1-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-6-0-rc-3_list_item_base_height);background:var(--ui5-v2-6-0-rc-3-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}

package/dist/css/themes/NotificationStateIcon.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-6-0-rc-1-notification_item-state-icon-padding)}
1	+ .ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-6-0-rc-3-notification_item-state-icon-padding)}

package/dist/css/themes/Page.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host(:not([hidden])){width:100%;height:100%;display:block;container-type:size}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box;font-size:var(--sapFontSize);color:var(--sapTextColor)}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host(:not([fixed-footer])) .ui5-page-footer-root{opacity:1;bottom:.5rem}::slotted([ui5-bar][design="FloatingFooter"]){margin:auto;padding:0}@container (max-width: 599px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 1rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][design="Footer"]){box-sizing:border-box;padding:0 .25rem}::slotted([ui5-bar][design="FloatingFooter"]){width:calc(100% - .5rem)}}@container (min-width: 600px) and (max-width: 1023px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 2rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 1.25rem}::slotted([ui5-bar][design="FloatingFooter"]){width:calc(100% - 2.5rem)}}@container (min-width: 1024px) and (max-width: 1439px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 2rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 1.25rem}::slotted([ui5-bar][design="FloatingFooter"]){width:calc(100% - 2.5rem)}}@container (min-width: 1440px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 3rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 2.25rem}::slotted([ui5-bar][design="FloatingFooter"]){width:calc(100% - 4.5rem)}}:host([no-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer][fixed-footer]) .ui5-page-footer-root{display:none}:host(:not([fixed-footer]):not([hide-footer])) .ui5-page-footer-root{animation:bounceShow var(--_ui5-v2-6-0-rc-1-page-animation-duration) forwards ease-in-out}:host(:not([fixed-footer])[hide-footer]) .ui5-page-footer-root{animation:bounceHide var(--_ui5-v2-6-0-rc-1-page-animation-duration) forwards ease-in-out}:host([background-design="Solid"]){background-color:var(--sapBackgroundColor)}:host([background-design="Transparent"]){background-color:var(--_ui5-v2-6-0-rc-~~1_page_transparent_bg~~)}:host([background-design="List"]){background-color:var(--_ui5-v2-6-0-rc-~~1_page_list_bg~~)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}
1	+ :host(:not([hidden])){width:100%;height:100%;display:block;container-type:size}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box;font-size:var(--sapFontSize);color:var(--sapTextColor)}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host(:not([fixed-footer])) .ui5-page-footer-root{opacity:1;bottom:.5rem}::slotted([ui5-bar][design="FloatingFooter"]){margin:auto;padding:0}@container (max-width: 599px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 1rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][design="Footer"]){box-sizing:border-box;padding:0 .25rem}::slotted([ui5-bar][design="FloatingFooter"]){width:calc(100% - .5rem)}}@container (min-width: 600px) and (max-width: 1023px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 2rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 1.25rem}::slotted([ui5-bar][design="FloatingFooter"]){width:calc(100% - 2.5rem)}}@container (min-width: 1024px) and (max-width: 1439px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 2rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 1.25rem}::slotted([ui5-bar][design="FloatingFooter"]){width:calc(100% - 2.5rem)}}@container (min-width: 1440px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 3rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 2.25rem}::slotted([ui5-bar][design="FloatingFooter"]){width:calc(100% - 4.5rem)}}:host([no-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer][fixed-footer]) .ui5-page-footer-root{display:none}:host(:not([fixed-footer]):not([hide-footer])) .ui5-page-footer-root{animation:bounceShow var(--_ui5-v2-6-0-rc-3-page-animation-duration) forwards ease-in-out}:host(:not([fixed-footer])[hide-footer]) .ui5-page-footer-root{animation:bounceHide var(--_ui5-v2-6-0-rc-3-page-animation-duration) forwards ease-in-out}:host([background-design="Solid"]){background-color:var(--sapBackgroundColor)}:host([background-design="Transparent"]){background-color:var(--_ui5-v2-6-0-rc-3_page_transparent_bg)}:host([background-design="List"]){background-color:var(--_ui5-v2-6-0-rc-3_page_list_bg)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}

package/dist/css/themes/ProductSwitchItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{width:var(--_ui5-v2-6-0-rc-~~1_product_switch_item_width~~);height:var(--_ui5-v2-6-0-rc-~~1_product_switch_item_height~~);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]) .ui5-product-switch-item-root{background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover) .ui5-product-switch-item-root{background:var(--sapList_Hover_Background)}:host([selected]:hover) .ui5-product-switch-item-root{background:var(--sapList_Hover_SelectionBackground)}:host([active]) .ui5-product-switch-item-root,:host([selected][active]) .ui5-product-switch-item-root{background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{color:var(--sapList_Active_TextColor)}:host([desktop]) .ui5-product-switch-item-root:focus,.ui5-product-switch-item-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v2-6-0-rc-~~1_product_switch_item_outline_offset~~)}:host([desktop][active]) .ui5-product-switch-item-root:focus,:host([active]) .ui5-product-switch-item-root:focus-visible{outline-color:var(--_ui5-v2-6-0-rc-~~1_product_switch_item_active_outline_color~~)}.ui5-product-switch-item-root{user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:4rem .5rem .5rem;cursor:pointer;border:var(--_ui5-v2-6-0-rc-~~1_product_switch_item_border~~)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var( --sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var( --sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width: 600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}
1	+ :host{width:var(--_ui5-v2-6-0-rc-3_product_switch_item_width);height:var(--_ui5-v2-6-0-rc-3_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]) .ui5-product-switch-item-root{background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover) .ui5-product-switch-item-root{background:var(--sapList_Hover_Background)}:host([selected]:hover) .ui5-product-switch-item-root{background:var(--sapList_Hover_SelectionBackground)}:host([active]) .ui5-product-switch-item-root,:host([selected][active]) .ui5-product-switch-item-root{background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{color:var(--sapList_Active_TextColor)}:host([desktop]) .ui5-product-switch-item-root:focus,.ui5-product-switch-item-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v2-6-0-rc-3_product_switch_item_outline_offset)}:host([desktop][active]) .ui5-product-switch-item-root:focus,:host([active]) .ui5-product-switch-item-root:focus-visible{outline-color:var(--_ui5-v2-6-0-rc-3_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:4rem .5rem .5rem;cursor:pointer;border:var(--_ui5-v2-6-0-rc-3_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var( --sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var( --sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width: 600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}

package/dist/css/themes/ShellBar.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;width:100%;background:var(--sapShellColor);box-sizing:border-box}:host{--_ui5-v2-6-0-rc-1_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5-v2-6-0-rc-1_input_border_radius: var(--_ui5-v2-6-0-rc-1_shellbar_input_border_radius);--_ui5-v2-6-0-rc-1_input_focus_border_radius: var(--_ui5-v2-6-0-rc-1_shellbar_input_focus_border_radius);--_ui5-v2-6-0-rc-1_input_background_color: var(--_ui5-v2-6-0-rc-1_shellbar_input_background_color);--_ui5-v2-6-0-rc-1_input_focus_outline_color: var(--_ui5-v2-6-0-rc-1_shellbar_input_focus_outline_color);--_ui5-v2-6-0-rc-1_input_margin_top_bottom: 0}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;height:var(--_ui5-v2-6-0-rc-1_shellbar_root_height);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-menu-button,.ui5-shellbar-button,.ui5-shellbar-image-button,::slotted([ui5-toggle-button]),::slotted([ui5-button]){height:2.25rem;padding:0;margin-inline-start:.5rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5-v2-6-0-rc-1_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-6-0-rc-1_shellbar_button_border_radius);position:relative;font-size:.75rem;font-weight:700;white-space:initial;overflow:initial;text-overflow:initial;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}::slotted([ui5-button][slot="startButton"]){margin-inline-start:0}::slotted([ui5-toggle-button]:hover),::slotted([ui5-button]:hover),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor)}::slotted([ui5-toggle-button][slot="assistant"][pressed]),::slotted([ui5-toggle-button][slot="assistant"][pressed]:hover:not([active])){color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-toggle-button][active]),::slotted([ui5-button][active]),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,.ui5-shellbar-button[active],.ui5-shellbar-image-button:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5-v2-6-0-rc-1_shellbar_button_active_color)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5-v2-6-0-rc-1_shellbar_logo_outline);outline-offset:var(--_ui5-v2-6-0-rc-1_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot="profile"]){min-width:0;width:2rem;height:2rem;min-height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:"72override",var(--sapFontFamily);margin:0;font-size:var(--_ui5-v2-6-0-rc-1_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_TextColor)}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:var(--_ui5-v2-6-0-rc-1_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}.ui5-shellbar-mid-content{height:var(--_ui5-v2-6-0-rc-1_shellbar_overflow_container_middle_height);width:33.4%}.ui5-shellbar-overflow-container-left:has(+.ui5-shellbar-mid-content){width:33.3%}.ui5-shellbar-mid-content+.ui5-shellbar-overflow-container-right{width:33.3%}:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-middle{width:35rem}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-left{flex-shrink:0}:host([breakpoint-size="S"]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size="S"]){padding:0 1rem}:host([breakpoint-size="S"]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size="M"]){padding:0 2rem}:host([breakpoint-size="M"]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size="L"]){padding:0 2rem}:host([breakpoint-size="XL"]){padding:0 3rem}:host([breakpoint-size="XXL"]){padding:0 3rem}.ui5-shellbar-logo{cursor:pointer;padding:.25rem;max-height:2rem}:host([desktop]) .ui5-shellbar-logo:focus,.ui5-shellbar-logo:focus-visible{outline:var(--_ui5-v2-6-0-rc-1_shellbar_logo_outline);outline-offset:var(--_ui5-v2-6-0-rc-1_shellbar_logo_outline_offset);border-radius:var(--_ui5-v2-6-0-rc-1_shellbar_logo_border_radius)}.ui5-shellbar-logo:hover{box-shadow:var(--_ui5-v2-6-0-rc-1_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-6-0-rc-1_shellbar_logo_border_radius)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{box-shadow:var(--_ui5-v2-6-0-rc-1_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{box-shadow:var(--_ui5-v2-6-0-rc-1_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-button{--_ui5-v2-6-0-rc-1_button_focused_border: var(--_ui5-v2-6-0-rc-1_shellbar_button_focused_border);width:2.5rem}.ui5-shellbar-search-button{--_ui5-v2-6-0-rc-1_button_focused_border_radius: var(--_ui5-v2-6-0-rc-1_shellbar_search_button_border_radius);--_ui5-v2-6-0-rc-1_shellbar_button_border_radius: var(--_ui5-v2-6-0-rc-1_shellbar_search_button_border_radius);height:var(--_ui5-v2-6-0-rc-1_shellbar_search_button_size);width:var(--_ui5-v2-6-0-rc-1_shellbar_search_button_size);min-width:var(--_ui5-v2-6-0-rc-1_shellbar_search_button_size)}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{padding:0 .125rem;justify-content:flex-start;margin-inline-end:.5rem;max-width:75%;flex-shrink:1;flex-grow:0}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 18.25rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5-v2-6-0-rc-1_shellbar_button_border);color:var(--sapShell_TextColor)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{padding:0 .125rem;display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1 1 auto;max-width:100%}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{padding-inline-start:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center}.ui5-shellbar-overflow-container-right-child .ui5-shellbar-button[data-count]:has(+.ui5-shellbar-overflow-button):before{inset-inline-end:var(--_ui5-v2-6-0-rc-1-shellbar-notification-btn-count-offset)}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size="M"]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size="S"]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-right{padding-inline-start:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}:host([breakpoint-size="L"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{padding-inline-start:1rem}:host([breakpoint-size="XL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{padding-inline-start:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before,.ui5-shellbar-button[data-count]:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5-v2-6-0-rc-1_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:-.25rem;right:-.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:"72override",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count);inset-inline-end:var(--_ui5-v2-6-0-rc-1-shellbar-notification-btn-count-offset)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{align-items:center;flex-grow:1;min-width:240px;margin-inline-start:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5-v2-6-0-rc-1_shellbar_search_field_background);border:var(--_ui5-v2-6-0-rc-1_shellbar_search_field_border);box-shadow:var(--_ui5-v2-6-0-rc-1_shellbar_search_field_box_shadow);color:var(--_ui5-v2-6-0-rc-1_shellbar_search_field_color);height:2.25rem;width:100%}::slotted([ui5-input]:hover){background:var(--_ui5-v2-6-0-rc-1_shellbar_search_field_background_hover);box-shadow:var(--_ui5-v2-6-0-rc-1_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5-v2-6-0-rc-1_shellbar_search_field_outline_focused)}::slotted([slot="logo"]){max-height:2rem;pointer-events:none}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-coPilot-pressed,.ui5-shellbar-coPilot-pressed:hover{color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-button][slot="startButton"]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;width:100%;background:var(--sapShellColor);box-sizing:border-box}:host{--_ui5-v2-6-0-rc-3_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5-v2-6-0-rc-3_input_border_radius: var(--_ui5-v2-6-0-rc-3_shellbar_input_border_radius);--_ui5-v2-6-0-rc-3_input_focus_border_radius: var(--_ui5-v2-6-0-rc-3_shellbar_input_focus_border_radius);--_ui5-v2-6-0-rc-3_input_background_color: var(--_ui5-v2-6-0-rc-3_shellbar_input_background_color);--_ui5-v2-6-0-rc-3_input_focus_outline_color: var(--_ui5-v2-6-0-rc-3_shellbar_input_focus_outline_color);--_ui5-v2-6-0-rc-3_input_margin_top_bottom: 0}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;height:var(--_ui5-v2-6-0-rc-3_shellbar_root_height);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-menu-button,.ui5-shellbar-button,.ui5-shellbar-image-button,::slotted([ui5-toggle-button]),::slotted([ui5-button]){height:2.25rem;padding:0;margin-inline-start:.5rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5-v2-6-0-rc-3_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-6-0-rc-3_shellbar_button_border_radius);position:relative;font-size:.75rem;font-weight:700;white-space:initial;overflow:initial;text-overflow:initial;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}::slotted([ui5-button][slot="startButton"]){margin-inline-start:0}::slotted([ui5-toggle-button]:hover),::slotted([ui5-button]:hover),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor)}::slotted([ui5-toggle-button][slot="assistant"][pressed]),::slotted([ui5-toggle-button][slot="assistant"][pressed]:hover:not([active])){color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-toggle-button][active]),::slotted([ui5-button][active]),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,.ui5-shellbar-button[active],.ui5-shellbar-image-button:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5-v2-6-0-rc-3_shellbar_button_active_color)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5-v2-6-0-rc-3_shellbar_logo_outline);outline-offset:var(--_ui5-v2-6-0-rc-3_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot="profile"]){min-width:0;width:2rem;height:2rem;min-height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:"72override",var(--sapFontFamily);margin:0;font-size:var(--_ui5-v2-6-0-rc-3_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_TextColor)}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:var(--_ui5-v2-6-0-rc-3_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}.ui5-shellbar-mid-content{height:var(--_ui5-v2-6-0-rc-3_shellbar_overflow_container_middle_height);width:33.4%}.ui5-shellbar-overflow-container-left:has(+.ui5-shellbar-mid-content){width:33.3%}.ui5-shellbar-mid-content+.ui5-shellbar-overflow-container-right{width:33.3%}:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-middle{width:35rem}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-left{flex-shrink:0}:host([breakpoint-size="S"]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size="S"]){padding:0 1rem}:host([breakpoint-size="S"]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size="M"]){padding:0 2rem}:host([breakpoint-size="M"]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size="L"]){padding:0 2rem}:host([breakpoint-size="XL"]){padding:0 3rem}:host([breakpoint-size="XXL"]){padding:0 3rem}.ui5-shellbar-logo{cursor:pointer;padding:.25rem;max-height:2rem}:host([desktop]) .ui5-shellbar-logo:focus,.ui5-shellbar-logo:focus-visible{outline:var(--_ui5-v2-6-0-rc-3_shellbar_logo_outline);outline-offset:var(--_ui5-v2-6-0-rc-3_shellbar_logo_outline_offset);border-radius:var(--_ui5-v2-6-0-rc-3_shellbar_logo_border_radius)}.ui5-shellbar-logo:hover{box-shadow:var(--_ui5-v2-6-0-rc-3_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-6-0-rc-3_shellbar_logo_border_radius)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{box-shadow:var(--_ui5-v2-6-0-rc-3_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{box-shadow:var(--_ui5-v2-6-0-rc-3_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-button{--_ui5-v2-6-0-rc-3_button_focused_border: var(--_ui5-v2-6-0-rc-3_shellbar_button_focused_border);width:2.5rem}.ui5-shellbar-search-button{--_ui5-v2-6-0-rc-3_button_focused_border_radius: var(--_ui5-v2-6-0-rc-3_shellbar_search_button_border_radius);--_ui5-v2-6-0-rc-3_shellbar_button_border_radius: var(--_ui5-v2-6-0-rc-3_shellbar_search_button_border_radius);height:var(--_ui5-v2-6-0-rc-3_shellbar_search_button_size);width:var(--_ui5-v2-6-0-rc-3_shellbar_search_button_size);min-width:var(--_ui5-v2-6-0-rc-3_shellbar_search_button_size)}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{padding:0 .125rem;justify-content:flex-start;margin-inline-end:.5rem;max-width:75%;flex-shrink:1;flex-grow:0}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 18.25rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5-v2-6-0-rc-3_shellbar_button_border);color:var(--sapShell_TextColor)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{padding:0 .125rem;display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1 1 auto;max-width:100%}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{padding-inline-start:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center}.ui5-shellbar-overflow-container-right-child .ui5-shellbar-button[data-count]:has(+.ui5-shellbar-overflow-button):before{inset-inline-end:var(--_ui5-v2-6-0-rc-3-shellbar-notification-btn-count-offset)}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size="M"]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size="S"]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-right{padding-inline-start:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}:host([breakpoint-size="L"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{padding-inline-start:1rem}:host([breakpoint-size="XL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{padding-inline-start:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before,.ui5-shellbar-button[data-count]:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5-v2-6-0-rc-3_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:-.25rem;right:-.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:"72override",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count);inset-inline-end:var(--_ui5-v2-6-0-rc-3-shellbar-notification-btn-count-offset)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{align-items:center;flex-grow:1;min-width:240px;margin-inline-start:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5-v2-6-0-rc-3_shellbar_search_field_background);border:var(--_ui5-v2-6-0-rc-3_shellbar_search_field_border);box-shadow:var(--_ui5-v2-6-0-rc-3_shellbar_search_field_box_shadow);color:var(--_ui5-v2-6-0-rc-3_shellbar_search_field_color);height:2.25rem;width:100%}::slotted([ui5-input]:hover){background:var(--_ui5-v2-6-0-rc-3_shellbar_search_field_background_hover);box-shadow:var(--_ui5-v2-6-0-rc-3_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5-v2-6-0-rc-3_shellbar_search_field_outline_focused)}::slotted([slot="logo"]){max-height:2rem;pointer-events:none}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-coPilot-pressed,.ui5-shellbar-coPilot-pressed:hover{color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-button][slot="startButton"]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}

package/dist/css/themes/SideNavigation.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host(:not([hidden])){display:inline-block;height:100%;min-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_width~~);width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_width~~);max-width:100%;transition:width .3s,min-width .3s;box-shadow:var(--_ui5-v2-6-0-rc-~~1_side_navigation_box_shadow~~);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);background:var(--sapList_Background)}:host([collapsed]){min-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_collapsed_width~~);width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_collapsed_width~~)}.ui5-sn-root{height:100%;display:flex;flex-direction:column;box-sizing:border-box;border-radius:inherit;border-inline-end:var(--_ui5-v2-6-0-rc-~~1_side_navigation_border_right~~)}.ui5-sn-spacer{margin:var(--_ui5-v2-6-0-rc-~~1_side_navigation_navigation_separator_margin~~);height:var(--_ui5-v2-6-0-rc-~~1_side_navigation_navigation_separator_height~~);min-height:var(--_ui5-v2-6-0-rc-~~1_side_navigation_navigation_separator_height~~);background-color:var(--_ui5-v2-6-0-rc-~~1_side_navigation_navigation_separator_background_color~~);border-radius:var(--_ui5-v2-6-0-rc-~~1_side_navigation_navigation_separator_radius~~)}.ui5-sn-collapsed .ui5-sn-spacer{margin:var(--_ui5-v2-6-0-rc-~~1_side_navigation_navigation_separator_margin_collapsed~~)}.ui5-sn-flexible{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;box-sizing:border-box}.ui5-sn-fixed{position:relative}.ui5-sn-list{margin:0;padding:var(--_ui5-v2-6-0-rc-~~1_side_navigation_padding~~);list-style:none;box-sizing:border-box;overflow:hidden auto}.ui5-sn-collapsed .ui5-sn-list{overflow:visible;display:flex;flex-direction:column}:host([in-popover]) .ui5-sn-list{padding:var(--_ui5-v2-6-0-rc-~~1_side_navigation_parent_popup_padding~~)}.ui5-sn-item-overflow{margin-top:auto}
1	+ :host(:not([hidden])){display:inline-block;height:100%;min-width:var(--_ui5-v2-6-0-rc-3_side_navigation_width);width:var(--_ui5-v2-6-0-rc-3_side_navigation_width);max-width:100%;transition:width .3s,min-width .3s;box-shadow:var(--_ui5-v2-6-0-rc-3_side_navigation_box_shadow);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);background:var(--sapList_Background)}:host([collapsed]){min-width:var(--_ui5-v2-6-0-rc-3_side_navigation_collapsed_width);width:var(--_ui5-v2-6-0-rc-3_side_navigation_collapsed_width)}.ui5-sn-root{height:100%;display:flex;flex-direction:column;box-sizing:border-box;border-radius:inherit;border-inline-end:var(--_ui5-v2-6-0-rc-3_side_navigation_border_right)}.ui5-sn-spacer{margin:var(--_ui5-v2-6-0-rc-3_side_navigation_navigation_separator_margin);height:var(--_ui5-v2-6-0-rc-3_side_navigation_navigation_separator_height);min-height:var(--_ui5-v2-6-0-rc-3_side_navigation_navigation_separator_height);background-color:var(--_ui5-v2-6-0-rc-3_side_navigation_navigation_separator_background_color);border-radius:var(--_ui5-v2-6-0-rc-3_side_navigation_navigation_separator_radius)}.ui5-sn-collapsed .ui5-sn-spacer{margin:var(--_ui5-v2-6-0-rc-3_side_navigation_navigation_separator_margin_collapsed)}.ui5-sn-flexible{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;box-sizing:border-box}.ui5-sn-fixed{position:relative}.ui5-sn-list{margin:0;padding:var(--_ui5-v2-6-0-rc-3_side_navigation_padding);list-style:none;box-sizing:border-box;overflow:hidden auto}.ui5-sn-collapsed .ui5-sn-list{overflow:visible;display:flex;flex-direction:column}:host([in-popover]) .ui5-sn-list{padding:var(--_ui5-v2-6-0-rc-3_side_navigation_parent_popup_padding)}.ui5-sn-item-overflow{margin-top:auto}

package/dist/css/themes/SideNavigationGroup.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_height~~);min-height:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_height~~);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_radius~~);transition:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_transition~~);margin-block-end:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_bottom_margin~~)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_focus_border_offset~~);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_focus_border_radius~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_selected_and_focused_border_style_color~~)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_border_style_color~~);border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_border_width~~)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_expanded_border_width~~)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-6-0-rc-~~1_side_navigation_collapsed_selected_item_background~~)}.ui5-sn-item:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_style_color~~);border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_selected_border_style_color~~);border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_selected_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_hover_border_style_color~~);border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_hover_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_radius~~)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_last_item_border_style~~)}.ui5-sn-item-icon{color:var(--_ui5-v2-6-0-rc-~~1_side_navigation_icon_color~~);height:var(--_ui5-v2-6-0-rc-~~1_side_navigation_icon_font_size~~);min-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_icon_width~~)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-6-0-rc-~~1_side_navigation_expand_icon_color~~);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-6-0-rc-~~1_side_navigation_external_link_icon_color~~)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_icon_padding~~)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_hover_focus_width~~);box-shadow:var(--_ui5-v2-6-0-rc-~~1_side_navigation_box_shadow~~);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_hover_focus_padding_right~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_hover_focus_display~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_hover_focus_display~~)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-6-0-rc-~~1_side_navigation_triangle_display~~);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-6-0-rc-~~1_side_navigation_triangle_color~~);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-6-0-rc-~~1_side_navigation_selection_indicator_display~~)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-6-0-rc-~~1_side_navigation_popup_item_padding~~);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{font-size:var(--sapFontSmallSize);font-family:var(--sapFontSemiboldFamily);color:var(--sapContent_LabelColor)}.ui5-sn-item.ui5-sn-item-group{height:2rem;min-height:2rem;padding-inline-start:.5rem;gap:.4375rem}.ui5-sn-item.ui5-sn-item-group .ui5-sn-item-toggle-icon{display:none}.ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,.ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon{display:block}:host(:first-child) .ui5-sn-item-separator:first-child,:host(:last-child) .ui5-sn-item-separator:last-child,.ui5-sn-item-group-below-group.ui5-sn-item-separator,.ui5-sn-item-group-below-group .ui5-sn-item-separator:first-child{display:none}
1	+ .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-6-0-rc-3_side_navigation_item_height);min-height:var(--_ui5-v2-6-0-rc-3_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_radius);transition:var(--_ui5-v2-6-0-rc-3_side_navigation_item_transition);margin-block-end:var(--_ui5-v2-6-0-rc-3_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-6-0-rc-3_side_navigation_item_focus_border_offset);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-6-0-rc-3_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_group_border_style_color);border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-6-0-rc-3_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_style_color);border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_selected_border_style_color);border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_selected_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_hover_border_style_color);border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5-v2-6-0-rc-3_side_navigation_icon_color);height:var(--_ui5-v2-6-0-rc-3_side_navigation_icon_font_size);min-width:var(--_ui5-v2-6-0-rc-3_side_navigation_group_icon_width)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-6-0-rc-3_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-6-0-rc-3_side_navigation_external_link_icon_color)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_icon_padding)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5-v2-6-0-rc-3_side_navigation_box_shadow);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_hover_focus_display)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-6-0-rc-3_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-6-0-rc-3_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-6-0-rc-3_side_navigation_selection_indicator_display)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-6-0-rc-3_side_navigation_popup_item_padding);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{font-size:var(--sapFontSmallSize);font-family:var(--sapFontSemiboldFamily);color:var(--sapContent_LabelColor)}.ui5-sn-item.ui5-sn-item-group{height:2rem;min-height:2rem;padding-inline-start:.5rem;gap:.4375rem}.ui5-sn-item.ui5-sn-item-group .ui5-sn-item-toggle-icon{display:none}.ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,.ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon{display:block}:host(:first-child) .ui5-sn-item-separator:first-child,:host(:last-child) .ui5-sn-item-separator:last-child,.ui5-sn-item-group-below-group.ui5-sn-item-separator,.ui5-sn-item-group-below-group .ui5-sn-item-separator:first-child{display:none}

package/dist/css/themes/SideNavigationItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_height~~);min-height:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_height~~);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_radius~~);transition:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_transition~~);margin-block-end:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_bottom_margin~~)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_focus_border_offset~~);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_focus_border_radius~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_selected_and_focused_border_style_color~~)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_border_style_color~~);border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_border_width~~)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_expanded_border_width~~)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-6-0-rc-~~1_side_navigation_collapsed_selected_item_background~~)}.ui5-sn-item:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_style_color~~);border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_selected_border_style_color~~);border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_selected_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_hover_border_style_color~~);border-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_hover_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_border_radius~~)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-6-0-rc-~~1_side_navigation_last_item_border_style~~)}.ui5-sn-item-icon{color:var(--_ui5-v2-6-0-rc-~~1_side_navigation_icon_color~~);height:var(--_ui5-v2-6-0-rc-~~1_side_navigation_icon_font_size~~);min-width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_icon_width~~)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-6-0-rc-~~1_side_navigation_expand_icon_color~~);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-6-0-rc-~~1_side_navigation_external_link_icon_color~~)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_icon_padding~~)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_hover_focus_width~~);box-shadow:var(--_ui5-v2-6-0-rc-~~1_side_navigation_box_shadow~~);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_hover_focus_padding_right~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_hover_focus_display~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_collapsed_hover_focus_display~~)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-6-0-rc-~~1_side_navigation_triangle_display~~);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-6-0-rc-~~1_side_navigation_triangle_color~~);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-6-0-rc-~~1_side_navigation_selection_indicator_display~~)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-6-0-rc-~~1_side_navigation_popup_item_padding~~);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{color:var(--sapList_TextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_text_weight~~)}.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--_ui5-v2-6-0-rc-~~1_side_navigation_item_padding_left~~)}:host([in-popover]) .ui5-sn-item-level1{margin-bottom:var(--_ui5-v2-6-0-rc-~~1_side_navigation_group_bottom_margin_in_popup~~)}:host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text{margin:0 1rem 0 0;font-size:var(--_ui5-v2-6-0-rc-~~1_side_navigation_popup_title_text_size~~);line-height:var(--_ui5-v2-6-0-rc-~~1_side_navigation_popup_title_line_height~~)}.ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow{margin-top:auto}
1	+ .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-6-0-rc-3_side_navigation_item_height);min-height:var(--_ui5-v2-6-0-rc-3_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_radius);transition:var(--_ui5-v2-6-0-rc-3_side_navigation_item_transition);margin-block-end:var(--_ui5-v2-6-0-rc-3_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-6-0-rc-3_side_navigation_item_focus_border_offset);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-6-0-rc-3_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_group_border_style_color);border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-6-0-rc-3_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_style_color);border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_selected_border_style_color);border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_selected_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_hover_border_style_color);border-width:var(--_ui5-v2-6-0-rc-3_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-6-0-rc-3_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-6-0-rc-3_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5-v2-6-0-rc-3_side_navigation_icon_color);height:var(--_ui5-v2-6-0-rc-3_side_navigation_icon_font_size);min-width:var(--_ui5-v2-6-0-rc-3_side_navigation_group_icon_width)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-6-0-rc-3_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-6-0-rc-3_side_navigation_external_link_icon_color)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_icon_padding)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5-v2-6-0-rc-3_side_navigation_box_shadow);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-6-0-rc-3_side_navigation_item_collapsed_hover_focus_display)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-6-0-rc-3_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-6-0-rc-3_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-6-0-rc-3_side_navigation_selection_indicator_display)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-6-0-rc-3_side_navigation_popup_item_padding);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{color:var(--sapList_TextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:var(--_ui5-v2-6-0-rc-3_side_navigation_group_text_weight)}.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--_ui5-v2-6-0-rc-3_side_navigation_item_padding_left)}:host([in-popover]) .ui5-sn-item-level1{margin-bottom:var(--_ui5-v2-6-0-rc-3_side_navigation_group_bottom_margin_in_popup)}:host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text{margin:0 1rem 0 0;font-size:var(--_ui5-v2-6-0-rc-3_side_navigation_popup_title_text_size);line-height:var(--_ui5-v2-6-0-rc-3_side_navigation_popup_title_line_height)}.ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow{margin-top:auto}