@openui5/sap.m 1.138.0 → 1.139.0

package/src/sap/m/StandardDynamicDateOption.js

@@ -54,7 +54,7 @@ sap.ui.define([
 		 * @extends sap.m.DynamicDateOption
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @private
 		 * @alias sap.m.StandardDynamicDateOption

package/src/sap/m/StandardListItem.js

@@ -39,7 +39,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/StandardTile.js

@@ -35,7 +35,7 @@ sap.ui.define([
 	 * @extends sap.m.Tile
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.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.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/StepInput.js

@@ -121,7 +121,7 @@ function(
 		 * @implements sap.ui.core.IFormContent
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SuggestionItem.js

@@ -22,7 +22,7 @@ sap.ui.define(['./library', 'sap/ui/core/Item', 'sap/ui/core/IconPool'],
 	 * @extends sap.ui.core.Item
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 * @since 1.34
 	 *
 	 * @constructor

package/src/sap/m/SuggestionsPopover.js

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * @alias sap.m.SuggestionsPopover
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 */
 	var SuggestionsPopover = EventProvider.extend("sap.m.SuggestionsPopover", /** @lends sap.m.SuggestionsPopover.prototype */ {
 
@@ -175,7 +175,6 @@ sap.ui.define([
 
 		if (!oList) {
 			oList = new List(sParentId + "-popup-list", {
-				showNoData : false,
 				mode : ListMode.SingleSelectMaster,
 				rememberSelections : false,
 				width: "100%",

package/src/sap/m/Switch.js

@@ -52,7 +52,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TabContainer.js

@@ -69,7 +69,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TabContainerItem.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Element',
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TabStrip.js

@@ -89,7 +89,7 @@ function(
 		 * space is exceeded, a horizontal scrollbar appears.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/TabStripItem.js

@@ -22,7 +22,7 @@ sap.ui.define(["./library", "sap/ui/core/Item", "sap/ui/base/ManagedObject", "sa
 		 * @extends sap.ui.core.Item
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/Table.js

@@ -65,7 +65,7 @@ sap.ui.define([
 	 * @extends sap.m.ListBase
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/TablePersoController.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @class Table Personalization Controller
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 * @alias sap.m.TablePersoController
 	 */
 	var TablePersoController = ManagedObject.extend("sap.m.TablePersoController", /** @lends sap.m.TablePersoController.prototype */

package/src/sap/m/TablePersoDialog.js

@@ -96,7 +96,7 @@ sap.ui.define([
 	 * @class Table Personalization Dialog
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 * @alias sap.m.TablePersoDialog
 	 */
 	var TablePersoDialog = ManagedObject.extend("sap.m.TablePersoDialog", /** @lends sap.m.TablePersoDialog.prototype */

package/src/sap/m/TablePersoProvider.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/base/ManagedObject', "sap/base/Log"],
 	 * @extends sap.ui.base.ManagedObject
 	 * @abstract
 	 * @author SAP
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 * @alias sap.m.TablePersoProvider
 	 */
 	var TablePersoProvider = ManagedObject.extend("sap.m.TablePersoProvider", /** @lends sap.m.TablePersoProvider.prototype */

package/src/sap/m/TableSelectDialog.js

@@ -116,7 +116,7 @@ sap.ui.define([
 	 * When using the <code>sap.m.TableSelectDialog</code> in SAP Quartz and Horizon themes, the breakpoints and layout paddings could be determined by the dialog's width. To enable this concept and add responsive paddings to an element of the control, you have to add the following classes depending on your use case: <code>sapUiResponsivePadding--header</code>, <code>sapUiResponsivePadding--subHeader</code>, <code>sapUiResponsivePadding--content</code>, <code>sapUiResponsivePadding--footer</code>.
 	 * @extends sap.m.SelectDialogBase
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Text.js

@@ -60,7 +60,7 @@ function(library, Localization, Control, coreLibrary, Device, HyphenationSupport
 	 * @borrows sap.ui.core.ILabelable.hasLabelableHTMLElement as #hasLabelableHTMLElement
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/TextArea.js

@@ -86,7 +86,7 @@ function(
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public
@@ -449,7 +449,7 @@ function(
 			bShowExceededText = this.getShowExceededText(),
 			iMaxLength = this.getMaxLength();
 
-		if (!bShowExceededText && iMaxLength && sValue.length > iMaxLength) {
+		if (!bShowExceededText && !this._bIsComposingCharacter && iMaxLength && sValue.length > iMaxLength) {
 			sValue = sValue.substring(0, iMaxLength);
 			oTextAreaRef.value = sValue;
 		}

package/src/sap/m/Tile.js

@@ -35,7 +35,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/TileContainer.js

@@ -48,7 +48,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/TileContent.js

@@ -23,7 +23,7 @@ sap.ui.define(['./library', "sap/base/i18n/Localization", 'sap/ui/core/library',
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 * @since 1.34.0
 	 *
 	 * @public

package/src/sap/m/TileInfo.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @class This element is used within the GenericTile control that generates a combination of an icon and a text to create a TileInfo
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 * @constructor
 	 * @public
 	 * @since 1.124

package/src/sap/m/TimePicker.js

@@ -181,7 +181,7 @@ function(
 		 * @extends sap.m.DateTimeField
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TimePickerClock.js

@@ -28,7 +28,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/TimePickerClocks.js

@@ -52,7 +52,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TimePickerInputs.js

@@ -51,7 +51,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TimePickerInternals.js

@@ -50,7 +50,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/TimePickerSlider.js

@@ -30,7 +30,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/TimePickerSliders.js

@@ -55,7 +55,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/Title.js

@@ -74,7 +74,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IShrinkable
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 * @since 1.27.0
 	 *
 	 * @constructor

package/src/sap/m/TitlePropagationSupport.js

@@ -51,7 +51,7 @@ sap.ui.define(["sap/ui/core/ControlBehavior"],
 		 * style class support on existing elements by calling this function.
 		 *
 		 * @author SAP SE
-		 * @version 1.138.0
+		 * @version 1.139.0
 		 *
 		 * @param {string} sAggregationName the name of the aggregation which should be affected
 		 * @param {object} fnGetTitleID function that would return the ID of the title

package/src/sap/m/ToggleButton.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.m.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Token.js

@@ -50,7 +50,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Tokenizer.js

@@ -56,6 +56,8 @@ sap.ui.define([
 	"use strict";
 
 	var CSS_CLASS_NO_CONTENT_PADDING = "sapUiNoContentPadding";
+	var CSS_CLASS_TOKENIZER_POPUP = "sapMTokenizerTokensPopup";
+
 	var RenderMode = library.TokenizerRenderMode;
 	var PlacementType = library.PlacementType;
 	var ListMode = library.ListMode;
@@ -81,7 +83,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.138.0
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public
@@ -91,7 +93,6 @@ sap.ui.define([
 	 */
 	var Tokenizer = Control.extend("sap.m.Tokenizer", /** @lends sap.m.Tokenizer.prototype */ {
 		metadata : {
-
 			library : "sap.m",
 			properties : {
 
@@ -130,7 +131,12 @@ sap.ui.define([
 				/**
 				 * Defines the count of hidden tokens if any. If this property is set to 0, the n-More indicator will not be shown.
 				 */
-				hiddenTokensCount: {type : "int", group : "Misc", defaultValue : 0, visibility: "hidden"}
+				hiddenTokensCount: {type : "int", group : "Misc", defaultValue : 0,  visibility: "hidden"},
+
+				/**
+				 * The ID of the opener of the tokens popup.
+				 */
+				opener: { type: "string", multiple: false, visibility: "hidden" }
 
 			},
 			defaultAggregation : "tokens",
@@ -359,7 +365,11 @@ sap.ui.define([
 	 */
 	Tokenizer.prototype._handleNMoreIndicatorPress = function () {
 		this._bIsOpenedByNMoreIndicator = true;
-		this._togglePopup(this.getTokensPopup());
+		this._togglePopup(this.getTokensPopup(), this._getEffectiveOpener());
+	};
+
+	Tokenizer.prototype._getEffectiveOpener = function() {
+		return document.getElementById(this.getProperty("opener")) || this.getDomRef();
 	};
 
 	/**
@@ -453,7 +463,7 @@ sap.ui.define([
 	/**
 	 * Handles token press from the List.
 	 *
-	 * @param oEvent
+	 * @param {sap.ui.base.Event} oEvent object
 	 * @private
 	 */
 	 Tokenizer.prototype._handleListItemPress = function (oEvent) {
@@ -468,12 +478,39 @@ sap.ui.define([
 		}
 	};
 
+	Tokenizer.prototype.focusFirstTokenItem = function () {
+		const oTokenList = this._getTokensList();
+		const aTokenListItems = oTokenList.getItems();
+
+
+		if (aTokenListItems.length) {
+			aTokenListItems[0].focus();
+		}
+	};
+
+	Tokenizer.prototype._handleTokenizerAfterOpen = function (oEvent) {
+		this.focusFirstTokenItem();
+		this.setRenderMode(RenderMode.Loose);
+		this.fireRenderModeChange({
+			renderMode: RenderMode.Loose
+		});
+};
+
+	Tokenizer.prototype.addPopupClasses = function(oPopup) {
+		if (oPopup.hasStyleClass(CSS_CLASS_TOKENIZER_POPUP)) {
+			return;
+		}
+
+		oPopup.addStyleClass(CSS_CLASS_TOKENIZER_POPUP);
+		oPopup.addStyleClass(CSS_CLASS_NO_CONTENT_PADDING);
+	};
+
 	/**
 	 * Returns N-More Popover/Dialog.
 	 *
 	 * @private
 	 * @ui5-restricted sap.m.MultiInput, sap.m.MultiComboBox
-	 * @returns {sap.m.ResponsivePopover}
+	 * @returns {sap.m.ResponsivePopover} The popover containing the tokens
 	 */
 	Tokenizer.prototype.getTokensPopup = function () {
 		var oTokenList = this._getTokensList();
@@ -544,20 +581,10 @@ sap.ui.define([
 				});
 			}, this)
 			.attachAfterClose(this.afterPopupClose, this)
-			.attachAfterOpen(function () {
-				var aTokenListItems = oTokenList.getItems();
-				this.setRenderMode(RenderMode.Loose);
-				this.fireRenderModeChange({
-					renderMode: "Loose"
-				});
-				if (aTokenListItems.length) {
-					aTokenListItems[0].focus();
-				}
-			}, this);
+			.attachAfterOpen(this._handleTokenizerAfterOpen, this);
 
 		this.addDependent(this._oPopup);
-		this._oPopup.addStyleClass(CSS_CLASS_NO_CONTENT_PADDING);
-		this._oPopup.addStyleClass("sapMTokenizerTokensPopup");
+		this.addPopupClasses(this._oPopup);
 
 		if (Device.system.phone) {
 			this._oPopup.setEndButton(new Button({
@@ -601,8 +628,9 @@ sap.ui.define([
 	 * @private
 	 * @ui5-restricted sap.m.MultiInput, sap.m.MultiComboBox
 	 */
-	Tokenizer.prototype._togglePopup = function (oPopover, oOpener) {
-		var oOpenBy = oOpener || this.getDomRef(),
+	Tokenizer.prototype._togglePopup = function () {
+		var oOpenBy = this._getEffectiveOpener(),
+			oPopover = this.getTokensPopup(),
 			oPopoverIsOpen = oPopover.isOpen(),
 			bEditable = this.getEditable();
 
@@ -675,7 +703,7 @@ sap.ui.define([
 	Tokenizer.prototype._getPixelWidth = function ()  {
 		var sMaxWidth = this.getMaxWidth(),
 			iTokenizerWidth,
-			oDomRef = this.getDomRef(),
+			oDomRef = this.getFocusDomRef(),
 			iPaddingLeft;
 
 		if (!oDomRef) {
@@ -806,7 +834,7 @@ sap.ui.define([
 		}
 
 		if (iHiddenTokensCount) {
-			var sLabelKey = "MULTIINPUT_SHOW_MORE_TOKENS";
+			let sLabelKey = "MULTIINPUT_SHOW_MORE_TOKENS";
 
 			if (iHiddenTokensCount === this._getVisibleTokens().length) {
 				if (iHiddenTokensCount === 1) {
@@ -884,7 +912,7 @@ sap.ui.define([
 
 	Tokenizer.prototype._registerResizeHandler = function(){
 		if (!this._sResizeHandlerId) {
-			this._sResizeHandlerId = ResizeHandler.register(this.getDomRef(), this._handleResize.bind(this));
+			this._sResizeHandlerId = ResizeHandler.register(this, this._handleResize.bind(this));
 		}
 	};
 
@@ -1060,12 +1088,14 @@ sap.ui.define([
 			return;
 		}
 
-		if (sRenderMode === RenderMode.Narrow) {
-			this._adjustTokensVisibility();
-		} else {
+		if (sRenderMode === RenderMode.Loose) {
 			this._setHiddenTokensCount(0);
 			this._showAllTokens();
+
+			return;
 		}
+
+		this._adjustTokensVisibility();
 	};
 
 	/**
@@ -1414,7 +1444,8 @@ sap.ui.define([
 			renderMode: "Loose"
 		});
 
-		this._bFocusFirstToken = oEvent.srcControl === this.getTokens()[0];
+		const oFirstToken = this.getTokens()[0];
+		this._bFocusFirstToken = oEvent.srcControl === oFirstToken;
 
 		if (!this._bFocusFirstToken && !this._bTokenToBeDeleted) {
 			this._ensureTokenVisible(oEvent.srcControl);
@@ -1639,7 +1670,9 @@ sap.ui.define([
 	 * @protected
 	 */
 	Tokenizer.prototype.checkFocus = function() {
-		var bIsFocusInPopover = containsOrEquals(this.getTokensPopup().getDomRef(),  document.activeElement);
+		var oTokensPopup = this._oPopup && this._oPopup.getDomRef();
+		var bIsFocusInPopover = containsOrEquals(oTokensPopup,  document.activeElement);
+
 		return (this.getDomRef() && containsOrEquals(this.getDomRef(), document.activeElement)) ||  bIsFocusInPopover;
 	};
 

package/src/sap/m/TokenizerRenderer.js

@@ -23,12 +23,20 @@ sap.ui.define(['sap/ui/Device', 'sap/ui/core/InvisibleText'],
 	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
 	 * @param {sap.m.Tokenizer} oControl an object representation of the control that should be rendered
 	 */
-	TokenizerRenderer.render = function(oRm, oControl){
-		var aTokens = oControl.getTokens();
-
-		//write the HTML into the render manager
-		oRm.openStart("div", oControl);
+	TokenizerRenderer.render = function(oRm, oControl) {
+		this.renderOpenTag(oRm, oControl);
+		this.renderInnerContent(oRm, oControl);
+	};
 
+	/**
+	 * Renders the inner content of the Tokenizer control.
+	 *
+	 * @protected
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer.
+	 * @param {sap.m.Tokenizer} oControl An object representation of the control that should be rendered.
+	 */
+	TokenizerRenderer.renderInnerContent = function(oRm, oControl) {
+		var aTokens = oControl.getTokens();
 
 		oRm.class("sapMTokenizer");
 
@@ -46,12 +54,7 @@ sap.ui.define(['sap/ui/Device', 'sap/ui/core/InvisibleText'],
 			oRm.attr("aria-hidden", "true");
 		}
 
-		oRm.style("max-width", oControl.getMaxWidth());
-
-		var sPixelWdth = oControl.getWidth();
-		if (sPixelWdth) {
-			oRm.style("width", sPixelWdth);
-		}
+		this.addWidthStyles(oRm, oControl);
 
 		var oAccAttributes = {
 			role: "listbox"
@@ -62,10 +65,9 @@ sap.ui.define(['sap/ui/Device', 'sap/ui/core/InvisibleText'],
 			value: InvisibleText.getStaticId("sap.m", "TOKENIZER_ARIA_LABEL"),
 			append: true
 		};
-		// aria-readonly is not valid for the current role of the tokenizer.
 
+		// aria-readonly is not valid for the current role of the tokenizer.
 		oRm.accessibilityState(oControl, oAccAttributes);
-
 		oRm.openEnd(); // div element
 		oRm.renderControl(oControl.getAggregation("_tokensInfo"));
 
@@ -92,7 +94,6 @@ sap.ui.define(['sap/ui/Device', 'sap/ui/core/InvisibleText'],
 		}
 
 		oRm.openEnd();
-
 		this._renderTokens(oRm, oControl);
 
 		oRm.close("div");
@@ -100,6 +101,19 @@ sap.ui.define(['sap/ui/Device', 'sap/ui/core/InvisibleText'],
 		oRm.close("div");
 	};
 
+	TokenizerRenderer.renderOpenTag = function(oRm, oControl) {
+		oRm.openStart("div", oControl);
+	};
+
+	TokenizerRenderer.addWidthStyles = function(oRm, oControl) {
+		oRm.style("max-width", oControl.getMaxWidth());
+
+		var sPixelWdth = oControl.getWidth();
+		if (sPixelWdth) {
+			oRm.style("width", sPixelWdth);
+		}
+	};
+
 	/**
 	 * renders the tokens
 	 *