@openui5/sap.ui.webc.fiori 1.96.2 → 1.97.0

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/main/thirdparty/types/Priority', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/main/thirdparty/BusyIndicator', 'sap/ui/webc/main/thirdparty/Icon', 'sap/ui/webc/main/thirdparty/Popover', './NotificationListItemBase', './generated/i18n/i18n-defaults', './generated/templates/NotificationListGroupItemTemplate.lit', './generated/themes/NotificationListGroupItem.css'], function (i18nBundle, Priority, List, Button, BusyIndicator, Icon, Popover, NotificationListItemBase, i18nDefaults, NotificationListGroupItemTemplate_lit, NotificationListGroupItem_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/main/thirdparty/types/Priority', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/main/thirdparty/BusyIndicator', 'sap/ui/webc/main/thirdparty/Icon', 'sap/ui/webc/main/thirdparty/Popover', './NotificationListItemBase', './generated/i18n/i18n-defaults', './generated/templates/NotificationListGroupItemTemplate.lit', './generated/themes/NotificationListGroupItem.css'], function (Priority, List, Button, BusyIndicator, Icon, Popover, NotificationListItemBase, i18nDefaults, NotificationListGroupItemTemplate_lit, NotificationListGroupItem_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -60,33 +60,30 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 				Popover__default,
 			];
 		}
-		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
-		}
 		get itemsCount() {
 			return this.items.length;
 		}
 		get overflowBtnAccessibleName() {
-			return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);
+			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);
 		}
 		get closeBtnAccessibleName() {
-			return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_CLOSE_BTN_TITLE);
+			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_CLOSE_BTN_TITLE);
 		}
 		get toggleBtnAccessibleName() {
 			if (this.collapsed) {
-				return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_EXPAND_TITLE);
+				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_EXPAND_TITLE);
 			}
-			return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_COLLAPSE_TITLE);
+			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_COLLAPSE_TITLE);
 		}
 		get priorityText() {
 			if (this.priority === Priority__default.High) {
-				return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);
+				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);
 			}
 			if (this.priority === Priority__default.Medium) {
-				return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);
+				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);
 			}
 			if (this.priority === Priority__default.Low) {
-				return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);
+				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);
 			}
 			return "";
 		}
@@ -95,15 +92,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 		}
 		get readText() {
 			if (this.read) {
-				return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_READ);
+				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_READ);
 			}
-			return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_UNREAD);
+			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_UNREAD);
 		}
 		get groupText() {
-			return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TXT);
+			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TXT);
 		}
 		get counterText() {
-			const text = this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT);
+			const text = NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT);
 			return this.showCounter ? `${text} ${this.itemsCount}` : "";
 		}
 		get ariaLabelledBy() {

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/main/thirdparty/types/Priority', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/main/thirdparty/BusyIndicator', 'sap/ui/webc/main/thirdparty/Link', 'sap/ui/webc/main/thirdparty/Icon', 'sap/ui/webc/main/thirdparty/Popover', 'sap/ui/webc/main/thirdparty/types/WrappingType', './NotificationListItemBase', './generated/i18n/i18n-defaults', './generated/templates/NotificationListItemTemplate.lit', './generated/themes/NotificationListItem.css'], function (Keys, i18nBundle, ResizeHandler, Device, Priority, Button, BusyIndicator, Link, Icon, Popover, WrappingType, NotificationListItemBase, i18nDefaults, NotificationListItemTemplate_lit, NotificationListItem_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/main/thirdparty/types/Priority', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/main/thirdparty/BusyIndicator', 'sap/ui/webc/main/thirdparty/Link', 'sap/ui/webc/main/thirdparty/Icon', 'sap/ui/webc/main/thirdparty/Popover', 'sap/ui/webc/main/thirdparty/types/WrappingType', './NotificationListItemBase', './generated/i18n/i18n-defaults', './generated/templates/NotificationListItemTemplate.lit', './generated/themes/NotificationListItem.css'], function (Keys, ResizeHandler, Device, Priority, Button, BusyIndicator, Link, Icon, Popover, WrappingType, NotificationListItemBase, i18nDefaults, NotificationListItemTemplate_lit, NotificationListItem_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -71,9 +71,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 				Popover__default,
 			];
 		}
-		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
-		}
 		onEnterDOM() {
 			ResizeHandler__default.register(this, this.onResizeBind);
 		}
@@ -88,15 +85,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 		}
 		get showMoreText() {
 			if (this._showMorePressed) {
-				return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_SHOW_LESS);
+				return NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_SHOW_LESS);
 			}
-			return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_SHOW_MORE);
+			return NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_SHOW_MORE);
 		}
 		get overflowBtnAccessibleName() {
-			return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);
+			return NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);
 		}
 		get closeBtnAccessibleName() {
-			return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE);
+			return NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE);
 		}
 		get hideShowMore() {
 			if (this.wrappingType === WrappingType__default.None && this._showMore) {
@@ -161,19 +158,19 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 		}
 		get priorityText() {
 			if (this.priority === Priority__default.High) {
-				return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);
+				return NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);
 			}
 			if (this.priority === Priority__default.Medium) {
-				return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);
+				return NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);
 			}
 			if (this.priority === Priority__default.Low) {
-				return this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);
+				return NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);
 			}
 			return "";
 		}
 		get accInvisibleText() {
-			const notificationText = this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_TXT);
-			const readText = this.read ? this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_READ) : this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_UNREAD);
+			const notificationText = NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_TXT);
+			const readText = this.read ? NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_READ) : NotificationListItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_UNREAD);
 			const priorityText = this.priorityText;
 			return `${notificationText} ${readText} ${priorityText}`;
 		}

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

@@ -40,10 +40,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 		},
 	};
 	class NotificationListItemBase extends ListItemBase__default {
-		constructor() {
-			super();
-			this.i18nFioriBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
-		}
 		static get metadata() {
 			return metadata;
 		}
@@ -138,6 +134,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 			const staticAreaItem = await this.getStaticAreaItemDomRef();
 			return staticAreaItem.querySelector(".ui5-notification-overflow-popover");
 		}
+		static async onDefine() {
+			NotificationListItemBase.i18nFioriBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
+		}
 	}
 
 	return NotificationListItemBase;

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

@@ -195,7 +195,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);
@@ -309,7 +308,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 +344,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;
@@ -426,7 +429,9 @@ 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,
@@ -441,7 +446,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 +461,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 +475,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 +487,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 +501,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,
@@ -635,19 +650,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 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 +670,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 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 {
@@ -697,7 +712,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/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,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
-		}
-		constructor() {
-			super();
-			this.i18nFioriBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
+			[UploadCollectionItem.i18nFioriBundle] = await Promise.all([
+				i18nBundle.getI18nBundle("@ui5/webcomponents-fiori"),
+				super.onDefine(),
+			]);
 		}
 		async _initInputField() {
 			await Render.renderFinished();
@@ -207,22 +206,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 +230,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) {