@openui5/sap.m 1.97.1 → 1.100.0

package/src/sap/m/StandardDynamicDateOption.js

@@ -5,10 +5,41 @@
  */
 
 // Provides control sap.m.StandardDynamicDateOption.
-sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepInput', './RadioButton', './RadioButtonGroup', 'sap/ui/unified/Calendar', 'sap/ui/unified/calendar/MonthPicker', 'sap/ui/core/format/DateFormat', 'sap/ui/core/date/UniversalDateUtils', 'sap/ui/core/date/UniversalDate', 'sap/m/DynamicDateValueHelpUIType', './library'],
-	function(Element, DynamicDateOption, Label, StepInput, RadioButton, RadioButtonGroup, Calendar, MonthPicker, DateFormat, UniversalDateUtils, UniversalDate, DynamicDateValueHelpUIType, library) {
+sap.ui.define([
+		'sap/ui/core/library',
+		'sap/ui/core/Element',
+		'./DynamicDateOption',
+		'./Label',
+		'./StepInput',
+		'./RadioButton',
+		'./RadioButtonGroup',
+		'sap/ui/unified/Calendar',
+		'sap/ui/unified/calendar/MonthPicker',
+		'sap/ui/core/format/DateFormat',
+		'sap/ui/core/date/UniversalDateUtils',
+		'sap/ui/core/date/UniversalDate',
+		'sap/m/DynamicDateValueHelpUIType',
+		'./library'],
+	function(
+		coreLibrary,
+		Element,
+		DynamicDateOption,
+		Label,
+		StepInput,
+		RadioButton,
+		RadioButtonGroup,
+		Calendar,
+		MonthPicker,
+		DateFormat,
+		UniversalDateUtils,
+		UniversalDate,
+		DynamicDateValueHelpUIType,
+		library) {
 		"use strict";
 
+		// shortcut for sap.ui.core.VerticalAlign
+		var VerticalAlign = coreLibrary.VerticalAlign;
+
 		/**
 		 * Constructor for a new StandardDynamicDateOption.
 		 *
@@ -21,7 +52,7 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 		 * @extends sap.m.DynamicDateOption
 		 *
 		 * @author SAP SE
-		 * @version 1.97.1
+		 * @version 1.100.0
 		 *
 		 * @public
 		 * @alias sap.m.StandardDynamicDateOption
@@ -39,11 +70,22 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 
 		var Keys = {
 			"DATE": "DATE",
+			"DATETIME": "DATETIME",
 			"DATERANGE": "DATERANGE",
+			"DATETIMERANGE": "DATETIMERANGE",
 			"TODAY": "TODAY",
 			"YESTERDAY": "YESTERDAY",
 			"TOMORROW": "TOMORROW",
 			"SPECIFICMONTH": "SPECIFICMONTH",
+			"SPECIFICMONTHINYEAR": "SPECIFICMONTHINYEAR",
+			"FIRSTDAYWEEK": "FIRSTDAYWEEK",
+			"LASTDAYWEEK": "LASTDAYWEEK",
+			"FIRSTDAYMONTH":"FIRSTDAYMONTH",
+			"LASTDAYMONTH":"LASTDAYMONTH",
+			"FIRSTDAYQUARTER":"FIRSTDAYQUARTER",
+			"LASTDAYQUARTER":"LASTDAYQUARTER",
+			"FIRSTDAYYEAR":"FIRSTDAYYEAR",
+			"LASTDAYYEAR":"LASTDAYYEAR",
 			"THISWEEK": "THISWEEK",
 			"THISMONTH": "THISMONTH",
 			"THISQUARTER": "THISQUARTER",
@@ -68,6 +110,8 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 			"NEXTYEARS": "NEXTYEARS",
 			"FROM": "FROM",
 			"TO": "TO",
+			"FROMDATETIME": "FROMDATETIME",
+			"TODATETIME": "TODATETIME",
 			"YEARTODATE": "YEARTODATE",
 			"DATETOYEAR":"DATETOYEAR",
 			"TODAYFROMTO": "TODAYFROMTO",
@@ -88,11 +132,22 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 
 		var _OptionsGroup = {
 			"DATE": _Groups.SingleDates,
+			"DATETIME": _Groups.SingleDates,
 			"DATERANGE": _Groups.DateRanges,
+			"DATETIMERANGE": _Groups.DateRanges,
 			"TODAY": _Groups.SingleDates,
 			"YESTERDAY": _Groups.SingleDates,
 			"TOMORROW": _Groups.SingleDates,
 			"SPECIFICMONTH": _Groups.Months,
+			"SPECIFICMONTHINYEAR": _Groups.Months,
+			"FIRSTDAYWEEK": _Groups.SingleDates,
+			"LASTDAYWEEK": _Groups.SingleDates,
+			"FIRSTDAYMONTH":_Groups.SingleDates,
+			"LASTDAYMONTH":_Groups.SingleDates,
+			"FIRSTDAYQUARTER":_Groups.SingleDates,
+			"LASTDAYQUARTER":_Groups.SingleDates,
+			"FIRSTDAYYEAR":_Groups.SingleDates,
+			"LASTDAYYEAR":_Groups.SingleDates,
 			"THISWEEK": _Groups.Weeks,
 			"THISMONTH": _Groups.Months,
 			"THISQUARTER": _Groups.Quarters,
@@ -117,6 +172,8 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 			"NEXTYEARS": _Groups.DateRanges,
 			"FROM": _Groups.DateRanges,
 			"TO": _Groups.DateRanges,
+			"FROMDATETIME": _Groups.DateRanges,
+			"TODATETIME": _Groups.DateRanges,
 			"YEARTODATE": _Groups.DateRanges,
 			"DATETOYEAR": _Groups.DateRanges,
 			"TODAYFROMTO": _Groups.DateRanges,
@@ -168,13 +225,18 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 				case Keys.LASTMONTHS:
 				case Keys.LASTQUARTERS:
 				case Keys.LASTYEARS:
-					return _resourceBundle.getText("DYNAMIC_DATE_LASTX_TITLE", aParams[1].getOptions().join(" / "));
 				case Keys.NEXTDAYS:
 				case Keys.NEXTWEEKS:
 				case Keys.NEXTMONTHS:
 				case Keys.NEXTQUARTERS:
 				case Keys.NEXTYEARS:
-					return _resourceBundle.getText("DYNAMIC_DATE_NEXTX_TITLE", aParams[1].getOptions().join(" / "));
+					return this._getXPeriodTitle(aParams[1].getOptions());
+				case Keys.FROMDATETIME:
+				case Keys.TODATETIME:
+				case Keys.DATETIMERANGE:
+					return oControl._findOption(sKey)._bAdditionalTimeText ?
+						_resourceBundle.getText("DYNAMIC_DATE_" + sKey + "_TITLE") + " (" + _resourceBundle.getText("DYNAMIC_DATE_DATETIME_TITLE") + ")" :
+						_resourceBundle.getText("DYNAMIC_DATE_" + sKey + "_TITLE");
 				default:
 					return _resourceBundle.getText("DYNAMIC_DATE_" + sKey + "_TITLE");
 			}
@@ -188,6 +250,14 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 					case Keys.TODAY:
 					case Keys.YESTERDAY:
 					case Keys.TOMORROW:
+					case Keys.FIRSTDAYWEEK:
+					case Keys.LASTDAYWEEK:
+					case Keys.FIRSTDAYMONTH:
+					case Keys.LASTDAYMONTH:
+					case Keys.FIRSTDAYQUARTER:
+					case Keys.LASTDAYQUARTER:
+					case Keys.FIRSTDAYYEAR:
+					case Keys.LASTDAYYEAR:
 					case Keys.THISWEEK:
 					case Keys.THISMONTH:
 					case Keys.THISQUARTER:
@@ -208,6 +278,14 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 					case Keys.QUARTER4:
 						this.aValueHelpUITypes = [];
 						break;
+					case Keys.DATETIME:
+					case Keys.FROMDATETIME:
+					case Keys.TODATETIME:
+						this.aValueHelpUITypes = [
+							new DynamicDateValueHelpUIType({
+								type: "datetime"
+							})];
+						break;
 					case Keys.DATE:
 					case Keys.FROM:
 					case Keys.TO:
@@ -228,6 +306,12 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 								type: "month"
 							})];
 						break;
+					case Keys.SPECIFICMONTHINYEAR:
+						this.aValueHelpUITypes = [
+							new DynamicDateValueHelpUIType({
+								type: "custommonth"
+							})];
+						break;
 					case Keys.LASTDAYS:
 					case Keys.LASTWEEKS:
 					case Keys.LASTMONTHS:
@@ -248,13 +332,26 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 						this.aValueHelpUITypes = [
 							new DynamicDateValueHelpUIType({
 								text: _resourceBundle.getText("DDR_TODAYFROMTO_FROM_LABEL"),
-								type: "int"
+								type: "int",
+								additionalText: _resourceBundle.getText("DDR_TODAYFROMTO_TO_ADDITIONAL_LABEL")
 							}),
 							new DynamicDateValueHelpUIType({
 								text: _resourceBundle.getText("DDR_TODAYFROMTO_TO_LABEL"),
-								type: "int"
+								type: "int",
+								additionalText: _resourceBundle.getText("DDR_TODAYFROMTO_TO_ADDITIONAL_LABEL")
 							})];
 						break;
+					case Keys.DATETIMERANGE:
+							this.aValueHelpUITypes = [
+								new DynamicDateValueHelpUIType({
+									text: _resourceBundle.getText("DDR_DATETIMERANGE_FROM_LABEL"),
+									type: "datetime"
+								}),
+								new DynamicDateValueHelpUIType({
+									text: _resourceBundle.getText("DDR_DATETIMERANGE_TO_LABEL"),
+									type: "datetime"
+								})];
+							break;
 				}
 			}
 
@@ -263,22 +360,24 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 
 		/**
 		 * Creates a UI for this DynamicDateOption.
-		 * @param {*} oOptions some parameters that can adapt the UI from outside
+		 * @param {sap.m.DynamicDateRange} Control to create the UI for
 		 * @param {function} fnControlsUpdated A callback invoked when any of the created controls updates its value
 		 *
-		 * Returns an array of controls which is mapped to the parameters of this DynamicDateOption.
+		 * @return {sap.ui.core.Control[]} Returns an array of controls which is mapped to the parameters of this DynamicDateOption.
 		 */
 		StandardDynamicDateOption.prototype.createValueHelpUI = function(oControl, fnControlsUpdated) {
-			var oOptions = oControl._getOptions();
-			var oValue = oControl.getValue();
-			var aParams = this.getValueHelpUITypes(oControl);
-			var aControls = [];
+			var oOptions = oControl._getOptions(),
+				oValue = oControl.getValue(),
+				aParams = this.getValueHelpUITypes(oControl),
+				aControls = [];
+
 			if (!oControl.aControlsByParameters) {
 				oControl.aControlsByParameters = {};
 			}
 			oControl.aControlsByParameters[this.getKey()] = [];
-			var oLastOptionParam = this._getOptionParams(aLastOptions, oOptions);
-			var oNextOptionParam = this._getOptionParams(aNextOptions, oOptions);
+
+			var oLastOptionParam = this._getOptionParams(aLastOptions, oOptions),
+				oNextOptionParam = this._getOptionParams(aNextOptions, oOptions);
 
 			if (oLastOptionParam) {
 				aParams.push(oLastOptionParam);
@@ -314,18 +413,40 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 					case "date":
 						oInputControl = this._createDateControl(oValue, iIndex, fnControlsUpdated);
 						break;
+					case "datetime":
+						if (aParams.length === 1) {
+							// creates "single" DateTime option (embedded in the DynamicDateRange popup)
+							oInputControl = this._createDateTimeInnerControl(oValue, iIndex, fnControlsUpdated);
+						} else if (aParams.length === 2) {
+							oInputControl = this._createDateTimeControl(oValue, iIndex, fnControlsUpdated);
+						}
+						break;
 					case "daterange":
 						oInputControl = this._createDateRangeControl(oValue, iIndex, fnControlsUpdated);
 					break;
 					case "month":
 						oInputControl = this._createMonthControl(oValue, iIndex, fnControlsUpdated);
 						break;
+					case "custommonth":
+						oInputControl = this._createCustomMonthControl(oValue, iIndex, fnControlsUpdated);
+						break;
 					case "options":
 						oInputControl = this._createOptionsControl(oValue, iIndex, fnControlsUpdated, aParams);
 						break;
+					default:
+						break;
 				}
 
 				aControls.push(oInputControl);
+
+				if (aParams[iIndex].getAdditionalText()) {
+					aControls.push(
+						new Label({
+							vAlign: VerticalAlign.Bottom,
+							text: aParams[iIndex].getAdditionalText()
+						}).addStyleClass("sapMDDRAdditionalLabel")
+					);
+				}
 				oControl.aControlsByParameters[this.getKey()].push(oInputControl);
 			}
 
@@ -337,7 +458,7 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 			var iMin = this.getKey() === "TODAYFROMTO" ? -MAX_VALUE_HELP_INTEGER : MIN_VALUE_HELP_INTEGER;
 			var bUseDefaultValue = !oValue || this.getKey() !== oValue.operator;
 
-			if (this.getKey() === "TODAYFROMTO" && bUseDefaultValue) {
+			if (bUseDefaultValue) {
 				oControl.setValue(1);
 			}
 
@@ -373,7 +494,7 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 		StandardDynamicDateOption.prototype._getOptionParams = function(aGroupOptions, oOptions){
 			if (aGroupOptions.indexOf(this.getKey()) !== -1) {
 				return new DynamicDateValueHelpUIType({
-					text: "Time Periods:",
+					text: _resourceBundle.getText("DDR_LASTNEXTX_TIME_PERIODS_LABEL"),
 					type: "options",
 					options: oOptions ? oOptions.filter(function(option) {
 						return aGroupOptions.indexOf(option.getKey()) !== -1;
@@ -409,17 +530,30 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 						}
 						break;
 					case "month":
+					case "custommonth":
 					case "date":
 					case "daterange":
 						if (!oInputControl.getSelectedDates() || oInputControl.getSelectedDates().length == 0) {
 							return false;
 						}
 						break;
+					case "datetime":
+						if (aParams.length === 1) {
+							// validates "single" DateTime option (embedded in the DynamicDateRange popup)
+							if (!oInputControl.getCalendar().getSelectedDates() || oInputControl.getCalendar().getSelectedDates().length == 0) {
+								return false;
+							}
+						} else if (!oInputControl.getDateValue() && aParams.length === 2) {
+							return false;
+						}
+						break;
 					case "options":
 						if (oInputControl.getSelectedIndex() < 0) {
 							return false;
 						}
 						break;
+					default:
+						break;
 				}
 			}
 
@@ -462,6 +596,13 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 
 						vOutput = oInputControl.getSelectedDates()[0].getStartDate().getMonth();
 						break;
+					case "custommonth":
+						if (!oInputControl.getSelectedDates() || !oInputControl.getSelectedDates().length) {
+							return null;
+						}
+
+						vOutput = [oInputControl.getSelectedDates()[0].getStartDate().getMonth(), oInputControl.getSelectedDates()[0].getStartDate().getFullYear()];
+						break;
 					case "date":
 						if (!oInputControl.getSelectedDates().length) {
 							return null;
@@ -469,6 +610,31 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 
 						vOutput = oInputControl.getSelectedDates()[0].getStartDate();
 						break;
+					case "datetime":
+						if (aParams.length === 1) {
+							// "single" DateTime picker (embedded in the DynamicDateRange popup)
+							var oDate,
+								oTimeDate,
+								oCalendar,
+								oClocks;
+
+							oCalendar = oInputControl.getCalendar();
+							oClocks = oInputControl.getClocks();
+							if (!oCalendar.getSelectedDates().length) {
+								return null;
+							}
+							oDate = oCalendar.getSelectedDates()[0].getStartDate();
+							oTimeDate = oClocks.getTimeValues();
+							oDate.setHours(oTimeDate.getHours(), oTimeDate.getMinutes(), oTimeDate.getSeconds());
+							vOutput = oDate;
+						} else if (aParams.length === 2) {
+							if (!oInputControl.getDateValue()) {
+								return null;
+							}
+
+							vOutput = oInputControl.getDateValue();
+						}
+						break;
 					case "daterange":
 						if (!oInputControl.getSelectedDates().length) {
 							return null;
@@ -477,6 +643,8 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 						var oEndDate = oInputControl.getSelectedDates()[0].getEndDate() || oInputControl.getSelectedDates()[0].getStartDate();
 						vOutput = [oInputControl.getSelectedDates()[0].getStartDate(), oEndDate];
 						break;
+					default:
+						break;
 				}
 
 				if (Array.isArray(vOutput)) {
@@ -519,19 +687,49 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 					oDate.setMonth(oValue.values[0]);
 					oDate = UniversalDateUtils.getMonthStartDate(oDate);
 					return UniversalDateUtils.getRange(0, "MONTH", oDate);
+				case "SPECIFICMONTHINYEAR":
+					var oDate = new UniversalDate();
+					oDate.setMonth(oValue.values[0]);
+					oDate.setYear(oValue.values[1]);
+					oDate = UniversalDateUtils.getMonthStartDate(oDate);
+					return UniversalDateUtils.getRange(0, "MONTH", oDate);
 				case "DATE":
 					return UniversalDateUtils.getRange(0, "DAY", UniversalDate.getInstance(oValue.values[0]));
+				case "DATETIME":
+					var oDateTime = new UniversalDate.getInstance(oValue.values[0]);
+					return [oDateTime, oDateTime];
 				case "DATERANGE":
 					var oStart = UniversalDate.getInstance(oValue.values[0]);
 					var oEnd = UniversalDate.getInstance(oValue.values[1]);
 
 					return [UniversalDateUtils.resetStartTime(oStart), UniversalDateUtils.resetEndTime(oEnd)];
+				case "DATETIMERANGE":
+					var oStart = UniversalDate.getInstance(oValue.values[0]);
+					var oEnd = UniversalDate.getInstance(oValue.values[1]);
+
+					return [oStart, oEnd];
 				case "TODAY":
 					return UniversalDateUtils.ranges.today();
 				case "YESTERDAY":
 					return UniversalDateUtils.ranges.yesterday();
 				case "TOMORROW":
 					return UniversalDateUtils.ranges.tomorrow();
+				case "FIRSTDAYWEEK":
+					return UniversalDateUtils.ranges.firstDayOfWeek();
+				case "LASTDAYWEEK":
+					return UniversalDateUtils.ranges.lastDayOfWeek();
+				case "FIRSTDAYMONTH":
+					return UniversalDateUtils.ranges.firstDayOfMonth();
+				case "LASTDAYMONTH":
+					return UniversalDateUtils.ranges.lastDayOfMonth();
+				case "FIRSTDAYQUARTER":
+					return UniversalDateUtils.ranges.firstDayOfQuarter();
+				case "LASTDAYQUARTER":
+					return UniversalDateUtils.ranges.lastDayOfQuarter();
+				case "FIRSTDAYYEAR":
+					return UniversalDateUtils.ranges.firstDayOfYear();
+				case "LASTDAYYEAR":
+					return UniversalDateUtils.ranges.lastDayOfYear();
 				case "THISWEEK":
 					return UniversalDateUtils.ranges.currentWeek();
 				case "THISMONTH":
@@ -577,9 +775,13 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 				case "NEXTYEARS":
 					return UniversalDateUtils.ranges.nextYears(iParamLastNext);
 				case "FROM":
-					return [oValue.values[0], oValue.values[0]];
+					return [UniversalDate.getInstance(oValue.values[0])];
 				case "TO":
-					return [oValue.values[0], oValue.values[0]];
+					return [UniversalDate.getInstance(oValue.values[0])];
+				case "FROMDATETIME":
+					return [UniversalDate.getInstance(oValue.values[0])];
+				case "TODATETIME":
+					return [UniversalDate.getInstance(oValue.values[0])];
 				case "YEARTODATE":
 					return UniversalDateUtils.ranges.yearToDate();
 				case "DATETOYEAR":
@@ -617,6 +819,14 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 				case "TODAY":
 				case "YESTERDAY":
 				case "TOMORROW":
+				case "FIRSTDAYWEEK":
+				case "LASTDAYWEEK":
+				case "FIRSTDAYMONTH":
+				case "LASTDAYMONTH":
+				case "FIRSTDAYQUARTER":
+				case "LASTDAYQUARTER":
+				case "FIRSTDAYYEAR":
+				case "LASTDAYYEAR":
 				case "THISWEEK":
 				case "THISMONTH":
 				case "THISQUARTER":
@@ -641,8 +851,36 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 			}
 		};
 
+		/**
+		 * Gets a combined option title for the last x or the next x option.
+		 *
+		 * @param {*} aOptions A combination of the following string values: days, weeks, months, quarters, years
+		 * @returns {string} A combined option title
+		 * @private
+		 */
+		StandardDynamicDateOption.prototype._getXPeriodTitle = function(aOptions) {
+			var sCombinedOptions,
+				sKey = this.getKey();
+
+			if (aOptions.length === 1) {
+				return _resourceBundle.getText("DYNAMIC_DATE_" + sKey + "_TITLE");
+			}
+
+			sCombinedOptions = aOptions.map(function(sOption) {
+				return _resourceBundle.getText("DYNAMIC_DATE_" + sOption.toUpperCase());
+			}).join(" / ");
+
+			if (sKey.indexOf("LAST") === 0) {
+				return _resourceBundle.getText("DYNAMIC_DATE_LASTX_TITLE", sCombinedOptions);
+			}
+
+			if (sKey.indexOf("NEXT") === 0) {
+				return _resourceBundle.getText("DYNAMIC_DATE_NEXTX_TITLE", sCombinedOptions);
+			}
+		};
+
 		function makeRadioButton(sOptionName) {
-			return new RadioButton({ text: sOptionName });
+			return new RadioButton({ text: _resourceBundle.getText("DYNAMIC_DATE_" + sOptionName.toUpperCase()) });
 		}
 
 		return StandardDynamicDateOption;

package/src/sap/m/StandardListItem.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.100.0
 	 *
 	 * @constructor
 	 * @public
@@ -145,6 +145,17 @@ sap.ui.define([
 			 */
 			wrapCharLimit : {type : "int", group : "Behavior", defaultValue : 0}
 		},
+		aggregations : {
+			/**
+			 * A <code>sap.m.Avatar</code> control instance that, if set, is used instead of an icon or image.
+			 *
+			 * The size of the <code>Avatar</code> control depends on the <code>insetIcon</code> property of <code>StandardListItem</code>.
+			 * The <code>displaySize</code> property of the <code>Avatar</code> control is not supported. If the <code>insetIcon</code> property of <code>StandardListItem</code> is set to <code>true</code>, the size of the <code>Avatar</code> control is set to XS; if the <code>insetIcon</code> property of <code>StandardListItem</code> is set to <code>false</code>, the size of the <code>Avatar</code> control is set to "S".
+			 *
+			 * @since 1.98
+			 */
+			avatar: {type: 'sap.m.Avatar', multiple: false}
+	},
 		designtime: "sap/m/designtime/StandardListItem.designtime"
 	}});
 
@@ -169,6 +180,20 @@ sap.ui.define([
 		return this;
 	};
 
+	// overwrite setter of Avatar to control it's display size
+	StandardListItem.prototype.setAvatar = function(oAvatar) {
+		if (this.getAvatar() === oAvatar) {
+			return this;
+		}
+		if (oAvatar) {
+			oAvatar.addStyleClass("sapMSLIAvatar");
+			oAvatar.setDisplaySize = function(){return this;};
+		}
+		this.setAggregation("avatar", oAvatar);
+
+		return this;
+	};
+
 	StandardListItem.prototype.setWrapCharLimit = function(iLimit) {
 		var iOldCharLimit = this.getWrapCharLimit();
 
@@ -211,6 +236,14 @@ sap.ui.define([
 		return this._oImage;
 	};
 
+	// overwrite base method to hook into the inactive handling
+	StandardListItem.prototype._getAvatar = function() {
+		var oAvatar = this.getAvatar();
+		var sSize = this.getIconInset() ? library.AvatarSize.XS : library.AvatarSize.S;
+		oAvatar.setProperty("displaySize", sSize, true);
+		return oAvatar;
+	};
+
 	// overwrite base method to hook into the active handling
 	StandardListItem.prototype._activeHandlingInheritor = function() {
 		if (this._oImage) {

package/src/sap/m/StandardListItemRenderer.js

@@ -25,7 +25,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 	 * {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} rm The <code>RenderManager</code> that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oLI An object representation of the control that is rendered
+	 * @param {sap.m.StandardListItem} oLI An object representation of the control that is rendered
 	 */
 	StandardListItemRenderer.renderLIAttributes = function(rm, oLI) {
 		var sIconURI = oLI.getIcon(),
@@ -57,7 +57,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 	/**
 	 * Renders the list item content element.
 	 * @param {sap.ui.core.RenderManager} rm The <code>RenderManager</code> that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oLI An object representation of the control that is rendered
+	 * @param {sap.m.StandardListItem} oLI An object representation of the control that is rendered
 	 * @protected
 	 */
 	StandardListItemRenderer.renderLIContent = function(rm, oLI) {
@@ -67,8 +67,10 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 			bAdaptTitleSize = oLI.getAdaptTitleSize(),
 			bShouldRenderInfoWithoutTitle = !sTitle && sInfo;
 
-		// render image
-		if (oLI.getIcon()) {
+		// render image or avatar control
+		if (oLI.getAvatar()) {
+			rm.renderControl(oLI._getAvatar());
+		} else if (oLI.getIcon()) {
 			rm.renderControl(oLI._getImage());
 		}
 
@@ -97,7 +99,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 	/**
 	 * Renders the title wrapper.
 	 * @param {sap.ui.core.RenderManager} rm The <code>RenderManager</code> that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oLI An object representation of the control that is rendered
+	 * @param {sap.m.StandardListItem} oLI An object representation of the control that is rendered
 	 * @protected
 	 */
 	StandardListItemRenderer.renderTitleWrapper = function(rm, oLI) {
@@ -141,7 +143,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 	/**
 	 * Renders the title text.
 	 * @param {sap.ui.core.RenderManager} rm The <code>RenderManager</code> that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oLI An object representation of the control that is rendered
+	 * @param {sap.m.StandardListItem} oLI An object representation of the control that is rendered
 	 * @protected
 	 */
 	StandardListItemRenderer.renderTitle = function(rm, oLI) {
@@ -151,7 +153,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 	/**
 	 * Renders the description text.
 	 * @param {sap.ui.core.RenderManager} rm The <code>RenderManager</code> that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oLI An object representation of the control that is rendered
+	 * @param {sap.m.StandardListItem} oLI An object representation of the control that is rendered
 	 * @protected
 	 */
 	StandardListItemRenderer.renderDescription = function (rm, oLI) {
@@ -195,7 +197,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 	/**
 	 * Renders the info text.
 	 * @param {sap.ui.core.RenderManager} rm The <code>RenderManager</code> that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oLI An object representation of the control that is rendered
+	 * @param {sap.m.StandardListItem} oLI An object representation of the control that is rendered
 	 * @protected
 	 */
 	StandardListItemRenderer.renderInfo = function (rm, oLI) {
@@ -229,7 +231,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 	/**
 	 * Renders the expand/collapse text.
 	 * @param {sap.ui.core.RenderManager} rm The <code>RenderManager</code> that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oLI An object representation of the control that is rendered
+	 * @param {sap.m.StandardListItem} oLI An object representation of the control that is rendered
 	 * @param {string} sWrapArea Defines the wrapping text area
 	 * @protected
 	 */
@@ -253,7 +255,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 	/**
 	 * Renders the wrapping behavior of the text.
 	 * @param {sap.ui.core.RenderManager} rm The <code>RenderManager</code> that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oLI An object representation of the control that is rendered
+	 * @param {sap.m.StandardListItem} oLI An object representation of the control that is rendered
 	 * @param {string} sWrapArea Defines the wrapping text area
 	 * @protected
 	 */

package/src/sap/m/StandardTile.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.m.Tile
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.100.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/StandardTileRenderer.js

@@ -26,7 +26,7 @@ sap.ui.define(['./TileRenderer', 'sap/ui/core/ValueStateSupport', 'sap/ui/core/R
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} rm The RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oTile An object representation of the control that should be rendered
+	 * @param {sap.m.StandardTile} oTile An object representation of the control that should be rendered
 	 */
 	StandardTileRenderer._renderContent = function(rm, oTile) {
 		var infoState = oTile.getInfoState();

package/src/sap/m/StandardTreeItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.m.TreeItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.100.0
 	 *
 	 * @constructor
 	 * @public