@openui5/sap.m 1.105.1 → 1.107.0

package/src/sap/m/ListItemBase.js

@@ -78,116 +78,119 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.ListItemBase
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var ListItemBase = Control.extend("sap.m.ListItemBase", /** @lends sap.m.ListItemBase.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * Defines the visual indication and behavior of the list items, e.g. <code>Active</code>, <code>Navigation</code>, <code>Detail</code>.
-			 */
-			type : {type : "sap.m.ListType", group : "Misc", defaultValue : ListItemType.Inactive},
-
-			/**
-			 * Whether the control should be visible on the screen. If set to false, a placeholder is rendered instead of the real control.
-			 */
-			visible : {type : "boolean", group : "Appearance", defaultValue : true},
-
-			/**
-			 * Activates the unread indicator for the list item, if set to <code>true</code>.
-			 * <b>Note:</b> This flag is ignored when the <code>showUnread</code> property of the parent is set to <code>false</code>.
-			 */
-			unread : {type : "boolean", group : "Misc", defaultValue : false},
-
-			/**
-			 * Defines the selected state of the list items.
-			 * <b>Note:</b> Binding the <code>selected</code> property in single selection modes may cause unwanted results if you have more than one selected items in your binding.
-			 */
-			selected : {type : "boolean", defaultValue : false},
-
-			/**
-			 * Defines the counter value of the list items.
-			 */
-			counter : {type : "int", group : "Misc", defaultValue : null},
-
-			/**
-			 * Defines the highlight state of the list items.
-			 *
-			 * Valid values for the <code>highlight</code> property are values of the enumerations {@link sap.ui.core.MessageType} or
-			 * {@link sap.ui.core.IndicationColor}.
-			 *
-			 * Accessibility support is provided through the associated {@link sap.m.ListItemBase#setHighlightText highlightText} property.
-			 * If the <code>highlight</code> property is set to a value of {@link sap.ui.core.MessageType}, the <code>highlightText</code>
-			 * property does not need to be set because a default text is used. However, the default text can be overridden by setting the
-			 * <code>highlightText</code> property.
-			 * In all other cases the <code>highlightText</code> property must be set.
-			 *
-			 * @since 1.44.0
-			 */
-			highlight : {type : "string", group : "Appearance", defaultValue : "None"},
-
-			/**
-			 * Defines the semantics of the {@link sap.m.ListItemBase#setHighlight highlight} property for accessibility purposes.
-			 *
-			 * @since 1.62
-			 */
-			highlightText : {type : "string", group : "Misc", defaultValue : ""},
-
-			/**
-			 * The navigated state of the list item.
-			 *
-			 * If set to <code>true</code>, a navigation indicator is displayed at the end of the list item.
-			 * <b>Note:</b> This property must be set for <b>one</b> list item only.
-			 *
-			 * @since 1.72
-			 */
-			navigated : {type : "boolean", group : "Appearance", defaultValue : false}
-		},
-		associations: {
+	var ListItemBase = Control.extend("sap.m.ListItemBase", /** @lends sap.m.ListItemBase.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * Defines the visual indication and behavior of the list items, e.g. <code>Active</code>, <code>Navigation</code>, <code>Detail</code>.
+				 */
+				type : {type : "sap.m.ListType", group : "Misc", defaultValue : ListItemType.Inactive},
+
+				/**
+				 * Whether the control should be visible on the screen. If set to false, a placeholder is rendered instead of the real control.
+				 */
+				visible : {type : "boolean", group : "Appearance", defaultValue : true},
+
+				/**
+				 * Activates the unread indicator for the list item, if set to <code>true</code>.
+				 * <b>Note:</b> This flag is ignored when the <code>showUnread</code> property of the parent is set to <code>false</code>.
+				 */
+				unread : {type : "boolean", group : "Misc", defaultValue : false},
+
+				/**
+				 * Defines the selected state of the list items.
+				 * <b>Note:</b> Binding the <code>selected</code> property in single selection modes may cause unwanted results if you have more than one selected items in your binding.
+				 */
+				selected : {type : "boolean", defaultValue : false},
+
+				/**
+				 * Defines the counter value of the list items.
+				 */
+				counter : {type : "int", group : "Misc", defaultValue : null},
+
+				/**
+				 * Defines the highlight state of the list items.
+				 *
+				 * Valid values for the <code>highlight</code> property are values of the enumerations {@link sap.ui.core.MessageType} or
+				 * {@link sap.ui.core.IndicationColor}.
+				 *
+				 * Accessibility support is provided through the associated {@link sap.m.ListItemBase#setHighlightText highlightText} property.
+				 * If the <code>highlight</code> property is set to a value of {@link sap.ui.core.MessageType}, the <code>highlightText</code>
+				 * property does not need to be set because a default text is used. However, the default text can be overridden by setting the
+				 * <code>highlightText</code> property.
+				 * In all other cases the <code>highlightText</code> property must be set.
+				 *
+				 * @since 1.44.0
+				 */
+				highlight : {type : "string", group : "Appearance", defaultValue : "None"},
+
+				/**
+				 * Defines the semantics of the {@link sap.m.ListItemBase#setHighlight highlight} property for accessibility purposes.
+				 *
+				 * @since 1.62
+				 */
+				highlightText : {type : "string", group : "Misc", defaultValue : ""},
+
+				/**
+				 * The navigated state of the list item.
+				 *
+				 * If set to <code>true</code>, a navigation indicator is displayed at the end of the list item.
+				 * <b>Note:</b> This property must be set for <b>one</b> list item only.
+				 *
+				 * @since 1.72
+				 */
+				navigated : {type : "boolean", group : "Appearance", defaultValue : false}
+			},
+			associations: {
 
-			/**
-			 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
-			 * @since 1.28.0
-			 */
-			ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
-		},
-		events : {
-
-			/**
-			 * Fires when the user taps on the control.
-			 * @deprecated Since version 1.20.0. Instead, use <code>press</code> event.
-			 */
-			tap : {deprecated: true},
-
-			/**
-			 * Fires when the user taps on the detail button of the control.
-			 * @deprecated Since version 1.20.0. Instead, use <code>detailPress</code> event.
-			 */
-			detailTap : {deprecated: true},
-
-			/**
-			 * Fires when the user clicks on the control.
-			 * <b>Note:</b> This event is not fired when the parent <code>mode</code> is <code>SingleSelectMaster</code> or when the <code>includeItemInSelection</code> property is set to <code>true</code>.
-			 * If there is an interactive element that handles its own <code>press</code> event then the list item's <code>press</code> event is not fired.
-			 * Also see {@link sap.m.ListBase#attachItemPress}.
-			 */
-			press : {},
-
-			/**
-			 * Fires when the user clicks on the detail button of the control.
-			 */
-			detailPress : {}
+				/**
+				 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
+				 * @since 1.28.0
+				 */
+				ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
+			},
+			events : {
+
+				/**
+				 * Fires when the user taps on the control.
+				 * @deprecated Since version 1.20.0. Instead, use <code>press</code> event.
+				 */
+				tap : {deprecated: true},
+
+				/**
+				 * Fires when the user taps on the detail button of the control.
+				 * @deprecated Since version 1.20.0. Instead, use <code>detailPress</code> event.
+				 */
+				detailTap : {deprecated: true},
+
+				/**
+				 * Fires when the user clicks on the control.
+				 * <b>Note:</b> This event is not fired when the parent <code>mode</code> is <code>SingleSelectMaster</code> or when the <code>includeItemInSelection</code> property is set to <code>true</code>.
+				 * If there is an interactive element that handles its own <code>press</code> event then the list item's <code>press</code> event is not fired.
+				 * Also see {@link sap.m.ListBase#attachItemPress}.
+				 */
+				press : {},
+
+				/**
+				 * Fires when the user clicks on the detail button of the control.
+				 */
+				detailPress : {}
+			},
+			designtime: "sap/m/designtime/ListItemBase.designtime",
+			dnd: true
 		},
-		designtime: "sap/m/designtime/ListItemBase.designtime",
-		dnd: true
-	}});
+
+		renderer: ListItemBaseRenderer
+	});
 
 	ListItemBase.getAccessibilityText = function(oControl, bDetectEmpty) {
 		var oBundle = Core.getLibraryResourceBundle("sap.m");
@@ -213,6 +216,9 @@ function(
 		var sText = oAccInfo.type + " " + oAccInfo.description + " ",
 			sTooltip = oControl.getTooltip_AsString();
 
+		if (oAccInfo.required === true) {
+			sText += oBundle.getText("CONTROL_REQUIRED") + " ";
+		}
 		if (oAccInfo.enabled === false) {
 			sText += oBundle.getText("CONTROL_DISABLED") + " ";
 		}
@@ -283,7 +289,7 @@ function(
 	};
 
 	ListItemBase.prototype.onAfterRendering = function() {
-		if (this._oDomRef !== this.getDomRef()) {
+		if (!this._oDomRef || this._oDomRef !== this.getDomRef()) {
 			this.informList("DOMUpdate", true);
 		}
 		this._oDomRef = undefined;
@@ -727,7 +733,11 @@ function(
 	 * Determines whether item has any action or not.
 	 * @private
 	 */
-	ListItemBase.prototype.isActionable = function() {
+	ListItemBase.prototype.isActionable = function(bCheckDevice) {
+		if (bCheckDevice && !Device.system.desktop) {
+			return false;
+		}
+
 		return this.isIncludedIntoSelection() || (
 			this.getType() != ListItemType.Inactive &&
 			this.getType() != ListItemType.Detail
@@ -786,7 +796,6 @@ function(
 	 * @returns {boolean}
 	 * @deprecated Since version 1.10.2.
 	 * API Change makes this method unnecessary. Use the {@link #getSelected} method instead.
-	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 	 * @function
 	 */
 	ListItemBase.prototype.isSelected = ListItemBase.prototype.getSelected;
@@ -1080,7 +1089,7 @@ function(
 	ListItemBase.prototype._activeHandling = function($This) {
 		$This.toggleClass("sapMLIBActive", this._active);
 
-		if (Device.system.desktop && this.isActionable()) {
+		if (this.isActionable(true)) {
 			$This.toggleClass("sapMLIBHoverable", !this._active);
 		}
 	};

package/src/sap/m/ListItemBaseRenderer.js

@@ -411,7 +411,7 @@ sap.ui.define(["./library", "sap/ui/core/Core", "sap/ui/Device", "sap/ui/core/In
 		rm.class("sapMLIBShowSeparator");
 		rm.class("sapMLIBType" + oLI.getType());
 
-		if (Device.system.desktop && oLI.isActionable()) {
+		if (oLI.isActionable(true)) {
 			rm.class("sapMLIBActionable");
 			rm.class("sapMLIBHoverable");
 		}

package/src/sap/m/MaskEnabler.js

@@ -14,9 +14,9 @@ sap.ui.define([
 	"sap/base/Log",
 	"sap/ui/thirdparty/jquery",
 	"sap/m/MaskInputRule",
-	// jQuery Plugin "cursorPos"
-	"sap/ui/dom/jquery/cursorPos"
-], function(Control, InputBase, Device, coreLibrary, IconPool, KeyCodes, Log, jQuery, MaskInputRule) {
+	"sap/ui/core/Configuration",
+	"sap/ui/dom/jquery/cursorPos" // jQuery Plugin "cursorPos"
+], function(Control, InputBase, Device, coreLibrary, IconPool, KeyCodes, Log, jQuery, MaskInputRule, Configuration) {
 	"use strict";
 
 	// shortcut for sap.ui.core.TextDirection
@@ -26,7 +26,7 @@ sap.ui.define([
 	 * Applies mask support for input controls.
 	 * It should should be applied to the prototype of a <code>sap.m.InputBase</code>.
 	 *
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 * @private
 	 * @mixin
 	 * @alias sap.m.MaskEnabler
@@ -1427,7 +1427,7 @@ sap.ui.define([
 		 * @returns {boolean} Whether the current control is in RTL mode
 		 */
 		this._isRtlMode = function () {
-			return sap.ui.getCore().getConfiguration().getRTL() || (this.getTextDirection() === TextDirection.RTL);
+			return Configuration.getRTL() || (this.getTextDirection() === TextDirection.RTL);
 		};
 
 		/**

package/src/sap/m/MaskInput.js

@@ -29,14 +29,13 @@ sap.ui.define(['./InputBase', './MaskEnabler', './MaskInputRenderer'], function(
 	 *
 	 * @author SAP SE
 	 * @extends sap.m.InputBase
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.34.0
 	 * @alias sap.m.MaskInput
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/generic-mask-input/ Mask Input}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var MaskInput = InputBase.extend("sap.m.MaskInput", /** @lends sap.m.MaskInput.prototype */ {
 		metadata: {
@@ -105,7 +104,9 @@ sap.ui.define(['./InputBase', './MaskEnabler', './MaskInputRenderer'], function(
 				}
 			},
 			dnd: { draggable: false, droppable: true }
-		}
+		},
+
+		renderer: MaskInputRenderer
 	});
 
 	MaskEnabler.call(MaskInput.prototype);

package/src/sap/m/MaskInputRule.js

@@ -20,12 +20,11 @@ sap.ui.define(['sap/ui/core/Element', "sap/base/Log"], function(Element, Log) {
 	 *
 	 * @author SAP SE
 	 * @extends sap.ui.core.Element
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 * @public
 	 * @constructor
 	 * @since 1.34.0
 	 * @alias sap.m.MaskInputRule
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var MaskInputRule = Element.extend("sap.m.MaskInputRule", /** @lends sap.m.MaskInputRule.prototype */ {
 		metadata : {

package/src/sap/m/Menu.js

@@ -68,12 +68,11 @@ sap.ui.define([
 		 * @implements sap.ui.core.IContextMenu
 		 *
 		 * @author SAP SE
-		 * @version 1.105.1
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @public
 		 * @alias sap.m.Menu
-		 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		var Menu = Control.extend("sap.m.Menu", /** @lends sap.m.Menu.prototype */ {
 			metadata : {