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

package/src/sap/ui/webc/fiori/library.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -9,26 +9,30 @@
  */
 sap.ui.define([
 		"sap/ui/webc/common/library",
+		"sap/ui/webc/common/thirdparty/base/CSP",
 		"./thirdparty/Assets"
 	], // library dependency
-	function() {
+	function(commonLibrary, CSP) {
 
 		"use strict";
 
 		// delegate further initialization of this library to the Core
 		sap.ui.getCore().initLibrary({
 			name: "sap.ui.webc.fiori",
-			version: "1.96.2",
+			version: "1.98.0",
 			dependencies: ["sap.ui.core", "sap.ui.webc.common"],
 			noLibraryCSS: true,
 			designtime: "sap/ui/webc/main/designtime/library.designtime",
 			interfaces: [
+				"sap.ui.webc.fiori.IFilterItem",
+				"sap.ui.webc.fiori.IFilterItemOption",
 				"sap.ui.webc.fiori.INotificationAction",
 				"sap.ui.webc.fiori.INotificationListItem",
 				"sap.ui.webc.fiori.IProductSwitchItem",
 				"sap.ui.webc.fiori.IShellBarItem",
 				"sap.ui.webc.fiori.ISideNavigationItem",
 				"sap.ui.webc.fiori.ISideNavigationSubItem",
+				"sap.ui.webc.fiori.ISortItem",
 				"sap.ui.webc.fiori.ITimelineItem",
 				"sap.ui.webc.fiori.IUploadCollectionItem",
 				"sap.ui.webc.fiori.IWizardStep"
@@ -44,6 +48,8 @@ sap.ui.define([
 			controls: [
 				"sap.ui.webc.fiori.Bar",
 				"sap.ui.webc.fiori.BarcodeScannerDialog",
+				"sap.ui.webc.fiori.FilterItem",
+				"sap.ui.webc.fiori.FilterItemOption",
 				"sap.ui.webc.fiori.FlexibleColumnLayout",
 				"sap.ui.webc.fiori.IllustratedMessage",
 				"sap.ui.webc.fiori.NotificationAction",
@@ -57,6 +63,7 @@ sap.ui.define([
 				"sap.ui.webc.fiori.SideNavigation",
 				"sap.ui.webc.fiori.SideNavigationItem",
 				"sap.ui.webc.fiori.SideNavigationSubItem",
+				"sap.ui.webc.fiori.SortItem",
 				"sap.ui.webc.fiori.Timeline",
 				"sap.ui.webc.fiori.TimelineItem",
 				"sap.ui.webc.fiori.UploadCollection",
@@ -75,7 +82,7 @@ sap.ui.define([
 		 * @namespace
 		 * @alias sap.ui.webc.fiori
 		 * @author SAP SE
-		 * @version 1.96.2
+		 * @version 1.98.0
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
@@ -83,6 +90,28 @@ sap.ui.define([
 		var thisLib = sap.ui.webc.fiori;
 
 
+		/**
+		 * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as filter items
+		 *
+		 * @name sap.ui.webc.fiori.IFilterItem
+		 * @interface
+		 * @public
+		 * @since 1.97.0
+		 * @experimental Since 1.97.0 This API is experimental and might change significantly.
+		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
+		 */
+
+		/**
+		 * Interface for components that may be slotted inside <code>ui5-filter-item</code> as values
+		 *
+		 * @name sap.ui.webc.fiori.IFilterItemOption
+		 * @interface
+		 * @public
+		 * @since 1.97.0
+		 * @experimental Since 1.97.0 This API is experimental and might change significantly.
+		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
+		 */
+
 		/**
 		 * Interface for components that may be slotted as an action inside <code>ui5-li-notification</code> and <code>ui5-li-notification-group</code>
 		 *
@@ -149,6 +178,17 @@ sap.ui.define([
 		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 
+		/**
+		 * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as sort items
+		 *
+		 * @name sap.ui.webc.fiori.ISortItem
+		 * @interface
+		 * @public
+		 * @since 1.97.0
+		 * @experimental Since 1.97.0 This API is experimental and might change significantly.
+		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
+		 */
+
 		/**
 		 * Interface for components that may be slotted inside <code>ui5-timeline</code> as items
 		 *
@@ -307,8 +347,8 @@ Use to display both a master and a detail page when the user should focus on the
 		 *
 		 * @enum {string}
 		 * @public
-		 * @since 1.92.0
-		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
+		 * @since 1.95.0
+		 * @experimental Since 1.95.0 This API is experimental and might change significantly.
 		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.IllustrationMessageType = {
@@ -367,6 +407,114 @@ Use to display both a master and a detail page when the user should focus on the
 			 */
 			NoTasks: "NoTasks",
 
+			/**
+			 * "TntCodePlaceholder" illustration type.
+			 * @public
+			 */
+			TntCodePlaceholder: "TntCodePlaceholder",
+
+			/**
+			 * "TntCompany" illustration type.
+			 * @public
+			 */
+			TntCompany: "TntCompany",
+
+			/**
+			 * "TntExternalLink" illustration type.
+			 * @public
+			 */
+			TntExternalLink: "TntExternalLink",
+
+			/**
+			 * "TntFaceID" illustration type.
+			 * @public
+			 */
+			TntFaceID: "TntFaceID",
+
+			/**
+			 * "TntFingerprint" illustration type.
+			 * @public
+			 */
+			TntFingerprint: "TntFingerprint",
+
+			/**
+			 * "TntLock" illustration type.
+			 * @public
+			 */
+			TntLock: "TntLock",
+
+			/**
+			 * "TntMission" illustration type.
+			 * @public
+			 */
+			TntMission: "TntMission",
+
+			/**
+			 * "TntNoApplications" illustration type.
+			 * @public
+			 */
+			TntNoApplications: "TntNoApplications",
+
+			/**
+			 * "TntNoFlows" illustration type.
+			 * @public
+			 */
+			TntNoFlows: "TntNoFlows",
+
+			/**
+			 * "TntNoUsers" illustration type.
+			 * @public
+			 */
+			TntNoUsers: "TntNoUsers",
+
+			/**
+			 * "TntRadar" illustration type.
+			 * @public
+			 */
+			TntRadar: "TntRadar",
+
+			/**
+			 * "TntServices" illustration type.
+			 * @public
+			 */
+			TntServices: "TntServices",
+
+			/**
+			 * "TntSessionExpired" illustration type.
+			 * @public
+			 */
+			TntSessionExpired: "TntSessionExpired",
+
+			/**
+			 * "TntSessionExpiring" illustration type.
+			 * @public
+			 */
+			TntSessionExpiring: "TntSessionExpiring",
+
+			/**
+			 * "TntSuccess" illustration type.
+			 * @public
+			 */
+			TntSuccess: "TntSuccess",
+
+			/**
+			 * "TntSuccessfulAuth" illustration type.
+			 * @public
+			 */
+			TntSuccessfulAuth: "TntSuccessfulAuth",
+
+			/**
+			 * "TntUnlock" illustration type.
+			 * @public
+			 */
+			TntUnlock: "TntUnlock",
+
+			/**
+			 * "TntUnsuccessfulAuth" illustration type.
+			 * @public
+			 */
+			TntUnsuccessfulAuth: "TntUnsuccessfulAuth",
+
 			/**
 			 * "UnableToLoad" illustration type.
 			 * @public
@@ -473,6 +621,8 @@ Use to display both a master and a detail page when the user should focus on the
 			Uploading: "Uploading"
 		};
 
+		CSP.setPackageCSSRoot("@ui5/webcomponents-fiori", sap.ui.require.toUrl("sap/ui/webc/fiori/thirdparty/css/"));
+
 		return thisLib;
 
 	});

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

@@ -1,9 +1,10 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', './generated/templates/BarTemplate.lit', './types/BarDesign', './generated/themes/Bar.css'], function (UI5Element, litRender, BarTemplate_lit, BarDesign, Bar_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', './generated/templates/BarTemplate.lit', './types/BarDesign', './generated/themes/Bar.css'], function (UI5Element, litRender, ResizeHandler, BarTemplate_lit, BarDesign, Bar_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
 	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
+	var ResizeHandler__default = /*#__PURE__*/_interopDefaultLegacy(ResizeHandler);
 
 	const metadata = {
 		tag: "ui5-bar",
@@ -13,6 +14,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				type: BarDesign,
 				defaultValue: BarDesign.Header,
 			},
+			_shrinked: {
+				type: Boolean,
+			},
 		},
 		slots:  {
 			startContent: {
@@ -47,6 +51,31 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				"label": this.design,
 			};
 		}
+		constructor() {
+			super();
+			this._handleResizeBound = this.handleResize.bind(this);
+		}
+		handleResize() {
+			const bar = this.getDomRef();
+			const barWidth = bar.offsetWidth;
+			this._shrinked = Array.from(bar.children).some(element => {
+				return barWidth / 3 < element.offsetWidth;
+			});
+		}
+		get classes() {
+			return {
+				root: {
+					"ui5-bar-root": true,
+					"ui5-bar-root-shrinked": this._shrinked,
+				},
+			};
+		}
+		onEnterDOM() {
+			ResizeHandler__default.register(this, this._handleResizeBound);
+		}
+		onExitDOM() {
+			ResizeHandler__default.deregister(this, this._handleResizeBound);
+		}
 	}
 	Bar.define();
 

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

@@ -18881,7 +18881,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
   class BarcodeScannerDialog extends UI5Element__default {
   	constructor() {
   		super();
-  		this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
   		this._codeReader = new BrowserMultiFormatReader();
   	}
   	static get metadata() {
@@ -18903,7 +18902,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
   		return [BarcodeScannerDialog_css];
   	}
   	static async onDefine() {
-  		await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+  		BarcodeScannerDialog.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
   	}
   	show() {
   		if (this.loading) {
@@ -18977,10 +18976,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
   		return !!this.dialog && this.dialog.opened;
   	}
   	get _cancelButtonText() {
-  		return this.i18nBundle.getText(i18nDefaults.BARCODE_SCANNER_DIALOG_CANCEL_BUTTON_TXT);
+  		return BarcodeScannerDialog.i18nBundle.getText(i18nDefaults.BARCODE_SCANNER_DIALOG_CANCEL_BUTTON_TXT);
   	}
   	get _busyIndicatorText() {
-  		return this.i18nBundle.getText(i18nDefaults.BARCODE_SCANNER_DIALOG_LOADING_TXT);
+  		return BarcodeScannerDialog.i18nBundle.getText(i18nDefaults.BARCODE_SCANNER_DIALOG_LOADING_TXT);
   	}
   	static get dependencies() {
   		return [

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

@@ -0,0 +1,45 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/main/thirdparty/ListItem', './generated/templates/FilterItemTemplate.lit', './generated/themes/FilterItem.css'], function (litRender, ListItem, FilterItemTemplate_lit, FilterItem_css) { 'use strict';
+
+	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
+	var ListItem__default = /*#__PURE__*/_interopDefaultLegacy(ListItem);
+
+	const metadata = {
+		tag: "ui5-filter-item",
+		managedSlots: true,
+		properties:  {
+			text: {
+				type: String,
+			},
+			additionalText: {
+				type: String,
+			},
+		},
+		slots:  {
+			values: {
+				type: HTMLElement,
+			},
+		},
+		events:  {
+		},
+	};
+	class FilterItem extends ListItem__default {
+		static get metadata() {
+			return metadata;
+		}
+		static get render() {
+			return litRender__default;
+		}
+		static get styles() {
+			return [ListItem__default.styles, FilterItem_css];
+		}
+		static get template() {
+			return FilterItemTemplate_lit;
+		}
+	}
+	FilterItem.define();
+
+	return FilterItem;
+
+});

package/src/sap/ui/webc/fiori/thirdparty/FilterItemOption.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-filter-item-option",
+		properties:  {
+			text: {
+				type: String,
+			},
+			selected: {
+				type: Boolean,
+			},
+		},
+		slots:  {
+		},
+		events:  {
+		},
+	};
+	class FilterItemOption extends UI5Element__default {
+		static get metadata() {
+			return metadata;
+		}
+	}
+	FilterItemOption.define();
+
+	return FilterItemOption;
+
+});

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() {