@openui5/sap.m 1.120.6 → 1.121.0

package/src/sap/m/GenericTile.js

@@ -6,6 +6,7 @@
 
 sap.ui.define([
 	'./library',
+	"sap/base/i18n/Localization",
 	'sap/ui/core/Control',
 	'sap/m/Text',
 	'sap/ui/core/HTML',
@@ -16,6 +17,7 @@ sap.ui.define([
 	'sap/m/GenericTileLineModeRenderer',
 	'sap/m/Image',
 	'sap/ui/Device',
+	"sap/ui/core/Lib",
 	'sap/ui/core/ResizeHandler',
 	"sap/base/strings/camelize",
 	"sap/base/util/deepEqual",
@@ -23,12 +25,12 @@ sap.ui.define([
 	"sap/ui/core/theming/Parameters",
 	"sap/ui/thirdparty/jquery",
 	"sap/ui/core/library",
-	"sap/ui/core/Configuration",
 	"sap/ui/core/InvisibleText",
 	"sap/ui/core/Core",
 	"sap/ui/core/Theming"
-], function (
+], function(
 	library,
+	Localization,
 	Control,
 	Text,
 	HTML,
@@ -39,6 +41,7 @@ sap.ui.define([
 	LineModeRenderer,
 	Image,
 	Device,
+	Library,
 	ResizeHandler,
 	camelize,
 	deepEqual,
@@ -46,13 +49,12 @@ sap.ui.define([
 	Parameters,
 	jQuery,
 	coreLibrary,
-	Configuration,
 	InvisibleText,
 	Core,
 	Theming
 ) {
 	"use strict";
-
+	var frameTypes = library.FrameType;
 	var GenericTileScope = library.GenericTileScope,
 		LoadState = library.LoadState,
 		CSSColor = coreLibrary.CSSColor,
@@ -85,7 +87,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 * @since 1.34.0
 	 *
 	 * @public
@@ -360,7 +362,7 @@ sap.ui.define([
 	/* --- Lifecycle Handling --- */
 
 	GenericTile.prototype.init = function () {
-		this._oRb = Core.getLibraryResourceBundle("sap.m");
+		this._oRb = Library.getResourceBundleFor("sap.m");
 
 		// Defines custom screen range set: smaller than or equal to 449px defines 'small' and bigger than 449px defines 'large' screen
 		if (!Device.media.hasRangeSet(DEVICE_SET)) {
@@ -504,7 +506,7 @@ sap.ui.define([
 				this._oMoreIcon.destroy();
 				this._oMoreIcon = null;
 			}
-			if (this.isA("sap.m.GenericTile") && this._isIconMode() && this.getFrameType() === FrameType.TwoByHalf){
+			if (this.isA("sap.m.GenericTile") && this._isIconModeOfTypeTwoByHalf()){
 				// Acts Like an actual Button in Icon mode for TwoByHalf Tile
 				this._oMoreIcon = this._oMoreIcon || new Button({
 					id: this.getId() + "-action-more",
@@ -713,7 +715,7 @@ sap.ui.define([
 		}
 
 		//Adds the classes for the action-more buton in IconMode for TwoByHalf Tile
-		if (this._isIconMode() && this.getFrameType() === FrameType.TwoByHalf && this._oMoreIcon.getDomRef()){
+		if (this._isIconModeOfTypeTwoByHalf() && this._oMoreIcon.getDomRef()){
 			this._addClassesForButton();
 		}
 
@@ -732,6 +734,62 @@ sap.ui.define([
 		if (this.getDomRef() && this.getParent() && this.getParent().isA("sap.m.SlideTile")) {
 			this.getDomRef().setAttribute("tabindex","-1");
 		}
+
+		//Adding the aria roles and events to the more button in the IconMode tile
+		if (this._oMoreIcon && this._oMoreIcon.getDomRef() && (this._isIconModeOfTypeTwoByHalf())) {
+			this._attachFocusHandlingOnMoreButton(this._oMoreIcon.getDomRef());
+		}
+	};
+
+	/**
+	 * Checks if a tile is in IconMode and TwoByHalf frameType
+	 * @returns {boolean} indicates whether the tile is in IconMode and TwoByHalf frameType
+	 * @private
+	 */
+
+	GenericTile.prototype._isIconModeOfTypeTwoByHalf = function() {
+		return this._isIconMode() && this.getFrameType() === FrameType.TwoByHalf;
+	};
+
+	/**
+	 * Attaching focus handlers to the more button to adhere to the ACC guidelines
+	 * @param {HTMLElement} [oButton] The DOM reference of the more button
+	 * @private
+	 */
+	GenericTile.prototype._attachFocusHandlingOnMoreButton = function(oButton){
+		var aText = [this.getHeader(),this.getSubheader(),this._oRb.getText("GENERICTILE_MORE_ACTIONBUTTON_TEXT")];
+		var aFilteredTexts = aText.filter(function(sText){
+			return sText.trim() !== '';
+		});
+		oButton.removeAttribute("title");
+		oButton.removeAttribute("aria-describedby");
+		oButton.setAttribute("aria-label",aFilteredTexts.join(" "));
+		//Removes the mouseenter event if its already present
+		oButton.removeEventListener("mouseenter",this._setTooltipForMoreButton.bind(this,oButton));
+		oButton.addEventListener("mouseenter",this._setTooltipForMoreButton.bind(this,oButton));
+		//Removes the mouseleave event if its already present
+		oButton.removeEventListener("mouseleave",this._removeTooltipForButton.bind(null,oButton));
+		oButton.addEventListener("mouseleave",this._removeTooltipForButton.bind(null,oButton));
+	};
+
+	/**
+	 * Sets tooltip for the more button
+	 * @param {HTMLElement} oButton
+	 * @private
+	 */
+
+	GenericTile.prototype._setTooltipForMoreButton = function(oButton) {
+		oButton.setAttribute("title",this._oRb.getText("GENERICTILE_MORE_ACTIONBUTTON_TEXT"));
+	};
+
+	/**
+	 * Removes tooltip for the more button
+	 * @param {HTMLElement} oButton
+	 * @private
+	 */
+
+	GenericTile.prototype._removeTooltipForButton = function(oButton) {
+		oButton.removeAttribute("title");
 	};
 	/**
 	 * Increases the height of the TileContent when the header-text has one line
@@ -967,7 +1025,7 @@ sap.ui.define([
 			bLineBreak = this.$().is(":not(:first-child)") && iLines > 1,
 			$LineBreak = jQuery("<span><br></span>"),
 			i = 0,
-			bRTL = Configuration.getRTL(),
+			bRTL = Localization.getRTL(),
 			oEndMarkerPosition = $End.position();
 
 		if (bLineBreak) { //tile does not fit in line without breaking --> add line-break before tile
@@ -1292,7 +1350,7 @@ sap.ui.define([
 	};
 
 	GenericTile.prototype.onsaptabnext = function(oEvt) {
-		if (this._isIconMode() && this.getFrameType() === FrameType.TwoByHalf && oEvt && oEvt.keyCode) {
+		if (this._isIconModeOfTypeTwoByHalf() && oEvt && oEvt.keyCode) {
 			if (oEvt.keyCode === 9 && oEvt.srcControl.getId() == this._oMoreIcon.getId()) {
 					this._oMoreIcon.removeStyleClass("sapMGTVisible");
 			} else if (oEvt.keyCode === 9) {
@@ -1301,7 +1359,7 @@ sap.ui.define([
 		}
     };
 	GenericTile.prototype.onsaptabprevious = function() {
-		if (this._isIconMode() && this.getFrameType() === FrameType.TwoByHalf) {
+		if (this._isIconModeOfTypeTwoByHalf()) {
 			this._oMoreIcon.removeStyleClass("sapMGTVisible");
 		}
 	};
@@ -1597,7 +1655,9 @@ sap.ui.define([
 			if (this.getLinkTileContents().length > 0) {
 				sAriaText += ("\n" + this._oRb.getText("GENERICTILE_LINK_TILE_CONTENT_DESCRIPTION"));
 			} else {
-				sAriaText += ("\n" + this._getSizeDescription());
+				if (this.getFrameType() !== FrameType.Stretch) {
+					sAriaText += ("\n" + this._getSizeDescription());
+				}
 			}
 		}
 		return sAriaText.trim();  // ARIA label set by the app, equal to tooltip
@@ -1694,7 +1754,16 @@ sap.ui.define([
 		var oLinkTileContent = this.getLinkTileContents().find(function(oLinkTileContent){
 			return oLinkTileContent._getLink().getDomRef().id === sEventId;
 		});
-		return !!oLinkTileContent;
+
+		//The below piece of code is written for the scenario if the link inside the TileAttribute has been clicked
+		var bIsLinkClicked = false;
+		this.getTileContent().forEach(function(oActionTileContent){
+			if (oActionTileContent._isLinkPressed) {
+				bIsLinkClicked = true;
+				oActionTileContent._isLinkPressed = false;
+			}
+		});
+		return !!oLinkTileContent || bIsLinkClicked;
 	};
 
 	/**
@@ -1714,7 +1783,7 @@ sap.ui.define([
 	 * @private
 	 */
 	 GenericTile.prototype._isActionMoreButtonVisibleIconMode = function (oEvent)  {
-		return (this.getScope() === GenericTileScope.ActionMore || this.getScope() === GenericTileScope.Actions) && this._isIconMode() && this.getFrameType() === FrameType.TwoByHalf && oEvent.target.id.indexOf("-action-more") > -1;
+		return (this.getScope() === GenericTileScope.ActionMore || this.getScope() === GenericTileScope.Actions) && this._isIconModeOfTypeTwoByHalf() && oEvent.target.id.indexOf("-action-more") > -1;
 	};
 
 	/**
@@ -2022,6 +2091,25 @@ GenericTile.prototype._isNavigateActionEnabled = function() {
 		URLHelper.redirect(sURL, true);
 	};
 
+	/**
+	* Function to apply CSS class when the footer property of TileContent is applied later
+	* @param {sap.m.TileContent} oTileContent The tileContent object
+	* @private
+	*/
+	GenericTile.prototype._applyCssStyle = function(oTileContent) {
+		var isFooterPresent = this._checkFooter(oTileContent, this) && (oTileContent.getFooter() ||  oTileContent.getUnit());
+		var frameType = this.getFrameType();
+		if (this.getSystemInfo() || this.getAppShortcut()) {
+			if (isFooterPresent && frameType !== frameTypes.OneByHalf) {
+			        this.getDomRef("content").classList.add("appInfoWithFooter");
+			        this.getDomRef("content").classList.remove("appInfoWithoutFooter");
+                        } else if (!isFooterPresent){
+                                this.getDomRef("content").classList.add("appInfoWithoutFooter");
+				this.getDomRef("content").classList.remove("appInfoWithFooter");
+                       }
+		}
+	};
+
 	/**
 	 * Calculates and returns the bounding client rectangle
 	 * of the drop area taking the offset property into account.

package/src/sap/m/GenericTileLineModeRenderer.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/thirdparty/jquery", "sap/ui/core/Configuration"],
-	function(library, encodeCSS, jQuery, Configuration) {
+sap.ui.define(["sap/base/i18n/Localization", "sap/m/library", "sap/base/security/encodeCSS", "sap/ui/thirdparty/jquery"],
+	function(Localization, library, encodeCSS, jQuery) {
 	"use strict";
 
 	// shortcut for sap.m.GenericTileScope
@@ -43,7 +43,7 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/thirdpart
 		// Render a link when URL is provided, not in action scope and the state is enabled
 		var bRenderLink = oControl.getUrl() && !oControl._isInActionScope() && sState !== LoadState.Disabled;
 
-		this._bRTL = Configuration.getRTL();
+		this._bRTL = Localization.getRTL();
 
 		if (sScope === GenericTileScope.Actions) {
 			// given class only needs to be added if the tile's state is not disabled

package/src/sap/m/GenericTileRenderer.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Configuration"],
-	function(library, encodeCSS, Configuration) {
+sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Theming"],
+	function(library, encodeCSS, Theming) {
 	"use strict";
 
 	// shortcut for sap.m.GenericTileMode
@@ -618,7 +618,7 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Conf
 	 * @private
 	 */
 	GenericTileRenderer._isThemeHighContrast = function() {
-		return /(hcw|hcb)/g.test(Configuration.getTheme());
+		return /(hcw|hcb)/g.test(Theming.getTheme());
 	};
 
 	GenericTileRenderer._isNewsContentPresent = function(aTileContent,iLength) {

package/src/sap/m/GroupHeaderListItem.js

@@ -32,7 +32,7 @@ sap.ui.define(["sap/ui/core/library", "./library", "./ListItemBase", "./GroupHea
 	 * @implements sap.m.ITableItem
 
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/GroupHeaderListItemRenderer.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/ui/core/Core", "sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRenderer", "./ColumnListItemRenderer"],
-	function(Core, coreLibrary, Renderer, ListItemBaseRenderer, ColumnListItemRenderer) {
+sap.ui.define(["sap/ui/core/Lib", "sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRenderer", "./ColumnListItemRenderer"],
+	function(Library, coreLibrary, Renderer, ListItemBaseRenderer, ColumnListItemRenderer) {
 	"use strict";
 
 
@@ -69,7 +69,7 @@ sap.ui.define(["sap/ui/core/Core", "sap/ui/core/library", "sap/ui/core/Renderer"
 
 		var oTable = oLI.getTable();
 		if (oTable) {
-			rm.attr("aria-roledescription", Core.getLibraryResourceBundle("sap.m").getText("TABLE_GROUP_ROW"));
+			rm.attr("aria-roledescription", Library.getResourceBundleFor("sap.m").getText("TABLE_GROUP_ROW"));
 		}
 	};
 

package/src/sap/m/GrowingEnablement.js

@@ -44,11 +44,13 @@ sap.ui.define([
 
 
 	/**
-	 * Creates a GrowingEnablement delegate that can be attached to ListBase Controls requiring capabilities for growing
+	 * Creates a GrowingEnablement delegate that can be attached to ListBase Controls requiring capabilities for growing.
+	 *
+	 * <b>Note</b>: Do not extend this class.
 	 *
 	 * @extends sap.ui.base.Object
 	 * @alias sap.m.GrowingEnablement
-	 * @experimental Since 1.16. This class is experimental and provides only limited functionality. Also the API might be changed in future.
+	 * @since 1.16
 	 *
 	 * @param {sap.m.ListBase} oControl the ListBase control of which this Growing is the delegate
 	 *
@@ -824,7 +826,6 @@ sap.ui.define([
 
 				// put the focus to the newly added item if growing button is pressed
 				// or to the item if the focus was on the items container
-
 				if (this._bHadFocus) {
 					this._bHadFocus = false;
 					jQuery(this._oControl.getNavigationRoot()).trigger("focus");
@@ -855,7 +856,7 @@ sap.ui.define([
 					oControl.$("triggerList").css("display", "");
 					oControl.$("listUl").addClass("sapMListHasGrowing");
 					oTrigger.$().removeClass("sapMGrowingListBusyIndicatorVisible");
-					this.adaptTriggerButtonWidth();
+					setTimeout(this.adaptTriggerButtonWidth.bind(this));
 				}
 
 				// store the last item count to be able to focus to the newly added item when the growing button is pressed
@@ -883,13 +884,13 @@ sap.ui.define([
 		// adapt trigger button width if dummy col is rendered
 		adaptTriggerButtonWidth: function() {
 			var oControl = this._oControl;
-			if (!oControl.isA("sap.m.Table") || oControl.hasPopin() || !oControl.shouldRenderDummyColumn()) {
+			if (!oControl || !oControl.isA("sap.m.Table") || oControl.hasPopin() || !oControl.shouldRenderDummyColumn()) {
 				return;
 			}
 
 			window.requestAnimationFrame(function() {
 				var oTriggerDomRef = this._oTrigger && this._oTrigger.getDomRef();
-				if (!oTriggerDomRef) {
+				if (!oTriggerDomRef || !oTriggerDomRef.clientWidth) {
 					return;
 				}
 

package/src/sap/m/GrowingList.js

@@ -22,7 +22,7 @@ sap.ui.define(['./List', './library', './GrowingListRenderer', 'sap/ui/core/Conf
 	 * @extends sap.m.List
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HBox.js

@@ -25,7 +25,7 @@ sap.ui.define(['./FlexBox', './library', './HBoxRenderer'],
 	 * @extends sap.m.FlexBox
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HeaderContainer.js

@@ -7,6 +7,7 @@ sap.ui.define([
 		'./library',
 		'./Button',
 		'./ScrollContainer',
+		"sap/base/i18n/Localization",
 		'sap/ui/core/Core',
 		'sap/ui/core/Control',
 		'sap/ui/core/Element',
@@ -21,7 +22,6 @@ sap.ui.define([
 		"sap/ui/events/KeyCodes",
 		"sap/ui/events/PseudoEvents",
 		"sap/ui/thirdparty/jquery",
-		"sap/ui/core/Configuration",
 		"sap/ui/core/Lib",
 		"sap/ui/dom/jquery/scrollLeftRTL", // jQuery Plugin "scrollLeftRTL"
 		"sap/ui/dom/jquery/scrollRightRTL", // jQuery Plugin "scrollRightRTL"
@@ -31,6 +31,7 @@ sap.ui.define([
 		library,
 		Button,
 		ScrollContainer,
+		Localization,
 		Core,
 		Control,
 		Element,
@@ -45,7 +46,6 @@ sap.ui.define([
 		KeyCodes,
 		PseudoEvents,
 		jQuery,
-		Configuration,
 		CoreLib
 	) {
 		"use strict";
@@ -126,7 +126,7 @@ sap.ui.define([
 		 * @since 1.44.0
 		 *
 		 * @author SAP SE
-		 * @version 1.120.6
+		 * @version 1.121.0
 		 *
 		 * @public
 		 * @alias sap.m.HeaderContainer
@@ -278,7 +278,7 @@ sap.ui.define([
 
 		HeaderContainer.prototype.init = function () {
 			this._aItemEnd = [];
-			this._bRtl = Configuration.getRTL();
+			this._bRtl = Localization.getRTL();
 			this._oRb = CoreLib.getResourceBundleFor("sap.m");
 			this._oScrollCntr = new ScrollContainer(this.getId() + "-scrl-cntnr", {
 				width: "100%",
@@ -442,7 +442,7 @@ sap.ui.define([
 		};
 
 		HeaderContainer.prototype.onAfterRendering = function () {
-			this._bRtl = Configuration.getRTL();
+			this._bRtl = Localization.getRTL();
 			this._checkOverflow();
 		};
 

package/src/sap/m/HeaderContainerItemNavigator.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @since 1.67.0
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @alias sap.m.HeaderContainerItemNavigator

package/src/sap/m/IconTabBar.js

@@ -7,14 +7,14 @@
 // Provides control sap.m.IconTabBar.
 sap.ui.define([
 	'./library',
-	"sap/ui/core/Core",
 	'sap/ui/core/Control',
 	'./IconTabBarRenderer',
 	'./IconTabHeader',
+	"sap/ui/core/RenderManager",
 	"sap/ui/core/util/ResponsivePaddingsEnablement",
 	"sap/ui/thirdparty/jquery"
 ],
-	function(library, Core, Control, IconTabBarRenderer, IconTabHeader, ResponsivePaddingsEnablement, jQuery) {
+	function(library, Control, IconTabBarRenderer, IconTabHeader, RenderManager, ResponsivePaddingsEnablement, jQuery) {
 	"use strict";
 
 	// shortcut for sap.m.IconTabHeaderMode
@@ -94,7 +94,7 @@ sap.ui.define([
 	 * @implements sap.m.ObjectHeaderContainer, sap.f.IDynamicPageStickyContent
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @public
 	 * @alias sap.m.IconTabBar
@@ -513,7 +513,7 @@ sap.ui.define([
 	IconTabBar.prototype._rerenderContent = function (oContent) {
 		var $content = this.$("content");
 		if (oContent && ($content.length > 0)) {
-			var oRM = Core.createRenderManager();
+			var oRM = new RenderManager().getInterface();
 			for (var i = 0; i < oContent.length; i++) {
 				oRM.renderControl(oContent[i]);
 			}

package/src/sap/m/IconTabBarDragAndDropUtil.js

@@ -8,13 +8,13 @@
  * Contains functionality that is used in sap.m.IconTabBar Drag&Drop
  */
 sap.ui.define([
+	"sap/base/i18n/Localization",
 	'sap/ui/core/dnd/DragInfo',
 	'sap/ui/core/dnd/DropInfo',
 	"sap/ui/events/KeyCodes",
-	'sap/ui/core/library',
-	'sap/ui/core/Configuration'
+	'sap/ui/core/library'
 ],
-	function(DragInfo, DropInfo, KeyCodes, coreLibrary, Configuration) {
+	function(Localization, DragInfo, DropInfo, KeyCodes, coreLibrary) {
 		"use strict";
 
 		// shortcut for sap.ui.core.dnd.DropPosition
@@ -94,7 +94,7 @@ sap.ui.define([
 				var iBeginDragIndex = oContext.indexOfItem(oDraggedControl),
 					iDropIndex = oContext.indexOfItem(oDroppedControl),
 					iAggregationDropIndex = 0,
-					bRtl = Configuration.getRTL(),
+					bRtl = Localization.getRTL(),
 					bIsDropPositionBefore = sDropPosition === INSERT_POSITION_BEFORE,
 					//_getNestedLevel returns 1 there is no nesting
 					currentNestedLevel = oDroppedControl._getNestedLevel() - 1;
@@ -264,7 +264,7 @@ sap.ui.define([
 			moveItem: function (oDraggedControl, iKeyCode, iMaxIndex) {
 				var aItems = this.getItems(),
 					iBeginDragIndex = this.indexOfItem(oDraggedControl),
-					bRtl = Configuration.getRTL(),
+					bRtl = Localization.getRTL(),
 					iNewDropIndex,
 					bPrevent;
 

package/src/sap/m/IconTabBarSelectList.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @private
@@ -284,7 +284,7 @@ sap.ui.define([
 			return;
 		}
 
-		if (this._oIconTabHeader._isUnselectable(oTappedItem)) {
+		if (!this._oIconTabHeader._isSelectable(oTappedItem)) {
 			return;
 		}