@openui5/sap.m 1.117.1 → 1.118.0

package/src/sap/m/DynamicDateRange.js

@@ -205,6 +205,21 @@ sap.ui.define([
 				"DATETIME"
 			];
 
+			var oDynamicDateRangeGroups = {
+
+				SingleDates: 1,
+
+				DateRanges: 2,
+
+				Weeks: 3,
+
+				Month: 4,
+
+				Quarters: 5,
+
+				Years: 6
+			};
+
 		/**
 		 * Constructor for a new DynamicDateRange.
 		 *
@@ -242,7 +257,7 @@ sap.ui.define([
 		 * is opened. The dialog is closed via a date time period value selection or by pressing the "Cancel" button.
 		 *
 		 * @author SAP SE
-		 * @version 1.117.1
+		 * @version 1.118.0
 		 *
 		 * @constructor
 		 * @public
@@ -835,6 +850,81 @@ sap.ui.define([
 			return this.getOption(sKey).toDates(oValue);
 		};
 
+		/**
+		 * Returns enumeration containing the current groups in <code>sap.m.DynamicDateRange</code>
+		 *
+		 * @private
+		 */
+		DynamicDateRange.prototype._getGroups = function() {
+			if (!this.oDynamicDateRangeGroups) {
+				this.oDynamicDateRangeGroups = JSON.parse(JSON.stringify(oDynamicDateRangeGroups)); // making a copy of the object to break the reference
+			}
+
+			return this.oDynamicDateRangeGroups;
+		};
+
+		/**
+		 * Returns the header of a custom group.
+		 *
+		 * @private
+		 */
+		DynamicDateRange.prototype._getCustomGroupHeader = function(sGroupName) {
+			var oGroup = this._customGroupHeaders.find( (x) => {
+				return x.name === sGroupName;
+			});
+
+			return oGroup.header;
+		};
+
+		/**
+		 * Adds a group to the enumeration containing the current groups in <code>sap.m.DynamicDateRange</code>
+		 * @param {string} sGroupName the name that the group will be selected by.
+		 * @param {string} sGroupHeader the group header that will be presented in the list.
+		 * @returns {void}
+		 * @public
+		 * @since 1.118
+		 */
+		DynamicDateRange.prototype.addGroup = function(sGroupName, sGroupHeader) {
+			this._getGroups()[sGroupName] = Object.keys(this._getGroups()).length + 1;
+
+			if (!this._customGroupHeaders) {
+				this._customGroupHeaders = [];
+			}
+
+			this._customGroupHeaders.push({
+				name: sGroupName,
+				header: sGroupHeader
+			});
+		};
+
+		/**
+		 * Sets a new header to an existing custom group.
+		 * @param {string} sGroupName the name that the group will be selected by.
+		 * @param {string} sGroupHeader the group header that will be presented in the list.
+		 * @returns {void}
+		 * @public
+		 */
+		 DynamicDateRange.prototype.setGroupHeader = function(sGroupName, sGroupHeader) {
+			this._customGroupHeaders.find((group) => group.name === sGroupName).header = sGroupHeader;
+		};
+
+		/**
+		 * Removes all additionally added groups
+		 * @returns {void}
+		 * @public
+		 */
+		DynamicDateRange.prototype.removeCustomGroups = function() {
+			const iCountOfStandardGroups = Object.keys(oDynamicDateRangeGroups).length;
+
+			for (const group in this._getGroups()) {
+				if (this._getGroups()[group] > iCountOfStandardGroups) {
+				  delete this._getGroups()[group];
+				}
+			}
+
+			delete this._customGroupHeaders;
+		};
+
 		/**
 		 * Returns an array of <code>sap.m.DynamicDateOptions</code> (standard and custom) instances used in the control.
 		 *
@@ -1180,17 +1270,18 @@ sap.ui.define([
 
 			// get the control options' metadata
 			var aOptions = aArray;
-
 			// sort by group
 			aOptions.sort(function(a, b) {
-				var iGroupDiff = a.getGroup() - b.getGroup();
+				var iGroupA = Number(a.getGroup()) ? a.getGroup() : this._getGroups()[a.getGroup()];
+				var iGroupB = Number(b.getGroup()) ? b.getGroup() : this._getGroups()[b.getGroup()];
+				var iGroupDiff = iGroupA - iGroupB;
 
 				if (iGroupDiff) {
 					return iGroupDiff;
 				}
 
 				return aStandardOptionsKeys.indexOf(a.getKey()) - aStandardOptionsKeys.indexOf(b.getKey());
-			});
+			}.bind(this));
 
 			if (bReduce) {
 				// for last x/next x options leave only the first of each, remove the rest
@@ -1218,9 +1309,14 @@ sap.ui.define([
 			}
 
 			if (this.getEnableGroupHeaders()) {
+
 				// insert a group header string before the options from each group
 				aOptions = aOptions.reduce(function(aResult, oCurrent) {
-					var sGroupHeader = oCurrent.getGroupHeader();
+					var iGroup = Number(oCurrent.getGroup()) ? oCurrent.getGroup() : this._getGroups()[oCurrent.getGroup()];
+					var sGroupName = Object.keys(this._getGroups()).find((key) => this._getGroups()[key] === iGroup);
+					var bGroupHasHeader = this._customGroupHeaders && this._customGroupHeaders.find((group) => group.name === sGroupName);
+					var sGroupHeader = bGroupHasHeader ? this.getGroupHeader(sGroupName) : oCurrent.getGroupHeader();
+
 					if (aGroupHeaders.indexOf(sGroupHeader) === -1) {
 						aGroupHeaders.push(sGroupHeader);
 						aResult.push(sGroupHeader);
@@ -1229,12 +1325,29 @@ sap.ui.define([
 					aResult.push(oCurrent);
 
 					return aResult;
-				}, []);
+				}.bind(this), []);
 			}
 
 			return aOptions;
 		};
 
+		/**
+		 * Provides the option's group header text.
+		 *
+		 * @returns {string} A group header
+		 * @public
+		 * @since 1.118
+		 */
+		 DynamicDateRange.prototype.getGroupHeader = function(sGroupName) {
+			var iGroupId = this._getGroups()[sGroupName];
+
+			if (iGroupId >= this._getGroups()["SingleDates"] && iGroupId <= this._getGroups()["Years"]) {
+				return oResourceBundle.getText("DDR_OPTIONS_GROUP_" + iGroupId);
+			}
+
+			return this._getCustomGroupHeader(sGroupName) ;
+		};
+
 		DynamicDateRange.prototype._createListItem = function(oOption) {
 			var bIsFixedOption = this._isFixedOption(oOption);
 

package/src/sap/m/DynamicDateValueHelpUIType.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/Element'],
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.117.1
+		 * @version 1.118.0
 		 *
 		 * @public
 		 * @since 1.92

package/src/sap/m/ExpandableText.js

@@ -105,7 +105,7 @@ function(library,
 	 * @implements sap.ui.core.IFormContent, sap.m.IHyphenation
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FacetFilter.js

@@ -174,7 +174,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @implements sap.ui.core.IShrinkable
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public
@@ -1787,7 +1787,7 @@ sap.ui.define([
 	 * @private
 	 */
 	FacetFilter.prototype._createSelectAllCheckboxBar = function(oList) {
-		if (!oList.getMultiSelect()) {
+		if (oList.getMode() !== ListMode.MultiSelect) {
 			return null;
 		}
 

package/src/sap/m/FacetFilterItem.js

@@ -20,7 +20,7 @@ sap.ui.define(['./ListItemBase', './library', './FacetFilterItemRenderer'],
 	 * @class
 	 * Represents a value for the {@link sap.m.FacetFilterList} control.
 	 * @extends sap.m.ListItemBase
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public
@@ -54,8 +54,9 @@ sap.ui.define(['./ListItemBase', './library', './FacetFilterItemRenderer'],
 		renderer: FacetFilterItemRenderer
 	});
 
-	/*
+	/**
 	 * Sets count for the FacetFilterList.
+	 * @deprecated as of version 1.18, replaced by <code>setCounter/code>
 	 * @param {int} iCount The counter to be set to
 	 * @returns {this} this for chaining
 	 */
@@ -74,6 +75,9 @@ sap.ui.define(['./ListItemBase', './library', './FacetFilterItemRenderer'],
 	 */
 	FacetFilterItem.prototype.setCounter = function(iCount) {
 
+		/**
+		 * @deprecated As of version 1.18
+		 */
 		this.setProperty("count", iCount);
 		this.setProperty("counter", iCount);
 		return this;

package/src/sap/m/FacetFilterList.js

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * be closed.
 	 *
 	 * @extends sap.m.List
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public
@@ -204,13 +204,13 @@ sap.ui.define([
 		return this;
 	};
 
-	/*
+	/**
 	 * Sets the multiSelect property (default value is <code>true</code>).
+	 * @deprecated As of version 1.20, replaced by <code>setMode</code>
 	 * @param {boolean}	bVal New value for property multiSelect
-	 * @returns {this}	this to allow method chaining
+	 * @returns {this} <code>this</code> to allow method chaining
 	 */
 	FacetFilterList.prototype.setMultiSelect = function(bVal) {
-
 		this.setProperty("multiSelect", bVal, true);
 		var mode = bVal ? ListMode.MultiSelect : ListMode.SingleSelectMaster;
 		this.setMode(mode);
@@ -229,6 +229,9 @@ sap.ui.define([
 		if (mode === ListMode.MultiSelect || mode === ListMode.SingleSelectMaster) {
 
 			List.prototype.setMode.call(this, mode);
+			/**
+			 * @deprecated As of version 1.20
+			 */
 			this.setProperty("multiSelect", mode === ListMode.MultiSelect ? true : false, true);
 		}
 		return this;
@@ -704,7 +707,7 @@ sap.ui.define([
 			return oItem.getSelected();
 		}
 
-		if (this.getMultiSelect()) {
+		if (this.getMode() === ListMode.MultiSelect) {
 			oCheckbox = sap.ui.getCore().byId(this.getAssociation("allcheckbox"));
 			bAtLeastOneItemIsSelected = iItemsCount > 0 && iItemsCount === aItems.filter(isSelected).length;
 			bSelectAllSelected = this.getActive() && bAtLeastOneItemIsSelected;

package/src/sap/m/FeedContent.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 * @since 1.34
 	 *
 	 * @public

package/src/sap/m/FeedInput.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FeedListItem.js

@@ -58,7 +58,7 @@ function(
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FeedListItemAction.js

@@ -19,7 +19,7 @@ sap.ui.define(["sap/ui/core/Element"],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Fiori20Adapter.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @class text
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 * @private
 	 * @since 1.38
 	 * @alias HeaderAdapter
@@ -228,7 +228,7 @@ sap.ui.define([
 	 * Constructor for an sap.m.Fiori20Adapter.
 	 *
 	 * @class text
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 * @private
 	 * @since 1.38
 	 * @alias sap.m.Fiori20Adapter

package/src/sap/m/FlexBox.js

@@ -62,7 +62,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @public
 	 * @alias sap.m.FlexBox

package/src/sap/m/FlexItemData.js

@@ -24,7 +24,7 @@ sap.ui.define(["./FlexBoxStylingHelper", "./library", "sap/ui/core/LayoutData"],
 	 * @class
 	 * Holds layout data for a FlexBox / HBox / VBox.
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FormattedText.js

@@ -46,7 +46,7 @@ function(
 		 * @class
 		 * The FormattedText control allows the usage of a limited set of tags for inline display of formatted text in HTML format.
 		 * @extends sap.ui.core.Control
-		 * @version 1.117.1
+		 * @version 1.118.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/GenericTag.js

@@ -53,7 +53,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/GenericTile.js

@@ -81,7 +81,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 * @since 1.34.0
 	 *
 	 * @public
@@ -246,7 +246,16 @@ sap.ui.define([
 				 * @experimental Since 1.113
 				 * @since 1.113
 				 */
-				tileBadge: { type: "string", group: "Misc", defaultValue: "" }
+				tileBadge: { type: "string", group: "Misc", defaultValue: "" },
+				/**
+				 * Sets the offset for the Drop Area associated with a Generic Tile.
+				 * The offset is applied uniformly to all the tile edges.
+				 * @experimental Since 1.113
+				 * @internal
+				 * @since 1.118
+				 * @ui5-restricted Used by S/4 MyHome (ux.eng.s4producthomes1)
+				 */
+				dropAreaOffset: { type: "int", group: "Misc", defaultValue: 0 }
 			},
 			defaultAggregation: "tileContent",
 			aggregations: {
@@ -1203,6 +1212,10 @@ sap.ui.define([
 		}
 	};
 
+	GenericTile.prototype.ondragend = function() {
+		this.onDragComplete();
+	};
+
 	GenericTile.prototype.ontap = function (event) {
 		if (!_isInnerTileButtonPressed(event, this)) {
 			var oParams;
@@ -1972,6 +1985,28 @@ GenericTile.prototype._isNavigateActionEnabled = function() {
 		URLHelper.redirect(sURL, true);
 	};
 
+	/**
+	 * Calculates and returns the bounding client rectangle
+	 * of the drop area taking the offset property into account.
+	 * @private
+	 * @param {string} sDropLayout - current drop layout
+	 * @returns {object} mDropRect - bounding rectangle information factoring in offset, if required
+	 */
+	GenericTile.prototype.getDropAreaRect = function(sDropLayout) {
+		var mDropRect = this.getDomRef().getBoundingClientRect().toJSON();
+		var iDropAreaOffset = this.getDropAreaOffset();
+
+		if (sDropLayout === "Horizontal") {
+			mDropRect.left -= iDropAreaOffset;
+			mDropRect.right += iDropAreaOffset;
+		} else {
+			mDropRect.top -= iDropAreaOffset;
+			mDropRect.bottom += iDropAreaOffset;
+		}
+
+		return mDropRect;
+	};
+
 	/**
 	 * Checks if any of the inner buttons in the Tile are focused or clicked
 	 * @param {object} event - jQuery event object

package/src/sap/m/GroupHeaderListItem.js

@@ -30,7 +30,7 @@ sap.ui.define(["sap/ui/core/library", "./library", "./ListItemBase", "./GroupHea
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public
@@ -99,12 +99,11 @@ sap.ui.define(["sap/ui/core/library", "./library", "./ListItemBase", "./GroupHea
 
 			// defines the tag name
 			this.TagName = "tr";
+			this.aAriaOwns = [];
 		}
 	};
 
 	GroupHeaderListItem.prototype.getAccessibilityType = function(oBundle) {
-		var sType = this.getTable() ? "ROW" : "LISTITEM";
-		return oBundle.getText("LIST_ITEM_GROUP_HEADER") + " " + oBundle.getText("ACC_CTR_TYPE_" + sType);
 	};
 
 	GroupHeaderListItem.prototype.getContentAnnouncement = function() {

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/library", "sap/ui/core/Renderer", "./ListItemBaseRenderer", "./ColumnListItemRenderer"],
-	function(coreLibrary, Renderer, ListItemBaseRenderer, ColumnListItemRenderer) {
+sap.ui.define(["sap/ui/core/Core", "sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRenderer", "./ColumnListItemRenderer"],
+	function(Core, coreLibrary, Renderer, ListItemBaseRenderer, ColumnListItemRenderer) {
 	"use strict";
 
 
@@ -21,22 +21,34 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRen
 	GroupHeaderListItemRenderer.apiVersion = 2;
 
 	GroupHeaderListItemRenderer.renderType = function(rm, oLI) {
-		var fnBase = oLI.getTable() ? ColumnListItemRenderer : ListItemBaseRenderer;
-		fnBase.renderType.apply(this, arguments);
+		var oTable = oLI.getTable();
+		if (!oTable || !oTable.doItemsNeedTypeColumn()) {
+			return;
+		}
+
+		rm.openStart("td", oLI.getId() + "-TypeCell");
+		rm.class("sapMListTblNavCol");
+		rm.attr("role", "presentation");
+		rm.openEnd().close("td");
 	};
 
 	GroupHeaderListItemRenderer.renderNavigated = function(rm, oLI) {
-		var fnBase = oLI.getTable() ? ColumnListItemRenderer : ListItemBaseRenderer;
-		fnBase.renderNavigated.apply(this, arguments);
+		var oBaseRenderer = oLI.getTable() ? ColumnListItemRenderer : ListItemBaseRenderer;
+		oBaseRenderer.renderNavigated.apply(oBaseRenderer, arguments);
 	};
 
 	// for dummy cell rendering position inherit from ColumnListItemRenderer
-	GroupHeaderListItemRenderer.renderContentLatter = ColumnListItemRenderer.renderContentLatter;
+	GroupHeaderListItemRenderer.renderContentLatter = function(rm, oLI) {
+		ColumnListItemRenderer.renderContentLatter.apply(this, arguments);
+	};
 
 	// GroupHeaderListItem does not respect mode, counter and highlight property of the LIB
-	GroupHeaderListItemRenderer.renderMode = function(rm, oLI) {};
-	GroupHeaderListItemRenderer.renderCounter = function(rm, oLI) {};
-	GroupHeaderListItemRenderer.renderHighlight = function(rm, oLI) {};
+	GroupHeaderListItemRenderer.renderMode = function() {};
+	GroupHeaderListItemRenderer.renderCounter = function() {};
+	GroupHeaderListItemRenderer.renderHighlight = function() {};
+
+	// accesibility position is only relevant for the Table case therefore use the logic of CLI
+	GroupHeaderListItemRenderer.getAccessbilityPosition = ColumnListItemRenderer.getAccessbilityPosition;
 
 	/**
 	 * Renders the attributes for the given list item, using the provided
@@ -54,6 +66,11 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRen
 		if (oLI.getUpperCase()) {
 			rm.class("sapMGHLIUpperCase");
 		}
+
+		var oTable = oLI.getTable();
+		if (oTable) {
+			rm.attr("aria-roledescription", Core.getLibraryResourceBundle("sap.m").getText("TABLE_GROUP_ROW"));
+		}
 	};
 
 
@@ -70,15 +87,21 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRen
 	GroupHeaderListItemRenderer.renderLIContentWrapper = function(rm, oLI) {
 		var oTable = oLI.getTable();
 		if (oTable) {
-			rm.openStart("td");
+			rm.openStart("td", oLI.getId() + "-cell");
 			rm.class("sapMGHLICell");
-			rm.attr("colspan", oTable.getColCount() - 2 /* Type and Navigated cells are always rendered */- oTable.shouldRenderDummyColumn());
+			rm.attr("role", "gridcell");
+			ColumnListItemRenderer.makeFocusable(rm);
+			rm.attr("colspan", oTable.getColCount() - oTable.doItemsNeedTypeColumn() - oTable.shouldRenderDummyColumn() - 1 /* Navigated cells are always rendered */);
 			rm.openEnd();
 		}
 
 		ListItemBaseRenderer.renderLIContentWrapper.apply(this, arguments);
 
 		if (oTable) {
+			// create dummy contents for the item navigation to mimic a matrix
+			for (var i = 1; i < oTable._colHeaderAriaOwns.length; i++) {
+				rm.openStart("div").class("sapMTblItemNav").openEnd().close("div");
+			}
 			rm.close("td");
 		}
 	};
@@ -112,11 +135,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRen
 	};
 
 	GroupHeaderListItemRenderer.getAriaRole = function(oLI) {
-		if (oLI.getTable()) {
-			return "row";
-		}
-
-		return ListItemBaseRenderer.getAriaRole.apply(this, arguments);
+		return oLI.getTable() ? "row" : "listitem";
 	};
 
 	return GroupHeaderListItemRenderer;

package/src/sap/m/GrowingEnablement.js

@@ -139,19 +139,23 @@ sap.ui.define([
 			// Navigate from last item to growing trigger and vice versa via arrow keys
 			var oControl = this._oControl;
 			if (oControl._oItemNavigation && !oEvent.isMarked()) {
-				var aItemDomRefs = oControl._oItemNavigation.getItemDomRefs();
+				var oItemNavigation = oControl._oItemNavigation;
+				var aItemDomRefs = oItemNavigation.getItemDomRefs();
+				var oFirstItemDomRef = aItemDomRefs[0];
+				var oLastItemDomRef = aItemDomRefs[aItemDomRefs.length - oItemNavigation.iColumns];
 				var sDir = oControl.getGrowingDirection();
-				if ((sDir != ListGrowingDirection.Upwards && oEvent.type == "sapdown" && oEvent.target === aItemDomRefs[aItemDomRefs.length - 1])
-						|| (sDir == ListGrowingDirection.Upwards && oEvent.type == "sapup" && oEvent.target === aItemDomRefs[0])) {
+				if ((sDir != ListGrowingDirection.Upwards && oEvent.type == "sapdown" && oEvent.target === oLastItemDomRef)
+						|| (sDir == ListGrowingDirection.Upwards && oEvent.type == "sapup" && oEvent.target === oFirstItemDomRef)) {
 					var $Trigger = oControl.$("trigger");
 					$Trigger.trigger("focus");
 					oEvent.setMarked();
 					oEvent.stopImmediatePropagation(); // to prevent ItemNavigation
-				} else if ((sDir == ListGrowingDirection.Upwards && oEvent.type == "sapdown")
-						|| (sDir != ListGrowingDirection.Upwards && oEvent.type == "sapup")
+				} else if (((sDir == ListGrowingDirection.Upwards && oEvent.type == "sapdown")
+						|| (sDir != ListGrowingDirection.Upwards && oEvent.type == "sapup"))
 						&& oEvent.target === oControl.getDomRef("trigger")) {
-					jQuery(aItemDomRefs[oEvent.type == "sapdown" ? 0 : aItemDomRefs.length - 1]).trigger("focus");
+					jQuery(oEvent.type == "sapdown" ? oFirstItemDomRef : oLastItemDomRef).trigger("focus");
 					oEvent.setMarked();
+					oEvent.stopImmediatePropagation(); // to prevent ItemNavigation
 				}
 			}
 		},

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.117.1
+	 * @version 1.118.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.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HeaderContainer.js

@@ -124,7 +124,7 @@ sap.ui.define([
 		 * @since 1.44.0
 		 *
 		 * @author SAP SE
-		 * @version 1.117.1
+		 * @version 1.118.0
 		 *
 		 * @public
 		 * @alias sap.m.HeaderContainer

package/src/sap/m/HeaderContainerItemNavigator.js

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

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.117.1
+	 * @version 1.118.0
 	 *
 	 * @public
 	 * @alias sap.m.IconTabBar
@@ -628,7 +628,7 @@ sap.ui.define([
 	 * @returns {sap.m.IconTabBar|null} Aggregation for the IconTabBar.
 	 */
 	IconTabBar.prototype._getIconTabHeader = function () {
-		if (this.isDestroyed()) {
+		if (this.isDestroyStarted()) {
 			return null;
 		}