@openui5/sap.m 1.103.0 → 1.105.0

package/src/sap/m/GenericTile.js

@@ -20,6 +20,7 @@ sap.ui.define([
 	"sap/base/strings/camelize",
 	"sap/base/util/deepEqual",
 	"sap/ui/events/PseudoEvents",
+	"sap/ui/core/theming/Parameters",
 	"sap/ui/thirdparty/jquery"
 ], function (
 	library,
@@ -37,6 +38,7 @@ sap.ui.define([
 	camelize,
 	deepEqual,
 	PseudoEvents,
+	Parameters,
 	jQuery
 ) {
 	"use strict";
@@ -64,7 +66,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 * @since 1.34.0
 	 *
 	 * @public
@@ -440,8 +442,9 @@ sap.ui.define([
 				this._oMoreIcon = this._oMoreIcon || new Button({
 					id: this.getId() + "-action-more",
 					icon: "sap-icon://overflow",
-					type: "Transparent"
-				}).addStyleClass("sapMPointer").addStyleClass(sTileClass + "MoreIcon");
+					type: "Transparent",
+					tooltip :this._oRb.getText("GENERICTILE_MORE_ACTIONBUTTON_TEXT")
+				}).addStyleClass("sapMPointer").addStyleClass(sTileClass + "MoreIcon").addStyleClass(sTileClass + "ActionMoreButton");
 				this._oMoreIcon.ontouchstart = function() {
 					this.removeFocus();
 				}.bind(this);
@@ -560,10 +563,15 @@ sap.ui.define([
 		}
 
 		//sets the extra width of 0.5rem when the grid container has 1rem gap for the TwoByxxxx tiles
-		if (this.getParent() && this.getParent().isA("sap.f.GridContainer")){
+		var oGetParent = this.getParent();
+		if (oGetParent && oGetParent.isA("sap.f.GridContainer")){
 			this._applyExtraWidth();
 		}
 
+		if (oGetParent && oGetParent.getParent() && oGetParent.getParent().isA("sap.f.GridContainer") && oGetParent.isA("sap.m.SlideTile")){
+			this._applyExtraWidth(oGetParent.getParent(), true);
+		}
+
 		Device.media.detachHandler(this._handleMediaChange, this, DEVICE_SET);
 
 		if (this._$RootNode) {
@@ -712,10 +720,14 @@ sap.ui.define([
 	 */
 	GenericTile.prototype._setupResizeClassHandler = function () {
 		var fnCheckMedia = function () {
-			if (this.getSizeBehavior() === TileSizeBehavior.Small || window.matchMedia("(max-width: 374px)").matches) {
+			if (this.getSizeBehavior() === TileSizeBehavior.Small || window.matchMedia("(max-width: 374px)").matches || this._isSmallStretchTile()) {
 				this.$().addClass("sapMTileSmallPhone");
+				if (this._isSmallStretchTile()) {
+					this.addStyleClass("sapMGTStretch");
+				}
 			} else {
 				this.$().removeClass("sapMTileSmallPhone");
+				this.removeStyleClass("sapMGTStretch");
 			}
 		}.bind(this);
 
@@ -723,6 +735,18 @@ sap.ui.define([
 		fnCheckMedia();
 	};
 
+	/**
+	 *Checks if the GenericTile has stretch frametype and the window size is below 600px
+	 *
+	 * @returns {boolean} True if the above mentioned condition is met
+	 * @private
+	 */
+
+	GenericTile.prototype._isSmallStretchTile = function () {
+		return this.getFrameType() === FrameType.Stretch && window.matchMedia("(max-width: 600px)").matches;
+	};
+
+
 	/**
 	 * Looks for the class '.sapUiSizeCompact' on the control and its parents to determine whether to render cozy or compact density mode.
 	 *
@@ -1087,6 +1111,15 @@ sap.ui.define([
 		return bIsAriaUpd;
 	};
 
+	GenericTile.prototype.onsaptabnext = function(oEvt) {
+		if (this._isIconMode() && this.getFrameType() === FrameType.TwoByHalf && oEvt && oEvt.keyCode) {
+			if (oEvt.keyCode === 9 && oEvt.srcControl.getId() == this._oMoreIcon.getId()) {
+					this._oMoreIcon.removeStyleClass("sapMGTVisible");
+			} else if (oEvt.keyCode === 9) {
+				this._oMoreIcon.addStyleClass("sapMGTVisible");
+			}
+		}
+    };
 	GenericTile.prototype.onkeyup = function (event) {
 		if (!_isInnerTileButtonPressed(event, this)) {
 			var currentKey = keyPressed[event.keyCode];    //disable navigation to other tiles when one tile is selected
@@ -1124,7 +1157,7 @@ sap.ui.define([
 				event.preventDefault();
 			}
 
-			this._updateAriaLabel();  // To update the Aria Label for Generic Tile on change.
+			this._updateAriaLabel(); // To update the Aria Label for Generic Tile on change.
 		}
 	};
 
@@ -1309,12 +1342,14 @@ sap.ui.define([
 
 		if (!this._isInActionScope() && (this.getMode() === GenericTileMode.ContentMode || this.getMode() === GenericTileMode.ArticleMode || this.getMode() === GenericTileMode.ActionMode)) {
 			for (var i = 0; i < aContent.length; i++) {
-				if (typeof aContent[i]._getAriaAndTooltipText === "function") {
-					sText += (bIsFirst ? "" : "\n") + aContent[i]._getAriaAndTooltipText();
-				} else if (aContent[i].getTooltip_AsString()) {
-					sText += (bIsFirst ? "" : "\n") + aContent[i].getTooltip_AsString();
+				if (aContent[i].getVisible()){
+					if (typeof aContent[i]._getAriaAndTooltipText === "function") {
+						sText += (bIsFirst ? "" : "\n") + aContent[i]._getAriaAndTooltipText();
+					} else if (aContent[i].getTooltip_AsString()) {
+						sText += (bIsFirst ? "" : "\n") + aContent[i].getTooltip_AsString();
+					}
+					bIsFirst = false;
 				}
-				bIsFirst = false;
 			}
 		}
 
@@ -1545,7 +1580,7 @@ sap.ui.define([
 			$Tile.attr("aria-label", sAriaText);
 		}
 		if (this._isInActionScope()) {
-			$Tile.find('*:not(.sapMGTRemoveButton)').removeAttr("aria-label").removeAttr("title").off("mouseenter");
+			$Tile.find('*:not(.sapMGTRemoveButton,.sapMGTActionMoreButton)').removeAttr("aria-label").removeAttr("title").off("mouseenter");
 		} else {
 			$Tile.find('*').removeAttr("aria-label").removeAttr("title").off("mouseenter");
 		}
@@ -1684,6 +1719,9 @@ sap.ui.define([
 	GenericTile.prototype._isIconMode = function () {
 		if (this.getMode() === GenericTileMode.IconMode
 			&& (this.getFrameType() === FrameType.OneByOne || this.getFrameType() === FrameType.TwoByHalf)){
+				if (!this.getBackgroundColor() && this.getFrameType() === FrameType.TwoByHalf) {
+					this._setDefaultBackgroundColor();
+				}
 				if (this.getTileIcon() && this.getBackgroundColor()) {
 					return true;
 				} else {
@@ -1698,6 +1736,14 @@ sap.ui.define([
 		}
 	};
 
+	/**
+	 * Sets the default background color when the tile is in iconmode.
+	 */
+	GenericTile.prototype._setDefaultBackgroundColor = function() {
+		var sColor = Parameters.get("sapUiContentPlaceholderloadingBackground");
+		this.setProperty("backgroundColor" , sColor, true);
+	};
+
 	/**
 	 * Checks if Navigate Action Button should be used in Article Mode
 	 * @returns {boolean} - true if Navigate Action Button is enabled
@@ -1711,10 +1757,15 @@ GenericTile.prototype._isNavigateActionEnabled = function() {
 	 * An extra width of 0.5rem would be applied when the gap is 1rem(16px) in the grid container for the TwoByOne and TwoByHalf tiles
 	 * @private
 	 */
-	GenericTile.prototype._applyExtraWidth = function() {
-		var	sGap = this.getParent().getActiveLayoutSettings().getGap(),
-			bisLargeTile = this.getFrameType() === FrameType.TwoByHalf || this.getFrameType() === FrameType.TwoByOne,
-			bisGap16px = sGap === "16px" || sGap === "1rem";
+	GenericTile.prototype._applyExtraWidth = function(oGetParent, bTrue) {
+		var sGap;
+		if (bTrue == true){
+			sGap = oGetParent.getActiveLayoutSettings().getGap();
+		} else {
+		sGap = this.getParent().getActiveLayoutSettings().getGap();
+		}
+		var bisLargeTile = this.getFrameType() === FrameType.TwoByHalf || this.getFrameType() === FrameType.TwoByOne,
+		bisGap16px = sGap === "16px" || sGap === "1rem";
 		if (bisGap16px && bisLargeTile){
 			this.addStyleClass("sapMGTWidthForGridContainer");
 		} else if (!bisGap16px && this.hasStyleClass("sapMGTWidthForGridContainer")){

package/src/sap/m/GenericTileLineModeRenderer.js

@@ -87,7 +87,7 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/thirdpart
 		oRm.class("sapMGT");
 		oRm.class(sScopeClass);
 		if (sScope ===  GenericTileScope.ActionMore) {
-				oRm.style("padding-right", "2.25rem");
+				oRm.style("padding-right", "3.3rem");
 		}
 		if (sState !== LoadState.Disabled && sScope === GenericTileScope.ActionRemove) {
 			oRm.class("sapMGTAcionRemove");
@@ -214,7 +214,9 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/thirdpart
 
 			oRm.close("div"); //.sapMGTTouchArea
 		}
-
+		if (oControl._isInActionScope() && oControl.getState() !== LoadState.Disabled) {
+			oRm.renderControl(oControl._oRemoveButton);
+		}
 		if (bRenderLink) {
 			oRm.close("a");
 		} else {
@@ -299,8 +301,6 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/thirdpart
 			oRm.openEnd();
 
 			oRm.renderControl(oControl._oMoreIcon);
-			oRm.renderControl(oControl._oRemoveButton);
-
 			oRm.close("span");
 		}
 	};

package/src/sap/m/GenericTileRenderer.js

@@ -154,9 +154,12 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 		if (oControl.getMode() === GenericTileMode.HeaderMode) {
 			oRm.class("sapMGTHeaderMode");
 		}
-		oRm.openEnd();
 		var aTileContent = oControl.getTileContent();
 		var iLength = aTileContent.length;
+		if (this._isNewsContentPresent(aTileContent,iLength)){
+			oRm.class("sapMGTNewsContent");
+		}
+		oRm.openEnd();
 		var isFooterPresent = false;
 		var isContentPresent = false;
 		function renderLoadingShimmerIconMode(oRm, bIsLoading) {
@@ -426,9 +429,6 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 		}
 		if (oControl.getSystemInfo()) {
 			oRm.openStart("div", oControl.getId() + "-sytemInfoWrapper");
-			if (oControl.getAppShortcut() && oControl.getSystemInfo()){
-				oRm.class("sapMGTMarginTop4px");
-			}
 			oRm.class("sapMGTSystemInfoText").openEnd();
 			oRm.renderControl(oControl._oSystemInfo);
 			oRm.close("div");
@@ -562,6 +562,18 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 		return /(hcw|hcb)/g.test(sap.ui.getCore().getConfiguration().getTheme());
 	};
 
+	GenericTileRenderer._isNewsContentPresent = function(aTileContent,iLength) {
+		var bIsPresent = false;
+		for (var i = 0; i < iLength; i++) {
+			var oAggregationContent = aTileContent[i].getContent();
+			if (oAggregationContent && oAggregationContent.isA("sap.m.NewsContent")) {
+				bIsPresent = true;
+				break;
+			}
+		}
+		return bIsPresent;
+	};
+
 	return GenericTileRenderer;
 
 }, /* bExport= */true);

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.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/GrowingEnablement.js

@@ -162,9 +162,13 @@ sap.ui.define([
 		},
 
 		// reset paging on rebind
-		reset : function() {
+		reset : function(bPageSizeOnly) {
 			this._iLimit = 0;
 
+			if (bPageSizeOnly) {
+				return;
+			}
+
 			// if factory function is used we do not activate the replace option of the extended change detection
 			var oBindingInfo = this._oControl.getBindingInfo("items");
 			this._oControl.oExtendedChangeDetectionConfig = (!oBindingInfo || !oBindingInfo.template) ? null : {replace: true};
@@ -276,7 +280,16 @@ sap.ui.define([
 									'<div class="sapUiInvisibleText" id="' + sTriggerID + 'Message"></div>' +
 								'</div>'
 				})
-			}).setParent(this._oControl, null, true).attachPress(this.requestNewPage, this).addDelegate({
+			});
+
+			// stop the eventing between item and the list
+			this._oTrigger.getList = function() {};
+			// defines the tag name
+			this._oTrigger.TagName = "div";
+			// trigger should not be mapped to groupHeader when setParent is called, hence overwrite this method
+			this._oTrigger.setGroupedItem = function() {};
+
+			this._oTrigger.setParent(this._oControl, null, true).attachPress(this.requestNewPage, this).addDelegate({
 				onsapenter : function(oEvent) {
 					this.requestNewPage();
 					oEvent.preventDefault();
@@ -290,6 +303,10 @@ sap.ui.define([
 					// aria-selected is added as the CustomListItem type="Active"
 					// aria-selected should be removed as it is not allowed with role="button"
 					$oTrigger.removeAttr("aria-selected");
+					// aria-roledescription not required for growing trigger
+					$oTrigger.removeAttr("aria-roledescription");
+					// aria-posinset & aria-setsize removed as it is not allowed with role="button"
+					$oTrigger.removeAttr("aria-posinset").removeAttr("aria-setsize");
 					$oTrigger.attr({
 						"tabindex": 0,
 						"role": "button",
@@ -299,11 +316,6 @@ sap.ui.define([
 				}
 			}, this);
 
-			// stop the eventing between item and the list
-			this._oTrigger.getList = function() {};
-			// defines the tag name
-			this._oTrigger.TagName = "div";
-
 			return this._oTrigger;
 		},
 
@@ -377,19 +389,30 @@ sap.ui.define([
 
 				if (oLastItem && oLastItem.isGroupHeader()) {
 					oControl.removeAggregation("items", oLastItem, true);
+					oControl.setLastGroupHeader(oLastItem);
 					this._fnAppendGroupItem = this.appendGroupItem.bind(this, oGroupInfo, oLastItem, bSuppressInvalidate);
 					oLastItem = aItems[aItems.length - 1];
 				}
 
 				if (!oLastItem || oGroupInfo.key !== oBinding.getGroup(oLastItem.getBindingContext(sModelName)).key) {
-					var oGroupHeader = (oBindingInfo.groupHeaderFactory) ? oBindingInfo.groupHeaderFactory(oGroupInfo) : null;
+					// get the groupHeader control groupHeaderFactory or create an sap.m.GroupHeaderListItem instance with the oGroupInfo
+					// required for setLastGroupHeader to correctly set the _oLastGroupHeader. The created groupHeader is later reused
+					var oGroupHeader = oBindingInfo.groupHeaderFactory ? oBindingInfo.groupHeaderFactory(oGroupInfo) : oControl.getGroupHeaderTemplate(oGroupInfo);
+
 					if (oControl.getGrowingDirection() == ListGrowingDirection.Upwards) {
 						this.applyPendingGroupItem();
+						oControl.setLastGroupHeader(oGroupHeader);
 						this._fnAppendGroupItem = this.appendGroupItem.bind(this, oGroupInfo, oGroupHeader, bSuppressInvalidate);
 					} else {
 						this.appendGroupItem(oGroupInfo, oGroupHeader, bSuppressInvalidate);
 					}
 				}
+
+				var oLastGroupHeader = oControl.getLastGroupHeader();
+				if (oLastGroupHeader) {
+					// required to update the group header aria-owns attribute
+					oLastGroupHeader.invalidate();
+				}
 			}
 
 			oControl.addAggregation("items", oItem, bSuppressInvalidate);
@@ -537,8 +560,11 @@ sap.ui.define([
 
 		// destroy a single list item
 		deleteListItem : function(iIndex) {
-			this._oControl.getItems(true)[iIndex].destroy(true);
-			this._iRenderedDataItems--;
+			var oItem = this._oControl.getItems(true)[iIndex];
+			if (oItem) {
+				this._oControl.getItems(true)[iIndex].destroy(true);
+				this._iRenderedDataItems--;
+			}
 		},
 
 		/**
@@ -630,7 +656,7 @@ sap.ui.define([
 			if (!aContexts.length) {
 				// no context, destroy list items
 				this.destroyListItems();
-			} else if (!oControl.getItemsContainerDomRef()) {
+			} else if (!aItems.length && !oControl.getItemsContainerDomRef()) {
 				// no dom ref for compatibility reason start from scratch
 				this.rebuildListItems(aContexts, oBindingInfo);
 			} else if (!aDiff || !aItems.length && aDiff.length) {

package/src/sap/m/GrowingList.js

@@ -22,7 +22,7 @@ sap.ui.define(['./List', './library', './GrowingListRenderer'],
 	 * @extends sap.m.List
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.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.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HeaderContainer.js

@@ -125,7 +125,7 @@ sap.ui.define([
 		 * @since 1.44.0
 		 *
 		 * @author SAP SE
-		 * @version 1.103.0
+		 * @version 1.105.0
 		 *
 		 * @public
 		 * @alias sap.m.HeaderContainer
@@ -315,11 +315,11 @@ sap.ui.define([
 				if (!this._isMobileView()) {
 					this._oArrowPrev = new Icon({
 						id: this.getId() + "-scrl-prev-button"
-					}).addStyleClass("sapMHdrCntrBtn").addStyleClass("sapMHdrCntrLeft");
+					}).addStyleClass("sapMHdrCntrBtn").addStyleClass("sapMHdrCntrLeft").addStyleClass("sapMHdrCntrBtnIcon");
 					this.setAggregation("_prevButton", this._oArrowPrev, true);
 					this._oArrowNext = new Icon({
 						id: this.getId() + "-scrl-next-button"
-					}).addStyleClass("sapMHdrCntrBtn").addStyleClass("sapMHdrCntrRight");
+					}).addStyleClass("sapMHdrCntrBtn").addStyleClass("sapMHdrCntrRight").addStyleClass("sapMHdrCntrBtnIcon");
 					this.setAggregation("_nextButton", this._oArrowNext, true);
 				}
 			}

package/src/sap/m/HeaderContainerItemNavigator.js

@@ -5,11 +5,8 @@
  */
 
 sap.ui.define([
-	"sap/ui/core/delegate/ItemNavigation",
-	"sap/base/assert",
-	"sap/ui/dom/containsOrEquals",
-	"sap/ui/events/KeyCodes"
-], function (ItemNavigation, assert, containsOrEquals, KeyCodes) {
+	"sap/ui/core/delegate/ItemNavigation"
+], function (ItemNavigation) {
 	"use strict";
 
 	/**
@@ -19,7 +16,7 @@ sap.ui.define([
 	 * @since 1.67.0
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.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.103.0
+	 * @version 1.105.0
 	 *
 	 * @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.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/IconTabFilter.js

@@ -94,7 +94,7 @@ sap.ui.define([
 	 * @implements sap.m.IconTab
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @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.103.0
+	 * @version 1.105.0
 	 *
 	 * @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.103.0
+	 * @version 1.105.0
 	 *
 	 * @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;
 		}
 

package/src/sap/m/IconTabSeparator.js

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