@openui5/sap.f 1.113.0 → 1.115.0

package/src/sap/f/cards/loading/GenericPlaceholder.js

@@ -4,9 +4,9 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/core/Control",
-	"sap/ui/core/Core"
-], function (Control, Core) {
+	"sap/f/cards/loading/PlaceholderBase",
+	"./GenericPlaceholderRenderer"
+], function (PlaceholderBase, GenericPlaceholderRenderer) {
 	"use strict";
 
 	/**
@@ -19,100 +19,18 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.115.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.76
 	 * @alias sap.f.cards.loading.GenericPlaceholder
 	 */
-	var GenericPlaceholder = Control.extend("sap.f.cards.loading.GenericPlaceholder", {
+	var GenericPlaceholder = PlaceholderBase.extend("sap.f.cards.loading.GenericPlaceholder", {
 		metadata: {
 			library: "sap.f"
 		},
-		renderer: {
-			apiVersion: 2,
-			render: function (oRm, oControl) {
-				// set title for screen reader
-				var oResBundle = Core.getLibraryResourceBundle("sap.ui.core"),
-					sTitle = oResBundle.getText("BUSY_TEXT");
-
-				oRm.openStart("div", oControl)
-					.class("sapFCardContentPlaceholder")
-					.class("sapFCardContentGenericPlaceholder")
-					.attr("tabindex", "0")
-					.attr("title", sTitle);
-
-				oRm.accessibilityState(oControl, {
-					role: "progressbar",
-					valuemin: "0",
-					valuemax: "100"
-				});
-				oRm.openEnd();
-
-				oRm.openStart("div")
-					.class("sapFCardLoadingShimmer")
-					.openEnd();
-
-				this.renderSVG(oRm);
-
-				oRm.close("div");
-				oRm.close("div");
-			},
-			renderSVG: function (oRm) {
-				oRm.openStart("svg")
-					.attr("height", "100%")
-					.attr("xmlns", "http://www.w3.org/2000/svg").attr("version", "1.1")
-					.attr("viewBox", "0 0 144 144")
-					.class("sapFCardSVG")
-					.openEnd();
-
-				oRm.openStart("g")
-					.openEnd();
-
-				oRm.openStart("path")
-					.attr("d", "M0,0v144h144V0H0z M36.4,114h-8.8V87.8h8.8V114z M50.3,114h-9.2V80.8h9.2V114z M64.1,114h-9.2V99.9h9.2V114z M66.9,64.9 c0,1.6-0.8,2.4-2.2,2.4H26.8c-1.6,0-2.4-0.8-2.4-2.4V26.4c0-1.6,0.8-2.4,2.4-2.4h37.9c1.5,0,2.2,0.8,2.2,2.4V64.9z M119.6,117.6 c0,1.6-0.8,2.4-2.2,2.4H79.1c-1.6,0-2.4-0.8-2.4-2.4V79.1c0-1.6,0.8-2.4,2.4-2.4h38.2c1.5,0,2.2,0.8,2.2,2.4V117.6z M119.6,64.7 c0,0.6-0.2,1.2-0.7,1.8c-0.4,0.6-1,0.8-1.6,0.8H79.1c-0.6,0-1.2-0.3-1.7-0.8c-0.5-0.6-0.8-1.2-0.8-1.8V26.4c0-0.6,0.3-1.2,0.8-1.7 c0.6-0.5,1.2-0.8,1.8-0.8h38.1c1.5,0,2.2,0.8,2.2,2.4V64.7z")
-					.openEnd()
-					.close("path");
-
-				oRm.openStart("path")
-					.attr("d", "M92.3,104.8l-6.6-5.1l-4.5,6l9.6,7.3c0.2,0.4,0.9,0.7,2.1,0.9c1.4,0,2.5-0.6,3.4-1.7L114,87l-6.2-4.3L92.3,104.8z")
-					.openEnd()
-					.close("path");
-
-				oRm.openStart("rect")
-					.attr("x", "32.8")
-					.attr("y", "43.1")
-					.attr("width", "25.9")
-					.attr("height", "5.2")
-					.openEnd()
-					.close("rect");
-
-				oRm.openStart("rect")
-					.attr("x", "32.8")
-					.attr("y", "52.5")
-					.attr("width", "25.9")
-					.attr("height", "5.2")
-					.openEnd()
-					.close("rect");
-
-				oRm.openStart("path")
-					.attr("d", "M115.9,27.2H81c-0.8,0-1.1,0.4-1.1,1.1v34.9c0,0.6,0.4,0.9,1.1,0.9h34.9c0.6,0,0.9-0.3,0.9-0.9V28.3 C116.8,27.6,116.5,27.2,115.9,27.2z M93.8,35.3c1.2-0.9,2.7-1.4,4.4-1.4c1.9,0,3.4,0.5,4.5,1.6c1.1,1.1,1.7,2.7,1.7,4.8 c0,1.9-0.7,3.3-2,4.2s-2.7,1.4-4.2,1.4c-1.8,0-3.2-0.5-4.4-1.5c-1.2-1-1.8-2.6-1.8-4.7C92.1,37.8,92.7,36.3,93.8,35.3z M108.8,59.6 H87.4v-5.8c0-1.6,0.3-2.9,1-3.8c0.7-0.9,1.6-1.7,2.6-2.2c1.1-0.5,2.2-0.8,3.4-0.9c1.2-0.1,2.3-0.2,3.3-0.2h1.1 c2.6,0,4.9,0.4,6.9,1.3c2,0.9,3,2.8,3,5.8V59.6z")
-					.openEnd()
-					.close("path");
-
-				oRm.openStart("rect")
-					.attr("x", "32.8")
-					.attr("y", "33.8")
-					.attr("width", "25.9")
-					.attr("height", "5.1")
-					.openEnd()
-					.close("rect");
-
-				oRm.close("g");
-				oRm.close("svg");
-			}
-		}
+		renderer: GenericPlaceholderRenderer
 	});
 
 	return GenericPlaceholder;

package/src/sap/f/cards/loading/GenericPlaceholderRenderer.js

@@ -0,0 +1,99 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Renderer, PlaceholderBaseRenderer) {
+	"use strict";
+
+	/**
+	 * GenericPlaceholderRenderer renderer.
+	 * @namespace
+	 */
+	var GenericPlaceholderRenderer = Renderer.extend(PlaceholderBaseRenderer);
+
+	GenericPlaceholderRenderer.apiVersion = 2;
+
+	/**
+	 * CSS class to be applied to the HTML root element of the placeholder.
+	 *
+	 * @type {string}
+	 */
+	GenericPlaceholderRenderer.CSS_CLASS_PLACEHOLDER = "sapFCardContentGenericPlaceholder";
+
+	GenericPlaceholderRenderer.renderSVG = function(oRm) {
+		oRm.openStart("svg")
+			.attr("height", "100%")
+			.attr("xmlns", "http://www.w3.org/2000/svg").attr("version", "1.1")
+			.attr("viewBox", "0 0 144 144")
+			.class("sapFCardSVG")
+			.openEnd();
+
+		oRm.openStart("g")
+			.openEnd();
+
+		oRm.openStart("path")
+			.attr("d", "M0,0v144h144V0H0z M36.4,114h-8.8V87.8h8.8V114z M50.3,114h-9.2V80.8h9.2V114z M64.1,114h-9.2V99.9h9.2V114z M66.9,64.9 c0,1.6-0.8,2.4-2.2,2.4H26.8c-1.6,0-2.4-0.8-2.4-2.4V26.4c0-1.6,0.8-2.4,2.4-2.4h37.9c1.5,0,2.2,0.8,2.2,2.4V64.9z M119.6,117.6 c0,1.6-0.8,2.4-2.2,2.4H79.1c-1.6,0-2.4-0.8-2.4-2.4V79.1c0-1.6,0.8-2.4,2.4-2.4h38.2c1.5,0,2.2,0.8,2.2,2.4V117.6z M119.6,64.7 c0,0.6-0.2,1.2-0.7,1.8c-0.4,0.6-1,0.8-1.6,0.8H79.1c-0.6,0-1.2-0.3-1.7-0.8c-0.5-0.6-0.8-1.2-0.8-1.8V26.4c0-0.6,0.3-1.2,0.8-1.7 c0.6-0.5,1.2-0.8,1.8-0.8h38.1c1.5,0,2.2,0.8,2.2,2.4V64.7z")
+			.openEnd()
+			.close("path");
+
+		oRm.openStart("path")
+			.attr("d", "M92.3,104.8l-6.6-5.1l-4.5,6l9.6,7.3c0.2,0.4,0.9,0.7,2.1,0.9c1.4,0,2.5-0.6,3.4-1.7L114,87l-6.2-4.3L92.3,104.8z")
+			.openEnd()
+			.close("path");
+
+		oRm.openStart("rect")
+			.attr("x", "32.8")
+			.attr("y", "43.1")
+			.attr("width", "25.9")
+			.attr("height", "5.2")
+			.openEnd()
+			.close("rect");
+
+		oRm.openStart("rect")
+			.attr("x", "32.8")
+			.attr("y", "52.5")
+			.attr("width", "25.9")
+			.attr("height", "5.2")
+			.openEnd()
+			.close("rect");
+
+		oRm.openStart("path")
+			.attr("d", "M115.9,27.2H81c-0.8,0-1.1,0.4-1.1,1.1v34.9c0,0.6,0.4,0.9,1.1,0.9h34.9c0.6,0,0.9-0.3,0.9-0.9V28.3 C116.8,27.6,116.5,27.2,115.9,27.2z M93.8,35.3c1.2-0.9,2.7-1.4,4.4-1.4c1.9,0,3.4,0.5,4.5,1.6c1.1,1.1,1.7,2.7,1.7,4.8 c0,1.9-0.7,3.3-2,4.2s-2.7,1.4-4.2,1.4c-1.8,0-3.2-0.5-4.4-1.5c-1.2-1-1.8-2.6-1.8-4.7C92.1,37.8,92.7,36.3,93.8,35.3z M108.8,59.6 H87.4v-5.8c0-1.6,0.3-2.9,1-3.8c0.7-0.9,1.6-1.7,2.6-2.2c1.1-0.5,2.2-0.8,3.4-0.9c1.2-0.1,2.3-0.2,3.3-0.2h1.1 c2.6,0,4.9,0.4,6.9,1.3c2,0.9,3,2.8,3,5.8V59.6z")
+			.openEnd()
+			.close("path");
+
+		oRm.openStart("rect")
+			.attr("x", "32.8")
+			.attr("y", "33.8")
+			.attr("width", "25.9")
+			.attr("height", "5.1")
+			.openEnd()
+			.close("rect");
+
+		oRm.close("g");
+		oRm.close("svg");
+	};
+
+
+	GenericPlaceholderRenderer.renderContent = function(oControl, oRm) {
+		oRm.openStart("div")
+			.class("sapFCardLoadingShimmer")
+			.openEnd();
+
+		this.renderSVG(oRm);
+		oRm.close("div");
+	};
+
+	GenericPlaceholderRenderer.addOuterAttributes = function(oControl, oRm) {
+
+		PlaceholderBaseRenderer.addOuterAttributes.apply(this, arguments);
+
+		oRm.class(GenericPlaceholderRenderer.CSS_CLASS_PLACEHOLDER);
+
+	};
+
+	return GenericPlaceholderRenderer;
+
+}, /* bExport= */ true);

package/src/sap/f/cards/loading/ListPlaceholder.js

@@ -4,9 +4,9 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/core/Control",
-	"sap/ui/core/Core"
-], function (Control, Core) {
+	"sap/f/cards/loading/PlaceholderBase",
+	"./ListPlaceholderRenderer"
+], function (PlaceholderBase, ListPlaceholderRenderer) {
 	"use strict";
 
 	/**
@@ -19,14 +19,14 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.115.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.76
 	 * @alias sap.f.cards.loading.ListPlaceholder
 	 */
-	var ListPlaceholder = Control.extend("sap.f.cards.loading.ListPlaceholder", {
+	var ListPlaceholder = PlaceholderBase.extend("sap.f.cards.loading.ListPlaceholder", {
 		metadata: {
 			library: "sap.f",
 			properties: {
@@ -51,120 +51,7 @@ sap.ui.define([
 				}
 			}
 		},
-		renderer: {
-			apiVersion: 2,
-			render: function (oRm, oControl) {
-				var iMinItems = oControl.getMinItems(),
-					oItem = oControl.getItem(),
-					// set title for screen reader
-					oResBundle = Core.getLibraryResourceBundle("sap.ui.core"),
-					sTitle = oResBundle.getText("BUSY_TEXT");
-
-				oRm.openStart("div", oControl)
-					.class("sapFCardContentPlaceholder")
-					.class("sapFCardContentListPlaceholder")
-					.attr("tabindex", "0")
-					.attr("title", sTitle);
-
-				oRm.accessibilityState(oControl, {
-					role: "progressbar",
-					valuemin: "0",
-					valuemax: "100"
-				});
-
-				oRm.openEnd();
-
-				for (var i = 0; i < iMinItems; i++) {
-					oRm.openStart("div")
-						.class("sapFCardListPlaceholderItem")
-						.style("height", oControl.getItemHeight())
-						.openEnd();
-
-					if (oItem && oItem.icon) {
-						oRm.openStart("div")
-							.class("sapFCardListPlaceholderImg")
-							.class("sapFCardLoadingShimmer")
-							.openEnd()
-							.close("div");
-					}
-
-					oRm.openStart("div")
-						.class("sapFCardListPlaceholderRows")
-						.openEnd();
-
-					if (oItem) {
-						this.renderTitleAndDescription(oRm, oItem);
-						this.renderAttributes(oRm, oItem);
-
-						if (oItem.chart) {
-							this.renderRow(oRm);
-						}
-
-						if (oItem.actionsStrip) {
-							this.renderRow(oRm);
-						}
-					}
-
-					oRm.close("div");
-					oRm.close("div");
-				}
-				oRm.close("div");
-			},
-
-			renderTitleAndDescription: function (oRm, oItem) {
-				if (oItem.attributes && oItem.title && oItem.description) {
-					this.renderRow(oRm, true);
-					return;
-				}
-
-				if (oItem.title) {
-					this.renderRow(oRm);
-				}
-
-				if (oItem.description) {
-					this.renderRow(oRm);
-				}
-			},
-
-			renderRow: function (oRm, bCombined) {
-				oRm.openStart("div")
-					.class("sapFCardListPlaceholderRow")
-					.class("sapFCardLoadingShimmer");
-
-				if (bCombined) {
-					oRm.class("sapFCardListPlaceholderRowCombined");
-				}
-
-				oRm.openEnd()
-					.close("div");
-			},
-
-			renderAttributes: function (oRm, oItem) {
-				if (!oItem.attributes) {
-					return;
-				}
-
-				var iAttrRows = oItem.attributes.length / 2 + 1;
-
-				for (var j = 0; j < iAttrRows; j++) {
-					oRm.openStart("div")
-						.class("sapFCardListPlaceholderRow")
-						.openEnd();
-
-					var iAttrPerRow = j === iAttrRows - 1 ? 1 : 2; // render single attribute on the last row
-
-					for (var i = 0; i < iAttrPerRow; i++) {
-						oRm.openStart("div")
-							.class("sapFCardListPlaceholderAttr")
-							.class("sapFCardLoadingShimmer")
-							.openEnd()
-							.close("div");
-					}
-					oRm.close("div");
-				}
-
-			}
-		}
+		renderer: ListPlaceholderRenderer
 	});
 
 	return ListPlaceholder;

package/src/sap/f/cards/loading/ListPlaceholderRenderer.js

@@ -0,0 +1,131 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Renderer, PlaceholderBaseRenderer) {
+	"use strict";
+
+	/**
+	 * ListPlaceholderRenderer renderer.
+	 * @namespace
+	 */
+	var ListPlaceholderRenderer = Renderer.extend(PlaceholderBaseRenderer);
+
+	ListPlaceholderRenderer.apiVersion = 2;
+
+	/**
+	 * CSS class to be applied to the HTML root element of the placeholder.
+	 *
+	 * @type {string}
+	 */
+	ListPlaceholderRenderer.CSS_CLASS_PLACEHOLDER = "sapFCardContentListPlaceholder";
+
+	ListPlaceholderRenderer.renderTitleAndDescription = function(oRm, oItem) {
+		if (oItem.attributes && oItem.title && oItem.description) {
+			this.renderRow(oRm, true);
+			return;
+		}
+
+		if (oItem.title) {
+			this.renderRow(oRm);
+		}
+
+		if (oItem.description) {
+			this.renderRow(oRm);
+		}
+	};
+
+	ListPlaceholderRenderer.renderRow = function (oRm, bCombined) {
+		oRm.openStart("div")
+			.class("sapFCardListPlaceholderRow")
+			.class("sapFCardLoadingShimmer");
+
+		if (bCombined) {
+			oRm.class("sapFCardListPlaceholderRowCombined");
+		}
+
+		oRm.openEnd()
+			.close("div");
+	};
+
+	ListPlaceholderRenderer.renderAttributes = function (oRm, oItem) {
+		if (!oItem.attributes) {
+			return;
+		}
+
+		var iAttrRows = oItem.attributes.length / 2 + 1;
+
+		for (var j = 0; j < iAttrRows; j++) {
+			oRm.openStart("div")
+				.class("sapFCardListPlaceholderRow")
+				.openEnd();
+
+			var iAttrPerRow = j === iAttrRows - 1 ? 1 : 2; // render single attribute on the last row
+
+			for (var i = 0; i < iAttrPerRow; i++) {
+				oRm.openStart("div")
+					.class("sapFCardListPlaceholderAttr")
+					.class("sapFCardLoadingShimmer")
+					.openEnd()
+					.close("div");
+			}
+			oRm.close("div");
+		}
+
+	};
+
+	ListPlaceholderRenderer.renderContent = function(oControl, oRm) {
+
+		var iMinItems = oControl.getMinItems(),
+			oItem = oControl.getItem();
+
+		for (var i = 0; i < iMinItems; i++) {
+			oRm.openStart("div")
+				.class("sapFCardListPlaceholderItem")
+				.style("height", oControl.getItemHeight())
+				.openEnd();
+
+			if (oItem && oItem.icon) {
+				oRm.openStart("div")
+					.class("sapFCardListPlaceholderImg")
+					.class("sapFCardLoadingShimmer")
+					.openEnd()
+					.close("div");
+			}
+
+			oRm.openStart("div")
+				.class("sapFCardListPlaceholderRows")
+				.openEnd();
+			//debugger
+			if (oItem) {
+				this.renderTitleAndDescription(oRm, oItem);
+				this.renderAttributes(oRm, oItem);
+
+				if (oItem.chart) {
+					this.renderRow(oRm);
+				}
+
+				if (oItem.actionsStrip) {
+					this.renderRow(oRm);
+				}
+			}
+
+			oRm.close("div");
+			oRm.close("div");
+		}
+
+	};
+
+	ListPlaceholderRenderer.addOuterAttributes = function(oControl, oRm) {
+
+		PlaceholderBaseRenderer.addOuterAttributes.apply(this, arguments);
+
+		oRm.class(ListPlaceholderRenderer.CSS_CLASS_PLACEHOLDER);
+
+	};
+
+	return ListPlaceholderRenderer;
+
+}, /* bExport= */ true);

package/src/sap/f/cards/loading/ObjectPlaceholder.js

@@ -4,13 +4,13 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/core/Control",
-	"sap/ui/core/Core",
+	"sap/f/cards/loading/PlaceholderBase",
+	"./ObjectPlaceholderRenderer",
 	"sap/ui/core/ResizeHandler",
 	"sap/ui/dom/units/Rem"
 ], function (
-	Control,
-	Core,
+	PlaceholderBase,
+	ObjectPlaceholderRenderer,
 	ResizeHandler,
 	Rem
 ) {
@@ -29,14 +29,14 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.115.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.104
 	 * @alias sap.f.cards.loading.ObjectPlaceholder
 	 */
-	var ObjectPlaceholder = Control.extend("sap.f.cards.loading.ObjectPlaceholder", {
+	var ObjectPlaceholder = PlaceholderBase.extend("sap.f.cards.loading.ObjectPlaceholder", {
 		metadata: {
 			library: "sap.f",
 			properties: {
@@ -54,56 +54,7 @@ sap.ui.define([
 				}
 			}
 		},
-		renderer: {
-			apiVersion: 2,
-			render: function (oRm, oObjectPlaceholder) {
-				var oResBundle = Core.getLibraryResourceBundle("sap.ui.core"),
-					sTitle = oResBundle.getText("BUSY_TEXT");
-
-				oRm.openStart("div", oObjectPlaceholder)
-					.class("sapFCardContentPlaceholder")
-					.class("sapFCardContentObjectPlaceholder")
-					.attr("tabindex", "0")
-					.attr("title", sTitle);
-
-				oRm.accessibilityState(oObjectPlaceholder, {
-					role: "progressbar",
-					valuemin: "0",
-					valuemax: "100"
-				});
-				oRm.openEnd();
-
-				for (var i = 0; i < oObjectPlaceholder._iColsCnt; i++) {
-					this.renderColumn(oRm, oObjectPlaceholder._iRowsCnt);
-				}
-
-				oRm.close("div");
-			},
-			renderColumn: function (oRm, iRowsCnt) {
-				oRm.openStart("div")
-					.class("sapFCardObjectPlaceholderColumn")
-					.openEnd();
-
-				for (var i = 0; i < iRowsCnt; i++) {
-					this.renderRow(oRm, "First", false);
-					this.renderRow(oRm, "Second", i === iRowsCnt);
-				}
-
-				oRm.close("div");
-			},
-			renderRow: function (oRm, sRow, bLastInColumn) {
-				oRm.openStart("div")
-					.class("sapFCardLoadingShimmer")
-					.class("sapFCardObjectPlaceholderGroup" + sRow + "Row");
-
-				if (bLastInColumn) {
-					oRm.class("sapFCardObjectPlaceholderGroupLastRow");
-				}
-
-				oRm.openEnd()
-					.close("div");
-			}
-		}
+		renderer: ObjectPlaceholderRenderer
 	});
 
 	ObjectPlaceholder.prototype.init = function () {

package/src/sap/f/cards/loading/ObjectPlaceholderRenderer.js

@@ -0,0 +1,67 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Renderer, PlaceholderBaseRenderer) {
+	"use strict";
+
+	/**
+	 * ObjectPlaceholderRenderer renderer.
+	 * @namespace
+	 */
+	var ObjectPlaceholderRenderer = Renderer.extend(PlaceholderBaseRenderer);
+
+	ObjectPlaceholderRenderer.apiVersion = 2;
+
+	/**
+	 * CSS class to be applied to the HTML root element of the placeholder.
+	 *
+	 * @type {string}
+	 */
+	ObjectPlaceholderRenderer.CSS_CLASS_PLACEHOLDER = "sapFCardContentObjectPlaceholder";
+
+	ObjectPlaceholderRenderer.renderColumn = function(oRm, iRowsCnt) {
+		oRm.openStart("div")
+			.class("sapFCardObjectPlaceholderColumn")
+			.openEnd();
+
+		for (var i = 0; i < iRowsCnt; i++) {
+			this.renderRow(oRm, "First", false);
+			this.renderRow(oRm, "Second", i === iRowsCnt);
+		}
+
+		oRm.close("div");
+	};
+
+	ObjectPlaceholderRenderer.renderRow = function(oRm, sRow, bLastInColumn) {
+		oRm.openStart("div")
+			.class("sapFCardLoadingShimmer")
+			.class("sapFCardObjectPlaceholderGroup" + sRow + "Row");
+
+		if (bLastInColumn) {
+			oRm.class("sapFCardObjectPlaceholderGroupLastRow");
+		}
+
+		oRm.openEnd()
+			.close("div");
+	};
+
+	ObjectPlaceholderRenderer.renderContent = function(oControl, oRm) {
+		for (var i = 0; i < oControl._iColsCnt; i++) {
+			this.renderColumn(oRm, oControl._iRowsCnt);
+		}
+	};
+
+	ObjectPlaceholderRenderer.addOuterAttributes = function(oControl, oRm) {
+
+		PlaceholderBaseRenderer.addOuterAttributes.apply(this, arguments);
+
+		oRm.class(ObjectPlaceholderRenderer.CSS_CLASS_PLACEHOLDER);
+
+	};
+
+	return ObjectPlaceholderRenderer;
+
+}, /* bExport= */ true);