@openui5/sap.ui.integration 1.105.1 → 1.107.0

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.105.1
+	 * @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.105.1
+	 * @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();
 	};
 
 	/**
@@ -193,7 +207,11 @@ sap.ui.define([
 		if (bHasGroups) {
 			oStaticConfiguration.groups = aResolvedGroups;
 		} else {
-			oStaticConfiguration.items = aResolvedItems;
+			oStaticConfiguration.groups = [
+				{
+					items: aResolvedItems
+				}
+			];
 		}
 
 		return oStaticConfiguration;
@@ -256,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;
@@ -265,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) {
@@ -277,7 +295,8 @@ sap.ui.define([
 				mSettings.attributes.push(new ObjectStatus({
 					text: attr.value,
 					state: attr.state,
-					emptyIndicatorMode: EmptyIndicatorMode.On
+					emptyIndicatorMode: EmptyIndicatorMode.On,
+					visible: attr.visible
 				}));
 			});
 		}
@@ -342,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.105.1
+	 * @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();

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

@@ -12,7 +12,6 @@ sap.ui.define([
 	"sap/m/HBox",
 	"sap/m/VBox",
 	"sap/m/Text",
-	"sap/m/Title",
 	"sap/m/Avatar",
 	"sap/m/Link",
 	"sap/m/Label",
@@ -21,12 +20,15 @@ sap.ui.define([
 	"sap/m/TextArea",
 	"sap/base/Log",
 	"sap/base/util/isEmptyObject",
+	"sap/base/util/isPlainObject",
+	"sap/base/util/merge",
 	"sap/ui/core/ResizeHandler",
 	"sap/ui/layout/AlignedFlowLayout",
 	"sap/ui/dom/units/Rem",
 	"sap/ui/integration/util/BindingHelper",
 	"sap/ui/integration/util/BindingResolver",
 	"sap/ui/integration/util/Utils",
+	"sap/ui/integration/util/Forms",
 	"sap/f/AvatarGroup",
 	"sap/f/AvatarGroupItem",
 	"sap/f/cards/NumericIndicators",
@@ -44,7 +46,6 @@ sap.ui.define([
 	HBox,
 	VBox,
 	Text,
-	Title,
 	Avatar,
 	Link,
 	Label,
@@ -53,12 +54,15 @@ sap.ui.define([
 	TextArea,
 	Log,
 	isEmptyObject,
+	isPlainObject,
+	merge,
 	ResizeHandler,
 	AlignedFlowLayout,
 	Rem,
 	BindingHelper,
 	BindingResolver,
 	Utils,
+	Forms,
 	AvatarGroup,
 	AvatarGroupItem,
 	NumericIndicators,
@@ -100,7 +104,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.integration.cards.BaseContent
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @since 1.64
@@ -116,6 +120,8 @@ sap.ui.define([
 	ObjectContent.prototype.exit = function() {
 		BaseContent.prototype.exit.apply(this, arguments);
 
+		delete this._aValidationControls;
+
 		if (this._sResizeListenerId) {
 			ResizeHandler.deregister(this._sResizeListenerId);
 			this._sResizeListenerId = "";
@@ -126,26 +132,48 @@ sap.ui.define([
 	 * Handler for when data is changed.
 	 */
 	ObjectContent.prototype.onDataChanged = function () {
-		this._handleNoItemsError(this.getParsedConfiguration().hasData);
+		if (!this._hasData()) {
+			this.getParent()._handleError("No items available", true);
+		}
+
+		this._validateInputFields(false);
 	};
 
-	/**
-	 * Used to show the illustrated message when there is empty data retrieved.
-	 *
-	 * @protected
-	 * @param {String} sValue value to resolve data.
-	 */
-	ObjectContent.prototype._handleNoItemsError = function (sValue) {
-		if (!sValue) {
-			return;
+	ObjectContent.prototype.validateControls = function () {
+		this._validateInputFields(true);
+	};
+
+	ObjectContent.prototype._validationControlChanged = function (oEvent) {
+		Forms.validateControl(oEvent.getSource(), this.getCardInstance(), true);
+	};
+
+	ObjectContent.prototype._validateInputFields = function (bShowValueState) {
+		(this._aValidationControls || []).forEach(function (oControl) {
+			Forms.validateControl(oControl, this.getCardInstance(), bShowValueState);
+		}.bind(this));
+	};
+
+	ObjectContent.prototype._prepareValidationControl = function (oControl, oItem, sChangeFunction) {
+		oControl.attachEvent(sChangeFunction, this._validationControlChanged.bind(this));
+		this._aValidationControls.push(oControl);
+		oControl._oItem = oItem;
+	};
+
+	ObjectContent.prototype._hasData = function () {
+		var oConfiguration = this.getConfiguration();
+
+		if (!oConfiguration.hasOwnProperty("hasData")) {
+			return true;
 		}
 
-		var oResolvedValue = BindingResolver.resolveValue(sValue, this, this.getBindingContext().getPath());
+		var vResolvedValue = BindingResolver.resolveValue(oConfiguration.hasData, this, this.getBindingContext().getPath());
 
-		// check for falsy value, empty array or an empty object
-		if (!oResolvedValue || Array.isArray(oResolvedValue) && !oResolvedValue.length || isEmptyObject(oResolvedValue)) {
-			this.getParent()._handleError("No items available", true);
+		// check for empty array or an empty object
+		if (Array.isArray(vResolvedValue) && !vResolvedValue.length || isPlainObject(vResolvedValue) && isEmptyObject(vResolvedValue)) {
+			return false;
 		}
+
+		return !!vResolvedValue;
 	};
 
 	ObjectContent.prototype.setConfiguration = function (oConfiguration) {
@@ -156,6 +184,8 @@ sap.ui.define([
 			return this;
 		}
 
+		this._aValidationControls = [];
+
 		if (oConfiguration.groups) {
 			this._addGroups(oConfiguration);
 		}
@@ -163,6 +193,63 @@ sap.ui.define([
 		return this;
 	};
 
+	/**
+	 * @override
+	 */
+	ObjectContent.prototype.getStaticConfiguration = function () {
+		var oConfiguration = this.getParsedConfiguration(),
+			sObjectContentPath;
+
+		if (!this.getBindingContext()) {
+			return oConfiguration;
+		} else {
+			sObjectContentPath = this.getBindingContext().getPath();
+		}
+
+		if (oConfiguration.groups) {
+			oConfiguration.groups.forEach(function (oGroup) {
+				var aResolvedGroupItems = [];
+
+				if (oGroup.items) {
+					oGroup.items.forEach(function (oItem) {
+						var sFullPath = sObjectContentPath + oItem.path,
+							oResolvedGroupItem = this._resolveGroupItem(oItem, sFullPath);
+
+						aResolvedGroupItems.push(oResolvedGroupItem);
+					}.bind(this));
+				}
+
+				oGroup.items = aResolvedGroupItems;
+			}.bind(this));
+		}
+
+		return oConfiguration;
+	};
+
+	ObjectContent.prototype._resolveGroupItem = function (oItem, sFullPath) {
+		var oResolvedGroupItem = {},
+			aResolvedItems = [];
+
+		if (oItem.type === "ButtonGroup" || oItem.type === "IconGroup") {
+			var oTemplate = oItem.template,
+				aData = this.getModel().getProperty(sFullPath);
+
+			aData.forEach(function (oItemData, iIndex) {
+				var oResolvedItem = BindingResolver.resolveValue(oTemplate, this, sFullPath + "/" + iIndex + "/");
+				aResolvedItems.push(oResolvedItem);
+			}.bind(this));
+			oResolvedGroupItem = merge({}, oItem);
+			oResolvedGroupItem.items = aResolvedItems;
+
+			delete oResolvedGroupItem.path;
+			delete oResolvedGroupItem.template;
+
+			return oResolvedGroupItem;
+		} else {
+			return oItem;
+		}
+	};
+
 	ObjectContent.prototype._getRootContainer = function () {
 		var oRootContainer = this.getAggregation("_content");
 
@@ -183,6 +270,7 @@ sap.ui.define([
 			oAFLayout,
 			bNextAFLayout = true,
 			aGroups = oConfiguration.groups || [];
+		this._formElementsIds = new Set();
 
 		aGroups.forEach(function (oGroupConfiguration, i) {
 			var oGroup = this._createGroup(oGroupConfiguration);
@@ -231,14 +319,16 @@ sap.ui.define([
 		}).addStyleClass("sapFCardObjectGroup");
 
 		if (oGroupConfiguration.title) {
-			oGroup.addItem(new Title({
-				text: oGroupConfiguration.title
-			}).addStyleClass("sapFCardObjectItemTitle"));
+			oGroup.addItem(new Text({
+				text: oGroupConfiguration.title,
+				maxLines: oGroupConfiguration.titleMaxLines || 1
+			}).addStyleClass("sapFCardObjectItemTitle sapMTitle sapMTitleStyleAuto"));
 
 			oGroup.addStyleClass("sapFCardObjectGroupWithTitle");
 		}
 
 		oGroupConfiguration.items.forEach(function (oItem) {
+			oItem.labelWrapping = oGroupConfiguration.labelWrapping;
 			this._createGroupItems(oItem).forEach(oGroup.addItem, oGroup);
 		}, this);
 
@@ -265,7 +355,8 @@ sap.ui.define([
 
 			oLabel = new Label({
 				text: vLabel,
-				visible: vVisible
+				visible: vVisible,
+				wrapping: oItem.labelWrapping
 			}).addStyleClass("sapFCardObjectItemLabel");
 
 			oLabel.addEventDelegate({
@@ -289,7 +380,8 @@ sap.ui.define([
 					oLabel,
 					oControl
 				]
-			});
+			}).addStyleClass("sapFCardObjectItemPairContainer");
+
 			var oHBox = new HBox({
 				visible: vVisible,
 				renderType: FlexRendertype.Bare,
@@ -308,14 +400,14 @@ sap.ui.define([
 		var vSrc = BindingHelper.formattedProperty(oIconConfiguration.src, function (sValue) {
 			return this._oIconFormatter.formatSrc(sValue);
 		}.bind(this));
-
+		var vInitials = oIconConfiguration.initials || oIconConfiguration.text;
 		var oAvatar = new Avatar({
 			displaySize: oIconConfiguration.size || AvatarSize.XS,
 			src: vSrc,
-			initials: oIconConfiguration.text,
+			initials: vInitials,
 			displayShape: oIconConfiguration.shape,
 			tooltip: oIconConfiguration.alt,
-			backgroundColor: oIconConfiguration.backgroundColor || (oIconConfiguration.text ? undefined : AvatarColor.Transparent)
+			backgroundColor: oIconConfiguration.backgroundColor || (vInitials ? undefined : AvatarColor.Transparent)
 		}).addStyleClass("sapFCardObjectItemAvatar sapFCardIcon");
 
 		return oAvatar;
@@ -567,7 +659,7 @@ sap.ui.define([
 			src: BindingHelper.formattedProperty(oTemplateConfig.icon.src, function (sValue) {
 				return this._oIconFormatter.formatSrc(sValue);
 			}.bind(this)),
-			initials: oTemplateConfig.icon.text,
+			initials: oTemplateConfig.icon.initials || oTemplateConfig.icon.text,
 			tooltip: oTemplateConfig.icon.alt
 		});
 
@@ -596,7 +688,8 @@ sap.ui.define([
 			oFormModel = oCard.getModel("form"),
 			oSettings = {
 				visible: BindingHelper.reuse(vVisible),
-				placeholder: oItem.placeholder
+				placeholder: oItem.placeholder,
+				required: Forms.getRequiredValidationValue(oItem)
 			},
 			oControl,
 			oItemTemplate,
@@ -630,8 +723,12 @@ sap.ui.define([
 		if (!oItem.id) {
 			Log.error("Each input element must have an ID.", "sap.ui.integration.widgets.Card");
 			return oControl;
+		} else if (this._formElementsIds.has(oItem.id)) {
+			Log.error("Duplicate form element ID - " + "'" + oItem.id + "'" , "sap.ui.integration.widgets.Card");
 		}
 
+		this._formElementsIds.add(oItem.id);
+
 		fnUpdateValue = function () {
 			oFormModel.setProperty("/" + oItem.id, {
 				key: oControl.getSelectedKey(),
@@ -643,6 +740,7 @@ sap.ui.define([
 		oControl.addEventDelegate({
 			onAfterRendering: fnUpdateValue
 		});
+		this._prepareValidationControl(oControl, oItem, "change");
 
 		return oControl;
 	};
@@ -651,6 +749,7 @@ sap.ui.define([
 		var oCard = this.getCardInstance(),
 			oFormModel = oCard.getModel("form"),
 			oControl = new TextArea({
+				required: Forms.getRequiredValidationValue(oItem),
 				value: oItem.value,
 				visible: BindingHelper.reuse(vVisible),
 				rows: oItem.rows,
@@ -665,8 +764,12 @@ sap.ui.define([
 		if (!oItem.id) {
 			Log.error("Each input element must have an ID.", "sap.ui.integration.widgets.Card");
 			return oControl;
+		} else if (this._formElementsIds.has(oItem.id)) {
+			Log.error("Duplicate form element ID - " + "'" + oItem.id + "'" , "sap.ui.integration.widgets.Card");
 		}
 
+		this._formElementsIds.add(oItem.id);
+
 		fnUpdateValue = function () {
 			oFormModel.setProperty("/" + oItem.id, oControl.getValue());
 		};
@@ -675,6 +778,7 @@ sap.ui.define([
 		oControl.addEventDelegate({
 			onAfterRendering: fnUpdateValue
 		});
+		this._prepareValidationControl(oControl, oItem, "liveChange");
 
 		return oControl;
 	};

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

@@ -77,7 +77,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseListContent
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @private
@@ -204,7 +204,11 @@ sap.ui.define([
 		if (bHasGroups) {
 			oStaticConfiguration.groups = aResolvedGroups;
 		} else {
-			oStaticConfiguration.rows = aResolvedRows;
+			oStaticConfiguration.groups = [
+				{
+					rows: aResolvedRows
+				}
+			];
 		}
 
 		return oStaticConfiguration;
@@ -400,14 +404,15 @@ sap.ui.define([
 			var oSrc = BindingHelper.formattedProperty(oColumn.icon.src, function (sValue) {
 				return this._oIconFormatter.formatSrc(sValue);
 			}.bind(this));
+			var vInitials = oColumn.icon.initials || oColumn.icon.text;
 
 			return new Avatar({
 				src: oSrc,
 				displayShape: oColumn.icon.shape,
 				displaySize: oColumn.icon.size || AvatarSize.XS,
 				tooltip: oColumn.icon.alt,
-				initials: oColumn.icon.text,
-				backgroundColor: oColumn.icon.backgroundColor || (oColumn.icon.text ? undefined : AvatarColor.Transparent)
+				initials: vInitials,
+				backgroundColor: oColumn.icon.backgroundColor || (vInitials ? undefined : AvatarColor.Transparent)
 			}).addStyleClass("sapFCardIcon");
 		}
 

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

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseListContent
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @experimental

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

@@ -26,11 +26,18 @@ sap.ui.define(["./BaseContentRenderer"], function (BaseContentRenderer) {
 			return this.DEFAULT_MIN_HEIGHT;
 		}
 
-		var bIsCompact = this.isCompact(oContent),
-			iItemHeight = bIsCompact ? 4 : 5; // timeline item height in "rem"
+		var iItemHeight = this.getItemMinHeight(oConfiguration, oContent);
 
 		return (iMaxItems * iItemHeight) + "rem";
 	};
 
+	TimelineContentRenderer.getItemMinHeight = function (oConfiguration, oControl) {
+		if (!oConfiguration || !oConfiguration.item) {
+			return 0;
+		}
+
+		return oConfiguration.item.ownerImage ? 7 : 5.625;
+	};
+
 	return TimelineContentRenderer;
 });