@openui5/sap.m 1.101.0 → 1.102.0

package/src/sap/m/MaskInputRule.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/Element', "sap/base/Log"], function(Element, Log) {
 	 *
 	 * @author SAP SE
 	 * @extends sap.ui.core.Element
-	 * @version 1.101.0
+	 * @version 1.102.0
 	 * @public
 	 * @constructor
 	 * @since 1.34.0

package/src/sap/m/Menu.js

@@ -68,7 +68,7 @@ sap.ui.define([
 		 * @implements sap.ui.core.IContextMenu
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MenuButton.js

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

package/src/sap/m/MenuItem.js

@@ -23,7 +23,7 @@ sap.ui.define(['./library', 'sap/ui/core/Item', 'sap/ui/base/ManagedObjectObserv
 		 * @extends sap.ui.core.Item
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MenuListItem.js

@@ -32,7 +32,7 @@ sap.ui.define([
 		 * @extends sap.m.ListItemBase
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/MessageItem.js

@@ -37,7 +37,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Item
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessageListItem.js

@@ -30,7 +30,7 @@ sap.ui.define([
 		 * @extends sap.m.StandardListItem
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/MessagePage.js

@@ -72,7 +72,7 @@ sap.ui.define([
 		 * @see {@link fiori:https://experience.sap.com/fiori-design-web/message-page/ Message Page}
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessagePopover.js

@@ -91,7 +91,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessagePopoverItem.js

@@ -19,7 +19,7 @@ sap.ui.define(["./library", "./MessageItem"],
 		 * @extends sap.m.MessageItem
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessageStrip.js

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

package/src/sap/m/MessageToast.js

@@ -70,7 +70,7 @@ sap.ui.define([
 		 * The message toast has the same behavior on all devices. However, you can adjust the width of the control, for example, for use on a desktop device.
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @namespace
 		 * @public

package/src/sap/m/MessageView.js

@@ -112,7 +112,7 @@ sap.ui.define([
 	 * The responsiveness of the <code>MessageView</code> is determined by the container in which it is embedded. For that reason the control could not be visualized if the
 	 * container’s sizes are not defined.
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.0
 	 *
 	 * @extends sap.ui.core.Control
 	 * @constructor

package/src/sap/m/MultiComboBox.js

@@ -159,7 +159,7 @@ function(
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @extends sap.m.ComboBoxBase

package/src/sap/m/MultiEditField.js

@@ -17,7 +17,7 @@ sap.ui.define(["sap/ui/core/XMLComposite", "./library", "sap/ui/core/Item"], fun
 	 * @implements sap.ui.core.IFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.0
 	 * @experimental since 1.52
 	 * @since 1.52.0
 	 * @alias sap.m.MultiEditField

package/src/sap/m/MultiInput.js

@@ -121,7 +121,7 @@ function(
 	* @implements sap.ui.core.ISemanticFormContent
 	*
 	* @author SAP SE
-	* @version 1.101.0
+	* @version 1.102.0
 	*
 	* @constructor
 	* @public
@@ -281,7 +281,7 @@ function(
 			.attachAfterClose(this._onAfterCloseTokensPicker.bind(this))
 
 			/* Prevent closing of n more popover when input is clicked */
-			._getPopup().setAutoCloseAreas([oTokenizer, this]);
+			._getPopup().setExtraContent([oTokenizer, this]);
 
 		this.setAggregation("tokenizer", oTokenizer);
 
@@ -855,7 +855,12 @@ function(
 		// for the purpose to copy from column in excel and paste in MultiInput/MultiComboBox
 		sOriginalText = oEvent.originalEvent.clipboardData.getData('text/plain');
 
-		aSeparatedText = sOriginalText.split(/\r\n|\r|\n/g);
+		// Pasting from Excel on Windows always adds "\r\n" at the end, even if a single cell is selected
+		if (sOriginalText.length && sOriginalText.endsWith("\r\n")) {
+			sOriginalText = sOriginalText.substring(0, sOriginalText.lastIndexOf("\r\n"));
+		}
+
+		aSeparatedText = sOriginalText.split(/\r\n|\r|\n|\t/g);
 
 		// if only one piece of text was pasted, we can assume that the user wants to alter it before it is converted into a token
 		// in this case we leave it as plain text input

package/src/sap/m/NavContainer.js

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

package/src/sap/m/NewsContent.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.0
 	 * @since 1.34
 	 *
 	 * @public

package/src/sap/m/NotificationList.js

@@ -27,7 +27,7 @@ function(
 	 * @extends sap.m.ListBase
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/NotificationListBase.js

@@ -9,6 +9,7 @@ sap.ui.define([
 		'sap/ui/core/Core',
 		'sap/ui/core/Element',
 		'sap/ui/Device',
+		'sap/ui/core/ResizeHandler',
 		'./ListItemBase',
 		'./Button',
 		'./ToolbarSeparator',
@@ -21,6 +22,7 @@ sap.ui.define([
 			  Core,
 			  Element,
 			  Device,
+			  ResizeHandler,
 			  ListItemBase,
 			  Button,
 			  ToolbarSeparator,
@@ -31,12 +33,18 @@ sap.ui.define([
 			  coreLibrary) {
 		'use strict';
 
+		var NLI_RANGE_SET = "NLIRangeSet";
+		Device.media.initRangeSet(NLI_RANGE_SET, [600], "px", ["S", "M"], true);
+
 		// shortcut for sap.ui.core.Priority
 		var Priority = coreLibrary.Priority;
 
 		// shortcut for sap.m.ButtonType
 		var ButtonType = library.ButtonType;
 
+		// shortcut for sap.m.ToolbarStyle
+		var ToolbarStyle = library.ToolbarStyle;
+
 		// shortcut for sap.m.OverflowToolbarPriority
 		var OverflowToolbarPriority = library.OverflowToolbarPriority;
 
@@ -78,7 +86,7 @@ sap.ui.define([
 		 * @extends sap.m.ListItemBase
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.0
 		 *
 		 * @constructor
 		 * @public
@@ -183,8 +191,16 @@ sap.ui.define([
 			return '';
 		};
 
-		NotificationListBase.prototype.getButtons = function () {
+		/**
+		 * @override
+		 */
+		NotificationListBase.prototype.setProperty = function () {
+			this._resetButtonsOverflow();
 
+			return ListItemBase.prototype.setProperty.apply(this, arguments);
+		};
+
+		NotificationListBase.prototype.getButtons = function () {
 			var closeButton = this._getCloseButton(),
 				toolbarSeparator = this._getToolbarSeparator();
 
@@ -194,25 +210,25 @@ sap.ui.define([
 		};
 
 		NotificationListBase.prototype.addButton = function (oButton) {
-
 			var overflowToolbar = this._getOverflowToolbar(),
 				index = overflowToolbar.getContent().length;
 
-			if (Device.system.phone) {
+			if (this._getToolbarSeparator()) {
 				index -= 2;
 			}
 
 			overflowToolbar.insertContent(oButton, index);
 
+			this._resetButtonsOverflow();
 			this.invalidate();
 
 			return this;
 		};
 
 		NotificationListBase.prototype.insertButton = function (oButton, index) {
-
 			this._getOverflowToolbar().insertContent(oButton, index);
 
+			this._resetButtonsOverflow();
 			this.invalidate();
 
 			return this;
@@ -221,6 +237,7 @@ sap.ui.define([
 		NotificationListBase.prototype.removeButton = function (oButton) {
 			var result = this._getOverflowToolbar().removeContent(oButton.getId());
 
+			this._resetButtonsOverflow();
 			this.invalidate();
 
 			return result;
@@ -231,9 +248,10 @@ sap.ui.define([
 				buttons = this.getButtons();
 
 			buttons.forEach(function (button) {
-				overflowToolbar.removeContent(button.getId());
+				overflowToolbar.removeContent(button);
 			});
 
+			this._resetButtonsOverflow();
 			this.invalidate();
 
 			return this;
@@ -246,6 +264,7 @@ sap.ui.define([
 				button.destroy();
 			});
 
+			this._resetButtonsOverflow();
 			this.invalidate();
 
 			return this;
@@ -270,30 +289,13 @@ sap.ui.define([
 		};
 
 		NotificationListBase.prototype._getOverflowToolbar = function () {
-			var overflowToolbar = this.getAggregation('_overflowToolbar'),
-				toolbarSeparator,
-				oCloseButton;
+			var overflowToolbar = this.getAggregation('_overflowToolbar');
 
 			if (!overflowToolbar) {
-				overflowToolbar = new OverflowToolbar(this.getId() + '-overflowToolbar', {});
-
+				overflowToolbar = new OverflowToolbar(this.getId() + '-overflowToolbar', {
+					style: ToolbarStyle.Clear
+				});
 				this.setAggregation("_overflowToolbar", overflowToolbar, true);
-
-				if (Device.system.phone) {
-
-					oCloseButton = this._getCloseButton();
-					oCloseButton.setLayoutData(new OverflowToolbarLayoutData({
-						priority: OverflowToolbarPriority.AlwaysOverflow
-					}));
-
-					toolbarSeparator = new ToolbarSeparator();
-					toolbarSeparator.setLayoutData(new OverflowToolbarLayoutData({
-						priority: OverflowToolbarPriority.AlwaysOverflow
-					}));
-
-					overflowToolbar.addContent(toolbarSeparator);
-					overflowToolbar.addContent(oCloseButton);
-				}
 			}
 
 			return overflowToolbar;
@@ -306,67 +308,70 @@ sap.ui.define([
 				overflowToolbarContent,
 				closeButtonIndex;
 
-			if (Device.system.phone) {
-
-				overflowToolbar = this._getOverflowToolbar();
-				overflowToolbarContent = overflowToolbar.getContent();
+			overflowToolbar = this._getOverflowToolbar();
+			overflowToolbarContent = overflowToolbar.getContent();
 
-				if (overflowToolbar && overflowToolbarContent.length) {
-					closeButtonIndex = overflowToolbarContent.length - 1;
+			if (overflowToolbarContent.length) {
+				closeButtonIndex = overflowToolbarContent.length - 1;
+				closeButton = overflowToolbarContent[closeButtonIndex];
 
-					closeButton = overflowToolbarContent[closeButtonIndex];
+				if (closeButton.getId() !== this.getId() + "-closeButtonX") {
+					closeButton = null;
 				}
-			} else {
-				closeButton = this.getAggregation("_closeButton");
 			}
 
 			if (!closeButton) {
-				if (Device.system.phone) {
-					closeButton = new Button(this.getId() + '-closeButtonOverflow', {
-						text: this.isA("sap.m.NotificationListItem") ? closeText : closeAllText,
-						type: ButtonType.Default,
-						press: function () {
-							this.close();
-						}.bind(this)
-					});
-				} else {
-					closeButton = new Button(this.getId() + '-closeButtonX', {
-						icon: IconPool.getIconURI('decline'),
-						type: ButtonType.Transparent,
-						tooltip: this.isA("sap.m.NotificationListItem") ? closeText : closeAllText,
-						press: function () {
-							this.close();
-						}.bind(this)
-					});
-
-					this.setAggregation("_closeButton", closeButton);
-				}
+				closeButton = this.getAggregation("_closeButton");
 			}
 
 			return closeButton;
 		};
 
-		NotificationListBase.prototype._getToolbarSeparator = function () {
+		NotificationListBase.prototype._createCloseButton = function () {
+			var closeButton,
+				isNotificationListGroup = this.isA("sap.m.NotificationListGroup"),
+				isCollapsed = isNotificationListGroup && this.getCollapsed();
+
+			if (this._isSmallSize() && !isCollapsed) {
+				closeButton = new Button(this.getId() + '-closeButtonX', {
+					text: this.isA("sap.m.NotificationListItem") ? closeText : closeAllText,
+					type: ButtonType.Default,
+					press: function () {
+						this.close();
+					}.bind(this)
+				});
+			} else {
+				closeButton = new Button(this.getId() + '-closeButtonX', {
+					icon: IconPool.getIconURI('decline'),
+					type: ButtonType.Transparent,
+					tooltip: this.isA("sap.m.NotificationListItem") ? closeText : closeAllText,
+					press: function () {
+						this.close();
+					}.bind(this)
+				});
 
-			if (!Device.system.phone) {
-				return null;
+				this.setAggregation("_closeButton", closeButton);
 			}
 
+			return closeButton;
+		};
+
+		NotificationListBase.prototype._getToolbarSeparator = function () {
 			var toolbarSeparator,
 				overflowToolbar = this._getOverflowToolbar(),
 				overflowToolbarContent = overflowToolbar.getContent(),
 				toolbarSeparatorIndex;
 
-			if (overflowToolbar && overflowToolbarContent.length) {
+			if (overflowToolbarContent.length) {
 				toolbarSeparatorIndex = overflowToolbarContent.length - 2;
 				toolbarSeparator = overflowToolbarContent[toolbarSeparatorIndex];
 			}
 
-			return toolbarSeparator;
-		};
-
-		NotificationListBase.prototype.exit = function () {
+			if (toolbarSeparator && toolbarSeparator.isA("sap.m.ToolbarSeparator")) {
+				return toolbarSeparator;
+			}
 
+			return null;
 		};
 
 		NotificationListBase.prototype._hasActionButtons = function () {
@@ -374,14 +379,13 @@ sap.ui.define([
 		};
 
 		NotificationListBase.prototype._shouldRenderCloseButton = function () {
-			return !Device.system.phone && this.getShowCloseButton();
+			return !this._isSmallSize() && this.getShowCloseButton();
 		};
 
 		NotificationListBase.prototype._shouldRenderOverflowToolbar = function () {
-
 			var hasActionButtons = this._hasActionButtons();
 
-			if (Device.system.phone) {
+			if (this._isSmallSize()) {
 				return hasActionButtons || this.getShowCloseButton();
 			}
 
@@ -389,36 +393,108 @@ sap.ui.define([
 		};
 
 		NotificationListBase.prototype.onBeforeRendering = function () {
+			if (this._resizeListenerId) {
+				ResizeHandler.deregister(this._resizeListenerId);
+				this._resizeListenerId = null;
+			}
 
-			var buttons = this.getButtons(),
-				firstButtonOverflow,
-				button;
+			if (!this._sCurrentLayoutClassName) {
+				this._destroyCloseBtnAndSeparator();
+			}
+		};
+
+		NotificationListBase.prototype.onAfterRendering = function() {
+			if (this.getDomRef()) {
+				this._resizeListenerId = ResizeHandler.register(this.getDomRef(),  this._onResize.bind(this));
+			}
 
-			if (Device.system.phone) {
-				this._updatePhoneButtons();
+			this._onResize();
+		};
+
+		NotificationListBase.prototype.exit = function () {
+			if (this._resizeListenerId) {
+				ResizeHandler.deregister(this._resizeListenerId);
+				this._resizeListenerId = null;
+			}
+
+			this._sCurrentLayoutClassName = null;
+		};
+
+		NotificationListBase.prototype._onResize = function () {
+			var oDomRef = this.getDomRef(),
+				oMediaRange,
+				sClassName;
+
+			if (!oDomRef) {
+				return;
+			}
+
+			oMediaRange = Device.media.getCurrentRange(NLI_RANGE_SET, oDomRef.offsetWidth);
+			sClassName = "sapMNLIB-Layout" + oMediaRange.name;
+
+			if (this._sCurrentLayoutClassName === sClassName) {
 				return;
 			}
 
-			firstButtonOverflow = buttons.length > 1 ? OverflowToolbarPriority.AlwaysOverflow : OverflowToolbarPriority.NeverOverflow;
+			if (this._sCurrentLayoutClassName) {
+				this.removeStyleClass(this._sCurrentLayoutClassName);
+			}
+
+			this.addStyleClass(sClassName);
+
+			this._sCurrentLayoutClassName = sClassName;
+
+			this._arrangeButtons();
+		};
+
+		NotificationListBase.prototype._destroyCloseBtnAndSeparator = function () {
+			var closeButton = this._getCloseButton(),
+				toolbarSeparator = this._getToolbarSeparator();
+
+			if (closeButton) {
+				closeButton.destroy();
+			}
+
+			if (toolbarSeparator) {
+				toolbarSeparator.destroy();
+			}
+		};
+
+		NotificationListBase.prototype._arrangeButtons = function () {
+			this._destroyCloseBtnAndSeparator();
+
+			if (this._isSmallSize()) {
+				this._arrangeSSizeButtons();
+			} else {
+				this._arrangeMSizeButtons();
+			}
+		};
+
+		NotificationListBase.prototype._arrangeMSizeButtons = function () {
+			var button,
+				buttons = this.getButtons(),
+				buttonOverflowPriorityType = buttons.length > 1 ? OverflowToolbarPriority.AlwaysOverflow : OverflowToolbarPriority.NeverOverflow;
+
+			this._createCloseButton();
 
 			for (var i = 0; i < buttons.length; i++) {
 				button = buttons[i];
 
 				button.setLayoutData(new OverflowToolbarLayoutData({
-					priority: i === 0 ? firstButtonOverflow : OverflowToolbarPriority.AlwaysOverflow
+					priority: buttonOverflowPriorityType
 				}));
 			}
 		};
 
-		NotificationListBase.prototype._updatePhoneButtons = function () {
-
-			var closeButton = this._getCloseButton(),
+		NotificationListBase.prototype._arrangeSSizeButtons = function () {
+			var overflowToolbar = this._getOverflowToolbar(),
+				closeButton = this._createCloseButton(),
 				isNotificationListGroup = this.isA("sap.m.NotificationListGroup"),
 				buttonText = isNotificationListGroup ? closeAllText : closeText,
 				isCollapsed = isNotificationListGroup && this.getCollapsed(),
 				hasActionButtons = !isCollapsed && this._hasActionButtons(),
 				showCloseButton = this.getShowCloseButton(),
-				toolbarSeparator = this._getToolbarSeparator(),
+				toolbarSeparator = new ToolbarSeparator(),
 				priority;
 
 			this.getButtons().forEach(function (button) {
@@ -435,6 +511,17 @@ sap.ui.define([
 				}));
 			});
 
+			closeButton.setLayoutData(new OverflowToolbarLayoutData({
+				priority: OverflowToolbarPriority.AlwaysOverflow
+			}));
+
+			toolbarSeparator.setLayoutData(new OverflowToolbarLayoutData({
+				priority: OverflowToolbarPriority.AlwaysOverflow
+			}));
+
+			overflowToolbar.addContent(toolbarSeparator);
+			overflowToolbar.addContent(closeButton);
+
 			if (!showCloseButton) {
 				closeButton.setVisible(false);
 				toolbarSeparator.setVisible(false);
@@ -453,7 +540,6 @@ sap.ui.define([
 				}));
 
 				toolbarSeparator.setVisible(true);
-
 			} else {
 				closeButton.setText('');
 				closeButton.setTooltip(buttonText);
@@ -503,5 +589,15 @@ sap.ui.define([
 			return priorityIcon;
 		};
 
+		NotificationListBase.prototype._isSmallSize = function () {
+			return this._sCurrentLayoutClassName === "sapMNLIB-LayoutS";
+		};
+
+		NotificationListBase.prototype._resetButtonsOverflow = function () {
+			// with this line, the actions buttons will be re-arranged
+			// next time when the "_onResize" is called
+			this._sCurrentLayoutClassName = null;
+		};
+
 		return NotificationListBase;
 	});

package/src/sap/m/NotificationListGroup.js

@@ -66,7 +66,7 @@ function(
 	 * @extends sap.m.NotificationListBase
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
@@ -320,7 +320,6 @@ function(
 	 * @private
 	 */
 	NotificationListGroup.prototype.onBeforeRendering = function () {
-
 		NotificationListBase.prototype.onBeforeRendering.apply(this, arguments);
 
 		this._getCollapseButton().setVisible(this.getEnableCollapseButtonWhenEmpty() || this._getVisibleItemsCount() > 0);