@openui5/sap.f 1.116.0 → 1.117.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.f",
-  "version": "1.116.0",
+  "version": "1.117.0",
   "description": "OpenUI5 UI Library sap.f",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,8 +14,8 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.m": "1.116.0",
-    "@openui5/sap.ui.core": "1.116.0",
-    "@openui5/sap.ui.layout": "1.116.0"
+    "@openui5/sap.m": "1.117.0",
+    "@openui5/sap.ui.core": "1.117.0",
+    "@openui5/sap.ui.layout": "1.117.0"
   }
 }

package/src/sap/f/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.116.0</version>
+  <version>1.117.0</version>
 
   <documentation>SAPUI5 library with Fiori controls.</documentation>
 

package/src/sap/f/Avatar.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.m.Avatar
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/AvatarGroup.js

@@ -98,7 +98,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/AvatarGroupItem.js

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

package/src/sap/f/CalendarAppointmentInCard.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * This calendar appointment is used in card content of type Calendar.
 	 *
 	 * @extends sap.ui.unified.CalendarAppointment
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/CalendarInCard.js

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * <code>sap.m.Toolbar</code> with <code>sap.m.Buttons</code>.
 	 *
 	 * @extends sap.ui.unified.Calendar
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/Card.js

@@ -71,7 +71,7 @@ sap.ui.define([
 	 * @extends sap.f.CardBase
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/CardBase.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPage.js

@@ -112,7 +112,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public
@@ -410,6 +410,7 @@ sap.ui.define([
 		});
 		this._oStickyHeaderObserver = null;
 		this._oHeaderObserver = null;
+		this._oTitleObserver = null;
 		this._oSubHeaderAfterRenderingDelegate = {onAfterRendering: function() {
 				this._bStickySubheaderInTitleArea = false; // reset the flag as the stickySubHeader is freshly rerendered with the iconTabBar
 				this._cacheDomElements();
@@ -431,6 +432,7 @@ sap.ui.define([
 			this._attachTitleMouseOverHandlers();
 		}
 		this._attachHeaderObserver();
+		this._attachTitleObserver();
 		this._addStickySubheaderAfterRenderingDelegate();
 		this._detachScrollHandler();
 		this._detachResizeHandlers();
@@ -489,6 +491,10 @@ sap.ui.define([
 			this._oHeaderObserver.disconnect();
 		}
 
+		if (this._oTitleObserver) {
+			this._oTitleObserver.disconnect();
+		}
+
 		if (this._oStickySubheader) {
 			this._oStickySubheader.removeEventDelegate(this._oSubHeaderAfterRenderingDelegate);
 		}
@@ -622,7 +628,7 @@ sap.ui.define([
 	};
 
 	/**
-	 * Returns the <code>sap.ui.core.ScrollEnablement</code> delegate which is used with this control.
+	 * Returns the <code>sap.ui.core.delegate.ScrollEnablement</code> delegate which is used with this control.
 	 *
 	 * @public
 	 * @returns {sap.ui.core.delegate.ScrollEnablement} The scroll delegate instance
@@ -2158,7 +2164,8 @@ sap.ui.define([
 		var oTitle = this.getTitle(),
 			oHeader = this.getHeader(),
 			oContent = this.getContent(),
-			oPageChildrenAfterRenderingDelegate = {onAfterRendering: this._onChildControlAfterRendering.bind(this)};
+			oCallback = this._onChildControlAfterRendering.bind(this),
+			oPageChildrenAfterRenderingDelegate = {onAfterRendering: oCallback};
 
 		if (exists(oTitle)) {
 			oTitle.addEventDelegate(oPageChildrenAfterRenderingDelegate);
@@ -2229,7 +2236,7 @@ sap.ui.define([
 			// => the header will be removed from DOM
 			// but no afterRendering event will be fired (framework-specific behavior)
 			// so we need to reflect the removal of the header height from now
-			oHeader.rerender(); // force the DOM update
+			oHeader.invalidate(); // force the DOM update
 			// update according to the latest header height
 			this._updateTitlePositioning();
 		}
@@ -2253,6 +2260,24 @@ sap.ui.define([
 		}
 	};
 
+	/**
+	 * Attaches observer to the <code>DynamicPageHeader</code> visible property.
+	 * @private
+	 */
+	 DynamicPage.prototype._attachTitleObserver = function () {
+		var oTitle = this.getTitle();
+
+		if (exists(oTitle) && !this._bAlreadyAttachedTitleObserver) {
+			if (!this._oTitleObserver) {
+				this._oTitleObserver = new ManagedObjectObserver(this._onTitleFieldChange.bind(this));
+			}
+
+			this._oTitleObserver.observe(oTitle, {properties: ["visible"]});
+
+			this._bAlreadyAttachedTitleObserver = true;
+		}
+	};
+
 	DynamicPage.prototype._onHeaderFieldChange = function (oEvent) {
 
 		if ((oEvent.type === "property") && (oEvent.name === "pinnable")) {
@@ -2263,6 +2288,15 @@ sap.ui.define([
 		this._updateToggleHeaderVisualIndicators();
 	};
 
+	DynamicPage.prototype._onTitleFieldChange = function (oEvent) {
+
+		if ((oEvent.type === "property") && (oEvent.name === "visible")) {
+			this.invalidate();
+			return;
+		}
+
+	};
+
 	/**
 	 * Attaches handlers to <code>DynamicPageTitle</code> and <DynamicPageHeader</> visual indicators` <code>press</code> events.
 	 * @private

package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPageHeader.js

@@ -62,7 +62,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.116.0
+		 * @version 1.117.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/DynamicPageTitle.js

@@ -89,7 +89,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/FlexibleColumnLayout.js

@@ -97,7 +97,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 * @since 1.95
 	 *
 	 * @constructor

package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 *
 	 * For more information, see {@link sap.f.FlexibleColumnLayoutSemanticHelper#getCurrentUIState} and {@link sap.f.FlexibleColumnLayoutSemanticHelper#getNextUIState}
 	 *
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 * @param {sap.f.FlexibleColumnLayout} oFlexibleColumnLayout
 	 * The <code>sap.f.FlexibleColumnLayout</code> object whose state will be manipulated.
 	 *

package/src/sap/f/GridContainer.js

@@ -171,7 +171,7 @@ sap.ui.define([
 	 * @see {@link sap.f.dnd.GridDropInfo}
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @extends sap.ui.core.Control
 	 *

package/src/sap/f/GridContainerItemLayoutData.js

@@ -21,7 +21,7 @@ sap.ui.define(['sap/ui/core/LayoutData'],
 		 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 		 *
 		 * @author SAP SE
-		 * @version 1.116.0
+		 * @version 1.117.0
 		 *
 		 * @extends sap.ui.core.LayoutData
 		 *

package/src/sap/f/GridContainerSettings.js

@@ -58,14 +58,14 @@ sap.ui.define([
 	 * Can be used to define the sizes of columns and rows for different screen sizes, by using the <code>layout</code> aggregations of <code>sap.f.GridContainer</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @experimental Since 1.65 This class is experimental. The API may change.
 	 * @since 1.65

package/src/sap/f/GridList.js

@@ -93,7 +93,7 @@ sap.ui.define([
 	 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout MDN web docs: CSS Grid Layout}
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @extends sap.m.ListBase
 	 * @implements sap.ui.layout.cssgrid.IGridConfigurable

package/src/sap/f/GridListItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @since 1.70
 	 * @constructor

package/src/sap/f/GridNavigationMatrix.js

@@ -8,7 +8,11 @@
  * Code other than the OpenUI5 libraries must not introduce dependencies to this module.
  */
 
-sap.ui.define([], function () {
+sap.ui.define([
+	"sap/ui/core/Configuration"
+], function (
+	Configuration
+) {
 	"use strict";
 
 	return {
@@ -21,18 +25,19 @@ sap.ui.define([], function () {
 		 * @returns {Array.<Array.<HTMLElement>>} The matrix
 		 */
 		create: function (oGridDomRef, aItemsDomRefs) {
-			var mGridStyles = window.getComputedStyle(oGridDomRef);
+			const mGridStyles = window.getComputedStyle(oGridDomRef);
 
-			var oLayoutSizes = {
+			const oLayoutSizes = {
 				columns: mGridStyles.gridTemplateColumns.split(/\s+/),
 				rows: mGridStyles.gridTemplateRows.split(/\s+/),
 				rowGap: parseFloat(mGridStyles.rowGap),
 				columnGap: parseFloat(mGridStyles.columnGap),
 				paddingTop: parseFloat(mGridStyles.paddingTop),
-				paddingLeft: parseFloat(mGridStyles.paddingLeft)
+				paddingLeft: parseFloat(mGridStyles.paddingLeft),
+				paddingRight: parseFloat(mGridStyles.paddingRight)
 			};
 
-			var aMatrix = Array.from(
+			const aMatrix = Array.from(
 				new Array(oLayoutSizes.rows.length),
 				function () {
 					return new Array(oLayoutSizes.columns.length).fill(this.EMPTY_CELL);
@@ -40,7 +45,7 @@ sap.ui.define([], function () {
 			);
 
 			aItemsDomRefs.forEach(function (oItemDomRef) {
-				var oPos = this._getPosition(oGridDomRef, oItemDomRef, oLayoutSizes);
+				const oPos = this._getPosition(oGridDomRef, oItemDomRef, oLayoutSizes);
 
 				this._addToMatrix(aMatrix, oPos, oItemDomRef);
 			}.bind(this));
@@ -49,10 +54,10 @@ sap.ui.define([], function () {
 		},
 
 		_getPosition: function (oGridDomRef, oItemDomRef, oLayoutSizes) {
-			var oGridRect = oGridDomRef.getBoundingClientRect(),
-				oItemRect = oItemDomRef.getBoundingClientRect(),
-				oGridRow = this._getGridRow(oGridRect, oItemRect, oLayoutSizes),
-				oGridCol = this._getGridCol(oGridRect, oItemRect, oLayoutSizes);
+			const oGridRect = oGridDomRef.getBoundingClientRect();
+			const oItemRect = oItemDomRef.getBoundingClientRect();
+			const oGridRow = this._getGridRow(oGridRect, oItemRect, oLayoutSizes);
+			const oGridCol = this._getGridCol(oGridRect, oItemRect, oLayoutSizes);
 
 			return {
 				xFrom: oGridRow.start,
@@ -63,14 +68,13 @@ sap.ui.define([], function () {
 		},
 
 		_getGridRow: function (oGridRect, oItemRect, oLayoutSizes) {
-			var iStartRow = -1,
+			let iStartRow = -1,
 				iEndRow = 0,
-				fSumRows = 0,
-				i,
-				fTopOffsetInGrid = oItemRect.top - oGridRect.top - oLayoutSizes.paddingTop,
-				fBottomOffsetInGrid = fTopOffsetInGrid + oItemRect.height;
+				fSumRows = 0;
+			const fTopOffsetInGrid = oItemRect.top - oGridRect.top - oLayoutSizes.paddingTop;
+			const fBottomOffsetInGrid = fTopOffsetInGrid + oItemRect.height;
 
-			for (i = 0; i < oLayoutSizes.rows.length; i++) {
+			for (let i = 0; i < oLayoutSizes.rows.length; i++) {
 				fSumRows += parseFloat(oLayoutSizes.rows[i]);
 
 				if (iStartRow === -1 && fTopOffsetInGrid < fSumRows) {
@@ -92,25 +96,51 @@ sap.ui.define([], function () {
 		},
 
 		_getGridCol: function (oGridRect, oItemRect, oLayoutSizes) {
-			var iStartCol = -1,
-				iEndCol = 0,
+			let iStartCol,
+				iEndCol,
 				fSumCols = 0,
-				i,
-				fLeftOffsetInGrid = oItemRect.left - oGridRect.left - oLayoutSizes.paddingLeft,
-				fRightOffsetInGrid = fLeftOffsetInGrid + oItemRect.width;
+				fLeftOffsetInGrid,
+				fRightOffsetInGrid;
+
+			if (Configuration.getRTL()) {
+				iEndCol = -1;
+				iStartCol = oLayoutSizes.columns.length - 1;
+				fRightOffsetInGrid = oGridRect.right - oLayoutSizes.paddingRight - oItemRect.right;
+				fLeftOffsetInGrid = fRightOffsetInGrid + oItemRect.width;
+
+				for (let i = oLayoutSizes.columns.length; i > 0; i--) {
+					fSumCols += parseFloat(oLayoutSizes.columns[i - 1]);
 
-			for (i = 0; i < oLayoutSizes.columns.length; i++) {
-				fSumCols += parseFloat(oLayoutSizes.columns[i]);
+					if (iEndCol === -1 && fRightOffsetInGrid < fSumCols) {
+						iEndCol = i;
+					}
 
-				if (iStartCol === -1 && fLeftOffsetInGrid < fSumCols) {
-					iStartCol = i;
+					fSumCols += oLayoutSizes.columnGap;
+
+					if (Math.round(fLeftOffsetInGrid) <= Math.round(fSumCols)) {
+						iStartCol = i - 1;
+						break;
+					}
 				}
+			} else {
+				iStartCol = -1;
+				iEndCol = 0;
+				fLeftOffsetInGrid = oItemRect.left - oGridRect.left - oLayoutSizes.paddingLeft;
+				fRightOffsetInGrid = fLeftOffsetInGrid + oItemRect.width;
 
-				fSumCols += oLayoutSizes.columnGap;
+				for (let i = 0; i < oLayoutSizes.columns.length; i++) {
+					fSumCols += parseFloat(oLayoutSizes.columns[i]);
 
-				if (Math.round(fRightOffsetInGrid) <= Math.round(fSumCols)) {
-					iEndCol = i + 1;
-					break;
+					if (iStartCol === -1 && fLeftOffsetInGrid < fSumCols) {
+						iStartCol = i;
+					}
+
+					fSumCols += oLayoutSizes.columnGap;
+
+					if (Math.round(fRightOffsetInGrid) <= Math.round(fSumCols)) {
+						iEndCol = i + 1;
+						break;
+					}
 				}
 			}
 
@@ -121,10 +151,8 @@ sap.ui.define([], function () {
 		},
 
 		_addToMatrix: function (aMatrix, oPosition, oDomRef) {
-			var iRow, iCol;
-
-			for (iRow = oPosition.xFrom; iRow < oPosition.xTo; iRow++) {
-				for (iCol = oPosition.yFrom; iCol < oPosition.yTo; iCol++) {
+			for (let iRow = oPosition.xFrom; iRow < oPosition.xTo; iRow++) {
+				for (let iCol = oPosition.yFrom; iCol < oPosition.yTo; iCol++) {
 					aMatrix[iRow][iCol] = oDomRef;
 				}
 			}

package/src/sap/f/IllustratedMessage.js

@@ -56,7 +56,7 @@ sap.ui.define([
 	 * @extends sap.m.IllustratedMessage
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/Illustration.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.m.Illustration
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/PlanningCalendarInCardLegend.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegend', 'sap/ui/unified/CalendarLegendIte
 		 * @extends sap.m.PlanningCalendarLegend
 		 *
 		 * @author SAP SE
-		 * @version 1.116.0
+		 * @version 1.117.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/f/ProductSwitch.js

@@ -34,7 +34,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.116.0
+		 * @version 1.117.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/ProductSwitchItem.js

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

package/src/sap/f/SearchManager.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Element', 'sap/ui/base/ManagedObjectObserver', './sh
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.116.0
+		 * @version 1.117.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/ShellBar.js

@@ -56,7 +56,7 @@ function(
 	 * @implements sap.f.IShellBar, sap.m.IBar, sap.tnt.IToolHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/SidePanel.js

@@ -142,14 +142,14 @@ sap.ui.define([
 	 * <li>[End] - set the expanded side panel width to the maximum value defined in <code>sidePanelMaxWidth</code> property</li>
 	 * <li>[Enter] - set the expanded side panel width to the default value defined in <code>sidePanelWidth</code> property</li>
 	 * <li>[Shift]+[F10] or [Context menu] - show the resize context menu</li>
-	 * <li>[Arrow Left] / [Arrow Right] - increase/decrease the width of the expanded side panel with the regular step</li>
-	 * <li>[Shift] + [Arrow Left] / [Arrow Right] - increase/decrease the width of the expanded side panel with the larger step</li>
+	 * <li>[Arrow Left] or [Arrow Up] / [Arrow Right] or [Arrow Down] - increase/decrease the width of the expanded side panel with the regular step</li>
+	 * <li>[Shift] + [Arrow Left] or [Shift] + [Arrow Up] / [Shift] + [Arrow Right] or [Shift] + [Arrow Down] - increase/decrease the width of the expanded side panel with the larger step</li>
 	 * </ul>
 	 *
  	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public
@@ -415,7 +415,7 @@ sap.ui.define([
 	SidePanel.prototype.onBeforeRendering = function() {
 		var oExpandCollapseButton = this.getAggregation("_arrowButton"),
 			bActionBarExpanded = this.getActionBarExpanded(),
-			sTooltip = bActionBarExpanded ? oResourceBundle.getText("SIDEPANEL_COLLAPSE_BUTTON_TEXT") : oResourceBundle.getText("SIDEPANEL_EXPAND_BUTTON_TEXT"),
+			sTooltip = oResourceBundle.getText("SIDEPANEL_EXPAND_BUTTON_TEXT") + "/" + oResourceBundle.getText("SIDEPANEL_COLLAPSE_BUTTON_TEXT"),
 			sNextArrow;
 
 		if (SidePanelPosition.Right === this.getSidePanelPosition()) {
@@ -530,9 +530,11 @@ sap.ui.define([
 					this._setSidePanelResizePosition(SIDE_PANEL_POSITION_MIN_WIDTH);
 					break;
 				case KeyCodes.ARROW_LEFT:
+				case KeyCodes.ARROW_UP:
 					this._moveSidePanelResizePositionWith(oEvent.shiftKey ? this.getSidePanelResizeLargerStep() : this.getSidePanelResizeStep());
 					break;
 				case KeyCodes.ARROW_RIGHT:
+				case KeyCodes.ARROW_DOWN:
 					this._moveSidePanelResizePositionWith(oEvent.shiftKey ? -this.getSidePanelResizeLargerStep() : -this.getSidePanelResizeStep());
 					break;
 				case KeyCodes.F10:
@@ -668,7 +670,17 @@ sap.ui.define([
 	};
 
 	SidePanel.prototype._focusMain = function() {
-		this._oPreviousFocusedMainElement && this._oPreviousFocusedMainElement.focus();
+		if (this._oPreviousFocusedMainElement) {
+			this._oPreviousFocusedMainElement.focus();
+		} else {
+			var oMainContent = this.getMainContent();
+			for (let i = 0; i < oMainContent.length; ++i) {
+				if (oMainContent[i].isFocusable()) {
+					oMainContent[i].focus();
+					break;
+				}
+			}
+		}
 	};
 
 	SidePanel.prototype._focusSideContent = function() {

package/src/sap/f/SidePanelItem.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Item
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/SidePanelRenderer.js

@@ -225,7 +225,7 @@ sap.ui.define([
 			oRm.attr("tabindex", 0);
 			oRm.attr("role", "separator");
 			oRm.attr("aria-orientation", "vertical");
-			oRm.attr("aria-roledescription", "splitter separator");
+			oRm.attr("aria-roledescription", "splitter");
 			oRm.attr("title", oControl._getSplitterTitle());
 			oRm.openEnd();
 

package/src/sap/f/cards/BaseHeader.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/cards/Header.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @implements sap.f.cards.IHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public
@@ -238,6 +238,14 @@ sap.ui.define([
 		oAvatar.setBackgroundColor(this.getIconBackgroundColor());
 	};
 
+	/**
+	 * @protected
+	 * @returns {boolean} If the icon should be shown.
+	 */
+	Header.prototype.shouldShowIcon = function () {
+		return this.getIconVisible();
+	};
+
 	/**
 	 * This method is a hook for the RenderManager that gets called
 	 * during the rendering of child Controls. It allows to add,