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

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

@@ -1,18 +1,23 @@
-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",
 		managedSlots: true,
+		fastNavigation: true,
 		properties:  {
 			design: {
 				type: BarDesign,
 				defaultValue: BarDesign.Header,
 			},
+			_shrinked: {
+				type: Boolean,
+			},
 		},
 		slots:  {
 			startContent: {
@@ -47,6 +52,34 @@ 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,
+				},
+			};
+		}
+		onBeforeRendering() {
+			[...this.startContent, ...this.middleContent, ...this.endContent].forEach(element => element.classList.add("ui5-bar-content"));
+		}
+		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/DynamicSideContent.js

@@ -0,0 +1,293 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', './types/SideContentPosition', './types/SideContentVisibility', './types/SideContentFallDown', './generated/templates/DynamicSideContentTemplate.lit', './generated/themes/DynamicSideContent.css', './generated/i18n/i18n-defaults'], function (UI5Element, i18nBundle, litRender, ResizeHandler, SideContentPosition, SideContentVisibility, SideContentFallDown, DynamicSideContentTemplate_lit, DynamicSideContent_css, i18nDefaults) { '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 S_M_BREAKPOINT = 720,
+		M_L_BREAKPOINT = 1024,
+		L_XL_BREAKPOINT = 1440,
+		MINIMUM_WIDTH_BREAKPOINT = 960;
+	const metadata = {
+		tag: "ui5-dynamic-side-content",
+		managedSlots: true,
+		properties:  {
+			 hideMainContent: {
+				type: Boolean,
+			},
+			hideSideContent: {
+				type: Boolean,
+			},
+			 sideContentPosition: {
+				type: SideContentPosition,
+				defaultValue: SideContentPosition.End,
+			},
+			sideContentVisibility: {
+				type: SideContentVisibility,
+				defaultValue: SideContentVisibility.ShowAboveS,
+			},
+			sideContentFallDown: {
+				type: SideContentFallDown,
+				defaultValue: SideContentFallDown.OnMinimumWidth,
+			},
+			equalSplit: {
+				type: Boolean,
+			},
+			_mcSpan: {
+				type: String,
+				defaultValue: "0",
+				noAttribute: true,
+			},
+			 _scSpan: {
+				type: String,
+				defaultValue: "0",
+				noAttribute: true,
+			},
+			 _toggled: {
+				type: Boolean,
+				noAttribute: true,
+			},
+			 _currentBreakpoint: {
+				type: String,
+				noAttribute: true,
+			},
+		},
+		slots:  {
+			"default": {
+				type: HTMLElement,
+			},
+			 "sideContent": {
+				type: HTMLElement,
+			},
+		},
+		events:  {
+			"layout-change": {
+				details: {
+					currentBreakpoint: {
+						type: String,
+					},
+					previousBreakpoint: {
+						type: String,
+					},
+					mainContentVisible: {
+						type: Boolean,
+					},
+					sideContentVisible: {
+						type: Boolean,
+					},
+				},
+			},
+		},
+	};
+	class DynamicSideContent extends UI5Element__default {
+		constructor() {
+			super();
+			this._handleResizeBound = this.handleResize.bind(this);
+		}
+		static get metadata() {
+			return metadata;
+		}
+		static get styles() {
+			return DynamicSideContent_css;
+		}
+		static get render() {
+			return litRender__default;
+		}
+		static get template() {
+			return DynamicSideContentTemplate_lit;
+		}
+		static async onDefine() {
+			DynamicSideContent.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
+		}
+		onAfterRendering() {
+			this._resizeContents();
+		}
+		onEnterDOM() {
+			ResizeHandler__default.register(this, this._handleResizeBound);
+		}
+		onExitDOM() {
+			ResizeHandler__default.deregister(this, this._handleResizeBound);
+		}
+		 toggleContents() {
+			if (this.breakpoint === this.sizeS && this.sideContentVisibility !== SideContentVisibility.AlwaysShow) {
+				this._toggled = !this._toggled;
+			}
+		}
+		get classes() {
+			const gridPrefix = "ui5-dsc-span",
+				mcSpan = this._toggled ? this._scSpan : this._mcSpan,
+				scSpan = this._toggled ? this._mcSpan : this._scSpan,
+				classes = {
+					main: {
+						"ui5-dsc-main": true,
+					},
+					side: {
+						"ui5-dsc-side": true,
+					},
+				};
+			classes.main[`${gridPrefix}-${mcSpan}`] = true;
+			classes.side[`${gridPrefix}-${scSpan}`] = true;
+			return classes;
+		}
+		get styles() {
+			const isToggled = this.breakpoint === this.sizeS && this._toggled,
+				mcSpan = isToggled ? this._scSpan : this._mcSpan,
+				scSpan = isToggled ? this._mcSpan : this._scSpan,
+				contentHeight = this.breakpoint === this.sizeS && this.sideContentVisibility !== SideContentVisibility.AlwaysShow ? "100%" : "auto";
+			return {
+				root: {
+					"flex-wrap": this._mcSpan === "12" ? "wrap" : "nowrap",
+				},
+				main: {
+					"height": mcSpan === this.span12 ? contentHeight : "100%",
+					"order": this.sideContentPosition === SideContentPosition.Start ? 2 : 1,
+				},
+				side: {
+					"height": scSpan === this.span12 ? contentHeight : "100%",
+					"order": this.sideContentPosition === SideContentPosition.Start ? 1 : 2,
+				},
+			};
+		}
+		get accInfo() {
+			return {
+				"label": DynamicSideContent.i18nBundle.getText(i18nDefaults.DSC_SIDE_ARIA_LABEL),
+			};
+		}
+		get sizeS() {
+			return "S";
+		}
+		get sizeM() {
+			return "M";
+		}
+		get sizeL() {
+			return "L";
+		}
+		get sizeXL() {
+			return "XL";
+		}
+		get span0() {
+			return "0";
+		}
+		get span3() {
+			return "3";
+		}
+		get span4() {
+			return "4";
+		}
+		get span6() {
+			return "6";
+		}
+		get span8() {
+			return "8";
+		}
+		get span9() {
+			return "9";
+		}
+		get span12() {
+			return "12";
+		}
+		get spanFixed() {
+			return "fixed";
+		}
+		get containerWidth() {
+			return this.parentElement.clientWidth;
+		}
+		get breakpoint() {
+			let size;
+			if (this.containerWidth <= S_M_BREAKPOINT) {
+				size = this.sizeS;
+			} else if (this.containerWidth > S_M_BREAKPOINT && this.containerWidth <= M_L_BREAKPOINT) {
+				size = this.sizeM;
+			} else if (this.containerWidth > M_L_BREAKPOINT && this.containerWidth <= L_XL_BREAKPOINT) {
+				size = this.sizeL;
+			} else {
+				size = this.sizeXL;
+			}
+			return size;
+		}
+		handleResize() {
+			this._resizeContents();
+		}
+		_resizeContents() {
+			let mainSize,
+				sideSize,
+				sideVisible;
+			switch (this.breakpoint) {
+			case this.sizeS:
+				mainSize = this.span12;
+				sideSize = this.span12;
+				break;
+			case this.sizeM:
+				if (this.sideContentFallDown === SideContentFallDown.BelowXL
+					|| this.sideContentFallDown === SideContentFallDown.BelowL
+					|| (this.containerWidth <= MINIMUM_WIDTH_BREAKPOINT && this.sideContentFallDown === SideContentFallDown.OnMinimumWidth)) {
+					mainSize = this.span12;
+					sideSize = this.span12;
+				} else {
+					mainSize = this.equalSplit ? this.span6 : this.spanFixed;
+					sideSize = this.equalSplit ? this.span6 : this.spanFixed;
+				}
+				sideVisible = this.sideContentVisibility === SideContentVisibility.ShowAboveS
+					|| this.sideContentVisibility === SideContentVisibility.AlwaysShow;
+				break;
+			case this.sizeL:
+				if (this.sideContentFallDown === SideContentFallDown.BelowXL) {
+					mainSize = this.span12;
+					sideSize = this.span12;
+				} else {
+					mainSize = this.equalSplit ? this.span6 : this.span8;
+					sideSize = this.equalSplit ? this.span6 : this.span4;
+				}
+				sideVisible = this.sideContentVisibility === SideContentVisibility.ShowAboveS
+					|| this.sideContentVisibility === SideContentVisibility.ShowAboveM
+					|| this.sideContentVisibility === SideContentVisibility.AlwaysShow;
+				break;
+			case this.sizeXL:
+				mainSize = this.equalSplit ? this.span6 : this.span9;
+				sideSize = this.equalSplit ? this.span6 : this.span3;
+				sideVisible = this.sideContentVisibility !== SideContentVisibility.NeverShow;
+			}
+			if (this.sideContentVisibility === SideContentVisibility.AlwaysShow) {
+				sideVisible = true;
+			}
+			if (this.hideSideContent) {
+				mainSize = this.hideMainContent ? this.span0 : this.span12;
+				sideSize = this.span0;
+				sideVisible = false;
+			}
+			if (this.hideMainContent) {
+				mainSize = this.span0;
+				sideSize = this.hideSideContent ? this.span0 : this.span12;
+				sideVisible = true;
+			}
+			if (!sideVisible) {
+				mainSize = this.span12;
+				sideSize = this.span0;
+			}
+			if (this._currentBreakpoint !== this.breakpoint) {
+				const eventParams = {
+					currentBreakpoint: this.breakpoint,
+					previousBreakpoint: this._currentBreakpoint,
+					mainContentVisible: mainSize !== this.span0,
+					sideContentVisible: sideSize !== this.span0,
+				};
+				this.fireEvent("layout-change", eventParams);
+				this._currentBreakpoint = this.breakpoint;
+			}
+			this._setSpanSizes(mainSize, sideSize);
+		}
+		_setSpanSizes(mainSize, sideSize) {
+			this._mcSpan = mainSize;
+			this._scSpan = sideSize;
+			if (this.breakpoint !== this.sizeS) {
+				this._toggled = false;
+			}
+		}
+	}
+	DynamicSideContent.define();
+
+	return DynamicSideContent;
+
+});

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

@@ -12,6 +12,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 
 	const metadata = {
 		tag: "ui5-flexible-column-layout",
+		fastNavigation: true,
 		properties:  {
 			layout: {
 				type: FCLLayout,
@@ -23,6 +24,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			accessibilityTexts: {
 				type: Object,
 			},
+			accessibilityRoles: {
+				type: Object,
+			},
 			_width: {
 				type: Float__default,
 				defaultValue: 0,
@@ -71,7 +75,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 +92,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 +350,34 @@ 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 accStartArrowContainerText() {
+			return this.accessibilityTexts.startArrowContainerAccessibleName || undefined;
+		}
+		get accEndArrowContainerText() {
+			return this.accessibilityTexts.endArrowContainerAccessibleName || undefined;
+		}
+		get accStartColumnRole() {
+			return this.accessibilityRoles.startColumnRole || "region";
+		}
+		get accMiddleColumnRole() {
+			return this.accessibilityRoles.midColumnRole || "region";
+		}
+		get accEndColumnRole() {
+			return this.accessibilityRoles.endColumnRole || "region";
+		}
+		get accStartArrowContainerRole() {
+			return this.accessibilityRoles.startArrowContainerRole || undefined;
+		}
+		get accEndArrowContainerRole() {
+			return this.accessibilityRoles.endArrowContainerRole || undefined;
 		}
 		get _effectiveLayoutsByMedia() {
 			return this._layoutsConfiguration || FCLLayout$1.getLayoutsByMedia();
@@ -361,16 +385,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,18 +76,22 @@ 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) {
 				this.invalid = true;
-				return console.warn(`Required illustration is not registered. You can either import the illustration as a module in order to use it e.g. "@ui5/webcomponents-fiori/dist/illustrations/${this.name}.js".`);
+				const illustrationPath = this.name.includes("Tnt") ? `tnt/${this.name.replace("Tnt", "")}` : this.name;
+				return console.warn(`Required illustration is not registered. You can either import the illustration as a module in order to use it e.g. "@ui5/webcomponents-fiori/dist/illustrations/${illustrationPath}.js".`);
 			}
 			this.invalid = false;
 			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 +131,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,31 @@
 sap.ui.define(['exports'], function (exports) { 'use strict';
 
+	const IBar = "sap.ui.webcomponents.fiori.IBar";
+	const IFilterItem = "sap.ui.webcomponents.fiori.IFilterItem";
+	const IFilterItemOption = "sap.ui.webcomponents.fiori.IFilterItemOption";
+	const IMediaGalleryItem = "sap.ui.webcomponents.fiori.IMediaGalleryItem";
 	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.IBar = IBar;
+	exports.IFilterItem = IFilterItem;
+	exports.IFilterItemOption = IFilterItemOption;
+	exports.IMediaGalleryItem = IMediaGalleryItem;
 	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;