@openui5/sap.ui.webc.fiori 1.96.1 → 1.97.1

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

@@ -71,7 +71,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._prevLayout = null;
 			this.initialRendering = true;
 			this._handleResize = this.handleResize.bind(this);
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		static get metadata() {
 			return metadata;
@@ -89,7 +88,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return [Button__default];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+			FlexibleColumnLayout.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		static get BREAKPOINTS() {
 			return {
@@ -347,13 +346,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.shadowRoot.querySelector(".ui5-fcl-column--end");
 		}
 		get accStartColumnText() {
-			return this.accessibilityTexts.startColumnAccessibleName || this.i18nBundle.getText(i18nDefaults.FCL_START_COLUMN_TXT);
+			return this.accessibilityTexts.startColumnAccessibleName || FlexibleColumnLayout.i18nBundle.getText(i18nDefaults.FCL_START_COLUMN_TXT);
 		}
 		get accMiddleColumnText() {
-			return this.accessibilityTexts.midColumnAccessibleName || this.i18nBundle.getText(i18nDefaults.FCL_MIDDLE_COLUMN_TXT);
+			return this.accessibilityTexts.midColumnAccessibleName || FlexibleColumnLayout.i18nBundle.getText(i18nDefaults.FCL_MIDDLE_COLUMN_TXT);
 		}
 		get accEndColumnText() {
-			return this.accessibilityTexts.endColumnAccessibleName || this.i18nBundle.getText(i18nDefaults.FCL_END_COLUMN_TXT);
+			return this.accessibilityTexts.endColumnAccessibleName || FlexibleColumnLayout.i18nBundle.getText(i18nDefaults.FCL_END_COLUMN_TXT);
 		}
 		get _effectiveLayoutsByMedia() {
 			return this._layoutsConfiguration || FCLLayout$1.getLayoutsByMedia();
@@ -361,16 +360,16 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get accStartArrowText() {
 			const customTexts = this.accessibilityTexts;
 			if (this.startArrowDirection === "mirror") {
-				return customTexts.startArrowLeftText || this.i18nBundle.getText(i18nDefaults.FCL_START_COLUMN_COLLAPSE_BUTTON_TOOLTIP);
+				return customTexts.startArrowLeftText || FlexibleColumnLayout.i18nBundle.getText(i18nDefaults.FCL_START_COLUMN_COLLAPSE_BUTTON_TOOLTIP);
 			}
-			return customTexts.startArrowRightText || this.i18nBundle.getText(i18nDefaults.FCL_START_COLUMN_EXPAND_BUTTON_TOOLTIP);
+			return customTexts.startArrowRightText || FlexibleColumnLayout.i18nBundle.getText(i18nDefaults.FCL_START_COLUMN_EXPAND_BUTTON_TOOLTIP);
 		}
 		get accEndArrowText() {
 			const customTexts = this.accessibilityTexts;
 			if (this.endArrowDirection === "mirror") {
-				return customTexts.endArrowRightText || this.i18nBundle.getText(i18nDefaults.FCL_END_COLUMN_COLLAPSE_BUTTON_TOOLTIP);
+				return customTexts.endArrowRightText || FlexibleColumnLayout.i18nBundle.getText(i18nDefaults.FCL_END_COLUMN_COLLAPSE_BUTTON_TOOLTIP);
 			}
-			return customTexts.endArrowLeftText || this.i18nBundle.getText(i18nDefaults.FCL_END_COLUMN_EXPAND_BUTTON_TOOLTIP);
+			return customTexts.endArrowLeftText || FlexibleColumnLayout.i18nBundle.getText(i18nDefaults.FCL_END_COLUMN_EXPAND_BUTTON_TOOLTIP);
 		}
 	}
 	FlexibleColumnLayout.define();

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

@@ -1,9 +1,10 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/asset-registries/Illustrations', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', './generated/templates/IllustratedMessageTemplate.lit', './types/IllustrationMessageType', './illustrations/BeforeSearch', './generated/themes/IllustratedMessage.css'], function (UI5Element, ResizeHandler, Illustrations, i18nBundle, litRender, IllustratedMessageTemplate_lit, IllustrationMessageType, BeforeSearch, IllustratedMessage_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/asset-registries/Illustrations', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/main/thirdparty/Title', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', './generated/templates/IllustratedMessageTemplate.lit', './types/IllustrationMessageType', './illustrations/BeforeSearch', './generated/themes/IllustratedMessage.css'], function (UI5Element, ResizeHandler, Illustrations, i18nBundle, Title, litRender, IllustratedMessageTemplate_lit, IllustrationMessageType, BeforeSearch, IllustratedMessage_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
 	var ResizeHandler__default = /*#__PURE__*/_interopDefaultLegacy(ResizeHandler);
+	var Title__default = /*#__PURE__*/_interopDefaultLegacy(Title);
 	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
 
 	const ILLUSTRATION_NOT_FOUND = "ILLUSTRATION_NOT_FOUND";
@@ -43,7 +44,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	class IllustratedMessage extends UI5Element__default {
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 			this._handleResize = this.handleResize.bind(this);
 		}
 		static get metadata() {
@@ -59,7 +59,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return IllustratedMessageTemplate_lit;
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+			IllustratedMessage.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		static get BREAKPOINTS() {
 			return {
@@ -76,6 +76,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				SCENE: "scene",
 			};
 		}
+		static get dependencies() {
+			return [Title__default];
+		}
 		onBeforeRendering() {
 			const illustrationData = Illustrations.getIllustrationDataSync(this.name);
 			if (illustrationData === ILLUSTRATION_NOT_FOUND) {
@@ -86,8 +89,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.spotSvg = illustrationData.spotSvg;
 			this.dialogSvg = illustrationData.dialogSvg;
 			this.sceneSvg = illustrationData.sceneSvg;
-			this.illustrationTitle = this.i18nBundle.getText(illustrationData.title);
-			this.illustrationSubtitle = this.i18nBundle.getText(illustrationData.subtitle);
+			this.illustrationTitle = IllustratedMessage.i18nBundle.getText(illustrationData.title);
+			this.illustrationSubtitle = IllustratedMessage.i18nBundle.getText(illustrationData.subtitle);
 		}
 		onEnterDOM() {
 			ResizeHandler__default.register(this, this._handleResize);
@@ -127,6 +130,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get effectiveSubitleText() {
 			return this.subtitleText ? this.subtitleText : this.illustrationSubtitle;
 		}
+		get hasTitle() {
+			return this.titleText || this.illustrationTitle;
+		}
+		get hasSubtitle() {
+			return this.subtitleText || this.illustrationSubtitle;
+		}
 		get hasActions() {
 			return !!this.actions.length && this.media !== IllustratedMessage.MEDIA.BASE;
 		}

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

@@ -1,21 +1,27 @@
 sap.ui.define(['exports'], function (exports) { 'use strict';
 
+	const IFilterItem = "sap.ui.webcomponents.fiori.IFilterItem";
+	const IFilterItemOption = "sap.ui.webcomponents.fiori.IFilterItemOption";
 	const INotificationAction = "sap.ui.webcomponents.fiori.INotificationAction";
 	const INotificationListItem = "sap.ui.webcomponents.fiori.INotificationListItem";
 	const IProductSwitchItem = "sap.ui.webcomponents.fiori.IProductSwitchItem";
 	const IShellBarItem = "sap.ui.webcomponents.fiori.IShellBarItem";
 	const ISideNavigationItem = "sap.ui.webcomponents.fiori.ISideNavigationItem";
 	const ISideNavigationSubItem = "sap.ui.webcomponents.fiori.ISideNavigationSubItem";
+	const ISortItem = "sap.ui.webcomponents.fiori.ISortItem";
 	const ITimelineItem = "sap.ui.webcomponents.fiori.ITimelineItem";
 	const IUploadCollectionItem = "sap.ui.webcomponents.fiori.IUploadCollectionItem";
 	const IWizardStep = "sap.ui.webcomponents.fiori.IWizardStep";
 
+	exports.IFilterItem = IFilterItem;
+	exports.IFilterItemOption = IFilterItemOption;
 	exports.INotificationAction = INotificationAction;
 	exports.INotificationListItem = INotificationListItem;
 	exports.IProductSwitchItem = IProductSwitchItem;
 	exports.IShellBarItem = IShellBarItem;
 	exports.ISideNavigationItem = ISideNavigationItem;
 	exports.ISideNavigationSubItem = ISideNavigationSubItem;
+	exports.ISortItem = ISortItem;
 	exports.ITimelineItem = ITimelineItem;
 	exports.IUploadCollectionItem = IUploadCollectionItem;
 	exports.IWizardStep = IWizardStep;

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;