@openui5/sap.m 1.105.1 → 1.107.0

package/src/sap/m/TextArea.js

@@ -84,99 +84,102 @@ function(
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.9.0
 	 * @alias sap.m.TextArea
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/text-area/ Text Area}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var TextArea = InputBase.extend("sap.m.TextArea", /** @lends sap.m.TextArea.prototype */ { metadata : {
-
-		library : "sap.m",
-		designtime: "sap/m/designtime/TextArea.designtime",
-		properties : {
-
-			/**
-			 * Defines the number of visible text lines for the control.
-			 * <b>Note:</b> The <code>height</code> property wins over the <code>rows</code> property, if both are set.
-			 */
-			rows : {type : "int", group : "Appearance", defaultValue : 2},
-
-			/**
-			 * Defines the visible width of the control, in average character widths.
-			 * <b>Note:</b> The <code>width</code> property wins over the <code>cols</code> property, if both are set.
-			 */
-			cols : {type : "int", group : "Appearance", defaultValue : 20},
-
-			/**
-			 * Defines the height of the control.
-			 */
-			height : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : null},
-
-			/**
-			 * Defines the maximum number of characters that the <code>value</code> can be.
-			 */
-			maxLength : {type : "int", group : "Behavior", defaultValue : 0},
-
-			/**
-			 * Determines whether the characters, exceeding the maximum allowed character count, are visible in the input field.
-			 *
-			 * If set to <code>false</code> the user is not allowed to enter more characters than what is set in the <code>maxLength</code> property.
-			 * If set to <code>true</code> the characters exceeding the <code>maxLength</code> value are selected on paste and the counter below
-			 * the input field displays their number.
-			 *  @since 1.48
-			 */
-			showExceededText: {type: "boolean", group: "Behavior", defaultValue: false},
-
-			/**
-			 * Indicates how the control wraps the text, e.g. <code>Soft</code>, <code>Hard</code>, <code>Off</code>.
-			 */
-			wrapping : {type : "sap.ui.core.Wrapping", group : "Behavior", defaultValue : Wrapping.None},
-
-			/**
-			 * Indicates when the <code>value</code> property gets updated with the user changes. Setting it to <code>true</code> updates the <code>value</code> property whenever the user has modified the text shown on the text area.
-			 * @since 1.30
-			 */
-			valueLiveUpdate : {type : "boolean", group : "Behavior", defaultValue : false},
-
-			/**
-			 * Indicates the ability of the control to automatically grow and shrink dynamically with its content.
-			 * <b>Note:</b> This property should not be used when the <code>height</code> property is set.
-			 * @since 1.38.0
-			 */
-			growing : {type : "boolean", group : "Behavior", defaultValue : false},
-
-			/**
-			 * Defines the maximum number of lines that the control can grow.
-			 * @since 1.38.0
-			 */
-			growingMaxLines : {type : "int", group : "Behavior", defaultValue : 0}
-
-		},
-		aggregations: {
-			// The hidden aggregation for internal usage
-			_counter: {type: "sap.m.Text", multiple: false, visibility: "hidden"}
-		},
-		events : {
-
-			/**
-			 * Is fired whenever the user has modified the text shown on the text area.
-			 */
-			liveChange : {
-				parameters : {
-
-					/**
-					 * The new <code>value</code> of the control.
-					 */
-					value : {type : "string"}
+	var TextArea = InputBase.extend("sap.m.TextArea", /** @lends sap.m.TextArea.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			designtime: "sap/m/designtime/TextArea.designtime",
+			properties : {
+
+				/**
+				 * Defines the number of visible text lines for the control.
+				 * <b>Note:</b> The <code>height</code> property wins over the <code>rows</code> property, if both are set.
+				 */
+				rows : {type : "int", group : "Appearance", defaultValue : 2},
+
+				/**
+				 * Defines the visible width of the control, in average character widths.
+				 * <b>Note:</b> The <code>width</code> property wins over the <code>cols</code> property, if both are set.
+				 */
+				cols : {type : "int", group : "Appearance", defaultValue : 20},
+
+				/**
+				 * Defines the height of the control.
+				 */
+				height : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : null},
+
+				/**
+				 * Defines the maximum number of characters that the <code>value</code> can be.
+				 */
+				maxLength : {type : "int", group : "Behavior", defaultValue : 0},
+
+				/**
+				 * Determines whether the characters, exceeding the maximum allowed character count, are visible in the input field.
+				 *
+				 * If set to <code>false</code> the user is not allowed to enter more characters than what is set in the <code>maxLength</code> property.
+				 * If set to <code>true</code> the characters exceeding the <code>maxLength</code> value are selected on paste and the counter below
+				 * the input field displays their number.
+				 *  @since 1.48
+				 */
+				showExceededText: {type: "boolean", group: "Behavior", defaultValue: false},
+
+				/**
+				 * Indicates how the control wraps the text, e.g. <code>Soft</code>, <code>Hard</code>, <code>Off</code>.
+				 */
+				wrapping : {type : "sap.ui.core.Wrapping", group : "Behavior", defaultValue : Wrapping.None},
+
+				/**
+				 * Indicates when the <code>value</code> property gets updated with the user changes. Setting it to <code>true</code> updates the <code>value</code> property whenever the user has modified the text shown on the text area.
+				 * @since 1.30
+				 */
+				valueLiveUpdate : {type : "boolean", group : "Behavior", defaultValue : false},
+
+				/**
+				 * Indicates the ability of the control to automatically grow and shrink dynamically with its content.
+				 * <b>Note:</b> This property should not be used when the <code>height</code> property is set.
+				 * @since 1.38.0
+				 */
+				growing : {type : "boolean", group : "Behavior", defaultValue : false},
+
+				/**
+				 * Defines the maximum number of lines that the control can grow.
+				 * @since 1.38.0
+				 */
+				growingMaxLines : {type : "int", group : "Behavior", defaultValue : 0}
+
+			},
+			aggregations: {
+				// The hidden aggregation for internal usage
+				_counter: {type: "sap.m.Text", multiple: false, visibility: "hidden"}
+			},
+			events : {
+
+				/**
+				 * Is fired whenever the user has modified the text shown on the text area.
+				 */
+				liveChange : {
+					parameters : {
+
+						/**
+						 * The new <code>value</code> of the control.
+						 */
+						value : {type : "string"}
+					}
 				}
-			}
+			},
+			dnd: { draggable: false, droppable: true }
 		},
-		dnd: { draggable: false, droppable: true }
-	}});
+
+		renderer: TextAreaRenderer
+	});
 
 	/**
 	 * Initializes the control.

package/src/sap/m/Tile.js

@@ -35,34 +35,37 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.12
 	 * @deprecated as of version 1.50, replaced by {@link sap.m.GenericTile}
 	 * @alias sap.m.Tile
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var Tile = Control.extend("sap.m.Tile", /** @lends sap.m.Tile.prototype */ { metadata : {
+	var Tile = Control.extend("sap.m.Tile", /** @lends sap.m.Tile.prototype */ {
+		metadata : {
 
-		library : "sap.m",
-		deprecated: true,
-		properties : {
+			library : "sap.m",
+			deprecated: true,
+			properties : {
 
-			/**
-			 * Determines whether the tile is movable within the surrounding tile container. The remove event is fired by the tile container.
-			 */
-			removable : {type : "boolean", group : "Misc", defaultValue : true}
+				/**
+				 * Determines whether the tile is movable within the surrounding tile container. The remove event is fired by the tile container.
+				 */
+				removable : {type : "boolean", group : "Misc", defaultValue : true}
+			},
+			events : {
+
+				/**
+				 * Tap event is raised if the user taps or clicks the control.
+				 */
+				press : {}
+			}
 		},
-		events : {
 
-			/**
-			 * Tap event is raised if the user taps or clicks the control.
-			 */
-			press : {}
-		}
-	}});
+		renderer: TileRenderer
+	});
 
 	/**
 	 * Initializes the control.

package/src/sap/m/TileContainer.js

@@ -46,88 +46,91 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.12
 	 * @deprecated as of version 1.50, replaced by a container of your choice with {@link sap.m.GenericTile} instances
 	 * @alias sap.m.TileContainer
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var TileContainer = Control.extend("sap.m.TileContainer", /** @lends sap.m.TileContainer.prototype */ { metadata : {
-
-		library : "sap.m",
-		deprecated: true,
-		properties : {
-
-			/**
-			 * Defines the width of the TileContainer in px.
-			 */
-			width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
-
-			/**
-			 * Defines the height of the TileContainer in px.
-			 */
-			height : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
-
-			/**
-			 * Determines whether the TileContainer is editable so you can move, delete or add tiles.
-			 */
-			editable : {type : "boolean", group : "Misc", defaultValue : null},
-
-			/**
-			 * Determines whether the user is allowed to add Tiles in Edit mode (editable = true).
-			 */
-			allowAdd : {type : "boolean", group : "Misc", defaultValue : null}
-		},
-		defaultAggregation : "tiles",
-		aggregations : {
+	var TileContainer = Control.extend("sap.m.TileContainer", /** @lends sap.m.TileContainer.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			deprecated: true,
+			properties : {
+
+				/**
+				 * Defines the width of the TileContainer in px.
+				 */
+				width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
+
+				/**
+				 * Defines the height of the TileContainer in px.
+				 */
+				height : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
+
+				/**
+				 * Determines whether the TileContainer is editable so you can move, delete or add tiles.
+				 */
+				editable : {type : "boolean", group : "Misc", defaultValue : null},
+
+				/**
+				 * Determines whether the user is allowed to add Tiles in Edit mode (editable = true).
+				 */
+				allowAdd : {type : "boolean", group : "Misc", defaultValue : null}
+			},
+			defaultAggregation : "tiles",
+			aggregations : {
 
-			/**
-			 * The Tiles to be displayed by the TileContainer.
-			 */
-			tiles : {type : "sap.m.Tile", multiple : true, singularName : "tile"}
-		},
-		events : {
-
-			/**
-			 * Fires if a Tile is moved.
-			 */
-			tileMove : {
-				parameters : {
-
-					/**
-					 * The Tile that has been moved.
-					 */
-					tile : {type : "sap.m.Tile"},
-
-					/**
-					 * The new index of the Tile in the tiles aggregation.
-					 */
-					newIndex : {type : "int"}
-				}
+				/**
+				 * The Tiles to be displayed by the TileContainer.
+				 */
+				tiles : {type : "sap.m.Tile", multiple : true, singularName : "tile"}
 			},
+			events : {
+
+				/**
+				 * Fires if a Tile is moved.
+				 */
+				tileMove : {
+					parameters : {
+
+						/**
+						 * The Tile that has been moved.
+						 */
+						tile : {type : "sap.m.Tile"},
+
+						/**
+						 * The new index of the Tile in the tiles aggregation.
+						 */
+						newIndex : {type : "int"}
+					}
+				},
 
-			/**
-			 * Fires if a Tile is deleted in Edit mode.
-			 */
-			tileDelete : {
-				parameters : {
+				/**
+				 * Fires if a Tile is deleted in Edit mode.
+				 */
+				tileDelete : {
+					parameters : {
 
-					/**
-					 * The deleted Tile.
-					 */
-					tile : {type : "sap.m.Tile"}
-				}
-			},
+						/**
+						 * The deleted Tile.
+						 */
+						tile : {type : "sap.m.Tile"}
+					}
+				},
 
-			/**
-			 * Fires when a Tile is added.
-			 */
-			tileAdd : {}
-		}
-	}});
+				/**
+				 * Fires when a Tile is added.
+				 */
+				tileAdd : {}
+			}
+		},
+
+		renderer: TileContainerRenderer
+	});
 
 
 	IconPool.insertFontFaceStyle();
@@ -776,7 +779,6 @@ function(
 	 *
 	 * @returns {int} The index of the first Tile that is visible in the current page
 	 * @public
-	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	TileContainer.prototype.getPageFirstTileIndex = function() {
 		return this._iCurrentTileStartIndex || 0;
@@ -789,7 +791,6 @@ function(
 	 * @param {int} iNewIndex The new Tile position in the tiles aggregation
 	 * @returns {this} this pointer for chaining
 	 * @public
-	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	TileContainer.prototype.moveTile = function(vTile, iNewIndex) {
 		if (!isNaN(vTile)) {
@@ -1122,7 +1123,6 @@ function(
 	 * @param {boolean} bAnimated Whether the scroll should be animated
 	 * @param {sap.m.Tile[]} [aVisibleTiles] optional list of visible tiles in order to avoid filtering them again.
 	 * @public
-	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	TileContainer.prototype.scrollIntoView = function(vTile, bAnimated, aVisibleTiles) {
 

package/src/sap/m/TileContent.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './TileContentRenderer'],
-	function(library, Core, Control, TileContentRenderer) {
+sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './TileContentRenderer', 'sap/ui/core/Configuration'],
+	function(library, Core, Control, TileContentRenderer, Configuration) {
 	"use strict";
 
 	var Priority = library.Priority;
@@ -24,12 +24,11 @@ sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './Til
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 * @since 1.34.0
 	 *
 	 * @public
 	 * @alias sap.m.TileContent
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var TileContent = Control.extend("sap.m.TileContent", /** @lends sap.m.TileContent.prototype */ {
 		metadata : {
@@ -84,7 +83,9 @@ sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './Til
 				 */
 				"content" : {type : "sap.ui.core.Control", multiple : false, bindable : "bindable"}
 			}
-		}
+		},
+
+		renderer: TileContentRenderer
 	});
 
 	/* --- Lifecycle methods --- */
@@ -168,6 +169,11 @@ sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './Til
 						thisRef.attr("title",  sCntTooltip);
 				}
 
+				//It applies a style class to the elements inside the FormattedText
+				if (this.getParent() && this.getParent().isA("sap.m.ActionTile") && this.getContent().isA("sap.m.FormattedText") && this.getContent().getDomRef()) {
+					this._applyStyleClassesOnContent(this.getContent().getDomRef());
+				}
+
 			// removing all inner elements tooltip om every mouse enter
 			aTooltipEments.removeAttr("title").off("mouseenter");
 		}
@@ -200,7 +206,7 @@ sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './Til
 		var sUnit = this.getUnit();
 		if (sUnit) {
 			if (sFooter) {
-				if (sap.ui.getCore().getConfiguration().getRTL()) {
+				if (Configuration.getRTL()) {
 					return resourceBundle.getText('TILECONTENT_FOOTER_TEXT', [sFooter, sUnit]);
 				} else {
 					return resourceBundle.getText('TILECONTENT_FOOTER_TEXT', [sUnit, sFooter]);
@@ -237,6 +243,9 @@ sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './Til
 			} else if (oContent.getTooltip_AsString()) {
 				sAltText += oContent.getTooltip_AsString();
 				bIsFirst = false;
+			} else if (oParent && oParent.isA("sap.m.ActionTile") && oContentDom) {
+				sAltText += (bIsFirst ? "" : "\n") + this._getInnerText(oContentDom);
+				bIsFirst = false;
 			} else if (oParent && oParent.isA("sap.m.GenericTile") && oParent.getMode() === GenericTileMode.ActionMode) {
 				if (oContent.isA("sap.m.Text")){
 					sAltText += (bIsFirst ? "" : "\n") + oContent.getText();
@@ -258,6 +267,21 @@ sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './Til
 		return sAltText;
 	};
 
+	/**
+	 * Fetches the text within the tile content when rendered inside an ActionTile
+	 * @param {Element} oContentDom It gives the control inside the tile content
+	 * @returns {string} Returns the text inside the tile content when wrapped around a ActionTile
+	 * @private
+	 */
+	TileContent.prototype._getInnerText = function(oContentDom) {
+		var sAriaTooltipText = "";
+		var aHTMLCollection = [].slice.call(oContentDom.children);
+		aHTMLCollection.forEach(function(oElement) {
+			sAriaTooltipText += (oElement.innerText + "\n");
+		});
+		return sAriaTooltipText.trim();
+	};
+
 	TileContent.prototype.getTooltip_AsString = function() { //eslint-disable-line
 		var sTooltip = this.getTooltip();
 		var sAltText = "";
@@ -290,5 +314,32 @@ sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './Til
 		return this;
 	};
 
+	/**
+	 * This control applies the style class if there is a <br> tag inside a <p> tag
+	 * @param {Object} oContent Determines whether the control's content is rendered or not
+	 * @private
+	 */
+	 TileContent.prototype._applyStyleClassesOnContent = function(oContent) {
+		var aElements = this._filterElements(oContent.childNodes);
+		aElements.forEach(function(oElement) {
+			var bIsPTagWithBreak = oElement.tagName === "P" && oElement.innerHTML.includes("br");
+			if (bIsPTagWithBreak) {
+				oElement.classList.add("sapMbrPresent");
+			}
+		});
+	};
+
+	/**
+	 * Filters the element that has a nodetype one
+	 * @param {object} oChildElements It displays all the ChildElements inside the formattedText
+	 * @returns {string} Returns the elements that has a nodeType one
+	 * @private
+	 */
+	TileContent.prototype._filterElements = function(oChildElements) {
+		return [].slice.call(oChildElements).filter(function(oElement) {
+			return oElement.nodeType === 1;
+		});
+	};
+
 	return TileContent;
 });

package/src/sap/m/TimePicker.js

@@ -30,7 +30,8 @@ sap.ui.define([
 	"sap/base/Log",
 	"sap/ui/core/InvisibleText",
 	'./Button',
-	"sap/ui/thirdparty/jquery"
+	"sap/ui/thirdparty/jquery",
+	"sap/ui/core/Configuration"
 ],
 function(
 	InputBase,
@@ -57,7 +58,8 @@ function(
 	Log,
 	InvisibleText,
 	Button,
-	jQuery
+	jQuery,
+	Configuration
 ) {
 		"use strict";
 
@@ -142,7 +144,7 @@ function(
 		 * @extends sap.m.DateTimeField
 		 *
 		 * @author SAP SE
-		 * @version 1.105.1
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @public
@@ -312,7 +314,10 @@ function(
 				},
 
 				dnd: { draggable: false, droppable: true }
-		}});
+		},
+
+			renderer: TimePickerRenderer
+		});
 
 		/**
 		 * Determines the format, displayed in the input field and the picker clocks/numeric inputs.
@@ -391,11 +396,11 @@ function(
 			this._bValid = false;
 
 			/*  stores the type of the used locale (e.g. 'medium', 'long') for the display
-			 see https://openui5.hana.ondemand.com/api/sap.ui.core.LocaleData#methods/getTimePattern */
+			 see https://sdk.openui5.org/api/sap.ui.core.LocaleData/methods/getTimePattern */
 			this._sUsedDisplayPattern = null;
 
 			/*  stores the type of the used locale (e.g. 'medium', 'long') for inputting
-				 see https://openui5.hana.ondemand.com/api/sap.ui.core.LocaleData#methods/getTimePattern */
+				 see https://sdk.openui5.org/api/sap.ui.core.LocaleData/methods/getTimePattern */
 			this._sUsedValuePattern = null;
 
 			this._oDisplayFormat = null;
@@ -620,7 +625,7 @@ function(
 			oClocks.setValue(sDisplayFormattedValue);
 
 			sFormattedDate = this._getPickerParser().format(oDateValue || new Date(),
-				sap.ui.getCore().getConfiguration().getTimezone());
+				Configuration.getTimezone());
 			oDateValue = this._getPickerParser().parse(sFormattedDate, TimezoneUtil.getLocalTimezone())[ 0 ];
 			oDateValue.setMilliseconds(iDateValueMilliseconds);
 
@@ -1165,7 +1170,7 @@ function(
 		TimePicker.prototype._getLocale = function () {
 			var sLocaleId = this.getLocaleId();
 
-			return sLocaleId ? new Locale(sLocaleId) : sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale();
+			return sLocaleId ? new Locale(sLocaleId) : Configuration.getFormatSettings().getFormatLocale();
 		};
 
 		/**
@@ -1691,7 +1696,7 @@ function(
 				sFormattedDate = this._getPickerParser().format(oDate, TimezoneUtil.getLocalTimezone());
 
 			oDate = this._getPickerParser()
-				.parse(sFormattedDate, sap.ui.getCore().getConfiguration().getTimezone())[0];
+				.parse(sFormattedDate, Configuration.getTimezone())[0];
 
 			this._isClockPicker = true;
 			this._isNumericPicker = false;
@@ -1725,7 +1730,7 @@ function(
 				sFormattedDate = this._getPickerParser().format(oDate, TimezoneUtil.getLocalTimezone());
 
 			oDate = this._getPickerParser()
-				.parse(sFormattedDate, sap.ui.getCore().getConfiguration().getTimezone())[0];
+				.parse(sFormattedDate, Configuration.getTimezone())[0];
 
 			this._isClockPicker = false;
 			this._isNumericPicker = true;
@@ -1753,7 +1758,7 @@ function(
 		 */
 		 TimePicker.prototype._getLocaleBasedPattern = function (sPlaceholder) {
 			return LocaleData.getInstance(
-				sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale()
+				Configuration.getFormatSettings().getFormatLocale()
 			).getTimePattern(sPlaceholder);
 		};
 
@@ -2300,7 +2305,7 @@ function(
 		};
 
 		function getDefaultDisplayFormat() {
-			var oLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale(),
+			var oLocale = Configuration.getFormatSettings().getFormatLocale(),
 				oLocaleData = LocaleData.getInstance(oLocale);
 
 			return oLocaleData.getTimePattern(TimeFormatStyles.Medium);