@openui5/sap.ui.webc.fiori 1.96.5 → 1.99.0

package/src/sap/ui/webc/fiori/thirdparty/ProductSwitch.js

@@ -32,7 +32,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 				rowSize: this._rowSize,
 				getItemsCallback: () => this.items,
 			});
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		static get metadata() {
 			return metadata;
@@ -53,10 +52,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			};
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			ProductSwitch.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		get _ariaLabelText() {
-			return this.i18nBundle.getText(i18nDefaults.PRODUCT_SWITCH_CONTAINER_LABEL);
+			return ProductSwitch.i18nBundle.getText(i18nDefaults.PRODUCT_SWITCH_CONTAINER_LABEL);
 		}
 		onEnterDOM() {
 			this._handleResizeBound = this._handleResize.bind(this);
@@ -78,6 +77,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 				this._setRowSize(4);
 			}
 		}
+		handleProductSwitchItemClick(event) {
+			this.items.forEach(item => { item.selected = false; });
+			event.target.selected = true;
+		}
 		_onfocusin(event) {
 			const target = event.target;
 			this._itemNavigation.setCurrentItem(target);

package/src/sap/ui/webc/fiori/thirdparty/ProductSwitchItem.js

@@ -31,6 +31,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			focused: {
 				type: Boolean,
 			},
+			selected: {
+				type: Boolean,
+			},
 			_tabIndex: {
 				type: String,
 				defaultValue: "-1",
@@ -90,6 +93,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this.active = false;
 			}
 			if (Keys.isSpace(event)) {
+				if (Keys.isSpaceShift(event)) {
+					event.stopPropagation();
+				}
 				this._fireItemClick();
 			}
 		}

package/src/sap/ui/webc/fiori/thirdparty/ShellBar.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/types/AnimationMode', 'sap/ui/webc/common/thirdparty/base/config/AnimationMode', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/Popover', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/icons/search', 'sap/ui/webc/common/thirdparty/icons/bell', 'sap/ui/webc/common/thirdparty/icons/overflow', 'sap/ui/webc/common/thirdparty/icons/grid', './generated/i18n/i18n-defaults', './generated/templates/ShellBarTemplate.lit', './generated/templates/ShellBarPopoverTemplate.lit', './generated/themes/ShellBar.css'], function (UI5Element, litRender, ResizeHandler, FeaturesRegistry, AnimationMode$1, AnimationMode, Keys, StandardListItem, List, Popover, Button, i18nBundle, search, bell, overflow, grid, i18nDefaults, ShellBarTemplate_lit, ShellBarPopoverTemplate_lit, ShellBar_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/types/AnimationMode', 'sap/ui/webc/common/thirdparty/base/config/AnimationMode', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/Popover', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/main/thirdparty/types/HasPopup', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/icons/search', 'sap/ui/webc/common/thirdparty/icons/bell', 'sap/ui/webc/common/thirdparty/icons/overflow', 'sap/ui/webc/common/thirdparty/icons/grid', './generated/i18n/i18n-defaults', './generated/templates/ShellBarTemplate.lit', './generated/templates/ShellBarPopoverTemplate.lit', './generated/themes/ShellBar.css'], function (UI5Element, litRender, ResizeHandler, FeaturesRegistry, AnimationMode$1, AnimationMode, Keys, Render, StandardListItem, List, Popover, Button, HasPopup, i18nBundle, search, bell, overflow, grid, i18nDefaults, ShellBarTemplate_lit, ShellBarPopoverTemplate_lit, ShellBar_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -10,11 +10,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	var List__default = /*#__PURE__*/_interopDefaultLegacy(List);
 	var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
 	var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+	var HasPopup__default = /*#__PURE__*/_interopDefaultLegacy(HasPopup);
 
 	const HANDLE_RESIZE_DEBOUNCE_RATE = 200;
 	const metadata = {
 		tag: "ui5-shellbar",
 		languageAware: true,
+		fastNavigation: true,
 		properties:  {
 			primaryTitle: {
 				type: String,
@@ -33,6 +35,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			},
 			showCoPilot: {
 				type: Boolean,
+			},
+			 accessibilityTexts: {
+				type: Object,
 			},
 			breakpointSize: {
 				type: String,
@@ -49,9 +54,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			_itemsInfo: {
 				type: Object,
 			},
-			_actionList: {
-				type: Object,
-			},
 			_header: {
 				type: Object,
 			},
@@ -168,14 +170,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._isInitialRendering = true;
 			this._focusedItem = null;
 			this._defaultItemPressPrevented = false;
-			this._actionList = {
-				itemPress: event => {
-					if (!this._defaultItemPressPrevented) {
-						this.overflowPopover.close();
-					}
-					this._defaultItemPressPrevented = false;
-				},
-			};
 			this.menuItemsObserver = new MutationObserver(() => {
 				this._updateClonedMenuItems();
 			});
@@ -195,7 +189,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					this._overflowActions();
 				}, HANDLE_RESIZE_DEBOUNCE_RATE);
 			};
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		_debounce(fn, delay) {
 			clearTimeout(this._debounceInterval);
@@ -207,7 +200,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		_menuItemPress(event) {
 			this.menuPopover.close();
 			this.fireEvent("menu-item-click", {
-				item: event.detail.item,
+				item: event.detail.selectedItems[0],
 			}, true);
 		}
 		_logoPress() {
@@ -309,7 +302,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				return {
 					...info,
 					classes: `${info.classes} ${shouldStayOnScreen ? "" : "ui5-shellbar-hidden-button"} ui5-shellbar-button`,
-					style: `order: ${shouldStayOnScreen ? 1 : -1}`,
+					styles: {
+						order: shouldStayOnScreen ? 1 : -1,
+					},
 				};
 			});
 			this._updateItemsInfo(newItems);
@@ -343,7 +338,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			for (let i = 0; i < itemsByPriority.length; i++) {
 				if (i < overflowCount) {
 					itemsByPriority[i].classes = `${itemsByPriority[i].classes} ui5-shellbar-hidden-button`;
-					itemsByPriority[i].style = `order: -1`;
+					itemsByPriority[i].styles = {
+						order: -1,
+					};
 				}
 			}
 			return itemsByPriority;
@@ -356,9 +353,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const newItems = this._handleActionsOverflow();
 			this._updateItemsInfo(newItems);
 		}
-		_toggleActionPopover() {
+		async _toggleActionPopover() {
 			const overflowButton = this.shadowRoot.querySelector(".ui5-shellbar-overflow-button");
-			this.overflowPopover.showAt(overflowButton);
+			const overflowPopover = await this._getOverflowPopover();
+			overflowPopover.showAt(overflowButton);
 		}
 		onEnterDOM() {
 			ResizeHandler__default.register(this, this._handleResize);
@@ -384,13 +382,20 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				}
 			}, 100);
 		}
+		async _handleActionListClick(event) {
+			if (!this._defaultItemPressPrevented) {
+				this.closeOverflow();
+				await Render.renderFinished();
+			}
+			this._defaultItemPressPrevented = false;
+		}
 		_handleCustomActionPress(event) {
 			const refItemId = event.target.getAttribute("data-ui5-external-action-item-id");
 			if (refItemId) {
 				const shellbarItem = this.items.find(item => {
-					return item.shadowRoot.querySelector(`#${refItemId}`);
+					return item._id === refItemId;
 				});
-				const prevented = !shellbarItem.fireEvent("item-click", { targetRef: event.target }, true);
+				const prevented = !shellbarItem.fireEvent("click", { targetRef: event.target }, true);
 				this._defaultItemPressPrevented = prevented;
 			}
 		}
@@ -417,6 +422,24 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				targetRef: buttonRef.classList.contains("ui5-shellbar-hidden-button") ? event.target : buttonRef,
 			}, true);
 		}
+		get logoDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="logo"]`);
+		}
+		get copilotDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="copilot"]`);
+		}
+		get notificationsDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="notifications"]`);
+		}
+		get overflowDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="overflow"]`);
+		}
+		get profileDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="profile"]`);
+		}
+		get productSwitchDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="product-switch"]`);
+		}
 		_getAllItems(showOverflowButton) {
 			let domOrder = -1;
 			const items = [
@@ -426,12 +449,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					classes: `${this.searchField.length ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-search-button ui5-shellbar-button`,
 					priority: 4,
 					domOrder: this.searchField.length ? (++domOrder) : -1,
-					style: `order: ${this.searchField.length ? 1 : -10}`,
+					styles: {
+						order: this.searchField.length ? 1 : -10,
+					},
 					id: `${this._id}-item-${1}`,
 					press: this._handleSearchIconPress.bind(this),
 					show: !!this.searchField.length,
 				},
 				...this.items.map((item, index) => {
+					item._getRealDomRef = () => this.getDomRef().querySelector(`*[data-ui5-stable=${item.stableDomRef}]`);
 					return {
 						icon: item.icon,
 						id: item._id,
@@ -441,7 +467,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 						classes: "ui5-shellbar-custom-item ui5-shellbar-button",
 						priority: 1,
 						domOrder: (++domOrder),
-						style: `order: ${2}`,
+						styles: {
+							order: 2,
+						},
 						show: true,
 						press: this._handleCustomActionPress.bind(this),
 						custom: true,
@@ -454,7 +482,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					text: "Notifications",
 					classes: `${this.showNotifications ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-bell-button ui5-shellbar-button`,
 					priority: 3,
-					style: `order: ${this.showNotifications ? 3 : -10}`,
+					styles: {
+						order: this.showNotifications ? 3 : -10,
+					},
 					id: `${this._id}-item-${2}`,
 					show: this.showNotifications,
 					domOrder: this.showNotifications ? (++domOrder) : -1,
@@ -466,7 +496,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					classes: `${showOverflowButton ? "" : "ui5-shellbar-hidden-button"} ui5-shellbar-overflow-button-shown ui5-shellbar-overflow-button ui5-shellbar-button`,
 					priority: 5,
 					order: 4,
-					style: `order: ${showOverflowButton ? 4 : -1}`,
+					styles: {
+						order: showOverflowButton ? 4 : -1,
+					},
 					domOrder: showOverflowButton ? (++domOrder) : -1,
 					id: `${this.id}-item-${5}`,
 					press: this._handleOverflowPress.bind(this),
@@ -476,7 +508,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					text: "Person",
 					classes: `${this.hasProfile ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-image-button ui5-shellbar-button`,
 					priority: 4,
-					style: `order: ${this.hasProfile ? 5 : -10};`,
+					styles: {
+						order: this.hasProfile ? 5 : -10,
+					},
 					profile: true,
 					id: `${this._id}-item-${3}`,
 					domOrder: this.hasProfile ? (++domOrder) : -1,
@@ -488,7 +522,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					text: "Product Switch",
 					classes: `${this.showProductSwitch ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-button ui5-shellbar-button-product-switch`,
 					priority: 2,
-					style: `order: ${this.showProductSwitch ? 6 : -10}`,
+					styles: {
+						order: this.showProductSwitch ? 6 : -10,
+					},
 					id: `${this._id}-item-${4}`,
 					show: this.showProductSwitch,
 					domOrder: this.showProductSwitch ? (++domOrder) : -1,
@@ -526,6 +562,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.overflowPopover = staticAreaItem.querySelector(".ui5-shellbar-overflow-popover");
 			this.menuPopover = staticAreaItem.querySelector(".ui5-shellbar-menu-popover");
 		}
+		async _getOverflowPopover() {
+			const staticAreaItem = await this.getStaticAreaItemDomRef();
+			return staticAreaItem.querySelector(".ui5-shellbar-overflow-popover");
+		}
 		async _getMenuPopover() {
 			const staticAreaItem = await this.getStaticAreaItemDomRef();
 			return staticAreaItem.querySelector(".ui5-shellbar-menu-popover");
@@ -542,13 +582,11 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				wrapper: {
 					"ui5-shellbar-root": true,
 					"ui5-shellbar-with-searchfield": this.searchField.length,
-					"ui5-shellbar-with-coPilot": this.showCoPilot,
 				},
 				button: {
 					"ui5-shellbar-menu-button--interactive": this.hasMenuItems,
 					"ui5-shellbar-menu-button": true,
 				},
-				title: {},
 				items: {
 					notification: {
 						"ui5-shellbar-hidden-button": this.isIconHidden("bell"),
@@ -626,7 +664,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.menuItems.length > 0;
 		}
 		get menuBtnHasPopup() {
-			return this.hasMenuItems ? true : undefined;
+			return this.hasMenuItems ? HasPopup__default.Menu : undefined;
 		}
 		get menuBtnTabindex() {
 			return this.hasMenuItems ? "0" : "-1";
@@ -635,19 +673,19 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.hasMenuItems ? this._menuPopoverExpanded : undefined;
 		}
 		get _shellbarText() {
-			return this.i18nBundle.getText(i18nDefaults.SHELLBAR_LABEL);
+			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_LABEL);
 		}
 		get _logoText() {
-			return this.i18nBundle.getText(i18nDefaults.SHELLBAR_LOGO);
+			return this.accessibilityTexts.logoTitle || ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_LOGO);
 		}
 		get _copilotText() {
-			return this.i18nBundle.getText(i18nDefaults.SHELLBAR_COPILOT);
+			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_COPILOT);
 		}
 		get _notificationsText() {
-			return this.i18nBundle.getText(i18nDefaults.SHELLBAR_NOTIFICATIONS, this.notificationsCount);
+			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_NOTIFICATIONS, this.notificationsCount);
 		}
 		get _cancelBtnText() {
-			return this.i18nBundle.getText(i18nDefaults.SHELLBAR_CANCEL);
+			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_CANCEL);
 		}
 		get _showFullWidthSearch() {
 			const size = this._handleBarBreakpoints();
@@ -655,16 +693,16 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return ((size === "S") || searchBtnHidden);
 		}
 		get _profileText() {
-			return this.i18nBundle.getText(i18nDefaults.SHELLBAR_PROFILE);
+			return this.accessibilityTexts.profileButtonTitle || ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_PROFILE);
 		}
 		get _productsText() {
-			return this.i18nBundle.getText(i18nDefaults.SHELLBAR_PRODUCTS);
+			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_PRODUCTS);
 		}
 		get _searchText() {
-			return this.i18nBundle.getText(i18nDefaults.SHELLBAR_SEARCH);
+			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_SEARCH);
 		}
 		get _overflowText() {
-			return this.i18nBundle.getText(i18nDefaults.SHELLBAR_OVERFLOW);
+			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_OVERFLOW);
 		}
 		get accInfo() {
 			return {
@@ -678,13 +716,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					"title": this._productsText,
 				},
 				search: {
-					"ariaExpanded": this.showSearchField,
 					"title": this._searchText,
+					"accessibilityAttributes": {
+						expanded: this.showSearchField,
+					},
 				},
 				overflow: {
 					"title": this._overflowText,
-					"ariaHaspopup": true,
-					"ariaExpanded": this._overflowPopoverExpanded,
+					"accessibilityAttributes": {
+						hasPopup: HasPopup__default.Menu,
+						expanded: this._overflowPopoverExpanded,
+					},
 				},
 			};
 		}
@@ -697,7 +739,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+			ShellBar.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 	}
 	ShellBar.define();

package/src/sap/ui/webc/fiori/thirdparty/ShellBarItem.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', './generated/templates/ShellBarItemTemplate.lit'], function (UI5Element, litRender, ShellBarItemTemplate_lit) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (UI5Element, litRender) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -17,12 +17,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			count: {
 				type: String,
 			},
-			stableDomRef: {
-				type: String,
-			},
 		},
 		events:  {
-			"item-click": {
+			"click": {
 				detail: {
 					targetRef: { type: HTMLElement },
 				},
@@ -36,8 +33,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		static get render() {
 			return litRender__default;
 		}
-		static get template() {
-			return ShellBarItemTemplate_lit;
+		get stableDomRef() {
+			return this.getAttribute("stable-dom-ref") || `${this._id}-stable-dom-ref`;
 		}
 	}
 	ShellBarItem.define();

package/src/sap/ui/webc/fiori/thirdparty/SideNavigation.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/main/thirdparty/ResponsivePopover', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/Tree', 'sap/ui/webc/main/thirdparty/TreeItem', './generated/templates/SideNavigationTemplate.lit', './generated/templates/SideNavigationItemPopoverContentTemplate.lit', './generated/themes/SideNavigation.css'], function (UI5Element, litRender, ResponsivePopover, List, StandardListItem, Tree, TreeItem, SideNavigationTemplate_lit, SideNavigationItemPopoverContentTemplate_lit, SideNavigation_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/main/thirdparty/ResponsivePopover', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/Tree', 'sap/ui/webc/main/thirdparty/TreeItem', './generated/templates/SideNavigationTemplate.lit', './generated/templates/SideNavigationItemPopoverContentTemplate.lit', './generated/themes/SideNavigation.css', './generated/themes/SideNavigationPopover.css'], function (UI5Element, litRender, ResponsivePopover, List, StandardListItem, Tree, TreeItem, SideNavigationTemplate_lit, SideNavigationItemPopoverContentTemplate_lit, SideNavigation_css, SideNavigationPopover_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -13,6 +13,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	const metadata = {
 		tag: "ui5-side-navigation",
 		managedSlots: true,
+		fastNavigation: true,
 		properties:  {
 			collapsed: {
 				type: Boolean,
@@ -49,6 +50,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		static get metadata() {
 			return metadata;
 		}
+		static get staticAreaStyles() {
+			return [SideNavigationPopover_css];
+		}
 		static get render() {
 			return litRender__default;
 		}

package/src/sap/ui/webc/fiori/thirdparty/SideNavigationItem.js

@@ -23,6 +23,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element'], function (UI5El
 			wholeItemToggleable: {
 				type: Boolean,
 			},
+			 title: {
+				type: String,
+			},
 		},
 		events:  {
 		},
@@ -38,6 +41,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element'], function (UI5El
 		static get metadata() {
 			return metadata;
 		}
+		get _tooltip() {
+			return this.title || this.text;
+		}
 	}
 	SideNavigationItem.define();
 

package/src/sap/ui/webc/fiori/thirdparty/SideNavigationSubItem.js

@@ -16,6 +16,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element'], function (UI5El
 			icon: {
 				type: String,
 			},
+			title: {
+				type: String,
+			},
 		},
 		events:  {
 		},
@@ -24,6 +27,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element'], function (UI5El
 		static get metadata() {
 			return metadata;
 		}
+		get _tooltip() {
+			return this.title || this.text;
+		}
 	}
 	SideNavigationSubItem.define();
 

package/src/sap/ui/webc/fiori/thirdparty/SortItem.js

@@ -0,0 +1,31 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element'], function (UI5Element) { 'use strict';
+
+	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
+
+	const metadata = {
+		tag: "ui5-sort-item",
+		properties:  {
+			text: {
+				type: String,
+			},
+			selected: {
+				type: Boolean,
+			},
+		},
+		slots:  {
+		},
+		events:  {
+		},
+	};
+	class SortItem extends UI5Element__default {
+		static get metadata() {
+			return metadata;
+		}
+	}
+	SortItem.define();
+
+	return SortItem;
+
+});

package/src/sap/ui/webc/fiori/thirdparty/Timeline.js

@@ -45,16 +45,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._itemNavigation = new ItemNavigation__default(this, {
 				getItemsCallback: () => this.items,
 			});
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		static get dependencies() {
 			return [TimelineItem];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+			Timeline.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		get ariaLabel() {
-			return this.i18nBundle.getText(i18nDefaults.TIMELINE_ARIA_LABEL);
+			return Timeline.i18nBundle.getText(i18nDefaults.TIMELINE_ARIA_LABEL);
 		}
 		_onfocusin(event) {
 			const target = event.target;

package/src/sap/ui/webc/fiori/thirdparty/UploadCollection.js

@@ -31,6 +31,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				type: String,
 				defaultValue: UploadCollectionDnDMode.None,
 			},
+			accessibleName: {
+				type: String,
+			},
 		},
 		managedSlots: true,
 		slots:  {
@@ -78,11 +81,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+			UploadCollection.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 			this._bodyDnDHandler = event => {
 				if (this._dndOverlayMode !== UploadCollectionDnDMode.Drop) {
 					this._dndOverlayMode = event.mode;
@@ -148,6 +150,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					"uc-drag-overlay": this._dndOverlayMode === UploadCollectionDnDMode.Drag,
 					"uc-drop-overlay": this._dndOverlayMode === UploadCollectionDnDMode.Drop,
 				},
+				noFiles: {
+					"uc-no-files": true,
+					"uc-no-files-dnd-overlay": this._showDndOverlay,
+				},
 			};
 		}
 		get _root() {
@@ -160,22 +166,22 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this._dndOverlayMode !== UploadCollectionDnDMode.None;
 		}
 		get _showNoData() {
-			return this.items.length === 0 && !this._showDndOverlay;
+			return this.items.length === 0;
 		}
 		get _noDataText() {
-			return this.noDataText || this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_NO_DATA_TEXT);
+			return this.noDataText || UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_NO_DATA_TEXT);
 		}
 		get _noDataDescription() {
-			return this.noDataDescription || this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_NO_DATA_DESCRIPTION);
+			return this.noDataDescription || UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_NO_DATA_DESCRIPTION);
 		}
 		get _roleDescription() {
-			return this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);
+			return UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);
 		}
 		get _dndOverlayText() {
 			if (this._dndOverlayMode === UploadCollectionDnDMode.Drag) {
-				return this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_DRAG_FILE_INDICATOR);
+				return UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_DRAG_FILE_INDICATOR);
 			}
-			return this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_DROP_FILE_INDICATOR);
+			return UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_DROP_FILE_INDICATOR);
 		}
 	}
 	UploadCollection.define();

package/src/sap/ui/webc/fiori/thirdparty/UploadCollectionItem.js

@@ -87,11 +87,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+			[UploadCollectionItem.i18nFioriBundle] = await Promise.all([
+				i18nBundle.getI18nBundle("@ui5/webcomponents-fiori"),
+				super.onDefine(),
+			]);
 		}
-		constructor() {
-			super();
-			this.i18nFioriBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
+		onBeforeRendering() {
 		}
 		async _initInputField() {
 			await Render.renderFinished();
@@ -207,22 +208,22 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 			return getFileExtension__default(this.fileName);
 		}
 		get _renameBtnText() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);
 		}
 		get _cancelRenameBtnText() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);
 		}
 		get _showProgressIndicator() {
 			return this.uploadState !== UploadState.Complete;
 		}
 		get _progressText() {
 			if (this.uploadState === UploadState.Uploading) {
-				return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_UPLOADING_STATE);
+				return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_UPLOADING_STATE);
 			}
 			if (this.uploadState === UploadState.Error) {
-				return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_ERROR_STATE);
+				return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_ERROR_STATE);
 			}
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_READY_STATE);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_READY_STATE);
 		}
 		get _showRetry() {
 			return !this.hideRetryButton && this.uploadState === UploadState.Error;
@@ -231,13 +232,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 			return !this.hideTerminateButton && this.uploadState === UploadState.Uploading;
 		}
 		get _retryButtonTooltip() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);
 		}
 		get _terminateButtonTooltip() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);
 		}
 		get _editButtonTooltip() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT);
 		}
 		get valueStateName() {
 			if (this.uploadState === UploadState.Error) {