@openui5/sap.ui.integration 1.97.1 → 1.99.1

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

@@ -8,27 +8,38 @@
 
 sap.ui.define([
 	"./BaseContentRenderer",
+	"sap/m/MessageStrip",
+	"sap/m/VBox",
+	"sap/m/library",
 	"sap/ui/core/Core",
 	"sap/ui/core/Control",
+	"sap/ui/core/InvisibleMessage",
+	"sap/ui/core/library",
 	"sap/ui/integration/model/ObservableModel",
 	"sap/ui/base/ManagedObjectObserver",
-	"sap/ui/integration/util/BindingResolver",
 	"sap/ui/integration/util/LoadingProvider",
 	"sap/ui/integration/util/BindingHelper",
 	"sap/base/util/merge"
 ], function (
 	BaseContentRenderer,
+	MessageStrip,
+	VBox,
+	mLibrary,
 	Core,
 	Control,
+	InvisibleMessage,
+	coreLibrary,
 	ObservableModel,
 	ManagedObjectObserver,
-	BindingResolver,
 	LoadingProvider,
 	BindingHelper,
 	merge
 ) {
 	"use strict";
 
+	// shortcut for sap.ui.core.InvisibleMessageMode
+	var InvisibleMessageMode = coreLibrary.InvisibleMessageMode;
+
 	/**
 	 * Constructor for a new <code>BaseContent</code>.
 	 *
@@ -41,7 +52,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @constructor
 	 * @private
@@ -68,6 +79,12 @@ sap.ui.define([
 					type: "sap.ui.core.Element",
 					multiple: false,
 					visibility: "hidden"
+				},
+
+				_messageContainer: {
+					type: "sap.m.VBox",
+					multiple: false,
+					visibility: "hidden"
 				}
 			},
 			associations: {
@@ -250,6 +267,36 @@ sap.ui.define([
 		return this.getConfiguration();
 	};
 
+	/**
+	 * Displays a message strip above the content.
+	 *
+	 * @param {string} sMessage The message.
+	 * @param {sap.ui.core.MessageType} sType Type of the message.
+	 * @private
+	 * @ui5-restricted
+	 */
+	BaseContent.prototype.showMessage = function (sMessage, sType) {
+		var oMessagePopup = this._getMessageContainer();
+		var oMessage = new MessageStrip({
+			text: sMessage,
+			type: sType,
+			showCloseButton: true,
+			showIcon: true,
+			close: function () {
+				this._getMessageContainer().destroy();
+			}.bind(this)
+		}).addStyleClass("sapFCardContentMessage");
+
+		oMessagePopup.destroyItems();
+		oMessagePopup.addItem(oMessage);
+
+		if (this.getDomRef().contains(document.activeElement)) {
+			InvisibleMessage.getInstance().announce(sMessage, InvisibleMessageMode.Assertive);
+		} else {
+			InvisibleMessage.getInstance().announce(sMessage, InvisibleMessageMode.Polite);
+		}
+	};
+
 	/**
 	 * Requests data and bind it to the item template.
 	 *
@@ -328,6 +375,11 @@ sap.ui.define([
 	 * @protected
 	 */
 	BaseContent.prototype.onDataRequestComplete = function () {
+		var oCard = this.getCardInstance();
+		if (oCard) {
+			oCard._fireContentDataChange();
+		}
+
 		this.fireEvent("_dataReady");
 	};
 
@@ -459,12 +511,10 @@ sap.ui.define([
 	/**
 	 * @protected
 	 * @param {string} sLogMessage Message that will be logged.
-	 * @param {string} [sDisplayMessage] Message that will be displayed in the card's content. If not provided, a default message is displayed.
 	 */
-	BaseContent.prototype.handleError = function (sLogMessage, sDisplayMessage) {
+	BaseContent.prototype.handleError = function (sLogMessage) {
 		this.fireEvent("_error", {
-			logMessage: sLogMessage,
-			displayMessage: sDisplayMessage
+			logMessage: sLogMessage
 		});
 	};
 
@@ -537,5 +587,30 @@ sap.ui.define([
 		return Core.byId(this.getCard());
 	};
 
+	BaseContent.prototype.isSkeleton = function () {
+		var oCard = this.getCardInstance();
+		return oCard && oCard.isSkeleton();
+	};
+
+	BaseContent.prototype.sliceData = function (iStartIndex, iEndIndex) { };
+
+	BaseContent.prototype.getDataLength = function () {
+		return 0;
+	};
+
+	BaseContent.prototype._getMessageContainer = function () {
+		var oMessageContainer = this.getAggregation("_messageContainer");
+
+		if (!oMessageContainer) {
+			oMessageContainer = new VBox({
+				renderType: mLibrary.FlexRendertype.Bare,
+				alignItems: mLibrary.FlexAlignItems.Center
+			}).addStyleClass("sapFCardContentMessageContainer");
+			this.setAggregation("_messageContainer", oMessageContainer);
+		}
+
+		return oMessageContainer;
+	};
+
 	return BaseContent;
 });

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

@@ -34,7 +34,8 @@ sap.ui.define(["sap/ui/core/Renderer"], function (Renderer) {
 			sType = sName.slice(sName.lastIndexOf(".") + 1),
 			oCard = oCardContent.getParent(),
 			bIsCardValid = oCard && oCard.isA("sap.f.ICard"),
-			bLoading = sType !== "AdaptiveContent" && bIsCardValid && oCardContent.isLoading();
+			bLoading = sType !== "AdaptiveContent" && bIsCardValid && oCardContent.isLoading(),
+			oMessageContainer = oCardContent.getAggregation("_messageContainer");
 
 		sClass += sType;
 
@@ -47,7 +48,7 @@ sap.ui.define(["sap/ui/core/Renderer"], function (Renderer) {
 		}
 
 		if (bIsCardValid && oCard.getHeight() === "auto") { // if there is no height specified the default value is "auto"
-			var sHeight = this.getMinHeight(oCardContent.getParsedConfiguration(), oCardContent);
+			var sHeight = this.getMinHeight(oCardContent.getParsedConfiguration(), oCardContent, oCard);
 			oRm.style("min-height", sHeight);
 		}
 
@@ -61,6 +62,10 @@ sap.ui.define(["sap/ui/core/Renderer"], function (Renderer) {
 			oRm.renderControl(oCardContent._oLoadingPlaceholder);
 		}
 
+		if (oMessageContainer) {
+			oRm.renderControl(oMessageContainer);
+		}
+
 		this.renderContent(oRm, oCardContent);
 
 		oRm.close("div");
@@ -78,7 +83,7 @@ sap.ui.define(["sap/ui/core/Renderer"], function (Renderer) {
 	/**
 	 * @protected
 	 * @param {object} oConfiguration The manifest configuration of the content
-	 * @param {sap.ui.core.Control} oContent The content
+	 * @param {sap.ui.integration.cards.BaseContent} oContent The content
 	 * @returns {string} Min height in Rems.
 	 */
 	BaseContentRenderer.getMinHeight = function (oConfiguration, oContent) {

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

@@ -35,7 +35,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @constructor
 	 * @private
@@ -80,9 +80,10 @@ sap.ui.define([
 		}
 
 		var oList = this.getInnerList(),
+			bHasPaginator = this.getCard() ? this.getCardInstance().hasPaginator() : false,
 			maxItems = oConfiguration.maxItems;
 
-		if (oList && maxItems) {
+		if (oList && maxItems && !bHasPaginator) {
 			oList.setGrowing(true);
 			//If pass trough parameters maxItems is a string
 			oList.setGrowingThreshold(parseInt(maxItems));
@@ -103,26 +104,6 @@ sap.ui.define([
 		return null;
 	};
 
-	/**
-	 * Used to filter the content items that are to be hidden.
-	 *
-	 * @protected
-	 * @param {Object} mItemConfig The item template.
-	 * @param {Object} oBindingInfo The binding info on which to attach the filter.
-	 */
-	BaseListContent.prototype._filterHiddenNavigationItems = function (mItemConfig, oBindingInfo) {
-		if (!mItemConfig.actions) {
-			return;
-		}
-		var oAction = mItemConfig.actions[0];
-		if (!(oAction && oAction.service && oAction.type === "Navigation")) {
-			return;
-		}
-		var oFilter = new Filter("_card_item_hidden", FilterOperator.EQ, false);
-		this.awaitEvent("_filterNavItemsReady");
-		oBindingInfo.filters = [oFilter];
-	};
-
 	/**
 	 * Used to check which content items should be hidden based on the Navigation Service.
 	 *
@@ -139,16 +120,13 @@ sap.ui.define([
 		}
 
 		var oInnerList = this.getInnerList(),
-			oBindingInfo = oInnerList.getBinding(oInnerList.getMetadata().getDefaultAggregationName()),
-			oModel = oBindingInfo.getModel(),
-			sPath = oBindingInfo.getPath(),
-			aItems = oModel.getProperty(sPath),
+			aItems = this.isA("sap.ui.integration.cards.TimelineContent") ? oInnerList.getContent() : oInnerList.getItems(),
 			aPromises = [],
 			oAction = mItemConfig.actions[0],
-			sBasePath = sPath.trim().replace(/\/$/, ""),
-			sActionName;
+			sActionName,
+			iVisibleItems = 0;
 
-		if (!(oAction && oAction.service && oAction.type === "Navigation")) {
+		if (!oAction || !oAction.service || oAction.type !== "Navigation") {
 			return;
 		}
 
@@ -159,54 +137,68 @@ sap.ui.define([
 		}
 
 		// create new promises
-		aItems.forEach(function (oItem, iIndex) {
+		aItems.forEach(function (oItem) {
 			var mParameters = BindingResolver.resolveValue(
 				oAction.parameters,
 				this,
-				sBasePath + "/" + iIndex
+				oItem.getBindingContext().getPath()
 			);
 
-			if (oItem._card_item_hidden === undefined) {
-				oItem._card_item_hidden = false;
-			}
-
-			aPromises.push(
-				this._oServiceManager
-					.getService(sActionName)
-					.then(function (oNavigationService) {
-						if (!oNavigationService.hidden) {
-							return false;
-						}
-
-						return oNavigationService.hidden({ parameters: mParameters });
-					})
-					.then(function (bHidden) {
-						oItem._card_item_hidden = !!bHidden;
-						oModel.checkUpdate(true);
-					})
-					.catch(function (sMessage) {
-						Log.error(sMessage);
-					})
-			);
+			aPromises.push(this._oServiceManager
+				.getService(sActionName)
+				.then(function (oNavigationService) {
+					if (!oNavigationService.hidden) {
+						return false;
+					}
+
+					return oNavigationService.hidden({parameters: mParameters});
+				})
+				.then(function (bHidden) {
+					oItem.setVisible(!bHidden);
+					if (!bHidden) {
+						iVisibleItems++;
+					}
+				})
+				.catch(function (sMessage) {
+					Log.error(sMessage);
+				}));
+
 		}.bind(this));
 
-		oModel.checkUpdate(true);
-		this._awaitPromises(aPromises);
+		this.awaitEvent("_filterNavItemsReady");
+
+		var pCurrent = this._oAwaitingPromise = Promise.all(aPromises)
+			.then(function () {
+				if (this._oAwaitingPromise === pCurrent) {
+					if (this.getModel("parameters")) {
+						this.getModel("parameters").setProperty("/visibleItems", iVisibleItems);
+					}
+					this.fireEvent("_filterNavItemsReady");
+				}
+			}.bind(this));
 	};
 
 	/**
-	 * Awaits the promises for the current items and then fires "_filterNavItemsReady" event.
-	 * @param {Promise[]} aPromises The current promises
+	 * Used to show the illustrated message for no data retrived from server.
+	 *
+	 * @protected
+	 * @param {Object} mItemConfig The item template.
 	 */
-	BaseListContent.prototype._awaitPromises = function (aPromises) {
-		var pCurrent = this._oAwaitingPromise = Promise.all(aPromises);
-
-		pCurrent.then(function () {
-			// cancel if promises changed in the meantime
-			if (this._oAwaitingPromise === pCurrent) {
-				this.fireEvent("_filterNavItemsReady");
-			}
-		}.bind(this));
+	BaseListContent.prototype._handleNoItemsError = function (mItemConfig) {
+
+		if (!this.getInnerList()) {
+			return;
+		}
+
+		var oInnerList = this.getInnerList(),
+			oBindingInfo = oInnerList.getBinding(oInnerList.getMetadata().getDefaultAggregationName()),
+			oModel = oBindingInfo.getModel(),
+			sPath = oBindingInfo.getPath(),
+			aItems = oModel.getProperty(sPath);
+
+		if (aItems && aItems.length === 0){
+			this.getParent()._handleError("No items available", true);
+		}
 	};
 
 	/**
@@ -227,5 +219,19 @@ sap.ui.define([
 		return oSorter;
 	};
 
+	BaseListContent.prototype.sliceData = function (iStartIndex, iEndIndex) {
+		this.getModel().sliceData(iStartIndex, iEndIndex);
+	};
+
+	BaseListContent.prototype.getDataLength = function () {
+		var oData = this.getModel().getProperty(this.getInnerList().getBindingContext().getPath());
+
+		if (Array.isArray(oData)) {
+			return oData.length;
+		}
+
+		return Object.getOwnPropertyNames(oData).length;
+	};
+
 	return BaseListContent;
 });

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

@@ -64,7 +64,7 @@ sap.ui.define([
 		 * @extends sap.ui.integration.cards.BaseContent
 		 *
 		 * @author SAP SE
-		 * @version 1.97.1
+		 * @version 1.99.1
 		 *
 		 * @constructor
 		 * @private
@@ -172,7 +172,11 @@ sap.ui.define([
 		};
 
 		CalendarContent.prototype.onDataChanged = function () {
-			var oSelectedDate = this._oCalendar.getSelectedDates()[0].getStartDate();
+			var oSelectedDate = this._oCalendar.getSelectedDates()[0] && this._oCalendar.getSelectedDates()[0].getStartDate();
+
+			if (!oSelectedDate) {
+				return;
+			}
 
 			if (!this._bDataInitiallyLoaded) {
 				this._handleSelect(oSelectedDate);
@@ -276,8 +280,8 @@ sap.ui.define([
 		 */
 		CalendarContent.prototype._setParameters = function (oEvent, oDate) {
 			var oCurrentDate,
-				oStartOfDay,
-				oEndOfDay,
+				iStartOfDay,
+				iEndOfDay,
 				aBoundAppointments,
 				aAppointmentsCurrentDay;
 
@@ -289,19 +293,17 @@ sap.ui.define([
 				oCurrentDate = this._oCalendar.getStartDate();
 			}
 
-			oStartOfDay = new Date(oCurrentDate.getFullYear(), oCurrentDate.getMonth(), oCurrentDate.getDate());
-			oEndOfDay = new Date(oCurrentDate.getFullYear(), oCurrentDate.getMonth(), oCurrentDate.getDate());
-
-			oEndOfDay.setDate(oEndOfDay.getDate() + 1);
+			iStartOfDay = new Date(oCurrentDate.getFullYear(), oCurrentDate.getMonth(), oCurrentDate.getDate()).getTime();
+			iEndOfDay = new Date(oCurrentDate.getFullYear(), oCurrentDate.getMonth(), oCurrentDate.getDate() + 1).getTime();
 
 			aBoundAppointments = this.getAppointments();
 			if (aBoundAppointments) {
 				aAppointmentsCurrentDay	= aBoundAppointments.filter(function (oApp) {
 					var iStart = oApp.getStartDate().getTime(),
 						iEnd = oApp.getEndDate().getTime();
-					if ((iStart >= oStartOfDay.getTime() && iStart < oEndOfDay.getTime()) ||
-						(iEnd >= oStartOfDay.getTime() && iEnd < oEndOfDay.getTime()) ||
-						(iStart <= oStartOfDay.getTime() && iEnd > oEndOfDay.getTime())) {
+					if ((iStart >=  iStartOfDay && iStart < iEndOfDay) ||
+						(iEnd > iStartOfDay && iEnd <= iEndOfDay) ||
+						(iStart < iStartOfDay && iEnd > iEndOfDay)) {
 						return oApp;
 					}
 				});

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.97.1
+	 * @version 1.99.1
 	 *
 	 * @experimental
 	 * @constructor

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

@@ -7,12 +7,14 @@ sap.ui.define([
 	"sap/ui/core/Control",
 	"sap/ui/core/Core",
 	"sap/ui/integration/controls/ActionsStrip",
+	"sap/ui/integration/controls/Paginator",
 	"sap/ui/integration/util/BindingHelper",
 	"sap/ui/integration/util/BindingResolver"
 ], function (
 	Control,
 	Core,
 	ActionsStrip,
+	Paginator,
 	BindingHelper,
 	BindingResolver
 ) {
@@ -29,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @constructor
 	 * @private
@@ -51,6 +53,11 @@ sap.ui.define([
 				actionsStrip: {
 					type: "sap.ui.integration.controls.ActionsStrip",
 					multiple: false
+				},
+
+				paginator: {
+					type: "sap.ui.integration.controls.Paginator",
+					multiple: false
 				}
 			},
 
@@ -70,15 +77,28 @@ sap.ui.define([
 		renderer: {
 			apiVersion: 2,
 			render: function (oRM, oFooter) {
+				var oActionsStrip = oFooter.getActionsStrip(),
+					oPaginator = oFooter.getPaginator();
+
 				oRM.openStart("div", oFooter).class("sapFCardFooter");
 
+				if (oActionsStrip) {
+					oRM.class("sapFCardFooterWithActionsStrip");
+				}
+
 				if (oFooter.getCardInstance().isLoading() && oFooter._hasBinding()) {
 					oRM.class("sapFCardFooterLoading");
 				}
 
 				oRM.openEnd();
 
-				oRM.renderControl(oFooter.getActionsStrip());
+				if (oPaginator) {
+					oRM.renderControl(oPaginator);
+				}
+
+				if (oActionsStrip) {
+					oRM.renderControl(oActionsStrip);
+				}
 
 				oRM.close("div");
 			}
@@ -89,7 +109,7 @@ sap.ui.define([
 		var oConfiguration = BindingHelper.createBindingInfos(this.getConfiguration(), this.getCardInstance().getBindingNamespaces());
 
 		// to do: if more precise check is needed search recursively
-		return oConfiguration.actionsStrip.some(function (oButtonConfig) {
+		return (oConfiguration.actionsStrip || []).some(function (oButtonConfig) {
 			for (var sKey in oButtonConfig) {
 				if (BindingResolver.isBindingInfo(oButtonConfig[sKey])) {
 					return true;
@@ -111,14 +131,11 @@ sap.ui.define([
 	};
 
 	Footer.create = function (oCard, oConfiguration) {
-		if (!oConfiguration.actionsStrip) {
-			return null;
-		}
-
 		return new Footer({
 			configuration: oConfiguration,
 			card: oCard,
-			actionsStrip: ActionsStrip.create(oCard, oConfiguration.actionsStrip)
+			actionsStrip: ActionsStrip.create(oCard, oConfiguration.actionsStrip),
+			paginator: Paginator.create(oCard, oConfiguration.paginator)
 		});
 	};
 

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

@@ -35,10 +35,10 @@ sap.ui.define([
 	 *
 	 * @class
 	 * Displays general information in the header of the {@link sap.ui.integration.widgets.Card}.
-	 * @extends sap.f.Header
+	 * @extends sap.f.cards.Header
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -66,7 +66,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseListContent
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @constructor
 	 * @private
@@ -127,7 +127,7 @@ sap.ui.define([
 	 * @override
 	 */
 	ListContent.prototype.loadDependencies = function (oCardManifest) {
-		if (oCardManifest.get("/sap.card/content/item/chart")) {
+		if (!this.isSkeleton() && oCardManifest.get("/sap.card/content/item/chart")) {
 			return Microchart.loadDependencies();
 		}
 
@@ -161,23 +161,40 @@ sap.ui.define([
 	 * @override
 	 */
 	ListContent.prototype.getStaticConfiguration = function () {
-		var oConfiguration = this.getParsedConfiguration();
-		var sPath = this._sContentBindingPath || "/";
-		var aItems = this.getModel().getProperty(sPath);
-		var aResolvedItems = [];
-		var maxIndex = oConfiguration.maxItems || aItems.length;
-
-		for (var iIndex = 0; iIndex < maxIndex; iIndex++) {
-			if (sPath === "/") {
-				aResolvedItems.push(BindingResolver.resolveValue(oConfiguration.item, this, sPath + iIndex));
+		var aListItems = this.getInnerList().getItems(),
+			oConfiguration = this.getParsedConfiguration(),
+			bHasGroups = aListItems[0] && aListItems[0].isA("sap.m.GroupHeaderListItem"),
+			aResolvedItems = [],
+			aResolvedGroups = [],
+			oResolvedGroup;
+
+		aListItems.forEach(function (oItem) {
+			if (oItem.isA("sap.m.GroupHeaderListItem")) {
+				if (oResolvedGroup) {
+					aResolvedGroups.push(oResolvedGroup);
+				}
+
+				aResolvedItems = [];
+				oResolvedGroup = {
+					title: oItem.getTitle(),
+					items: aResolvedItems
+				};
 			} else {
-				aResolvedItems.push(BindingResolver.resolveValue(oConfiguration.item, this, sPath + "/" + iIndex));
+				aResolvedItems.push(BindingResolver.resolveValue(oConfiguration.item, this, oItem.getBindingContext().getPath()));
 			}
+		}.bind(this));
+
+		if (oResolvedGroup) {
+			aResolvedGroups.push(oResolvedGroup);
 		}
 
-		var oStaticConfiguration = Object.assign({}, oConfiguration);
-		delete oStaticConfiguration.item;
-		oStaticConfiguration.items = aResolvedItems;
+		var oStaticConfiguration = {};
+
+		if (bHasGroups) {
+			oStaticConfiguration.groups = aResolvedGroups;
+		} else {
+			oStaticConfiguration.items = aResolvedItems;
+		}
 
 		return oStaticConfiguration;
 	};
@@ -186,6 +203,7 @@ sap.ui.define([
 	 * Handler for when data is changed.
 	 */
 	ListContent.prototype.onDataChanged = function () {
+		this._handleNoItemsError(this.getParsedConfiguration().item);
 		this._checkHiddenNavigationItems(this.getParsedConfiguration().item);
 	};
 
@@ -219,8 +237,9 @@ sap.ui.define([
 	 * @param {Object} oConfiguration Parsed configuration object.
 	 */
 	ListContent.prototype._setItem = function (oConfiguration) {
-		var mItem = oConfiguration.item;
-		var oList = this._getList(),
+		var mItem = oConfiguration.item,
+			oList = this._getList(),
+			bIsSkeleton = this.isSkeleton(),
 			mSettings = {
 				iconDensityAware: false,
 				title: mItem.title && (mItem.title.value || mItem.title),
@@ -263,15 +282,17 @@ sap.ui.define([
 			});
 		}
 
-		if (mItem.chart) {
-			mSettings.microchart = this._createChartAndAddLegend(mItem.chart);
-		}
+		if (!bIsSkeleton) {
+			if (mItem.chart) {
+				mSettings.microchart = this._createChartAndAddLegend(mItem.chart);
+			}
 
-		if (mItem.actionsStrip) {
-			mSettings.actionsStrip = ActionsStrip.create(this.getCardInstance(), mItem.actionsStrip);
-			oList.setShowSeparators(ListSeparators.All);
-		} else {
-			oList.setShowSeparators(ListSeparators.None);
+			if (mItem.actionsStrip) {
+				mSettings.actionsStrip = ActionsStrip.create(this.getCardInstance(), mItem.actionsStrip);
+				oList.setShowSeparators(ListSeparators.All);
+			} else {
+				oList.setShowSeparators(ListSeparators.None);
+			}
 		}
 
 		this._oItemTemplate = new ListContentItem(mSettings);
@@ -295,7 +316,6 @@ sap.ui.define([
 			sorter: this._oSorter
 		};
 
-		this._filterHiddenNavigationItems(mItem, oBindingInfo);
 		this._bindAggregationToControl("items", oList, oBindingInfo);
 	};
 
@@ -359,7 +379,7 @@ sap.ui.define([
 	};
 
 	/**
-	 * @overwrite
+	 * @override
 	 * @returns {sap.m.List} The inner list.
 	 */
 	ListContent.prototype.getInnerList = function () {