@openui5/sap.ui.integration 1.106.0 → 1.107.0

package/package.json

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

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

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.106.0</version>
+  <version>1.107.0</version>
 
   <documentation>SAPUI5 library with integration-related controls.</documentation>
 
@@ -37,11 +37,6 @@
         <raw-module name="sap/ui/integration/sap-ui-integration-define-nojQuery.js" depends="ui5loader-autoconfig.js" />
       </module-infos>
       <all-in-one>
-        <!-- ===========================================================================
-             !! ATTENTION !!
-             The following excludes must be kept in sync with those configured for the
-             'preload-and-merge' plugin execution in the pom.xml of the wrapper library.
-             =========================================================================== -->
         <exclude name="sap/ui/integration/thirdparty/" />
         <exclude name="sap/ui/integration/designtime/thirdparty/" />
       </all-in-one>

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

@@ -28,14 +28,13 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @experimental Since 1.85. Disclaimer: this class is in a beta state - incompatible API changes may be done before its official public release. Use at your own discretion.
 	 * @since 1.85
 	 * @alias sap.ui.integration.ActionDefinition
-	 * @ui5-metamodel This control/element will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var ActionDefinition = Element.extend("sap.ui.integration.ActionDefinition", {
 		metadata: {

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

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

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

@@ -24,13 +24,12 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.75
 	 * @alias sap.ui.integration.Extension
-	 * @ui5-metamodel This control/element will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var Extension = ManagedObject.extend("sap.ui.integration.Extension", {
 		metadata: {
@@ -147,6 +146,17 @@ sap.ui.define([
 	 */
 	Extension.prototype.onCardReady = function () { };
 
+	/**
+	 * Override this method to lazy load dependencies for the extension.
+	 *
+	 * @private
+	 * @ui5-restricted sap/insights
+	 * @returns {Promise} Returns a promise. The card will wait for this promise to be resolved before continuing with the initialization.
+	 */
+	Extension.prototype.loadDependencies = function () {
+		return Promise.resolve();
+	};
+
 	/**
 	 * Returns an interface to the card, which uses this extension.
 	 * @public

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

@@ -25,7 +25,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @public
@@ -146,6 +146,20 @@ sap.ui.define([
 						}
 					},
 
+					/**
+					 * Fired when the state of a card is changed.
+					 * For example - the card is ready, new page is selected inside the card, a filter is changed or data is refreshed.
+					 * @experimental since 1.107
+					 */
+					cardStateChanged: {
+						parameters: {
+							/**
+							 * The card the changes are fired from.
+							 */
+							card: { type: "sap.ui.core.Control" }
+						}
+					},
+
 					/**
 					 * Fired when a message from channels like navigator.serviceWorker is received.
 					 * @experimental since 1.91

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

@@ -37,7 +37,7 @@ sap.ui.define([
 		 * @extends sap.ui.integration.cards.BaseContent
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @private
@@ -66,8 +66,10 @@ sap.ui.define([
 			this._setupCardContent();
 
 			Core.attachThemeChanged(function () {
-				this._adjustHostConfig();
-				this.invalidate();
+				if (this.getDomRef()) {
+					this._adjustHostConfig();
+					this.invalidate();
+				}
 			}.bind(this));
 		};
 

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

@@ -88,7 +88,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @private

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @private

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

@@ -54,7 +54,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @private
@@ -149,6 +149,7 @@ sap.ui.define([
 	};
 
 	BaseContent.prototype.exit = function () {
+		this.hideLoadingPlaceholders();
 		this._oAwaitedEvents = null;
 
 		if (this._mObservers) {
@@ -405,9 +406,17 @@ sap.ui.define([
 	 * @ui5-restricted
 	 */
 	BaseContent.prototype.showLoadingPlaceholders = function () {
-		var oLoadingProvider = this.getAggregation("_loadingProvider");
-		if (oLoadingProvider) {
-			oLoadingProvider.setLoading(true);
+		var oLoadingProvider = this.getAggregation("_loadingProvider"),
+			oCard = this.getCardInstance();
+
+		if (!oLoadingProvider) {
+			return;
+		}
+
+		oLoadingProvider.setLoading(true);
+
+		if (oCard) {
+			oCard.addActiveLoadingProvider(oLoadingProvider);
 		}
 	};
 
@@ -416,9 +425,17 @@ sap.ui.define([
 	 * @ui5-restricted
 	 */
 	BaseContent.prototype.hideLoadingPlaceholders = function () {
-		var oLoadingProvider = this.getAggregation("_loadingProvider");
-		if (oLoadingProvider) {
-			oLoadingProvider.setLoading(false);
+		var oLoadingProvider = this.getAggregation("_loadingProvider"),
+			oCard = this.getCardInstance();
+
+		if (!oLoadingProvider || !oLoadingProvider.getLoading()) {
+			return;
+		}
+
+		oLoadingProvider.setLoading(false);
+
+		if (oCard) {
+			oCard.removeActiveLoadingProvider(oLoadingProvider);
 		}
 	};
 

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

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @private

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

@@ -25,7 +25,8 @@ sap.ui.define([
 		"sap/ui/unified/calendar/CalendarUtils",
 		"sap/ui/unified/DateTypeRange",
 		"sap/ui/core/date/UniversalDate",
-		"sap/ui/unified/CalendarLegendItem"
+		"sap/ui/unified/CalendarLegendItem",
+		"sap/ui/core/Configuration"
 	],
 	function (CalendarContentRenderer,
 		ResizeHandler,
@@ -48,7 +49,8 @@ sap.ui.define([
 		CalendarUtils,
 		DateTypeRange,
 		UniversalDate,
-		CalendarLegendItem) {
+		CalendarLegendItem,
+		Configuration) {
 		"use strict";
 
 		var ActionArea = library.CardActionArea;
@@ -68,7 +70,7 @@ sap.ui.define([
 		 * @extends sap.ui.integration.cards.BaseContent
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @private
@@ -712,7 +714,7 @@ sap.ui.define([
 		function _getLocale() {
 
 			if (!this._sLocale) {
-				this._sLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale().toString();
+				this._sLocale = Configuration.getFormatSettings().getFormatLocale().toString();
 			}
 
 			return this._sLocale;

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

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @experimental
 	 * @constructor

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

@@ -6,6 +6,7 @@
 sap.ui.define([
 	"sap/ui/core/Control",
 	"sap/ui/core/Core",
+	"sap/base/util/merge",
 	"sap/ui/integration/controls/ActionsStrip",
 	"sap/ui/integration/controls/Paginator",
 	"sap/ui/integration/util/BindingHelper",
@@ -13,6 +14,7 @@ sap.ui.define([
 ], function (
 	Control,
 	Core,
+	merge,
 	ActionsStrip,
 	Paginator,
 	BindingHelper,
@@ -31,9 +33,10 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
+	 * @ui5-restricted
 	 * @private
 	 * @since 1.93
 	 * @alias sap.ui.integration.cards.Footer
@@ -130,11 +133,40 @@ sap.ui.define([
 		return Core.byId(this.getCard());
 	};
 
+	Footer.prototype.setEnabled = function (bValue) {
+		var oActionsStrip = this.getActionsStrip();
+		if (!oActionsStrip) {
+			return;
+		}
+
+		if (bValue) {
+			oActionsStrip.enableItems();
+		} else {
+			oActionsStrip.disableItems();
+		}
+	};
+
+	/**
+	 * @ui5-restricted
+	 * @private
+	 * @returns {object} Footer configuration with static values.
+	 */
+	Footer.prototype.getStaticConfiguration = function () {
+		var oConfiguration = merge({}, this.getConfiguration()),
+			oPaginator = this.getPaginator();
+
+		if (oPaginator) {
+			oConfiguration.paginator = oPaginator.getStaticConfiguration();
+		}
+
+		return oConfiguration;
+	};
+
 	Footer.create = function (oCard, oConfiguration) {
 		return new Footer({
 			configuration: oConfiguration,
 			card: oCard,
-			actionsStrip: ActionsStrip.create(oCard, oConfiguration.actionsStrip),
+			actionsStrip: ActionsStrip.create(oCard, oConfiguration.actionsStrip, true),
 			paginator: Paginator.create(oCard, oConfiguration.paginator)
 		});
 	};

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

@@ -6,7 +6,6 @@
 sap.ui.define([
 	"sap/ui/core/Core",
 	"sap/ui/model/json/JSONModel",
-	"sap/base/util/isEmptyObject",
 	"sap/base/util/merge",
 	"sap/f/cards/Header",
 	"sap/f/cards/HeaderRenderer",
@@ -18,7 +17,6 @@ sap.ui.define([
 ], function (
 	Core,
 	JSONModel,
-	isEmptyObject,
 	merge,
 	FHeader,
 	FHeaderRenderer,
@@ -44,13 +42,12 @@ sap.ui.define([
 	 * @extends sap.f.cards.Header
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.77
 	 * @alias sap.ui.integration.cards.Header
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var Header = FHeader.extend("sap.ui.integration.cards.Header", {
 
@@ -58,14 +55,13 @@ sap.ui.define([
 
 			mConfiguration = mConfiguration || {};
 
-			this._bIsEmpty = isEmptyObject(mConfiguration);
-
 			var mSettings = {
 				title: mConfiguration.title,
 				titleMaxLines: mConfiguration.titleMaxLines,
 				subtitle: mConfiguration.subTitle,
 				subtitleMaxLines: mConfiguration.subTitleMaxLines,
-				dataTimestamp: mConfiguration.dataTimestamp
+				dataTimestamp: mConfiguration.dataTimestamp,
+				visible: mConfiguration.visible
 			};
 
 			if (mConfiguration.status && mConfiguration.status.text && !mConfiguration.status.text.format) {
@@ -73,11 +69,15 @@ sap.ui.define([
 			}
 
 			if (mConfiguration.icon) {
+				var vInitials = mConfiguration.icon.initials || mConfiguration.icon.text;
+				var sBackgroundColor = mConfiguration.icon.backgroundColor || (vInitials ? AvatarColor.Accent6 : AvatarColor.Transparent);
+
 				mSettings.iconSrc = mConfiguration.icon.src;
 				mSettings.iconDisplayShape = mConfiguration.icon.shape;
-				mSettings.iconInitials = mConfiguration.icon.text;
+				mSettings.iconInitials = vInitials;
 				mSettings.iconAlt = mConfiguration.icon.alt;
-				mSettings.iconBackgroundColor = mConfiguration.icon.backgroundColor || (mConfiguration.icon.text ? AvatarColor.Accent6 : AvatarColor.Transparent);
+				mSettings.iconBackgroundColor = sBackgroundColor;
+				mSettings.iconVisible = mConfiguration.icon.visible;
 			}
 
 			if (mSettings.iconSrc) {
@@ -90,17 +90,15 @@ sap.ui.define([
 
 			FHeader.call(this, mSettings);
 
-			if (oActionsToolbar && oActionsToolbar.isA("sap.ui.integration.controls.ActionsToolbar")) {
-				oActionsToolbar.attachVisibilityChange(this._handleToolbarVisibilityChange.bind(this));
-			}
-
 			this._oConfiguration = mConfiguration;
 		},
 
 		metadata: {
 			library: "sap.ui.integration",
 			properties: {
-				interactive: { type: "boolean", defaultValue: false }
+				interactive: { type: "boolean", defaultValue: false },
+
+				iconVisible: { type: "boolean", defaultValue: true }
 			},
 			aggregations: {
 				/**
@@ -181,14 +179,6 @@ sap.ui.define([
 		this.fireEvent("_error", { logMessage: sLogMessage });
 	};
 
-	Header.prototype._handleToolbarVisibilityChange = function (oEvent) {
-		var bToolbarVisible = oEvent.getParameter("visible");
-
-		if (this._bIsEmpty && this.getVisible() !== bToolbarVisible) {
-			this.setVisible(bToolbarVisible);
-		}
-	};
-
 	/**
 	 * Await for an event which controls the overall "ready" state of the header.
 	 *
@@ -308,6 +298,11 @@ sap.ui.define([
 	};
 
 	Header.prototype.onDataRequestComplete = function () {
+		var oCard = this.getCardInstance();
+		if (oCard) {
+			oCard._fireDataChange();
+		}
+
 		this.fireEvent("_dataReady");
 		this.hideLoadingPlaceholders();
 	};

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

@@ -7,6 +7,7 @@ sap.ui.define([
 	"./BaseListContent",
 	"./ListContentRenderer",
 	"sap/ui/util/openWindow",
+	"sap/ui/core/ResizeHandler",
 	"sap/m/library",
 	"sap/m/List",
 	"sap/m/ObjectStatus",
@@ -21,6 +22,7 @@ sap.ui.define([
 	BaseListContent,
 	ListContentRenderer,
 	openWindow,
+	ResizeHandler,
 	mLibrary,
 	List,
 	ObjectStatus,
@@ -66,7 +68,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseListContent
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @private
@@ -121,6 +123,18 @@ sap.ui.define([
 			this._oItemTemplate.destroy();
 			this._oItemTemplate = null;
 		}
+
+		if (this._iMicrochartsResizeHandler) {
+			ResizeHandler.deregister(this._iMicrochartsResizeHandler);
+			this._iMicrochartsResizeHandler = undefined;
+		}
+	};
+
+	/**
+	 * @override
+	 */
+	ListContent.prototype.onAfterRendering = function () {
+		this._resizeMicrocharts();
 	};
 
 	/**
@@ -260,7 +274,7 @@ sap.ui.define([
 			}.bind(this));
 			mSettings.iconAlt = mItem.icon.alt;
 			mSettings.iconDisplayShape = mItem.icon.shape;
-			mSettings.iconInitials = mItem.icon.text;
+			mSettings.iconInitials = mItem.icon.initials || mItem.icon.text;
 
 			if (mSettings.title && mSettings.description) {
 				mSettings.iconSize = AvatarSize.S;
@@ -269,7 +283,7 @@ sap.ui.define([
 			}
 
 			mSettings.iconSize = mItem.icon.size || mSettings.iconSize;
-			mSettings.iconBackgroundColor = mItem.icon.backgroundColor || (mItem.icon.text ? undefined : AvatarColor.Transparent);
+			mSettings.iconBackgroundColor = mItem.icon.backgroundColor || (mSettings.iconInitials ? undefined : AvatarColor.Transparent);
 		}
 
 		if (mItem.attributesLayoutType) {
@@ -347,6 +361,28 @@ sap.ui.define([
 		return oChart;
 	};
 
+	/**
+	 * @private
+	 */
+	 ListContent.prototype._resizeMicrocharts = function () {
+		var $charts = this.$().find(".sapUiIntMicrochartChart"),
+			iShortestWidth = Number.MAX_VALUE;
+
+		if ($charts.length === 0) {
+			return;
+		}
+
+		$charts.each(function (iIndex, oChartWrapper) {
+			iShortestWidth = Math.min(iShortestWidth, oChartWrapper.offsetWidth);
+		});
+
+		$charts.find(".sapUiIntMicrochartChartInner").css("max-width", iShortestWidth + "px");
+
+		if (!this._iMicrochartsResizeHandler) {
+			this._iMicrochartsResizeHandler = ResizeHandler.register(this, this._resizeMicrocharts.bind(this));
+		}
+	};
+
 	/**
 	 * Create static StandardListItems which will be mapped with the configuration that is passed.
 	 *

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

@@ -6,7 +6,6 @@
 sap.ui.define([
 	"sap/ui/core/Core",
 	"sap/base/util/extend",
-	"sap/base/util/isEmptyObject",
 	"sap/f/cards/NumericHeader",
 	"sap/f/cards/NumericHeaderRenderer",
 	"sap/f/cards/NumericSideIndicator",
@@ -16,7 +15,6 @@ sap.ui.define([
 ], function (
 	Core,
 	extend,
-	isEmptyObject,
 	FNumericHeader,
 	FNumericHeaderRenderer,
 	NumericSideIndicator,
@@ -37,13 +35,12 @@ sap.ui.define([
 	 * @extends sap.f.cards.NumericHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.77
 	 * @alias sap.ui.integration.cards.NumericHeader
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var NumericHeader = FNumericHeader.extend("sap.ui.integration.cards.NumericHeader", {
 
@@ -51,14 +48,13 @@ sap.ui.define([
 
 			mConfiguration = mConfiguration || {};
 
-			this._bIsEmpty = isEmptyObject(mConfiguration);
-
 			var mSettings = {
 				title: mConfiguration.title,
 				titleMaxLines: mConfiguration.titleMaxLines,
 				subtitle: mConfiguration.subTitle,
 				subtitleMaxLines: mConfiguration.subTitleMaxLines,
-				dataTimestamp: mConfiguration.dataTimestamp
+				dataTimestamp: mConfiguration.dataTimestamp,
+				visible: mConfiguration.visible
 			};
 
 			if (mConfiguration.status && mConfiguration.status.text && !mConfiguration.status.text.format) {
@@ -88,10 +84,6 @@ sap.ui.define([
 			mSettings.toolbar = oActionsToolbar;
 
 			FNumericHeader.call(this, mSettings);
-
-			if (oActionsToolbar && oActionsToolbar.isA("sap.ui.integration.controls.ActionsToolbar")) {
-				oActionsToolbar.attachVisibilityChange(this._handleToolbarVisibilityChange.bind(this));
-			}
 		},
 		metadata: {
 			library: "sap.ui.integration",
@@ -259,14 +251,6 @@ sap.ui.define([
 		this.fireEvent("_error", { logMessage: sLogMessage });
 	};
 
-	NumericHeader.prototype._handleToolbarVisibilityChange = function (oEvent) {
-		var bToolbarVisible = oEvent.getParameter("visible");
-
-		if (this._bIsEmpty && this.getVisible() !== bToolbarVisible) {
-			this.setVisible(bToolbarVisible);
-		}
-	};
-
 	NumericHeader.prototype.refreshData = function () {
 		if (this._oDataProvider) {
 			this._oDataProvider.triggerDataUpdate();