@openui5/sap.m 1.104.0 → 1.105.1

package/src/sap/m/IconTabBar.js

@@ -94,7 +94,7 @@ sap.ui.define([
 	 * @implements sap.m.ObjectHeaderContainer, sap.f.IDynamicPageStickyContent
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @public
 	 * @alias sap.m.IconTabBar
@@ -375,10 +375,14 @@ sap.ui.define([
 	 * @return {this} this IconTabBar reference for chaining.
 	 */
 	IconTabBar.prototype.setHeaderMode = function (mode) {
+		var oIconTabHeader = this._getIconTabHeader();
+
 		// set internal property
 		this.setProperty("headerMode", mode, true);
 
-		this._getIconTabHeader().setMode(mode);
+		if (oIconTabHeader) {
+			oIconTabHeader.setMode(mode);
+		}
 
 		return this;
 	};
@@ -391,10 +395,14 @@ sap.ui.define([
 	 * @return {this} this IconTabBar reference for chaining.
 	 */
 	IconTabBar.prototype.setTabDensityMode = function (mode) {
+		var oIconTabHeader = this._getIconTabHeader();
+
 		// set internal property
 		this.setProperty("tabDensityMode", mode);
 
-		this._getIconTabHeader().setTabDensityMode(mode);
+		if (oIconTabHeader) {
+			oIconTabHeader.setTabDensityMode(mode);
+		}
 
 		return this;
 	};
@@ -408,10 +416,14 @@ sap.ui.define([
 	 * @return {this} this IconTabBar reference for chaining.
 	 */
 	IconTabBar.prototype.setHeaderBackgroundDesign = function (headerBackgroundDesign) {
+		var oIconTabHeader = this._getIconTabHeader();
+
 		// set internal property
 		this.setProperty("headerBackgroundDesign", headerBackgroundDesign, true);
 
-		this._getIconTabHeader().setBackgroundDesign(headerBackgroundDesign);
+		if (oIconTabHeader) {
+			oIconTabHeader.setBackgroundDesign(headerBackgroundDesign);
+		}
 
 		return this;
 	};
@@ -424,10 +436,14 @@ sap.ui.define([
 	 * @return {this} this IconTabBar reference for chaining.
 	 */
 	IconTabBar.prototype.setEnableTabReordering = function (value) {
+		var oIconTabHeader = this._getIconTabHeader();
+
 		// set internal property
 		this.setProperty("enableTabReordering", value, true);
 
-		this._getIconTabHeader().setEnableTabReordering(value);
+		if (oIconTabHeader) {
+			oIconTabHeader.setEnableTabReordering(value);
+		}
 
 		return this;
 	};
@@ -440,10 +456,14 @@ sap.ui.define([
 	 * @returns {this} this Reference to this in order to allow method chaining
 	 */
 	IconTabBar.prototype.setAriaTexts = function (oAriaTexts) {
+		var oIconTabHeader = this._getIconTabHeader();
+
 		// set internal property
 		this.setProperty("ariaTexts", oAriaTexts, true);
 
-		this._getIconTabHeader().setAriaTexts(oAriaTexts);
+		if (oIconTabHeader) {
+			oIconTabHeader.setAriaTexts(oAriaTexts);
+		}
 
 		return this;
 	};
@@ -451,7 +471,7 @@ sap.ui.define([
 	IconTabBar.prototype.addStyleClass = function (sClass, bSuppressRerendering) {
 		var oIconTabHeader = this._getIconTabHeader();
 
-		if (IconTabBar._CLASSES_TO_COPY.indexOf(sClass) !== -1) {
+		if (oIconTabHeader && IconTabBar._CLASSES_TO_COPY.indexOf(sClass) !== -1) {
 			oIconTabHeader.addStyleClass(sClass, true);
 		}
 
@@ -461,7 +481,7 @@ sap.ui.define([
 	IconTabBar.prototype.removeStyleClass = function (sClass, bSuppressRerendering) {
 		var oIconTabHeader = this._getIconTabHeader();
 
-		if (IconTabBar._CLASSES_TO_COPY.indexOf(sClass) !== -1) {
+		if (oIconTabHeader && IconTabBar._CLASSES_TO_COPY.indexOf(sClass) !== -1) {
 			oIconTabHeader.removeStyleClass(sClass, true);
 		}
 
@@ -589,9 +609,13 @@ sap.ui.define([
 	 * Lazy initializes the iconTabHeader aggregation.
 	 *
 	 * @private
-	 * @returns {sap.m.IconTabBar} Aggregation for the IconTabBar.
+	 * @returns {sap.m.IconTabBar|null} Aggregation for the IconTabBar.
 	 */
 	IconTabBar.prototype._getIconTabHeader = function () {
+		if (this.isDestroyed()) {
+			return null;
+		}
+
 		var oControl = this.getAggregation("_header");
 
 		if (!oControl) {
@@ -647,18 +671,15 @@ sap.ui.define([
 	 * @returns {this} this IconTabBar reference for chaining.
 	 */
 	IconTabBar.prototype.setShowSelection = function (bValue) {
-		this._getIconTabHeader().setShowSelection(bValue);
-		return this;
-	};
+		var oIconTabHeader = this._getIconTabHeader();
 
-	/**
-	 * Reflector for the internal header's showSelection property.
-	 *
-	 * @public
-	 * @returns {boolean} The current property value.
-	 */
-	IconTabBar.prototype.getShowSelection = function () {
-		return this._getIconTabHeader().getShowSelection();
+		if (oIconTabHeader) {
+			oIconTabHeader.setShowSelection(bValue);
+		}
+
+		this.setProperty("showSelection", bValue, true);
+
+		return this;
 	};
 
 	/**
@@ -669,7 +690,12 @@ sap.ui.define([
 	 * @returns {this} this Pointer for chaining.
 	 */
 	IconTabBar.prototype.setSelectedKey = function (sValue) {
-		this._getIconTabHeader().setSelectedKey(sValue);
+		var oIconTabHeader = this._getIconTabHeader();
+
+		if (oIconTabHeader) {
+			oIconTabHeader.setSelectedKey(sValue);
+		}
+
 		return this;
 	};
 
@@ -680,7 +706,13 @@ sap.ui.define([
 	 * @returns {string} The current property value.
 	 */
 	IconTabBar.prototype.getSelectedKey = function () {
-		return this._getIconTabHeader().getSelectedKey();
+		var oIconTabHeader = this._getIconTabHeader();
+
+		if (oIconTabHeader) {
+			return oIconTabHeader.getSelectedKey();
+		}
+
+		return this.getMetadata().getProperty("selectedKey").getDefaultValue();
 	};
 
 	/**

package/src/sap/m/IconTabBarSelectList.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/IconTabFilter.js

@@ -94,7 +94,7 @@ sap.ui.define([
 	 * @implements sap.m.IconTab
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/IconTabFilterExpandButtonBadge.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/IconTabHeader.js

@@ -77,7 +77,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public
@@ -484,6 +484,10 @@ sap.ui.define([
 	 */
 	IconTabHeader.prototype.setSelectedKey = function (sKey) {
 		if (sKey === this.getSelectedKey()) {
+			if (this._isInsideIconTabBar()) {
+				this.getParent().setProperty("selectedKey", sKey, true);
+			}
+
 			return this;
 		}
 
@@ -1487,12 +1491,7 @@ sap.ui.define([
 			return;
 		}
 
-		sSelectedKey = this.oSelectedItem._getNonEmptyKey();
-		this.setProperty("selectedKey", sSelectedKey, true);
-		if (bIsParentIconTabBar) {
-			this.getParent().setProperty("selectedKey", sSelectedKey, true);
-		}
-
+		this.setProperty("selectedKey", this.oSelectedItem._getNonEmptyKey(), true);
 	};
 
 	/**

package/src/sap/m/IconTabSeparator.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @implements sap.m.IconTab
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/IllustratedMessage.js

@@ -82,7 +82,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public
@@ -467,7 +467,7 @@ sap.ui.define([
 	/**
 	 * Helper function which ensures that there is non-breaking space between the last two words
 	 * of a given DOM content. By adding it, we prevent one word (widow) on the last row of a text node.
-	 * @param {DOMRef} oDomRef - the DOM object which will be checked against
+	 * @param {HTMLElement} oDomRef - the DOM object which will be checked against
 	 * @private
 	 */
 	IllustratedMessage.prototype._preventWidowWords = function(oDomRef) {

package/src/sap/m/Illustration.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/IllustrationRenderer.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/ui/Device"], function (Device) {
+sap.ui.define([], function () {
 	"use strict";
 
 	/**

package/src/sap/m/Image.js

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @public
 	 * @alias sap.m.Image
@@ -388,7 +388,7 @@ sap.ui.define([
 	/**
 	 * Sets the <code>detailBox</code> aggregation.
 	 * @param {sap.m.LightBox|undefined} oLightBox - Instance of the <code>LightBox</code> control or undefined
-	 * @returns {object} <code>this</code> for chaining
+	 * @returns {this} <code>this</code> for chaining
 	 * @override
 	 * @public
 	 */

package/src/sap/m/ImageContent.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 * @since 1.38
 	 *
 	 * @public

package/src/sap/m/Input.js

@@ -8,6 +8,9 @@
 sap.ui.define([
 	'./InputBase',
 	'sap/ui/core/Item',
+	'sap/ui/core/Core',
+	'sap/ui/core/LabelEnablement',
+	'sap/ui/core/AccessKeysEnablement',
 	'./ColumnListItem',
 	'./GroupHeaderListItem',
 	'sap/ui/core/SeparatorItem',
@@ -40,6 +43,9 @@ sap.ui.define([
 function(
 	InputBase,
 	Item,
+	Core,
+	LabelEnablement,
+	AccessKeysEnablement,
 	ColumnListItem,
 	GroupHeaderListItem,
 	SeparatorItem,
@@ -149,8 +155,9 @@ function(
 	 * </ul>
 	 *
 	 * @extends sap.m.InputBase
+	 * @implements sap.ui.core.IAccessKeySupport
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public
@@ -159,7 +166,9 @@ function(
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var Input = InputBase.extend("sap.m.Input", /** @lends sap.m.Input.prototype */ { metadata : {
-
+		interfaces : [
+			"sap.ui.core.IAccessKeySupport"
+		],
 		library : "sap.m",
 		properties : {
 
@@ -326,7 +335,23 @@ function(
 			 * Specifies whether to display separators in tabular suggestions.
 			 * @private
 			 */
-			separateSuggestions: { type: "boolean", defaultValue: false, visibility: "hidden" }
+			separateSuggestions: { type: "boolean", defaultValue: false, visibility: "hidden" },
+
+			/**
+			 * Indicates whether the access keys ref of the control should be highlighted.
+			 * NOTE: this property is used only when access keys feature is turned on.
+			 *
+			 * @private
+			 */
+			highlightAccKeysRef: { type: "boolean", defaultValue: false, visibility: "hidden" },
+
+			/**
+			 * Indicates which keyboard key should be pressed to focus the access key ref
+			 * NOTE: this property is used only when access keys feature is turned on.
+			 *
+			 * @private
+			 */
+			accesskey: { type: "string", defaultValue: "", visibility: "hidden" }
 		},
 		defaultAggregation : "suggestionItems",
 		aggregations : {
@@ -398,7 +423,7 @@ function(
 			/**
 			 * Fired when the value of the input is changed by user interaction - each keystroke, delete, paste, etc.
 			 *
-			 * <b>Note:</b> Browsing autocomplete suggestions does not fires the event.
+			 * <b>Note:</b> Browsing autocomplete suggestions does not fire the event.
 			 */
 			liveChange : {
 				parameters : {
@@ -588,6 +613,28 @@ function(
 		// indicates whether input's popover has finished opening
 		// we asume that after open its content has been rendered => we don't have the power user scenario
 		this._bAfterOpenFinisihed = false;
+
+		AccessKeysEnablement.registerControl(this);
+	};
+
+	var setRefLabelsHighlightAccKeysRef = function (bHighlightAccKeysRef) {
+		var aRefLabels = LabelEnablement.getReferencingLabels(this);
+
+		aRefLabels.forEach(function(sLabelId) {
+			Core.byId(sLabelId).setProperty("highlightAccKeysRef", bHighlightAccKeysRef);
+		}, this);
+	};
+
+	Input.prototype.getAccessKeysFocusTarget = function () {
+		return this.getFocusDomRef();
+	};
+
+	Input.prototype.onAccKeysHighlightStart = function () {
+		setRefLabelsHighlightAccKeysRef.call(this, true);
+	};
+
+	Input.prototype.onAccKeysHighlightEnd = function () {
+		setRefLabelsHighlightAccKeysRef.call(this, false);
 	};
 
 	/**
@@ -2136,6 +2183,11 @@ function(
 	Input.prototype._handleTypeAhead = function (oInput) {
 		var sValue = this.getValue();
 
+		// check if typeahead is already performed
+		if ((oInput && oInput.getValue().toLowerCase()) === (this._sProposedItemText && this._sProposedItemText.toLowerCase())) {
+			return;
+		}
+
 		this._setTypedInValue(sValue);
 		oInput._sProposedItemText = null;
 
@@ -2857,6 +2909,10 @@ function(
 			this._updateSuggestionsPopoverValueState();
 		}, this);
 
+		oPopover.attachAfterOpen(function () {
+			this._handleTypeAhead(this);
+		}, this);
+
 		if (this.isMobileDevice()) {
 			oPopover
 				.attachBeforeClose(function () {

package/src/sap/m/InputBase.js

@@ -64,7 +64,7 @@ function(
 	 * @implements sap.ui.core.IFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/InputBaseRenderer.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(['sap/ui/core/Renderer', 'sap/ui/core/Core', 'sap/ui/core/library', 'sap/ui/core/ValueStateSupport', 'sap/ui/core/LabelEnablement', 'sap/ui/Device'],
-	function(Renderer, Core, coreLibrary, ValueStateSupport, LabelEnablement, Device) {
+sap.ui.define(['sap/ui/core/Renderer', 'sap/ui/core/Core', 'sap/ui/core/library', 'sap/ui/core/ValueStateSupport', 'sap/ui/Device'],
+	function(Renderer, Core, coreLibrary, ValueStateSupport, Device) {
 	"use strict";
 
 	// shortcut for sap.ui.core.TextDirection

package/src/sap/m/InputListItem.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/InputRenderer.js

@@ -72,6 +72,10 @@ sap.ui.define(['sap/ui/core/InvisibleText', 'sap/ui/core/Renderer', './InputBase
 		}
 	};
 
+	InputRenderer.writeOuterAttributes = function (oRm, oControl) {
+		oRm.attr("data-ui5-accesskey", oControl.getProperty("accesskey"));
+	};
+
 	/**
 	 * Adds inner css classes to the input field
 	 *

package/src/sap/m/Label.js

@@ -7,6 +7,7 @@
 // Provides control sap.m.Label
 sap.ui.define([
 	'./library',
+	"sap/ui/core/Core",
 	'sap/ui/core/Control',
 	'sap/ui/core/LabelEnablement',
 	'sap/m/HyphenationSupport',
@@ -15,6 +16,7 @@ sap.ui.define([
 ],
 function(
 	library,
+	Core,
 	Control,
 	LabelEnablement,
 	HyphenationSupport,
@@ -73,10 +75,10 @@ function(
 	 * <li> It is not recommended to use labels in Bold.</li>
 	 * </ul>
 	 * @extends sap.ui.core.Control
-	 * @implements sap.ui.core.Label, sap.ui.core.IShrinkable
+	 * @implements sap.ui.core.Label, sap.ui.core.IShrinkable, sap.ui.core.IAccessKeySupport
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public
@@ -90,7 +92,8 @@ function(
 			"sap.ui.core.Label",
 			"sap.ui.core.IShrinkable",
 			"sap.m.IOverflowToolbarContent",
-			"sap.m.IHyphenation"
+			"sap.m.IHyphenation",
+			"sap.ui.core.IAccessKeySupport"
 		],
 		library : "sap.m",
 		properties : {
@@ -168,7 +171,15 @@ function(
 			 * regardless of the value of the <code>showColon</code> property.
 			 * @since 1.98
 			 */
-			showColon : {type : "boolean", group : "Appearance", defaultValue : false}
+			showColon : {type : "boolean", group : "Appearance", defaultValue : false},
+
+			/**
+			 * Indicates whether the access keys ref of the control should be highlighted.
+			 * NOTE: this property is used only when access keys feature is turned on.
+			 *
+			 * @private
+			 */
+			highlightAccKeysRef: { type: "boolean", defaultValue: false, visibility: "hidden" }
 		},
 		associations : {
 
@@ -201,6 +212,25 @@ function(
 		};
 	};
 
+	Label.prototype.onBeforeRendering = function () {
+		this._handleAccessKeysHighlighting();
+	};
+
+	Label.prototype._handleAccessKeysHighlighting = function () {
+		var sLabelForId = this.getLabelFor();
+		var sText = this.getText();
+
+		if (!sLabelForId || !sText) {
+			return;
+		}
+
+		var oLabeledControl = Core.byId(sLabelForId);
+
+		if (oLabeledControl && oLabeledControl.isA("sap.m.Input") && oLabeledControl.getProperty("highlightAccKeysRef")) {
+			Core.byId(sLabelForId).setProperty("accesskey", (sText[0].toLowerCase()), true);
+		}
+	};
+
 	/**
 	 * Enables the <code>sap.m.Label</code> to move inside the sap.m.OverflowToolbar.
 	 * Required by the {@link sap.m.IOverflowToolbarContent} interface.

package/src/sap/m/LabelRenderer.js

@@ -5,8 +5,8 @@
  */
 
 // Provides the default renderer for control sap.m.Label
-sap.ui.define(['sap/ui/core/Core', 'sap/ui/core/Renderer', 'sap/m/library', 'sap/ui/core/library', 'sap/m/HyphenationSupport', "sap/ui/core/LabelEnablement"],
-	function(Core, Renderer, library, coreLibrary, HyphenationSupport, LabelEnablement) {
+sap.ui.define(['sap/ui/core/Core', 'sap/ui/core/Renderer', 'sap/ui/core/AccessKeysEnablement', 'sap/m/library', 'sap/ui/core/library', 'sap/m/HyphenationSupport', "sap/ui/core/LabelEnablement"],
+	function(Core, Renderer, AccessKeysEnablement, library, coreLibrary, HyphenationSupport, LabelEnablement) {
 	"use strict";
 
 	// shortcut for sap.ui.core.TextDirection
@@ -123,6 +123,11 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/core/Renderer', 'sap/m/library', 'sap
 		// wrap the label text
 		rm.openStart("span", oLabel.getId() + "-text");
 		rm.class("sapMLabelTextWrapper");
+
+		if (oLabel.getProperty("highlightAccKeysRef")) {
+			rm.class(AccessKeysEnablement.CSS_CLASS);
+		}
+
 		rm.openEnd();
 
 		// write the label text

package/src/sap/m/LightBox.js

@@ -99,7 +99,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/LightBoxItem.js

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.104.0
+	 * @version 1.105.1
 	 *
 	 * @constructor
 	 * @public