@openui5/sap.m 1.106.0 → 1.107.0

package/src/sap/m/TimePickerClocks.js

@@ -50,7 +50,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @public
@@ -70,7 +70,9 @@ sap.ui.define([
 					 */
 					_clocks: { type: "sap.m.TimePickerClock", multiple: true, visibility: "hidden" }
 				}
-			}
+			},
+
+			renderer: TimePickerClocksRenderer
 		});
 
 		/*********************************************************************************************************

package/src/sap/m/TimePickerInputs.js

@@ -49,7 +49,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @public
@@ -69,7 +69,9 @@ sap.ui.define([
 					 */
 					 _texts: { type: "sap.ui.core.InvisibleText", multiple: true, visibility: "hidden" }
 				}
-			}
+			},
+
+			renderer: TimePickerInputsRenderer
 		});
 
 		/**

package/src/sap/m/TimePickerInternals.js

@@ -14,7 +14,8 @@ sap.ui.define([
 	"sap/ui/core/Locale",
 	"./library",
 	"./Button",
-	'./TimePickerInternalsRenderer'
+	'./TimePickerInternalsRenderer',
+	"sap/ui/core/Configuration"
 ],
 	function(
 		coreLibrary,
@@ -26,7 +27,8 @@ sap.ui.define([
 		Locale,
 		library,
 		Button,
-		TimePickerInternalsRenderer
+		TimePickerInternalsRenderer,
+		Configuration
 	) {
 		"use strict";
 
@@ -45,7 +47,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @private
@@ -121,7 +123,9 @@ sap.ui.define([
 					 */
 					_nowButton: { type: "sap.m.Button", multiple: false, visibility: "hidden" }
 				}
-			}
+			},
+
+			renderer: TimePickerInternalsRenderer
 		});
 
 		/**
@@ -130,7 +134,7 @@ sap.ui.define([
 		 * @private
 		 */
 		TimePickerInternals.prototype.init = function () {
-			var oLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale(),
+			var oLocale = Configuration.getFormatSettings().getFormatLocale(),
 				oLocaleData = LocaleData.getInstance(oLocale),
 				aPeriods = oLocaleData.getDayPeriods("abbreviated"),
 				sDefaultDisplayFormat = oLocaleData.getTimePattern("medium");
@@ -327,7 +331,7 @@ sap.ui.define([
 		 */
 		TimePickerInternals.prototype._getLocaleBasedPattern = function (sPlaceholder) {
 			return LocaleData.getInstance(
-				sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale()
+				Configuration.getFormatSettings().getFormatLocale()
 			).getTimePattern(sPlaceholder);
 		};
 
@@ -368,7 +372,7 @@ sap.ui.define([
 			}
 
 			if (!sCalendarType) {
-				sCalendarType = sap.ui.getCore().getConfiguration().getCalendarType();
+				sCalendarType = Configuration.getCalendarType();
 			}
 
 			return this._getFormatterInstance(sPattern, bRelative, sCalendarType);

package/src/sap/m/TimePickerSlider.js

@@ -11,9 +11,10 @@ sap.ui.define([
 	'sap/ui/Device',
 	"sap/ui/events/KeyCodes",
 	"sap/m/Button",
-	"sap/ui/thirdparty/jquery"
+	"sap/ui/thirdparty/jquery",
+	"sap/ui/core/Configuration"
 ],
-	function(Control, TimePickerSliderRenderer, IconPool, Device, KeyCodes, Button, jQuery) {
+	function(Control, TimePickerSliderRenderer, IconPool, Device, KeyCodes, Button, jQuery, Configuration) {
 		"use strict";
 
 		/**
@@ -27,7 +28,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @private
@@ -86,7 +87,7 @@ sap.ui.define([
 			renderer: TimePickerSliderRenderer
 		});
 
-		var SCROLL_ANIMATION_DURATION = sap.ui.getCore().getConfiguration().getAnimation() ? 200 : 0;
+		var SCROLL_ANIMATION_DURATION = Configuration.getAnimation() ? 200 : 0;
 		var MIN_ITEMS = 50;
 		var LABEL_HEIGHT = 32;
 		var ARROW_HEIGHT = 32;

package/src/sap/m/TimePickerSliders.js

@@ -16,7 +16,8 @@ sap.ui.define([
 	'sap/ui/core/LocaleData',
 	'sap/ui/Device',
 	'sap/ui/core/Locale',
-	"sap/ui/thirdparty/jquery"
+	"sap/ui/thirdparty/jquery",
+	"sap/ui/core/Configuration"
 ],
 	function(
 		coreLibrary,
@@ -30,7 +31,8 @@ sap.ui.define([
 		LocaleData,
 		Device,
 		Locale,
-		jQuery
+		jQuery,
+		Configuration
 	) {
 		"use strict";
 
@@ -48,7 +50,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @public
@@ -147,7 +149,9 @@ sap.ui.define([
 						}
 					}
 				}
-			}
+			},
+
+			renderer: TimePickerSlidersRenderer
 		});
 
 		/**
@@ -156,7 +160,7 @@ sap.ui.define([
 		 * @private
 		 */
 		TimePickerSliders.prototype.init = function () {
-			var oLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale(),
+			var oLocale = Configuration.getFormatSettings().getFormatLocale(),
 				oLocaleData = LocaleData.getInstance(oLocale),
 				aPeriods = oLocaleData.getDayPeriods("abbreviated"),
 				sDefaultDisplayFormat = oLocaleData.getTimePattern("medium");
@@ -683,7 +687,7 @@ sap.ui.define([
 		 */
 		TimePickerSliders.prototype._getLocaleBasedPattern = function (sPlaceholder) {
 			return LocaleData.getInstance(
-				sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale()
+				Configuration.getFormatSettings().getFormatLocale()
 			).getTimePattern(sPlaceholder);
 		};
 
@@ -907,7 +911,7 @@ sap.ui.define([
 			}
 
 			if (!sCalendarType) {
-				sCalendarType = sap.ui.getCore().getConfiguration().getCalendarType();
+				sCalendarType = Configuration.getCalendarType();
 			}
 
 			return this._getFormatterInstance(sPattern, bRelative, sCalendarType);

package/src/sap/m/TimePickerSlidersRenderer.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/ui/Device"], function(Device) {
+sap.ui.define(["sap/ui/Device", "sap/ui/core/Configuration"], function(Device, Configuration) {
 	"use strict";
 
 	/**
@@ -26,7 +26,7 @@ sap.ui.define(["sap/ui/Device"], function(Device) {
 			sLabelText = oControl.getLabelText() || "",
 			oRb = sap.ui.getCore().getLibraryResourceBundle("sap.m"),
 			iSliderIndex,
-			bRtl = sap.ui.getCore().getConfiguration().getRTL();
+			bRtl = Configuration.getRTL();
 
 		oRM.openStart("div", oControl);
 		oRM.class("sapMTimePickerContainer");

package/src/sap/m/Title.js

@@ -73,122 +73,125 @@ sap.ui.define([
 	 * @implements sap.ui.core.IShrinkable
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 * @since 1.27.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.Title
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/title/ Title}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var Title = Control.extend("sap.m.Title", /** @lends sap.m.Title.prototype */ { metadata : {
-
-		library : "sap.m",
-		interfaces : [
-			 "sap.ui.core.IShrinkable",
-			 "sap.m.IHyphenation"
-		],
-		properties : {
-
-			/**
-			 * Defines the text that should be displayed as a title.
-			 *
-			 * <b>Note:</b> this property is not used if there is a control added to the <code>content</code> aggregation
-			 * <b>Note:</b> this property will be overridden if there is title element associated and it has <code>text</code> property set.
-			 *
-			 */
-			text : {type : "string", group : "Appearance", defaultValue : null},
-
-			/**
-			 * Defines the semantic level of the title.
-			 * This information is e.g. used by assistive technologies like screenreaders to create a hierarchical site map for faster navigation.
-			 * Depending on this setting either an HTML h1-h6 element is used or when using level <code>Auto</code> no explicit level information is written (HTML5 header element).
-			 * This property does not influence the style of the control. Use the property <code>titleStyle</code> for this purpose instead.
-			 *
-			 * <b>Note:</b> this property will be overridden if there is title element associated and it has <code>level</code> property set.
-			 */
-			level : {type : "sap.ui.core.TitleLevel", group : "Appearance", defaultValue : TitleLevel.Auto},
-
-			/**
-			 * Defines the style of the title.
-			 * When using the <code>Auto</code> styling, the appearance of the title depends on the current position of the title (e.g. inside a <code>Toolbar</code>).
-			 * This default behavior can be overridden by setting a different style explicitly.
-			 * The actual appearance of the title and the different styles always depends on the theme being used.
-			 */
-			titleStyle : {type : "sap.ui.core.TitleLevel", group : "Appearance", defaultValue : TitleLevel.Auto},
-
-			/**
-			 * Defines the width of the title.
-			 */
-			width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
-
-			/**
-			 * Defines the alignment of the text within the title. <b>Note:</b> This property only has an effect if the overall width of the title control is
-			 * larger than the displayed text.
-			 *
-			 * <b>Note:</b> this property will be overridden if there is a control added to the <code>content</code> aggregation
-			 *
-			 */
-			textAlign : {type : "sap.ui.core.TextAlign", group : "Appearance", defaultValue : TextAlign.Initial},
-
-			/**
-			 * Options for the text direction are RTL and LTR. Alternatively, the control can inherit the text direction from its parent container.
-			 *
-			 * <b>Note:</b> this property will be overridden if there is a control added to the <code>content</code> aggregation
-			 *
-			 */
-			textDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit},
-
-			/**
-			 * Enables text wrapping.
-			 *
-			 * <b>Note:</b> Wrapping must only be activated if the surrounding container allows flexible heights.
-			 * <b>Note:</b> this property will be ignored if there is a control added to the <code>content</code> aggregation
-			 *
-			 * @since 1.52
-			 */
-			wrapping : {type : "boolean", group : "Appearance", defaultValue : false},
-
-			/**
-			 * Defines the type of text wrapping to be used (hyphenated or normal).
-			 *
-			 * <b>Note:</b> This property takes effect only when the <code>wrapping</code>
-			 * property is set to <code>true</code>.
-			 * <b>Note:</b> this property will be ignored if there is a control added to the <code>content</code> aggregation
-			 *
-			 * @since 1.60
-			 */
-			wrappingType : {type: "sap.m.WrappingType", group : "Appearance", defaultValue : WrappingType.Normal}
+	var Title = Control.extend("sap.m.Title", /** @lends sap.m.Title.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			interfaces : [
+				 "sap.ui.core.IShrinkable",
+				 "sap.m.IHyphenation"
+			],
+			properties : {
+
+				/**
+				 * Defines the text that should be displayed as a title.
+				 *
+				 * <b>Note:</b> this property is not used if there is a control added to the <code>content</code> aggregation
+				 * <b>Note:</b> this property will be overridden if there is title element associated and it has <code>text</code> property set.
+				 *
+				 */
+				text : {type : "string", group : "Appearance", defaultValue : null},
+
+				/**
+				 * Defines the semantic level of the title.
+				 * This information is e.g. used by assistive technologies like screenreaders to create a hierarchical site map for faster navigation.
+				 * Depending on this setting either an HTML h1-h6 element is used or when using level <code>Auto</code> no explicit level information is written (HTML5 header element).
+				 * This property does not influence the style of the control. Use the property <code>titleStyle</code> for this purpose instead.
+				 *
+				 * <b>Note:</b> this property will be overridden if there is title element associated and it has <code>level</code> property set.
+				 */
+				level : {type : "sap.ui.core.TitleLevel", group : "Appearance", defaultValue : TitleLevel.Auto},
+
+				/**
+				 * Defines the style of the title.
+				 * When using the <code>Auto</code> styling, the appearance of the title depends on the current position of the title (e.g. inside a <code>Toolbar</code>).
+				 * This default behavior can be overridden by setting a different style explicitly.
+				 * The actual appearance of the title and the different styles always depends on the theme being used.
+				 */
+				titleStyle : {type : "sap.ui.core.TitleLevel", group : "Appearance", defaultValue : TitleLevel.Auto},
+
+				/**
+				 * Defines the width of the title.
+				 */
+				width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
+
+				/**
+				 * Defines the alignment of the text within the title. <b>Note:</b> This property only has an effect if the overall width of the title control is
+				 * larger than the displayed text.
+				 *
+				 * <b>Note:</b> this property will be overridden if there is a control added to the <code>content</code> aggregation
+				 *
+				 */
+				textAlign : {type : "sap.ui.core.TextAlign", group : "Appearance", defaultValue : TextAlign.Initial},
+
+				/**
+				 * Options for the text direction are RTL and LTR. Alternatively, the control can inherit the text direction from its parent container.
+				 *
+				 * <b>Note:</b> this property will be overridden if there is a control added to the <code>content</code> aggregation
+				 *
+				 */
+				textDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit},
+
+				/**
+				 * Enables text wrapping.
+				 *
+				 * <b>Note:</b> Wrapping must only be activated if the surrounding container allows flexible heights.
+				 * <b>Note:</b> this property will be ignored if there is a control added to the <code>content</code> aggregation
+				 *
+				 * @since 1.52
+				 */
+				wrapping : {type : "boolean", group : "Appearance", defaultValue : false},
+
+				/**
+				 * Defines the type of text wrapping to be used (hyphenated or normal).
+				 *
+				 * <b>Note:</b> This property takes effect only when the <code>wrapping</code>
+				 * property is set to <code>true</code>.
+				 * <b>Note:</b> this property will be ignored if there is a control added to the <code>content</code> aggregation
+				 *
+				 * @since 1.60
+				 */
+				wrappingType : {type: "sap.m.WrappingType", group : "Appearance", defaultValue : WrappingType.Normal}
+
+			},
+			defaultAggregation : "content",
+			aggregations : {
+				/**
+				 * Holds a control that implements <code>sap.ui.core.ITitleContent</code> and renders this control instead of simple text
+				 *
+				 * <b>Note:</b> if a control is placed in this aggregation, the following properties of <code>sap.m.Title</code>
+				 * will be overridden - <code>text</code>, <code>textAlign</code>, <code>textDirection</code>; the following will be ignored -
+				 * <code>wrapping</code>, <code>wrappingType</code>. The <code>title</code> association will be ignored too.
+				 *
+				 * @since 1.87
+				 */
+				content : {type : "sap.ui.core.ITitleContent", multiple : false}
+			},
+			associations : {
+
+				/**
+				 * Defines a relationship to a generic title description.
+				 *
+				 * <b>Note:</b> if a control is placed in <code>content</code> aggregation, the title element associated will be ignored;
+				 * otherwise the properties <code>text</code>, <code>level</code> and </code>tooltip</code> (text only) of this element
+				 * will override the corresponding properties of the <code>Title</code> control.
+				 */
+				title : {type : "sap.ui.core.Title", multiple : false}
+			},
+			designtime: "sap/m/designtime/Title.designtime"
 
 		},
-		defaultAggregation : "content",
-		aggregations : {
-			/**
-			 * Holds a control that implements <code>sap.ui.core.ITitleContent</code> and renders this control instead of simple text
-			 *
-			 * <b>Note:</b> if a control is placed in this aggregation, the following properties of <code>sap.m.Title</code>
-			 * will be overridden - <code>text</code>, <code>textAlign</code>, <code>textDirection</code>; the following will be ignored -
-			 * <code>wrapping</code>, <code>wrappingType</code>. The <code>title</code> association will be ignored too.
-			 *
-			 * @since 1.87
-			 */
-			content : {type : "sap.ui.core.ITitleContent", multiple : false}
-		},
-		associations : {
-
-			/**
-			 * Defines a relationship to a generic title description.
-			 *
-			 * <b>Note:</b> if a control is placed in <code>content</code> aggregation, the title element associated will be ignored;
-			 * otherwise the properties <code>text</code>, <code>level</code> and </code>tooltip</code> (text only) of this element
-			 * will override the corresponding properties of the <code>Title</code> control.
-			 */
-			title : {type : "sap.ui.core.Title", multiple : false}
-		},
-		designtime: "sap/m/designtime/Title.designtime"
 
-	}});
+		renderer: TitleRenderer
+	});
 
 	/**
 	 * Gets the currently set title.

package/src/sap/m/TitlePropagationSupport.js

@@ -5,8 +5,8 @@
  */
 
 // Provides helper sap.m.TitlePropagationSupport
-sap.ui.define([],
-	function() {
+sap.ui.define(["sap/ui/core/Configuration"],
+	function(Configuration) {
 		"use strict";
 
 		/**
@@ -51,7 +51,7 @@ sap.ui.define([],
 		 * style class support on existing elements by calling this function.
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @param {string} sAggregationName the name of the aggregation which should be affected
 		 * @param {object} fnGetTitleID function that would return the ID of the title
@@ -82,7 +82,7 @@ sap.ui.define([],
 					oItem;
 
 				// Note: in case accessibility mode is off we don't need the propagation
-				if (!sap.ui.getCore().getConfiguration().getAccessibility() || !sTitleID || !aContent
+				if (!Configuration.getAccessibility() || !sTitleID || !aContent
 					|| aContent.length === 0) {
 						return false;
 				}

package/src/sap/m/ToDoCardRenderer.js

@@ -0,0 +1,161 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["./library","sap/base/security/encodeCSS"],
+	function(library,encodeCSS) {
+	"use strict";
+
+	var LoadState = library.LoadState;
+
+	/**
+	 * ToDo Card renderer.
+	 * @namespace
+	 */
+	var ToDoCardRenderer = {
+		apiVersion: 2    // enable in-place DOM patching
+	};
+
+	/**
+	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.ActionTile} oControl the control to be rendered
+	 */
+	ToDoCardRenderer.render = function(oRm, oControl) {
+		var sState = oControl.getState();
+		var sAriaRoleDescription = oControl.getAriaRoleDescription();
+		var sAriaRole = oControl.getAriaRole();
+		var bHasPress = oControl.hasListeners("press");
+		var sStateClass = encodeCSS("sapMATState" + sState);
+
+		oRm.openStart("div",oControl);
+		oRm.class("sapMToDoCard");
+		oRm.class(sStateClass);
+		if (sState !== LoadState.Disabled) {
+			oRm.attr("tabindex", "0");
+		}
+		if (sAriaRoleDescription) {
+			oRm.attr("aria-roledescription", sAriaRoleDescription );
+		}
+		if (sAriaRole) {
+			oRm.attr("role", sAriaRole);
+		} else {
+			oRm.attr("role", bHasPress ? "button" : "presentation");
+		}
+		oRm.openEnd();
+		if (sState === LoadState.Loading) {
+			this._renderLoadingShimmers(oRm,oControl);
+		} else {
+			this._renderHeader(oRm, oControl);
+			this._renderContent(oRm, oControl);
+			this._renderButton(oRm,oControl);
+		}
+		if (sState !== LoadState.Disabled) {
+			this._renderFocusDiv(oRm, oControl);
+		}
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the header.
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+	ToDoCardRenderer._renderHeader = function(oRm, oControl) {
+		oRm.openStart("div", oControl.getId() + "-hdr-text");
+		oRm.class("sapMGTHdrContent");
+		oRm.openEnd();
+		oRm.renderControl(oControl._oTitle);
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the content inside the ActionTile.
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+	ToDoCardRenderer._renderContent = function(oRm, oControl) {
+		oControl.getTileContent().forEach(function(oContent){
+			oRm.renderControl(oContent);
+		});
+	};
+
+	/**
+	 * Renders the focus div for the ActionTile.
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+
+	ToDoCardRenderer._renderFocusDiv = function(oRm, oControl) {
+		oRm.openStart("div", oControl.getId() + "-focus");
+		oRm.class("sapMATFocusDiv");
+		oRm.openEnd();
+		oRm.close("div");
+	};
+
+	/**
+	 *Renders the buttons inside the ActionTile
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+
+	ToDoCardRenderer._renderButton = function(oRm, oControl) {
+		oRm.openStart("div", oControl.getId() + "-actionButtons");
+			oRm.class("sapMATActionModeContainer");
+			oRm.openEnd();
+			oControl.getActionButtons().forEach(function (oActionButton) {
+				oRm.renderControl(oActionButton);
+			});
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the loading state shimmers on the ActionTile
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+	ToDoCardRenderer._renderLoadingShimmers = function(oRm, oControl) {
+		oRm.openStart("div").class("sapMGTContentShimmerPlaceholderItem");
+		oRm.class("sapMGTContentShimmerPlaceholderWithDescription");
+		oRm.openEnd();
+		for (var i = 0; i < 5; i++) {
+			this._renderShimmer(oRm,oControl);
+		}
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the individual shimmer on the ActionTile in the loading state
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+	ToDoCardRenderer._renderShimmer = function(oRm, oControl) {
+		oRm.openStart("div")
+		.class("sapMGTContentShimmerPlaceholderRows")
+		.openEnd();
+		oRm.openStart("div")
+		.class("sapMGTContentShimmerPlaceholderItemHeader")
+		.class("sapMGTLoadingShimmer")
+		.openEnd()
+		.close("div");
+		oRm.openStart("div")
+		.class("sapMGTContentShimmerPlaceholderItemText")
+		.class("sapMGTLoadingShimmer")
+		.openEnd()
+		.close("div");
+		oRm.close("div");
+	};
+
+
+	return ToDoCardRenderer;
+
+}, /* bExport= */true);