@openui5/sap.ui.integration 1.127.0 → 1.128.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.integration",
-  "version": "1.127.0",
+  "version": "1.128.0",
   "description": "OpenUI5 UI Library sap.ui.integration",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,11 +14,11 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.127.0",
-    "@openui5/sap.f": "1.127.0",
-    "@openui5/sap.m": "1.127.0",
-    "@openui5/sap.ui.unified": "1.127.0",
-    "@openui5/sap.ui.layout": "1.127.0",
-    "@openui5/sap.ui.table": "1.127.0"
+    "@openui5/sap.ui.core": "1.128.0",
+    "@openui5/sap.f": "1.128.0",
+    "@openui5/sap.m": "1.128.0",
+    "@openui5/sap.ui.unified": "1.128.0",
+    "@openui5/sap.ui.layout": "1.128.0",
+    "@openui5/sap.ui.table": "1.128.0"
   }
 }

package/src/sap/ui/integration/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.127.0</version>
+  <version>1.128.0</version>
 
   <documentation>SAPUI5 library with integration-related controls.</documentation>
 

package/src/sap/ui/integration/ActionDefinition.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/integration/Designtime.js

@@ -20,7 +20,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/integration/Extension.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/integration/Host.js

@@ -30,7 +30,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.127.0
+		 * @version 1.128.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/ui/integration/cards/AdaptiveContent.js

@@ -7,7 +7,6 @@ sap.ui.define([
 	"sap/base/i18n/Localization",
 	"sap/ui/core/Lib",
 	"sap/ui/integration/library",
-	"sap/ui/core/message/MessageType",
 	"sap/ui/dom/includeScript",
 	"sap/ui/integration/cards/BaseContent",
 	"sap/ui/integration/cards/adaptivecards/elements/hostConfig",
@@ -16,12 +15,14 @@ sap.ui.define([
 	"sap/ui/model/json/JSONModel",
 	"sap/base/Log"
 ],
-	function(Localization, Library, library, MessageType, includeScript, BaseContent, hostConfig, VBox, HTML, JSONModel, Log) {
+	function(Localization, Library, library, includeScript, BaseContent, hostConfig, VBox, HTML, JSONModel, Log) {
 		"use strict";
 
 		// lazy dependencies, loaded on demand
 		var AdaptiveCards, ACData, Markdown, UI5InputText, UI5InputNumber, UI5InputChoiceSet, UI5InputTime, UI5InputDate, UI5InputToggle, ActionRender;
 
+		var CardMessageType = library.CardMessageType;
+
 		/**
 		 * Constructor for a new <code>AdaptiveContent</code>.
 		 *
@@ -34,7 +35,7 @@ sap.ui.define([
 		 * @extends sap.ui.integration.cards.BaseContent
 		 *
 		 * @author SAP SE
-		 * @version 1.127.0
+		 * @version 1.128.0
 		 *
 		 * @constructor
 		 * @private
@@ -300,7 +301,7 @@ sap.ui.define([
 			var oResourceBundle = Library.getResourceBundleFor("sap.ui.integration"),
 				sMessage = oError ? oResourceBundle.getText("CARDS_ADAPTIVE_ACTION_SUBMIT_ERROR") :
 					oResourceBundle.getText("CARDS_ADAPTIVE_ACTION_SUBMIT_SUCCESS"),
-				sMessageType = oError ? MessageType.Error : MessageType.Success;
+				sMessageType = oError ? CardMessageType.Error : CardMessageType.Success;
 
 			this.showMessage(sMessage, sMessageType);
 

package/src/sap/ui/integration/cards/AnalyticalContent.js

@@ -92,7 +92,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/AnalyticsCloudContent.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/BaseContent.js

@@ -23,7 +23,8 @@ sap.ui.define([
 	"sap/ui/integration/util/BindingHelper",
 	"sap/ui/integration/util/BindingResolver",
 	"sap/base/util/merge",
-	"sap/ui/integration/library"
+	"sap/ui/integration/library",
+	"sap/ui/core/message/MessageType"
 ], function (
 	BaseContentRenderer,
 	GenericPlaceholder,
@@ -43,19 +44,23 @@ sap.ui.define([
 	BindingHelper,
 	BindingResolver,
 	merge,
-	library
+	library,
+	MessageType
 ) {
 	"use strict";
 
 	// shortcut for sap.ui.core.InvisibleMessageMode
-	var InvisibleMessageMode = coreLibrary.InvisibleMessageMode;
+	const InvisibleMessageMode = coreLibrary.InvisibleMessageMode;
 
 	// shortcut for sap.ui.integration.CardDesign
-	var CardDesign = library.CardDesign;
+	const CardDesign = library.CardDesign;
+
 	// shortcut for sap.ui.integration.CardBlockingMessageType
-	var CardBlockingMessageType = library.CardBlockingMessageType;
+	const CardBlockingMessageType = library.CardBlockingMessageType;
+
+	const CardMessageType = library.CardMessageType;
 
-	var CardPreviewMode = library.CardPreviewMode;
+	const CardPreviewMode = library.CardPreviewMode;
 
 	/**
 	 * Constructor for a new <code>BaseContent</code>.
@@ -69,7 +74,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private
@@ -361,26 +366,74 @@ sap.ui.define([
 	 * Displays a message strip above the content.
 	 *
 	 * @param {string} sMessage The message.
-	 * @param {sap.ui.core.MessageType} sType Type of the message.
+	 * @param {sap.ui.integration.CardMessageType} sType Type of the message.
+	 * @param {boolean} bAutoClose Close the message automatically. Default is <code>false</code> for most message types.
+	 * 	It is <code>true</code> for message type <code>Toast</code>.
+	 * 	<b>Note</b> This property has no effect for message type <code>Loading</code>.
 	 * @private
 	 * @ui5-restricted sap.ui.integration
 	 */
-	BaseContent.prototype.showMessage = function (sMessage, sType) {
-		var oMessagePopup = this._getMessageContainer();
-		var oMessage = new MessageStrip({
+	BaseContent.prototype.showMessage = function (sMessage, sType, bAutoClose) {
+		const oMessagePopup = this._getMessageContainer();
+
+		this.hideMessage();
+
+		if (sType === CardMessageType.Loading) {
+			bAutoClose = false;
+			this.addStyleClass("sapFCardBaseContentHasMessageLoading");
+			this.setBusyIndicatorDelay(0);
+			this.setBusy(true);
+		}
+
+		if (sType === CardMessageType.Toast) {
+			bAutoClose = bAutoClose ?? true;
+		}
+
+		const bIsSpecialType = sType === CardMessageType.Loading || sType === CardMessageType.Toast;
+		const oMessage = new MessageStrip({
 			text: BindingHelper.createBindingInfos(sMessage, this.getCardInstance().getBindingNamespaces()),
-			type: sType,
+			type: bIsSpecialType ? MessageType.Information : sType,
 			showCloseButton: true,
-			showIcon: true,
+			showIcon: sType === CardMessageType.Loading ? false : true,
 			close: function () {
-				this._getMessageContainer().destroy();
+				this.hideMessage();
 			}.bind(this)
-		}).addStyleClass("sapFCardContentMessage");
-		var oDomRef = this.getDomRef();
+		});
+
+		oMessage.addStyleClass("sapFCardContentMessage");
+		oMessage.addStyleClass("sapFCardContentMessage" + sType);
+
+		const fnAnimationEnd = (oEvent) => {
+			// prevents animations from re-appearing after re-render
+			oMessage.addStyleClass(oEvent.animationName + "Finished");
+		};
+
+		oMessage.addEventDelegate({
+			onBeforeRendering: () => {
+				const oRef = oMessage.getDomRef();
+				oRef?.removeEventListener("animationend", fnAnimationEnd);
+				oRef?.removeEventListener("animationcancel", fnAnimationEnd);
+			},
+			onAfterRendering: () => {
+				const oRef = oMessage.getDomRef();
+				oRef.addEventListener("animationend", fnAnimationEnd);
+				oRef.addEventListener("animationcancel", fnAnimationEnd);
+			}
+		});
 
-		oMessagePopup.destroyItems();
 		oMessagePopup.addItem(oMessage);
 
+		if (bAutoClose) {
+			const iDuration = sMessage ? Math.max(sMessage.split(" ").length * 250, 3000) : 3000; // sMessage.split(" ").length * 250 is a rough estimation of the time needed to read the message 4 words per second
+			setTimeout(() => {
+				oMessage.close();
+			}, iDuration + 400 ); // 0.4s the duration of the closing animation
+			setTimeout(() => {
+				oMessage.addStyleClass("sapFCardContentMessageClosing");
+			}, iDuration);
+		}
+
+		const oDomRef = this.getDomRef();
 		if (oDomRef && oDomRef.contains(document.activeElement)) {
 			InvisibleMessage.getInstance().announce(sMessage, InvisibleMessageMode.Assertive);
 		} else {
@@ -397,6 +450,11 @@ sap.ui.define([
 	BaseContent.prototype.hideMessage = function () {
 		var oMessagePopup = this._getMessageContainer();
 		oMessagePopup.destroyItems();
+
+		if (this.hasStyleClass("sapFCardBaseContentHasMessageLoading")) {
+			this.removeStyleClass("sapFCardBaseContentHasMessageLoading");
+			this.setBusy(false);
+		}
 	};
 
 	BaseContent.prototype.showBlockingMessage = function (mSettings) {
@@ -832,6 +890,7 @@ sap.ui.define([
 				renderType: mLibrary.FlexRendertype.Bare,
 				alignItems: mLibrary.FlexAlignItems.Center
 			}).addStyleClass("sapFCardContentMessageContainer");
+
 			this.setAggregation("_messageContainer", oMessageContainer);
 		}
 

package/src/sap/ui/integration/cards/BaseListContent.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/CalendarContent.js

@@ -79,7 +79,7 @@ sap.ui.define([
 		 * @extends sap.ui.integration.cards.BaseContent
 		 *
 		 * @author SAP SE
-		 * @version 1.127.0
+		 * @version 1.128.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/ui/integration/cards/ComponentContent.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @experimental
 	 * @constructor

package/src/sap/ui/integration/cards/Footer.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @ui5-restricted

package/src/sap/ui/integration/cards/Header.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.Header
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/ListContent.js

@@ -67,7 +67,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseListContent
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/NumericHeader.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.NumericHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/ObjectContent.js

@@ -127,7 +127,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.integration.cards.BaseContent
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @since 1.64
@@ -937,6 +937,18 @@ sap.ui.define([
 			oControl.addStyleClass("sapFCardObjectImageFullWidth");
 		}
 
+		const fallbackSrcHandler = () => {
+			oImage.detachError(fallbackSrcHandler);
+
+			const sFallbackSrc = this._oIconFormatter.formatSrc(BindingResolver.resolveValue(oItem.fallbackSrc, this));
+
+			if (sFallbackSrc && sFallbackSrc !== oImage.getSrc()) {
+				oImage.setSrc(sFallbackSrc);
+			}
+		};
+
+		oImage.attachError(fallbackSrcHandler);
+
 		return oControl;
 	};
 

package/src/sap/ui/integration/cards/TableContent.js

@@ -82,7 +82,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseListContent
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/TimelineContent.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseListContent
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @experimental

package/src/sap/ui/integration/cards/WebPageContent.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @experimental

package/src/sap/ui/integration/cards/actions/CardActions.js

@@ -59,7 +59,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/actions/ShowCardAction.js

@@ -73,7 +73,7 @@ sap.ui.define([
 
 		const oDelegate = {
 			onmousedown: (e) => {
-				if (e.target.classList.contains("sapMDialogResizeHandler")) {
+				if (e.target.closest(".sapMDialogResizeHandle")) {
 					oChildCard.setHeight("100%");
 					oDialog.setContentHeight(oDialog.getDomRef("cont").offsetHeight + "px");
 					oDialog.setVerticalScrolling(false);

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputChoiceSet.js

@@ -20,7 +20,7 @@ sap.ui.define([
 	 * <code>ui5-select</code>, or container with <code>ui5-radio-button</code>, or <code>ui5-checkbox</code> web components.
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @private
 	 * @since 1.74

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputDate.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * <code>ui5-datepicker</code> web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @private
 	 * @since 1.74

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputNumber.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * <code>ui5-step-input</code> web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @private
 	 * @since 1.74

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputText.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * <code>ui5-input</code> or <code>ui5-textarea<code> UI5 web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @private
 	 * @since 1.74

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputToggle.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * <code>ui5-checkbox</code> web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @private
 	 * @since 1.74

package/src/sap/ui/integration/cards/filters/BaseFilter.js

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/filters/ComboBoxFilter.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.filters.BaseFilter
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/filters/DateRangeFilter.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.filters.BaseFilter
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/filters/FilterBar.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/filters/FilterBarFactory.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.Object
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/filters/SearchFilter.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.filters.BaseFilter
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/filters/SelectFilter.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.filters.BaseFilter
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/list/MicrochartsResizeHelper.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.Object
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/ActionsStrip.js

@@ -15,7 +15,7 @@ sap.ui.define([
 	"sap/ui/integration/util/BindingResolver",
 	"sap/ui/model/json/JSONModel",
 	"sap/m/Button",
-	"sap/ui/integration/controls/LinkWithIcon",
+	"sap/m/Link",
 	"sap/m/OverflowToolbarButton",
 	"sap/m/OverflowToolbar",
 	"sap/m/OverflowToolbarLayoutData",
@@ -32,7 +32,7 @@ sap.ui.define([
 	BindingResolver,
 	JSONModel,
 	Button,
-	LinkWithIcon,
+	Link,
 	OverflowToolbarButton,
 	OverflowToolbar,
 	OverflowToolbarLayoutData,
@@ -60,7 +60,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private
@@ -276,7 +276,7 @@ sap.ui.define([
 	};
 
 	ActionsStrip.prototype._createLink = function (mConfig) {
-		var oLink = new LinkWithIcon({
+		var oLink = new Link({
 			icon: mConfig.icon,
 			text: mConfig.text,
 			tooltip: mConfig.tooltip,

package/src/sap/ui/integration/controls/ActionsToolbar.js

@@ -76,7 +76,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/BlockingMessage.js

@@ -53,7 +53,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/ImageWithOverlay.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/ListContentItem.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/Microchart.js

@@ -99,7 +99,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @private