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

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 {
@@ -112,6 +111,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		onExitDOM() {
 			ResizeHandler__default.deregister(this, this._handleResize);
+			["start", "mid", "end"].forEach(column => {
+				this[`${column}ColumnDOM`].removeEventListener("transitionend", this.columnResizeHandler);
+			});
 		}
 		onAfterRendering() {
 			if (this.initialRendering) {
@@ -177,16 +179,18 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 			if (currentlyHidden) {
 				columnDOM.style.width = columnWidth;
-				setTimeout(() => {
-					columnDOM.classList.add("ui5-fcl-column--hidden");
-				}, FlexibleColumnLayout.ANIMATION_DURATION);
+				columnDOM.addEventListener("transitionend", this.columnResizeHandler);
 				return;
 			}
 			if (previouslyHidden) {
+				columnDOM.removeEventListener("transitionend", this.columnResizeHandler);
 				columnDOM.classList.remove("ui5-fcl-column--hidden");
 				columnDOM.style.width = columnWidth;
 			}
 		}
+		columnResizeHandler(event) {
+			event.target.classList.add("ui5-fcl-column--hidden");
+		}
 		nextLayout(layout, arrowsInfo = {}) {
 			if (arrowsInfo.start) {
 				return FCLLayout$1.getNextLayoutByStartArrow()[layout];
@@ -342,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();
@@ -356,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

@@ -0,0 +1,147 @@
+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";
+	const metadata = {
+		tag: "ui5-illustrated-message",
+		managedSlots: true,
+		properties:  {
+			titleText: {
+				type: String,
+			},
+			subtitleText: {
+				type: String,
+			},
+			media: {
+				type: String,
+			},
+			invalid: {
+				type: Boolean,
+			},
+			name: {
+				type: IllustrationMessageType,
+				defaultValue: IllustrationMessageType.BeforeSearch,
+			},
+		},
+		slots:  {
+			"default": {
+				propertyName: "actions",
+				type: HTMLElement,
+			},
+			subtitle: {
+				type: HTMLElement,
+			},
+		},
+		events:  {
+		},
+	};
+	class IllustratedMessage extends UI5Element__default {
+		constructor() {
+			super();
+			this._handleResize = this.handleResize.bind(this);
+		}
+		static get metadata() {
+			return metadata;
+		}
+		static get render() {
+			return litRender__default;
+		}
+		static get styles() {
+			return IllustratedMessage_css;
+		}
+		static get template() {
+			return IllustratedMessageTemplate_lit;
+		}
+		static async onDefine() {
+			IllustratedMessage.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
+		}
+		static get BREAKPOINTS() {
+			return {
+				DIALOG: 679,
+				SPOT: 319,
+				BASE: 259,
+			};
+		}
+		static get MEDIA() {
+			return {
+				BASE: "base",
+				SPOT: "spot",
+				DIALOG: "dialog",
+				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".`);
+			}
+			this.invalid = false;
+			this.spotSvg = illustrationData.spotSvg;
+			this.dialogSvg = illustrationData.dialogSvg;
+			this.sceneSvg = illustrationData.sceneSvg;
+			this.illustrationTitle = IllustratedMessage.i18nBundle.getText(illustrationData.title);
+			this.illustrationSubtitle = IllustratedMessage.i18nBundle.getText(illustrationData.subtitle);
+		}
+		onEnterDOM() {
+			ResizeHandler__default.register(this, this._handleResize);
+		}
+		onExitDOM() {
+			ResizeHandler__default.deregister(this, this._handleResize);
+		}
+		handleResize() {
+			if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.BASE) {
+				this.media = IllustratedMessage.MEDIA.BASE;
+			} else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.SPOT) {
+				this.media = IllustratedMessage.MEDIA.SPOT;
+			} else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.DIALOG) {
+				this.media = IllustratedMessage.MEDIA.DIALOG;
+			} else {
+				this.media = IllustratedMessage.MEDIA.SCENE;
+			}
+		}
+		get effectiveIllustration() {
+			switch (this.media) {
+			case IllustratedMessage.MEDIA.SPOT:
+				return this.spotSvg;
+			case IllustratedMessage.MEDIA.DIALOG:
+				return this.dialogSvg;
+			case IllustratedMessage.MEDIA.SCENE:
+				return this.sceneSvg;
+			default:
+				return "";
+			}
+		}
+		get hasFormattedSubtitle() {
+			return !!this.subtitle.length;
+		}
+		get effectiveTitleText() {
+			return this.titleText ? this.titleText : this.illustrationTitle;
+		}
+		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;
+		}
+	}
+	IllustratedMessage.define();
+
+	return IllustratedMessage;
+
+});

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,22 +92,22 @@ 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() {
 			const id = this._id;
 			const ids = [];
-			if (this.hasHeading) {
-				ids.push(`${id}-heading`);
+			if (this.hasTitleText) {
+				ids.push(`${id}-title-text`);
 			}
 			ids.push(`${id}-invisibleText`);
 			return ids.join(" ");

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', './NotificationListItemBase', './generated/i18n/i18n-defaults', './generated/templates/NotificationListItemTemplate.lit', './generated/themes/NotificationListItem.css'], function (Keys, i18nBundle, ResizeHandler, Device, Priority, Button, BusyIndicator, Link, Icon, Popover, 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; }
 
@@ -9,6 +9,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 	var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
 	var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
 	var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
+	var WrappingType__default = /*#__PURE__*/_interopDefaultLegacy(WrappingType);
 
 	const MAX_WRAP_HEIGHT = 32;
 	const metadata = {
@@ -16,8 +17,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 		languageAware: true,
 		managedSlots: true,
 		properties:  {
-			wrap: {
-				type: Boolean,
+			wrappingType: {
+				type: WrappingType__default,
+				defaultValue: WrappingType__default.None,
 			},
 			_showMorePressed: {
 				type: Boolean,
@@ -47,7 +49,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 	class NotificationListItem extends NotificationListItemBase {
 		constructor() {
 			super();
-			this._headingOverflowHeight = 0;
+			this._titleTextOverflowHeight = 0;
 			this._descOverflowHeight = 0;
 			this.onResizeBind = this.onResize.bind(this);
 		}
@@ -69,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);
 		}
@@ -86,18 +85,18 @@ 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.wrap && this._showMore) {
+			if (this.wrappingType === WrappingType__default.None && this._showMore) {
 				return undefined;
 			}
 			return true;
@@ -105,24 +104,24 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 		get descriptionDOM() {
 			return this.shadowRoot.querySelector(".ui5-nli-description");
 		}
-		get headingDOM() {
-			return this.shadowRoot.querySelector(".ui5-nli-heading");
+		get titleTextDOM() {
+			return this.shadowRoot.querySelector(".ui5-nli-title-text");
 		}
-		get headingHeight() {
-			return this.headingDOM.offsetHeight;
+		get titleTextHeight() {
+			return this.titleTextDOM.offsetHeight;
 		}
 		get descriptionHeight() {
 			return this.descriptionDOM.offsetHeight;
 		}
-		get headingOverflows() {
-			const heading = this.headingDOM;
-			if (!heading) {
+		get titleTextOverflows() {
+			const titleText = this.titleTextDOM;
+			if (!titleText) {
 				return false;
 			}
 			if (Device.isIE()) {
-				return heading.scrollHeight > MAX_WRAP_HEIGHT;
+				return titleText.scrollHeight > MAX_WRAP_HEIGHT;
 			}
-			return heading.offsetHeight < heading.scrollHeight;
+			return titleText.offsetHeight < titleText.scrollHeight;
 		}
 		get descriptionOverflows() {
 			const description = this.descriptionDOM;
@@ -145,8 +144,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 		get ariaLabelledBy() {
 			const id = this._id;
 			const ids = [];
-			if (this.hasHeading) {
-				ids.push(`${id}-heading`);
+			if (this.hasTitleText) {
+				ids.push(`${id}-title-text`);
 			}
 			if (this.hasDesc) {
 				ids.push(`${id}-description`);
@@ -159,21 +158,21 @@ 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 notifcationTxt = this.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_TXT);
-			const readTxt = 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 `${notifcationTxt} ${readTxt} ${priorityText}`;
+			return `${notificationText} ${readText} ${priorityText}`;
 		}
 		get classes() {
 			return {
@@ -213,19 +212,19 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 			this.fireEvent("_press", { item: this });
 		}
 		onResize() {
-			if (this.wrap) {
+			if (this.wrappingType === WrappingType__default.Normal) {
 				this._showMore = false;
 				return;
 			}
-			const headingWouldOverflow = this.headingHeight > this._headingOverflowHeight;
+			const titleTextWouldOverflow = this.titleTextHeight > this._titleTextOverflowHeight;
 			const descWouldOverflow = this.hasDesc && this.descriptionHeight > this._descOverflowHeight;
-			const overflows = headingWouldOverflow || descWouldOverflow;
+			const overflows = titleTextWouldOverflow || descWouldOverflow;
 			if (this._showMorePressed && overflows) {
 				this._showMore = true;
 				return;
 			}
-			if (this.headingOverflows || this.descriptionOverflows) {
-				this._headingOverflowHeight = this.headingHeight;
+			if (this.titleTextOverflows || this.descriptionOverflows) {
+				this._titleTextOverflowHeight = this.titleTextHeight;
 				this._descOverflowHeight = this.hasDesc ? this.descriptionHeight : 0;
 				this._showMore = true;
 				return;

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

@@ -1,14 +1,15 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/main/thirdparty/ListItemBase', 'sap/ui/webc/main/thirdparty/types/Priority', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/icons/message-success', 'sap/ui/webc/common/thirdparty/icons/message-error', 'sap/ui/webc/common/thirdparty/icons/message-warning', 'sap/ui/webc/common/thirdparty/icons/overflow', './generated/templates/NotifactionOverflowActionsPopoverTemplate.lit', './generated/themes/NotifactionOverflowActionsPopover.css'], function (Keys, i18nBundle, ListItemBase, Priority, decline, messageSuccess, messageError, messageWarning, overflow, NotifactionOverflowActionsPopoverTemplate_lit, NotifactionOverflowActionsPopover_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/main/thirdparty/ListItemBase', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/main/thirdparty/types/Priority', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/icons/message-success', 'sap/ui/webc/common/thirdparty/icons/message-error', 'sap/ui/webc/common/thirdparty/icons/message-warning', 'sap/ui/webc/common/thirdparty/icons/overflow', './generated/templates/NotifactionOverflowActionsPopoverTemplate.lit', './generated/themes/NotifactionOverflowActionsPopover.css'], function (Keys, i18nBundle, ListItemBase, Integer, Priority, decline, messageSuccess, messageError, messageWarning, overflow, NotifactionOverflowActionsPopoverTemplate_lit, NotifactionOverflowActionsPopover_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 	var ListItemBase__default = /*#__PURE__*/_interopDefaultLegacy(ListItemBase);
+	var Integer__default = /*#__PURE__*/_interopDefaultLegacy(Integer);
 	var Priority__default = /*#__PURE__*/_interopDefaultLegacy(Priority);
 
 	const metadata = {
 		managedSlots: true,
 		properties:  {
-			heading: {
+			titleText: {
 				type: String,
 			},
 			priority: {
@@ -24,6 +25,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 			busy: {
 				type: Boolean,
 			},
+			busyDelay: {
+				type: Integer__default,
+				defaultValue: 1000,
+			},
 		},
 		slots:  {
 			actions: {
@@ -35,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;
 		}
@@ -55,8 +56,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 				"Low": "message-success",
 			};
 		}
-		get hasHeading() {
-			return !!this.heading.length;
+		get hasTitleText() {
+			return !!this.titleText.length;
 		}
 		get hasPriority() {
 			return this.priority !== Priority__default.None;
@@ -123,7 +124,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 		}
 		async openOverflow() {
 			const overflowPopover = await this.getOverflowPopover();
-			overflowPopover.openBy(this.overflowButtonDOM);
+			overflowPopover.showAt(this.overflowButtonDOM);
 		}
 		async closeOverflow() {
 			const overflowPopover = await this.getOverflowPopover();
@@ -133,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;