@openui5/sap.m 1.98.0 → 1.101.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.98.0
+	 * @version 1.101.0
 	 * @public
 	 * @constructor
 	 * @since 1.34.0
@@ -48,7 +48,7 @@ sap.ui.define(['sap/ui/core/Element', "sap/base/Log"], function(Element, Log) {
 	/*
 	 * Sets <code>maskFormatSymbol</code> property.
 	 * @override
-	 * @param {String} sNewMaskFormatSymbol The new format symbol
+	 * @param {string} sNewMaskFormatSymbol The new format symbol
 	 * @returns {this} The <code>this</code> pointer for chaining
 	 */
 	MaskInputRule.prototype.setMaskFormatSymbol = function (sNewMaskFormatSymbol) {
@@ -63,7 +63,7 @@ sap.ui.define(['sap/ui/core/Element', "sap/base/Log"], function(Element, Log) {
 	/*
 	 * Sets <code>regex</code> property.
 	 * @override
-	 * @param {String} sNewRegex The new regular expression
+	 * @param {string} sNewRegex The new regular expression
 	 * @returns {this} The <code>this</code> pointer for chaining
 	 */
 	MaskInputRule.prototype.setRegex = function (sNewRegex) {
@@ -77,7 +77,7 @@ sap.ui.define(['sap/ui/core/Element', "sap/base/Log"], function(Element, Log) {
 
 	/**
 	 * Converts the rule into a string.
-	 * @returns {String} String representation of this instance
+	 * @returns {string} String representation of this instance
 	 */
 	MaskInputRule.prototype.toString = function(){
 		return this.getMaskFormatSymbol() + ":" + this.getRegex();
@@ -103,7 +103,7 @@ sap.ui.define(['sap/ui/core/Element', "sap/base/Log"], function(Element, Log) {
 
 	/**
 	 * Checks if the specified regular expression is valid.
-	 * @param {String} sRegex The regular expression string to be validated
+	 * @param {string} sRegex The regular expression string to be validated
 	 * @returns {boolean} True of the specified regular expression string is valid, false otherwise
 	 * @private
 	 */

package/src/sap/m/Menu.js

@@ -68,7 +68,7 @@ sap.ui.define([
 		 * @implements sap.ui.core.IContextMenu
 		 *
 		 * @author SAP SE
-		 * @version 1.98.0
+		 * @version 1.101.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.98.0
+		 * @version 1.101.0
 		 *
 		 * @constructor
 		 * @public
@@ -100,6 +100,10 @@ sap.ui.define([
 				/**
 				 * Defines the icon to be displayed as a graphical element within the button.
 				 * It can be an image or an icon from the icon font.
+				 *
+				 * Note: If only an icon (without text) is provided when <code>buttonMode</code> is set to <code>Split</code>,
+				 * please provide icons for all menu items. Otherwise the action button will be displayed with no icon or text
+				 * after item selection since there is not enough space for a text.
 				 */
 				icon : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
 

package/src/sap/m/MenuButtonRenderer.js

@@ -25,7 +25,7 @@ sap.ui.define([],
 		 * @param {sap.ui.core.RenderManager} oRm
 		 *            The RenderManager that can be used for writing to
 		 *            the Render-Output-Buffer
-		 * @param {sap.ui.core.Control} oMenuButton
+		 * @param {sap.m.MenuButton} oMenuButton
 		 *            The MenuButton to be rendered
 		 */
 		MenuButtonRenderer.render = function(oRm, oMenuButton) {

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.98.0
+		 * @version 1.101.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.98.0
+		 * @version 1.101.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/MenuListItemRenderer.js

@@ -26,7 +26,7 @@ sap.ui.define(['./ListItemBaseRenderer', 'sap/ui/core/Renderer', 'sap/m/library'
 		 * Renders the HTML starting tag of the <code>MenuListItem</code>.
 		 *
 		 * @param {sap.ui.core.RenderManager} rm The RenderManager that can be used for writing to the Render-Output-Buffer
-		 * @param {sap.ui.core.Control} oLI an object representation of the control that should be rendered
+		 * @param {sap.m.MenuListItem} oLI an object representation of the control that should be rendered
 		 * @protected
 		 */
 		MenuListItemRenderer.openItemTag = function(rm, oLI) {
@@ -57,7 +57,7 @@ sap.ui.define(['./ListItemBaseRenderer', 'sap/ui/core/Renderer', 'sap/m/library'
 		 * @param {sap.ui.core.RenderManager}
 		 *          rm the RenderManager that can be used for writing to the
 		 *          Render-Output-Buffer
-		 * @param {sap.ui.core.Control}
+		 * @param {sap.m.MenuListItem}
 		 *          oLI an object representation of the control that should be
 		 *          rendered
 		 */

package/src/sap/m/MessageBox.js

@@ -82,7 +82,7 @@ sap.ui.define([
 
 			 * </pre>
 			 *
-			 * When using the <code>sap.m.MessageBox</code> in SAP Quartz themes, the breakpoints and layout paddings could be determined by the MessageBox' width. To enable this concept and add responsive paddings to an element of the MessageBox control, you have to add the following classes depending on your use case: <code>sapUiResponsivePadding--header</code>, <code>sapUiResponsivePadding--content</code>, <code>sapUiResponsivePadding--footer</code>.
+			 * When using the <code>sap.m.MessageBox</code> in SAP Quartz and Horizon themes, the breakpoints and layout paddings could be determined by the MessageBox' width. To enable this concept and add responsive paddings to an element of the MessageBox control, you have to add the following classes depending on your use case: <code>sapUiResponsivePadding--header</code>, <code>sapUiResponsivePadding--content</code>, <code>sapUiResponsivePadding--footer</code>.
 			 *
 			 * @namespace
 			 * @alias sap.m.MessageBox

package/src/sap/m/MessageItem.js

@@ -37,7 +37,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Item
 		 * @author SAP SE
-		 * @version 1.98.0
+		 * @version 1.101.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.98.0
+		 * @version 1.101.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.98.0
+		 * @version 1.101.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessagePageRenderer.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/library'],
 			 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 			 *
 			 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
-			 * @param {sap.ui.core.Control} oMessagePage an object representation of the control that should be rendered
+			 * @param {sap.m.MessagePage} oMessagePage an object representation of the control that should be rendered
 			 */
 			MessagePageRenderer.render = function(oRm, oMessagePage) {
 				this.startOpeningDiv(oRm, oMessagePage);

package/src/sap/m/MessagePopover.js

@@ -91,7 +91,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.98.0
+		 * @version 1.101.0
 		 *
 		 * @constructor
 		 * @public
@@ -143,6 +143,7 @@ function(
 
 					/**
 					 * Defines whether the MessageItems are grouped or not.
+					 * @since 1.73
 					 */
 					groupItems: { type: "boolean", group: "Behavior", defaultValue: false }
 				},
@@ -151,7 +152,16 @@ function(
 					/**
 					 * A list with message items.
 					 */
-					items: {type: "sap.m.MessageItem", altTypes: ["sap.m.MessagePopoverItem"], multiple: true, singularName: "item"},
+					items: {
+						type: "sap.m.MessageItem",
+						altTypes: ["sap.m.MessagePopoverItem"],
+						multiple: true,
+						singularName: "item",
+						forwarding: {
+							getter: "_getMessageView",
+							aggregation: "items"
+						}
+					},
 
 					/**
 					 * Sets a custom header button.
@@ -414,6 +424,7 @@ function(
 				var sMutation = oChange.mutation;
 				var oItem = oChange.child;
 
+
 				switch (sMutation) {
 
 					case "insert":
@@ -428,7 +439,7 @@ function(
 				}
 			}.bind(this));
 
-			oItemsObserver.observe(this, {
+			oItemsObserver.observe(this._oMessageView, {
 				aggregations: ["items"]
 			});
 		};
@@ -446,37 +457,6 @@ function(
 		 * @private
 		 */
 		MessagePopover.prototype.onBeforeRenderingPopover = function () {
-			// If there is no item's binding given - it should happen automatically in the MessageView
-			// However for backwards compatibility we need to have the same binding on the MessagePopover
-			// TODO: Decide what to do in this case
-			/*if (!this.getBinding("items") && this._oMessageView.getBinding("items")) {
-				this.bindAggregation("items", this._oMessageView.getBindingInfo("items"));
-			}*/
-
-			// Update MV only if 'items' aggregation is changed
-			if (this._oMessageView && this._bItemsChanged) {
-				var items = this.getItems();
-				var that = this;
-
-				this._oMessageView.destroyItems();
-
-				items.forEach(function (item) {
-					// we need to know if the MessagePopover's item was changed so to
-					// update the MessageView's items as well
-					item._updateProperties(function () {
-						that._bItemsChanged = true;
-					});
-
-					// we need to clone the item along with its bindings and aggregations
-					this._oMessageView.addItem(item.clone("", "", {
-						cloneChildren: true,
-						cloneBinding: true
-					}));
-				}, this);
-
-				this._bItemsChanged = false;
-			}
-
 			this._setInitialFocus();
 
 			// If for some reason the control that opened the popover
@@ -755,6 +735,11 @@ function(
 			}
 		};
 
+		MessagePopover.prototype._getMessageView = function () {
+			return this._oMessageView;
+		};
+
+
 		/*
 		 * =========================================
 		 * MessagePopover async handlers

package/src/sap/m/MessagePopoverItem.js

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

package/src/sap/m/MessagePopoverRenderer.js

@@ -20,7 +20,7 @@ sap.ui.define([],
 		 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 		 *
 		 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
-		 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
+		 * @param {sap.m.MessagePopover} oControl an object representation of the control that should be rendered
 		 */
 		MessagePopoverRenderer.render = function (oRm, oControl) {};
 

package/src/sap/m/MessageStrip.js

@@ -83,7 +83,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public
@@ -249,7 +249,7 @@ sap.ui.define([
 
 	MessageStrip.prototype.setAggregation = function (sName, oControl, bSupressInvalidate) {
 		if (sName === "link" && oControl instanceof Link) {
-			var sId = this.getId() + "-info" + " " + this.getId() + "-content",
+			var sId = this.getId() + "-info" + " " + this.getAggregation("_text").getId(),
 				aAriaDescribedBy = oControl.getAriaDescribedBy();
 
 			if (!aAriaDescribedBy.includes(sId)) {

package/src/sap/m/MessageStripRenderer.js

@@ -20,7 +20,7 @@ sap.ui.define(["./MessageStripUtilities", "sap/ui/core/IconPool"],
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
+	 * @param {sap.m.MessageStrip} oControl an object representation of the control that should be rendered
 	 */
 	MessageStripRenderer.render = function(oRm, oControl) {
 		this.startMessageStrip(oRm, oControl);

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.98.0
+		 * @version 1.101.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.98.0
+	 * @version 1.101.0
 	 *
 	 * @extends sap.ui.core.Control
 	 * @constructor
@@ -142,7 +142,7 @@ sap.ui.define([
 				 * @callback sap.m.MessageView~asyncURLHandler
 				 * @param {object} config A single parameter object
 				 * @param {string} config.url URL to validate
-				 * @param {string|Int} config.id ID of the validation job
+				 * @param {string|int} config.id ID of the validation job
 				 * @param {object} config.promise Object grouping a promise's reject and resolve methods
 				 * @param {function} config.promise.resolve Method to resolve promise
 				 * @param {function} config.promise.reject Method to reject promise
@@ -1175,7 +1175,7 @@ sap.ui.define([
 	 * Handles click on a list item
 	 *
 	 * @param {sap.m.MessageListItem} oListItem ListItem that is pressed
-	 * @param {String} sTransiotionName name of transition could be slide, show, flip or fade
+	 * @param {string} sTransiotionName name of transition could be slide, show, flip or fade
 	 * @private
 	 */
 	MessageView.prototype._fnHandleForwardNavigation = function (oListItem, sTransiotionName) {

package/src/sap/m/MultiComboBox.js

@@ -159,7 +159,7 @@ function(
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @extends sap.m.ComboBoxBase
@@ -3141,7 +3141,8 @@ function(
 			oListItem.addDelegate(this._oListItemEnterEventDelegate, true, this, true);
 
 			// add the mapped item type of sap.m.StandardListItem to the list
-			this._getList().addAggregation("items", oListItem, true);
+			// do not prevent invalidation as invalidations will stack
+			this._getList().addItem(oListItem);
 
 			// add active state to the selected item
 			if (this.isItemSelected(aItems[i])) {
@@ -3497,7 +3498,7 @@ function(
 	 * Function calculates the available space for the tokenizer
 	 *
 	 * @private
-	 * @return {String | null} CSSSize in px
+	 * @return {string | null} CSSSize in px
 	 */
 	MultiComboBox.prototype._calculateSpaceForTokenizer = function () {
 		if (this.getDomRef()) {
@@ -3796,7 +3797,7 @@ function(
 	/**
 	 * Handles the clear icon press.
 	 *
-	 * @param {jquery.Event} oEvent The event object
+	 * @param {sap.ui.base.Event} oEvent The press event object
 	 * @returns {void}
 	 *
 	 * @override
@@ -3810,6 +3811,7 @@ function(
 			this.setValue("");
 			this._sOldInput = "";
 
+			this.bOpenedByKeyboardOrButton ? this.clearFilter() : this.close();
 			this.setProperty("effectiveShowClearIcon", false);
 		}
 	};

package/src/sap/m/MultiComboBoxRenderer.js

@@ -24,7 +24,7 @@ sap.ui.define(['./ComboBoxBaseRenderer','./ComboBoxTextFieldRenderer', 'sap/ui/c
 	 * Add classes to the MultiComboBox.
 	 *
 	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer.
-	 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered.
+	 * @param {sap.m.MultiComboBox} oControl An object representation of the control that should be rendered.
 	 */
 	MultiComboBoxRenderer.addOuterClasses = function(oRm, oControl) {
 		ComboBoxBaseRenderer.addOuterClasses.apply(this, arguments);
@@ -37,8 +37,8 @@ sap.ui.define(['./ComboBoxBaseRenderer','./ComboBoxTextFieldRenderer', 'sap/ui/c
 	/**
 	 * Returns the inner aria describedby ids for the accessibility.
 	 *
-	 * @param {sap.ui.core.Control} oControl an object representation of the control.
-	 * @returns {String|undefined}
+	 * @param {sap.m.MultiComboBox} oControl an object representation of the control.
+	 * @returns {string|undefined}
 	 */
 	MultiComboBoxRenderer.getAriaDescribedBy = function (oControl) {
 		var sAriaDescribedBy = ComboBoxTextFieldRenderer.getAriaDescribedBy.apply(this, arguments),
@@ -51,7 +51,7 @@ sap.ui.define(['./ComboBoxBaseRenderer','./ComboBoxTextFieldRenderer', 'sap/ui/c
 	/**
 	 * Retrieves the accessibility state of the control.
 	 *
-	 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered.
+	 * @param {sap.m.MultiComboBox} oControl An object representation of the control that should be rendered.
 	 * @returns {object} The accessibility state of the control
 	 */
 	MultiComboBoxRenderer.getAccessibilityState = function (oControl) {

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.98.0
+	 * @version 1.101.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.98.0
+	* @version 1.101.0
 	*
 	* @constructor
 	* @public
@@ -295,14 +295,14 @@ function(
 					oToken.attachEvent("_change", this.invalidate, this);
 
 					this.fireTokenChange({
-						type: sap.m.Tokenizer.TokenChangeType.Added,
+						type: Tokenizer.TokenChangeType.Added,
 						token: oToken,
 						tokens: [oToken],
 						removedTokens: []
 					});
 					break;
 				case "remove":
-					var sType = oChange.object.getTokens().length ? sap.m.Tokenizer.TokenChangeType.Removed : sap.m.Tokenizer.TokenChangeType.RemovedAll;
+					var sType = oChange.object.getTokens().length ? Tokenizer.TokenChangeType.Removed : Tokenizer.TokenChangeType.RemovedAll;
 					oToken.detachEvent("_change", this.invalidate, this);
 
 					this.fireTokenChange({
@@ -336,9 +336,14 @@ function(
 					oTokenizer.removeStyleClass("sapMTokenizerIndicatorDisabled");
 				}
 				this._syncInputWidth(oTokenizer);
-				this._handleInnerVisibility();
-				this._handleNMoreAccessibility();
-				this._registerTokenizerResizeHandler();
+
+				// Prevent layout thrashing from the methods below as the Tokenizer
+				// does not need any adjustments without tokens
+				if (this.getTokens().length) {
+					this._handleInnerVisibility();
+					this._handleNMoreAccessibility();
+					this._registerTokenizerResizeHandler();
+				}
 			}.bind(this)
 		}, this);
 		this._aTokenValidators = [];
@@ -590,7 +595,7 @@ function(
 				this.setValue("");
 			}
 
-			if (this._getSuggestionsList() instanceof sap.m.Table) {
+			if (this._getSuggestionsList().isA("sap.m.Table")) {
 				// CSN# 1421140/2014: hide the table for empty/initial results to not show the table columns
 				this._getSuggestionsList().addStyleClass("sapMInputSuggestionTableHidden");
 			} else {
@@ -1320,7 +1325,7 @@ function(
 
 		// compatibility
 		this.fireTokenChange({
-			type: sap.m.Tokenizer.TokenChangeType.TokensChanged,
+			type: Tokenizer.TokenChangeType.TokensChanged,
 			addedTokens: aTokens,
 			removedTokens: []
 		});
@@ -1449,27 +1454,19 @@ function(
 	 */
 	MultiInput.prototype._decoratePopupInput = function (oPopupInput) {
 		Input.prototype._decoratePopupInput.apply(this, arguments);
-		var that = this;
 
 		if (!oPopupInput) {
 			return;
 		}
 
-		oPopupInput.addEventDelegate({
-			oninput: that._manageListsVisibility.bind(that, false),
-			onsapenter: function (oEvent) {
-				if (oPopupInput.getValue()) {
-					that._closeSuggestionPopup();
-				}
-
-				that._validateCurrentText();
-				that._setValueVisible(false);
-
-				// Fire through the MultiInput Popup's input value and save it
-				that.onChange(oEvent, null, oPopupInput.getValue());
-			}
-		});
+		if (!this._oPopupInputDelegate) {
+			this._oPopupInputDelegate = {
+				oninput: this._manageListsVisibility.bind(this, false),
+				onsapenter: this._handleConfirmation.bind(this, false)
+			};
+		}
 
+		oPopupInput.addEventDelegate(this._oPopupInputDelegate, this);
 		return oPopupInput;
 	};
 
@@ -1479,12 +1476,32 @@ function(
 
 
 	MultiInput.prototype.forwardEventHandlersToSuggPopover = function (oSuggPopover) {
-
-		Input.prototype.forwardEventHandlersToSuggPopover.apply(this, arguments);
 		oSuggPopover.setShowSelectedPressHandler(this._handleShowSelectedPress.bind(this));
+		oSuggPopover.setOkPressHandler(this._handleConfirmation.bind(this, true));
+		oSuggPopover.setCancelPressHandler(this._handleCancelPress.bind(this));
+	};
+
+	// Handles "Enter" key press and OK button press
+	MultiInput.prototype._handleConfirmation = function (bOkButtonPressed, oEvent) {
+		var oPopupInput = this._getSuggestionsPopover().getInput();
+
+		if (bOkButtonPressed || (!bOkButtonPressed && oPopupInput.getValue())) {
+			this._closeSuggestionPopup();
+		}
+
+		this._validateCurrentText();
+		this._setValueVisible(false);
+
+		// Fire through the MultiInput Popup's input value and save it
+		this.onChange(oEvent, null, oPopupInput.getValue());
+	};
+
+	MultiInput.prototype._handleCancelPress  = function (oEvent) {
+		this._getSuggestionsPopover().getInput().setDOMValue(this.getLastValue());
+		this._closeSuggestionPopup();
 	};
 
-	MultiInput.prototype._handleShowSelectedPress  = function (oEvent) {
+	MultiInput.prototype._handleShowSelectedPress = function (oEvent) {
 		this._bShowListWithTokens = oEvent.getSource().getPressed();
 		this._manageListsVisibility(this._bShowListWithTokens);
 	};
@@ -1639,7 +1656,7 @@ function(
 	 * Function calculates the available space for the tokenizer
 	 *
 	 * @private
-	 * @return {String | null} CSSSize in px
+	 * @return {string | null} CSSSize in px
 	 */
 	MultiInput.prototype._calculateSpaceForTokenizer = function () {
 		var oDomRef = this.getDomRef();