@openui5/sap.m 1.92.0 → 1.95.0

package/src/sap/m/SinglePlanningCalendarMonthGrid.js

@@ -81,7 +81,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @private
@@ -392,6 +392,7 @@ sap.ui.define([
 		 */
 		SinglePlanningCalendarMonthGrid.prototype._toggleAppointmentSelection = function (oAppointment, bRemoveOldSelection) {
 			var aChangedApps = [],
+				oAppointmentDomRef = oAppointment && oAppointment.getDomRef(),
 				aAppointments,
 				iAppointmentsLength,
 				i;
@@ -411,6 +412,9 @@ sap.ui.define([
 			if (oAppointment) {
 				oAppointment.setProperty("selected", !oAppointment.getSelected());
 				aChangedApps.push(oAppointment);
+				this._sSelectedAppointment = oAppointment.getSelected() && oAppointmentDomRef ? oAppointment : undefined;
+			} else {
+				this._sSelectedAppointment = undefined;
 			}
 
 			return aChangedApps;
@@ -860,5 +864,11 @@ sap.ui.define([
 			return specialDates;
 		};
 
+		SinglePlanningCalendarMonthGrid.prototype.applyFocusInfo = function() {
+			// directly focus appointment part, if there is any selected
+			this._sSelectedAppointment && this._sSelectedAppointment.focus();
+			return this;
+		};
+
 		return SinglePlanningCalendarMonthGrid;
 	});

package/src/sap/m/SinglePlanningCalendarMonthView.js

@@ -33,7 +33,7 @@ sap.ui.define([
 		 * @extends sap.m.SinglePlanningCalendarView
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SinglePlanningCalendarView.js

@@ -26,7 +26,7 @@ function (library, Log, Element) {
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarWeekView.js

@@ -32,7 +32,7 @@ function (library, SinglePlanningCalendarView, CalendarDate, CalendarUtils) {
 	 * @extends sap.m.SinglePlanningCalendarView
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarWorkWeekView.js

@@ -33,7 +33,7 @@ function (library, SinglePlanningCalendarView, CalendarDate, CalendarUtils, Loca
 	 * @extends sap.m.SinglePlanningCalendarView
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SlideTile.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.95.0
 	 * @since 1.34
 	 *
 	 * @public
@@ -477,8 +477,8 @@ sap.ui.define([
 	 * Scrolls to the next tile, forward or backward
 	 *
 	 * @private
-	 * @param {Boolean} pause Triggers if the animation gets paused or not
-	 * @param {Boolean} backward Sets the direction backward or forward
+	 * @param {boolean} pause Triggers if the animation gets paused or not
+	 * @param {boolean} backward Sets the direction backward or forward
 	 */
 	SlideTile.prototype._scrollToNextTile = function (pause, backward) {
 		var iTransitionTime = this._iCurrAnimationTime - this.getDisplayTime(),

package/src/sap/m/Slider.js

@@ -95,7 +95,7 @@ function(
 		 * @implements sap.ui.core.IFormContent
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SliderRenderer.js

@@ -213,7 +213,7 @@ sap.ui.define(['./SliderUtilities', "sap/ui/core/InvisibleText"],
 			this.renderTickmarksLabel(oRm, oSlider, oSlider.getMin());
 			oRm.openStart("li")
 				.class(SliderRenderer.CSS_CLASS + "Tick")
-				.style("width", fTickmarksDistance + "%;")
+				.style("width", fTickmarksDistance + "%")
 				.openEnd()
 				.close("li");
 
@@ -224,7 +224,7 @@ sap.ui.define(['./SliderUtilities', "sap/ui/core/InvisibleText"],
 				}
 
 				oRm.openStart("li").class(SliderRenderer.CSS_CLASS + "Tick")
-					.style("width", fTickmarksDistance + "%;")
+					.style("width", fTickmarksDistance + "%")
 					.openEnd()
 					.close("li");
 			}

package/src/sap/m/SliderTooltip.js

@@ -44,7 +44,7 @@ function(
 		 * @extends sap.m.SliderTooltipBase
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/SliderTooltipBase.js

@@ -21,7 +21,7 @@ function(Control, Library, SliderTooltipBaseRenderer) {
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SliderTooltipContainer.js

@@ -35,7 +35,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/SplitApp.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.m.SplitContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SplitButton.js

@@ -48,7 +48,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @private
@@ -256,15 +256,11 @@ function(
 				oEvent.preventDefault();
 			}
 
-			if (oEvent.which === KeyCodes.ENTER) {
-				this._getTextButton().firePress({/* no parameters */ });
-			}
+			this._getTextButton().onkeydown(oEvent);
 		};
 
 		SplitButton.prototype.onkeyup = function(oEvent) {
-			if (oEvent.which === KeyCodes.SPACE) {
-				this._getTextButton().firePress({/* no parameters */ });
-			}
+			this._getTextButton().onkeyup(oEvent);
 		};
 
 		SplitButton.prototype.onsapup = function(oEvent) {

package/src/sap/m/SplitContainer.js

@@ -86,7 +86,7 @@ function(
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public
@@ -2144,10 +2144,9 @@ function(
 	SplitContainer.prototype.showPlaceholder = function(mSettings) {
 		switch (mSettings.aggregation) {
 			case "masterPages":
-				this.getAggregation("_navMaster").showPlaceholder(mSettings);
-				break;
+				return this.getAggregation("_navMaster").showPlaceholder(mSettings);
 			default:
-				this.getAggregation("_navDetail").showPlaceholder(mSettings);
+				return this.getAggregation("_navDetail").showPlaceholder(mSettings);
 		}
 	};
 
@@ -2193,7 +2192,7 @@ function(
 				oContainer = this.getAggregation("_navDetail");
 		}
 
-		return oContainer.getCurrentPage() !== oObject;
+		return !oObject || (oContainer.getCurrentPage() !== oObject);
 	};
 	/**************************************************************
 	* END - Private methods

package/src/sap/m/StandardDynamicDateOption.js

@@ -21,7 +21,7 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 		 * @extends sap.m.DynamicDateOption
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.95.0
 		 *
 		 * @public
 		 * @alias sap.m.StandardDynamicDateOption
@@ -241,6 +241,7 @@ 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 {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.
 		 */
@@ -320,14 +321,6 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 			oControl.setMin(iMin);
 			oControl.setMax(MAX_VALUE_HELP_INTEGER);
 
-			if (oControl.getValue() < iMin) {
-				oControl.setValue(iMin);
-			}
-
-			if (oControl.getValue() > MAX_VALUE_HELP_INTEGER) {
-				oControl.setValue(MAX_VALUE_HELP_INTEGER);
-			}
-
 			return oControl;
 		};
 
@@ -346,7 +339,9 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 			}
 
 			if (fnControlsUpdated instanceof Function) {
-				oControl.attachSelect(fnControlsUpdated);
+				oControl.attachSelect(function() {
+					fnControlsUpdated(this);
+				}, this);
 			}
 
 			return oControl;
@@ -368,6 +363,46 @@ sap.ui.define(['sap/ui/core/Element', './DynamicDateOption', './Label', './StepI
 			return undefined;
 		};
 
+		/**
+		 * Validates all input controls in the value help UI related to the current option.
+		 * If one of the input controls contains invalid value, then validation will return <code>false</code>.
+		 * If all input controls contain valid value, then the validation will return <code>true</code>.
+		 *
+		 * @public
+		 * @param {sap.m.DynamicDateRange} oControl The control instance
+		 * @returns {boolean} value help UI validity indicator
+		 */
+		StandardDynamicDateOption.prototype.validateValueHelpUI = function(oControl) {
+			var aParams = this.getValueHelpUITypes();
+
+			for (var i = 0; i < aParams.length; i++) {
+				var oInputControl = oControl.aControlsByParameters[this.getKey()][i];
+
+				switch (aParams[i].getType()) {
+					case "int":
+						if (oInputControl._isLessThanMin(oInputControl.getValue()) ||
+							oInputControl._isMoreThanMax(oInputControl.getValue())) {
+							return false;
+						}
+						break;
+					case "month":
+					case "date":
+					case "daterange":
+						if (!oInputControl.getSelectedDates() || oInputControl.getSelectedDates().length == 0) {
+							return false;
+						}
+						break;
+					case "options":
+						if (oInputControl.getSelectedIndex() < 0) {
+							return false;
+						}
+						break;
+				}
+			}
+
+			return true;
+		};
+
 		// Gets the output for each input parameter.
 		// Returns an object { operator: "KEY", values: [] (mapped positionally to each input control) }.
 		StandardDynamicDateOption.prototype.getValueHelpOutput = function(oControl) {

package/src/sap/m/StandardListItem.js

@@ -13,9 +13,10 @@ sap.ui.define([
 	"./library",
 	"./ListItemBase",
 	"./Image",
-	"./StandardListItemRenderer"
+	"./StandardListItemRenderer",
+	"sap/base/Log"
 ],
-	function(coreLibrary, IconPool, ThemeParameters, Device, library, ListItemBase, Image, StandardListItemRenderer) {
+	function(coreLibrary, IconPool, ThemeParameters, Device, library, ListItemBase, Image, StandardListItemRenderer, Log) {
 	"use strict";
 
 
@@ -37,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public
@@ -84,6 +85,8 @@ sap.ui.define([
 
 			/**
 			 * Defines an additional information text.
+			 * <b>Note:</b>
+			 * A wrapping of the information text is also supported as of version 1.95, if <code>wrapping=true</code>. Although long strings are supported for the information text, it is recommended to use short strings. For more details, see {@link #getWrapping wrapping}.
 			 */
 			info : {type : "string", group : "Misc", defaultValue : null},
 
@@ -115,7 +118,9 @@ sap.ui.define([
 			 *
 			 * <b>Note:</b>
 			 *
-			 * In the desktop mode, initial rendering of the control contains 300 characters along with a button to expand and collapse the text whereas in the phone mode, the character limit is set to 100 characters.
+			 * In the desktop mode, initial rendering of the control contains 300 characters along with a button to expand and collapse the text whereas in the phone mode, the character limit is set to 100 characters.<br>
+			 * A wrapping of the information text is supported as of 1.95. But expanding and collapsing the information text is not possible.
+			 * A wrapping of the information text is disabled if <code>infoStateInverted</code> is set to <code>true</code>.
 			 * @since 1.67
 			 */
 			wrapping : {type : "boolean", group : "Behavior", defaultValue : false},
@@ -126,7 +131,19 @@ sap.ui.define([
 			 *
 			 * @since 1.74
 			 */
-			infoStateInverted : {type : "boolean", group : "Appearance", defaultValue : false}
+			infoStateInverted : {type : "boolean", group : "Appearance", defaultValue : false},
+
+			/**
+			 * This property can be used to change the default character limits for the wrapping behavior.
+			 *
+			 * If this property is set to 0, then the default character limit used by the wrapping behavior is used. For details see {@link #getWrapping wrapping}.
+			 *
+			 * <b>Note:</b>
+			 *
+			 * 0 or a positive integer must be used for this property.
+			 * @since 1.94
+			 */
+			wrapCharLimit : {type : "int", group : "Behavior", defaultValue : 0}
 		},
 		designtime: "sap/m/designtime/StandardListItem.designtime"
 	}});
@@ -152,6 +169,21 @@ sap.ui.define([
 		return this;
 	};
 
+	StandardListItem.prototype.setWrapCharLimit = function(iLimit) {
+		var iOldCharLimit = this.getWrapCharLimit();
+
+		if (iOldCharLimit === iLimit) {
+		  return this;
+		}
+		if (iLimit < 0) {
+		  Log.error("The property wrapCharLimit must be 0 or greater than 0 - " + this.getId());
+		  return this;
+		}
+
+		this.setProperty("wrapCharLimit", iLimit);
+		return this;
+	};
+
 	/**
 	 * @private
 	 */
@@ -251,15 +283,21 @@ sap.ui.define([
 		}
 
 		if (!StandardListItem._themeInfo.sFontFamily || bThemeChanged) {
-			StandardListItem._themeInfo.sFontFamily = ThemeParameters.get("sapUiFontFamily");
+			StandardListItem._themeInfo.sFontFamily = ThemeParameters.get({
+				name: "sapUiFontFamily"
+			}) || "Arial";
 		}
 
 		if (!StandardListItem._themeInfo.sFontStyleInfoStateInverted || bThemeChanged) {
-			StandardListItem._themeInfo.sFontStyleInfoStateInverted = "bold " + parseFloat(ThemeParameters.get("sapMFontSmallSize")) * 16 + "px" + " " + StandardListItem._themeInfo.sFontFamily;
+			StandardListItem._themeInfo.sFontStyleInfoStateInverted = "bold " + (ThemeParameters.get({
+				name: "sapMFontSmallSize"
+			}) || "0.75rem") + " " + StandardListItem._themeInfo.sFontFamily;
 		}
 
 		if (!StandardListItem._themeInfo.sFontStyle || bThemeChanged) {
-			StandardListItem._themeInfo.sFontStyle = parseFloat(ThemeParameters.get("sapMFontMediumSize")) * 16 + "px" + " " + StandardListItem._themeInfo.sFontFamily;
+			StandardListItem._themeInfo.sFontStyle = (ThemeParameters.get({
+				name: "sapMFontMediumSize"
+			}) || "0.875rem") + " " + StandardListItem._themeInfo.sFontFamily;
 		}
 
 		if (!StandardListItem._themeInfo.iBaseFontSize || bThemeChanged) {
@@ -303,11 +341,20 @@ sap.ui.define([
 	StandardListItem.prototype.ontap = function(oEvent) {
 		this._checkExpandCollapse(oEvent);
 
-		if (!oEvent.isMarked()) {
-			return ListItemBase.prototype.ontap.apply(this, arguments);
-		}
+		return ListItemBase.prototype.ontap.apply(this, arguments);
 	};
 
+	StandardListItem.prototype.ontouchstart = function(oEvent) {
+		var sId = oEvent.target && oEvent.target.id,
+			sStdListId = this.getId();
+
+		if (sId === sStdListId + "-titleButton" || sId === sStdListId + "-descriptionButton") {
+			oEvent.setMarked();
+		}
+
+		return ListItemBase.prototype.ontouchstart.apply(this, arguments);
+	  };
+
 	StandardListItem.prototype.onsapspace = function(oEvent) {
 		// prevent default not to scroll down, hence 2nd parameter is true
 		this._checkExpandCollapse(oEvent, true);
@@ -380,8 +427,11 @@ sap.ui.define([
 	 * @private
 	 */
 	StandardListItem.prototype._getCollapsedText = function(sText) {
-		var iMaxCharacters = Device.system.phone ? 100 : 300;
-		return sText.substr(0, iMaxCharacters);
+		return sText.substr(0, this._getWrapCharLimit());
+	};
+
+	StandardListItem.prototype._getWrapCharLimit = function() {
+		return this.getWrapCharLimit() || (Device.system.phone ? 100 : 300);
 	};
 
 	StandardListItem.prototype.onThemeChanged = function(oEvent) {

package/src/sap/m/StandardListItemRenderer.js

@@ -218,7 +218,11 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 		rm.style("min-width", oLI._getInfoTextMinWidth(fWidth));
 
 		rm.openEnd();
-		rm.text(oLI.getInfo());
+		if (oLI.getWrapping() && !bInfoStateInverted) {
+			this.renderWrapping(rm, oLI, "info");
+		} else {
+			rm.text(oLI.getInfo());
+		}
 		rm.close("div");
 	};
 
@@ -255,25 +259,33 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Core", "sap/ui/core/Renderer"
 	 */
 	StandardListItemRenderer.renderWrapping = function(rm, oLI, sWrapArea) {
 		var sId = oLI.getId(),
-			bTitle = sWrapArea == "title" ? true : false,
-			sText = bTitle ? oLI.getTitle() : oLI.getDescription(),
-			bTextExpanded = bTitle ? oLI._bTitleTextExpanded : oLI._bDescriptionTextExpanded,
-			iMaxCharacters = Device.system.phone ? 100 : 300;
+			iMaxCharacters = oLI._getWrapCharLimit(),
+			sText, bTextExpanded;
+
+		if (sWrapArea === "title") {
+			sText = oLI.getTitle();
+			bTextExpanded = oLI._bTitleTextExpanded;
+		} else if (sWrapArea === "description") {
+			sText = oLI.getDescription();
+			bTextExpanded = oLI._bDescriptionTextExpanded;
+		} else {
+			sText = oLI.getInfo();
+		}
 
 		rm.openStart("span", sId + "-" + sWrapArea + "Text").attr("aria-live", "polite").openEnd();
 
-		if (!bTextExpanded) {
+		if (!bTextExpanded && sWrapArea !== "info") {
 			var sCollapsedText = oLI._getCollapsedText(sText);
 			rm.text(sCollapsedText);
-		} else if (bTitle) {
+		} else if (sWrapArea == "title") {
 			this.renderTitle(rm, oLI);
 		} else {
-			rm.text(oLI.getDescription());
+			rm.text(sText);
 		}
 
 		rm.close("span");
 
-		if (sText.length > iMaxCharacters) {
+		if (sText.length > iMaxCharacters && sWrapArea !== "info") {
 			this.renderExpandCollapse(rm, oLI, sWrapArea);
 		}
 	};

package/src/sap/m/StandardTile.js

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

package/src/sap/m/StandardTreeItem.js

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

package/src/sap/m/StepInput.js

@@ -130,7 +130,7 @@ function(
 		 * @implements sap.ui.core.IFormContent
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @public
@@ -430,7 +430,7 @@ function(
 			Input.prototype.setValue.apply(this, arguments);
 
 			if (this.getDomRef()) {
-				document.getElementById(this.getId() + "-inner").setAttribute("aria-valuenow", sValue);
+				this.getDomRef("inner").setAttribute("aria-valuenow", sValue);
 			}
 
 			return this;
@@ -461,7 +461,7 @@ function(
 		StepInput.prototype.onBeforeRendering = function () {
 			var fMin = this._getMin(),
 				fMax = this._getMax(),
-				vValue = this._getInput()._$input.val() || this.getValue(),
+				vValue = this._sOriginalValue || this.getValue(),
 				bEditable = this.getEditable();
 
 			this._iRealPrecision = this._getRealValuePrecision();
@@ -486,6 +486,7 @@ function(
 
 		StepInput.prototype.exit = function () {
 			this.$().off(Device.browser.firefox ? "DOMMouseScroll" : "mousewheel", this._onmousewheel);
+			this._sOriginalValue = null;
 		};
 
 		StepInput.prototype.setProperty = function (sPropertyName, oValue, bSuppressInvalidate) {
@@ -589,8 +590,19 @@ function(
 		 * @private
 		 */
 		StepInput.prototype._getIncrementButton = function () {
-			var endIcons = this._getInput().getAggregation("_endIcon");
-			return endIcons ? endIcons[0] : null; //value state icon comes from sap.m.Input constructor and is at index 0
+			var endIcons = this._getInput().getAggregation("_endIcon") || [];
+			var oIncrementIcon = null;
+
+			// sap.m.Input constructor provides some icons on its own.
+			// Clear icon is always at index 0;
+			// Value help icon is at index 1;
+			// Though in this case the Input is controlled by the StepInput's code, the safe approach
+			// will be to look for the increment button at the last index in the aggregation.
+			if (endIcons.length) {
+				oIncrementIcon = endIcons[endIcons.length - 1];
+			}
+
+			return oIncrementIcon;
 		};
 
 		/**
@@ -908,6 +920,7 @@ function(
 				return this;
 			}
 
+			this._sOriginalValue = oValue;
 			this._applyValue(oValue);
 			this._disableButtons(Number(this._getInput().getValue()), this._getMax(), this._getMin());
 
@@ -1674,6 +1687,10 @@ function(
 			}
 		};
 
+		StepInput.prototype.getFocusDomRef = function() {
+			return this.getAggregation("_input").getFocusDomRef();
+		};
+
 		/*
 		 * Resets timeouts and speed to initial values.
 		 */