@openui5/sap.m 1.102.0 → 1.102.4

package/THIRDPARTY.txt

@@ -197,7 +197,7 @@ License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
 
-Component: URI.js, version: 1.19.10
+Component: URI.js, version: 1.19.11
 Copyright: Rodney Rehm
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.m",
-  "version": "1.102.0",
+  "version": "1.102.4",
   "description": "OpenUI5 UI Library sap.m",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,8 +14,8 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.102.0",
-    "@openui5/sap.ui.layout": "1.102.0",
-    "@openui5/sap.ui.unified": "1.102.0"
+    "@openui5/sap.ui.core": "1.102.4",
+    "@openui5/sap.ui.layout": "1.102.4",
+    "@openui5/sap.ui.unified": "1.102.4"
   }
 }

package/src/sap/m/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.102.0</version>
+  <version>1.102.4</version>
 
   <documentation>The main UI5 control library, with responsive controls that can be used in touch devices as well as desktop browsers.</documentation>
 
@@ -83,6 +83,7 @@
                 <module>sap/m/upload/Uploader</module>
                 <module>sap/m/upload/UploadSet</module>
                 <module>sap/m/upload/UploadSetItem</module>
+                <module>sap/m/upload/UploadSetToolbarPlaceholder</module>
             </modules>
         </component>
         <component>

package/src/sap/m/AccButton.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Button','./AccButtonRenderer'],
 	 * @extends sap.m.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/ActionListItem.js

@@ -31,7 +31,7 @@ sap.ui.define(['./ListItemBase', './library', './ActionListItemRenderer'],
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ActionSelect.js

@@ -20,7 +20,7 @@ sap.ui.define(['./Select', 'sap/ui/core/InvisibleText', 'sap/ui/Device', 'sap/ui
 		 * @extends sap.m.Select
 		 *
 		 * @author SAP SE
-		 * @version 1.102.0
+		 * @version 1.102.4
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ActionSheet.js

@@ -70,7 +70,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/App.js

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * @extends sap.m.NavContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/AssociativeOverflowToolbar.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/base/Log', './OverflowToolbar', './OverflowToolbarRenderer',
 		 * @extends sap.m.OverflowToolbar
 		 *
 		 * @author SAP SE
-		 * @version 1.102.0
+		 * @version 1.102.4
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/Avatar.js

@@ -80,7 +80,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Bar.js

@@ -56,7 +56,7 @@ sap.ui.define([
 	 * @implements sap.m.IBar
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Breadcrumbs.js

@@ -63,7 +63,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/BusyDialog.js

@@ -62,7 +62,7 @@ sap.ui.define(['./library',
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.102.0
+		 * @version 1.102.4
 		 *
 		 * @public
 		 * @alias sap.m.BusyDialog

package/src/sap/m/BusyIndicator.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Button.js

@@ -89,7 +89,7 @@ sap.ui.define([
 	 * @mixes sap.ui.core.ContextMenuSupport
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Carousel.js

@@ -101,7 +101,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CarouselLayout.js

@@ -15,7 +15,7 @@ sap.ui.define(["sap/ui/base/ManagedObject"], function (ManagedObject) {
 	 * Applies a <code>sap.m.CarouselLayout</code> to a provided DOM element or Control.
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *

package/src/sap/m/CheckBox.js

@@ -86,7 +86,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IFormContent, sap.ui.core.ISemanticFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColorPalette.js

@@ -104,7 +104,7 @@ sap.ui.define([
 		 * To prevent this, apps using the <code>ColorPalette</code> should also load the <code>sap.ui.unified</code> library in advance.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.102.0
+		 * @version 1.102.4
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ColorPalettePopover.js

@@ -38,7 +38,7 @@ sap.ui.define([
 		 * A thin wrapper over {@link sap.m.ColorPalette} allowing the latter to be used in a popover.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.102.0
+		 * @version 1.102.4
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/Column.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnHeaderPopover.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnListItem.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnListItemRenderer.js

@@ -304,7 +304,8 @@ sap.ui.define([
 			}
 
 			var aStyleClass = oColumn.getStyleClass().split(" "),
-				sPopinDisplay = oColumn.getPopinDisplay();
+				sPopinDisplay = oColumn.getPopinDisplay(),
+				oOriginalHeader = oHeader;
 
 			/* row start */
 			rm.openStart("div");
@@ -322,6 +323,9 @@ sap.ui.define([
 			/* header cell */
 			if (oHeader && sPopinDisplay != PopinDisplay.WithoutHeader) {
 				rm.openStart("div").class("sapMListTblSubCntHdr").openEnd();
+				if (oTable._aPopinHeaders.indexOf(oHeader) === -1) {
+					oTable._aPopinHeaders.push(oOriginalHeader);
+				}
 				oHeader = oHeader.clone();
 				oColumn.addDependent(oHeader);
 				oLI._addClonedHeader(oHeader);
@@ -338,7 +342,7 @@ sap.ui.define([
 				rm.class("sapMListTblSubCntVal");
 				rm.class("sapMListTblSubCntVal" + sPopinDisplay);
 				rm.openEnd();
-				this.applyAriaLabelledBy(oHeader, oCell);
+				this.applyAriaLabelledBy(oOriginalHeader, oCell);
 				rm.renderControl(oCell);
 				rm.close("div");
 			}

package/src/sap/m/ColumnPopoverActionItem.js

@@ -16,7 +16,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/Button'], function(ColumnPopoverIte
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverCustomItem.js

@@ -17,7 +17,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/ToggleButton'], function(ColumnPopo
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverItem.js

@@ -16,7 +16,7 @@ sap.ui.define(['sap/ui/core/Element'], function(Element) {
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverSelectListItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @since 1.86

package/src/sap/m/ColumnPopoverSortItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @since 1.66

package/src/sap/m/ComboBox.js

@@ -108,7 +108,7 @@ sap.ui.define([
 		 * </ul>
 		 *
 		 * @author SAP SE
-		 * @version 1.102.0
+		 * @version 1.102.4
 		 *
 		 * @constructor
 		 * @extends sap.m.ComboBoxBase

package/src/sap/m/ComboBoxBase.js

@@ -70,7 +70,7 @@ sap.ui.define([
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.102.0
+		 * @version 1.102.4
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ComboBoxTextField.js

@@ -35,7 +35,7 @@ sap.ui.define([
 		 * @extends sap.m.InputBase
 		 *
 		 * @author SAP SE
-		 * @version 1.102.0
+		 * @version 1.102.4
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/CustomDynamicDateOption.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/m/DynamicDateOption'],
 		 * @extends sap.m.DynamicDateOption
 		 *
 		 * @author SAP SE
-		 * @version 1.102.0
+		 * @version 1.102.4
 		 *
 		 * @public
 		 * @since 1.92

package/src/sap/m/CustomListItem.js

@@ -24,7 +24,7 @@ sap.ui.define(['./ListItemBase', './library', './CustomListItemRenderer'],
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CustomTile.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Tile', './library', './CustomTileRenderer'],
 	 * Use the CustomTile control to display application specific content in the Tile control.
 	 * The tile width is 8.5em and height is 10em.
 	 * @extends sap.m.Tile
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CustomTreeItem.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 *        <code>Table, Form</code> etc, should not be aggregated as content.
 	 * @extends sap.m.TreeItemBase
 	 * @author SAP SE
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 * @constructor
 	 * @public
 	 * @since 1.48.0

package/src/sap/m/DatePicker.js

@@ -152,7 +152,7 @@ sap.ui.define([
 	 * the close event), or select Cancel.
 	 *
 	 * @extends sap.m.DateTimeField
-	 * @version 1.102.0
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public
@@ -1060,22 +1060,9 @@ sap.ui.define([
 
 	};
 
-	// overwrite _getInputValue to do the conversion there
-	DatePicker.prototype._getInputValue = function(sValue) {
-
-		sValue = (typeof sValue == "undefined") ? this._$input.val() : sValue.toString();
-
-		var oDate = this._parseValue(sValue, true);
-		sValue = this._formatValue(oDate, true);
-
-		return sValue;
-
-	};
-
-	// overwrite _getInputValue to do the output conversion
 	DatePicker.prototype.updateDomValue = function(sValue) {
 
-		if (this.isActive() && (this._$input.val() !== sValue)) {
+		if (this.isActive() && this._$input.val() !== sValue) {
 			// dom value updated other than value property
 			this._bCheckDomValue = true;
 
@@ -1085,11 +1072,18 @@ sap.ui.define([
 			var oDate = this._parseValue(sValue, true);
 			sValue = this._formatValue(oDate);
 
-			// update the DOM value when necessary
-			// otherwise cursor can goto end of text unnecessarily
-			this._$input.val(sValue);
-			if (document.activeElement === this._$input[0]) {
-				this._$input.cursorPos(this._curpos);
+			// if set to true, handle the user input and data
+			// model updates concurrency in order to not overwrite
+			// values coming from the user
+			if (this._bPreferUserInteraction) {
+				this.handleInputValueConcurrency(sValue);
+			} else {
+				// update the DOM value when necessary
+				// otherwise cursor can goto end of text unnecessarily
+				this._$input.val(sValue);
+				if (document.activeElement === this._$input[0]) {
+					this._$input.cursorPos(this._curpos);
+				}
 			}
 		}
 
@@ -1344,7 +1338,7 @@ sap.ui.define([
 
 			sFormattedDate = this._getPickerParser().format(
 				oDate,
-				sap.ui.getCore().getConfiguration().getTimezone()
+				this._getTimezone(true)
 			);
 			oDate = this._getPickerParser().parse(sFormattedDate, TimezoneUtil.getLocalTimezone())[0];
 
@@ -1358,7 +1352,7 @@ sap.ui.define([
 
 			sFormattedDate = this._getPickerParser().format(
 				oFocusDate,
-				sap.ui.getCore().getConfiguration().getTimezone()
+				this._getTimezone(true)
 			);
 			oFocusDate = this._getPickerParser().parse(sFormattedDate, TimezoneUtil.getLocalTimezone())[0];
 
@@ -1404,7 +1398,7 @@ sap.ui.define([
 		var sFormattedDate = this._getPickerParser().format(oDate, TimezoneUtil.getLocalTimezone());
 		var oParts = this._getPickerParser().parse(
 			sFormattedDate,
-			sap.ui.getCore().getConfiguration().getTimezone()
+			this._getTimezone(true)
 		);
 		oDate = oParts && oParts[0];
 
@@ -1448,6 +1442,10 @@ sap.ui.define([
 		this._selectDate();
 	};
 
+	DatePicker.prototype._getTimezone = function(bUseDefaultAsFallback) {
+		return sap.ui.getCore().getConfiguration().getTimezone();
+	};
+
 	/* sets cursor inside the input in order to focus it */
 	DatePicker.prototype._focusInput = function(){
 

package/src/sap/m/DateRangeSelection.js

@@ -128,8 +128,8 @@ sap.ui.define([
 	 * compact mode and provides a touch-friendly size in cozy mode.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.102.0
-	 * @version 1.102.0
+	 * @version 1.102.4
+	 * @version 1.102.4
 	 *
 	 * @constructor
 	 * @public
@@ -297,14 +297,26 @@ sap.ui.define([
 	 * @public
 	 */
 	DateRangeSelection.prototype.setValue = function(sValue) {
+		sValue = this.validateProperty("value", sValue);
 
 		if (sValue !== this.getValue()) {
 			this.setLastValue(sValue);
 		} else {
 			return this;
 		}
-		// Set the property in any case but check validity on output
-		this.setProperty("value", sValue);
+
+		var aDates = this._parseAndValidateValue(sValue);
+		this.setProperty("dateValue", _normalizeDateValue(aDates[0]), this._bPreferUserInteraction);
+		this.setProperty("secondDateValue", _normalizeDateValue(aDates[1]), this._bPreferUserInteraction);
+
+		this._formatValueAndUpdateOutput(aDates);
+		this.setProperty("value", sValue, this._bPreferUserInteraction);
+
+		return this;
+
+	};
+
+	DateRangeSelection.prototype._parseAndValidateValue = function(sValue) {
 		this._bValid = true;
 
 		// Convert to date object(s)
@@ -318,22 +330,27 @@ sap.ui.define([
 			}
 		}
 
-		this.setProperty("dateValue", _normalizeDateValue(aDates[0]));
-		this.setProperty("secondDateValue", _normalizeDateValue(aDates[1]));
-
-		// Do not call InputBase.setValue because the displayed value and the output value might have different pattern
-		if (this.getDomRef()) {
-			// Convert to output
-			var sOutputValue = this._formatValue(aDates[0], aDates[1]);
+		return aDates;
+	};
 
-			if (this._$input.val() !== sOutputValue) {
-				this._$input.val(sOutputValue);
-				this._curpos = this._$input.cursorPos();
-			}
+	DateRangeSelection.prototype._formatValueAndUpdateOutput = function(aDates) {
+		if (!this.getDomRef()) {
+			return;
 		}
 
-		return this;
+		// Convert to output
+		var sOutputValue = this._formatValue(aDates[0], aDates[1]);
 
+		if (this._bPreferUserInteraction) {
+			// Handle the value concurrency before setting the value property of the control,
+			// in order to distinguish whether the user only focused the input field or typed in it
+			this.handleInputValueConcurrency(sOutputValue);
+		} else if (this._$input.val() !== sOutputValue) {
+			// update the DOM value when necessary
+			// otherwise cursor can go to the end of text unnecessarily
+			this._$input.val(sOutputValue);
+			this._curpos = this._$input.cursorPos();
+		}
 	};
 
 	/**
@@ -766,23 +783,6 @@ sap.ui.define([
 
 	};
 
-	// Overwrite DatePicker's _getInputValue  to support two date range processing
-	DateRangeSelection.prototype._getInputValue = function(sValue) {
-
-		sValue = (typeof sValue == "undefined") ? this._$input.val() : sValue.toString();
-
-		if (!sValue) {
-			return "";
-		}
-
-		var aDates = this._parseValue(sValue);
-		sValue = this._formatValue( aDates[0], aDates[1]);
-
-		return sValue;
-
-	};
-
-	// overwrite _getInputValue to do the output conversion
 	DateRangeSelection.prototype.updateDomValue = function(sValue) {
 
 		// dom value updated other than value property
@@ -794,11 +794,18 @@ sap.ui.define([
 		var aDates = this._parseValue(sValue);
 		sValue = this._formatValue( aDates[0], aDates[1]);
 
-		// update the DOM value when necessary
-		// otherwise cursor can goto end of text unnecessarily
-		if (this.isActive() && (this._$input.val() !== sValue)) {
-			this._$input.val(sValue);
-			this._$input.cursorPos(this._curpos);
+		// if set to true, handle the user input and data
+		// model updates concurrency in order to not overwrite
+		// values coming from the user
+		if (this._bPreferUserInteraction) {
+			this.handleInputValueConcurrency(sValue);
+		} else {
+			// update the DOM value when necessary
+			// otherwise cursor can goto end of text unnecessarily
+			if (this.isActive() && (this._$input.val() !== sValue)) {
+				this._$input.val(sValue);
+				this._$input.cursorPos(this._curpos);
+			}
 		}
 
 		return this;