@openui5/sap.f 1.113.0 → 1.114.1

package/THIRDPARTY.txt

@@ -478,7 +478,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.2.1
+Component: SAP Theming Base Content, version: 11.3.0
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.f",
-  "version": "1.113.0",
+  "version": "1.114.1",
   "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.113.0",
-    "@openui5/sap.ui.core": "1.113.0",
-    "@openui5/sap.ui.layout": "1.113.0"
+    "@openui5/sap.m": "1.114.1",
+    "@openui5/sap.ui.core": "1.114.1",
+    "@openui5/sap.ui.layout": "1.114.1"
   }
 }

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.113.0</version>
+  <version>1.114.1</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.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/Card.js

@@ -71,7 +71,7 @@ sap.ui.define([
 	 * @extends sap.f.CardBase
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPage.js

@@ -17,6 +17,7 @@ sap.ui.define([
 	"sap/ui/core/delegate/ScrollEnablement",
 	"sap/ui/Device",
 	"sap/ui/base/ManagedObject",
+	"sap/ui/dom/getScrollbarSize",
 	"sap/f/DynamicPageTitle",
 	"sap/f/DynamicPageHeader",
 	"./DynamicPageRenderer",
@@ -35,6 +36,7 @@ sap.ui.define([
 	ScrollEnablement,
 	Device,
 	ManagedObject,
+	getScrollbarSize,
 	DynamicPageTitle,
 	DynamicPageHeader,
 	DynamicPageRenderer,
@@ -110,7 +112,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @public
@@ -1332,7 +1334,9 @@ sap.ui.define([
 		var bScrollBarNeeded = this._needsVerticalScrollBar(),
 			oWrapperElement = this.$wrapper.get(0),
 			iTitleHeight = this.$titleArea.get(0).getBoundingClientRect().height,
-			iTitleWidth = this._getTitleAreaWidth();
+			iTitleWidth = this._getTitleAreaWidth(),
+			iScrollbarWidth = getScrollbarSize().width,
+			sClipPath;
 
 		// the top area of the scroll container is reserved for showing the title element,
 		// (where the title element is positioned absolutely on top of the scroll container),
@@ -1346,9 +1350,16 @@ sap.ui.define([
 		// (2) also make the area underneath the title invisible (using clip-path)
 		// to allow usage of *transparent background* of the title element
 		// (otherwise content from the scroll *overflow* will show underneath the transparent title element)
-		oWrapperElement.style.clipPath = 'polygon(0px ' + Math.floor(iTitleHeight) + 'px, '
+		sClipPath = 'polygon(0px ' + Math.floor(iTitleHeight) + 'px, '
 			+ iTitleWidth + 'px ' + Math.floor(iTitleHeight) + 'px, '
-			+ iTitleWidth + 'px 0, 100% 0, 100% 100%, 0 100%)';
+			+ iTitleWidth + 'px 0, 100% 0, 100% 100%, 0 100%)'; //
+
+		if (Core.getConfiguration().getRTL()) {
+			sClipPath = 'polygon(0px 0px, ' + iScrollbarWidth + 'px 0px, '
+			+ iScrollbarWidth + 'px ' + iTitleHeight + 'px, 100% '
+			+ iTitleHeight + 'px, 100% 100%, 0 100%)';
+		}
+		oWrapperElement.style.clipPath = sClipPath;
 
 		this.toggleStyleClass("sapFDynamicPageWithScroll", bScrollBarNeeded);
 

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.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+		 * @version 1.114.1
 		 *
 		 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+	 * @version 1.114.1
 	 * @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.113.0
+	 * @version 1.114.1
 	 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+		 * @version 1.114.1
 		 *
 		 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @since 1.70
 	 * @constructor

package/src/sap/f/IllustratedMessage.js

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

package/src/sap/f/Illustration.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.m.Illustration
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @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.113.0
+		 * @version 1.114.1
 		 *
 		 * @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.113.0
+		 * @version 1.114.1
 		 *
 		 * @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.113.0
+		 * @version 1.114.1
 		 *
 		 * @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.113.0
+		 * @version 1.114.1
 		 *
 		 * @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.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/SidePanel.js

@@ -22,6 +22,7 @@ sap.ui.define([
 	"sap/ui/core/InvisibleMessage",
 	"./SidePanelItem",
 	"./SidePanelRenderer",
+	"./library",
 	"sap/ui/core/library",
 	"sap/ui/events/F6Navigation",
 	"sap/ui/thirdparty/jquery",
@@ -43,6 +44,7 @@ sap.ui.define([
 	InvisibleMessage,
 	SidePanelItem,
 	SidePanelRenderer,
+	library,
 	coreLibrary,
 	F6Navigation,
 	jQuery,
@@ -52,7 +54,8 @@ sap.ui.define([
 
 	// Resource Bundle
 	var oResourceBundle = sap.ui.getCore().getLibraryResourceBundle("sap.f"),
-		InvisibleMessageMode = coreLibrary.InvisibleMessageMode;
+		InvisibleMessageMode = coreLibrary.InvisibleMessageMode,
+		SidePanelPosition = library.SidePanelPosition;
 
 	// Resize positions
 	var SIDE_PANEL_POSITION_MIN_WIDTH = 0,	// Minimum width
@@ -146,7 +149,7 @@ sap.ui.define([
  	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @public
@@ -218,7 +221,12 @@ sap.ui.define([
 				 * Determines whether the side content is visible or hidden.
 				 * @private
 				 */
-				sideContentExpanded: { type: "boolean", group: "Appearance", defaultValue: false, visibility: "hidden" }
+				sideContentExpanded: { type: "boolean", group: "Appearance", defaultValue: false, visibility: "hidden" },
+
+				/**
+				 * Defines where to place the side panel position.
+				 */
+				sidePanelPosition: {type: "sap.f.SidePanelPosition", group: "Appearance", defaultValue: SidePanelPosition.Right}
 			},
 			aggregations: {
 				/**
@@ -408,7 +416,13 @@ sap.ui.define([
 		var oExpandCollapseButton = this.getAggregation("_arrowButton"),
 			bActionBarExpanded = this.getActionBarExpanded(),
 			sTooltip = bActionBarExpanded ? oResourceBundle.getText("SIDEPANEL_COLLAPSE_BUTTON_TEXT") : oResourceBundle.getText("SIDEPANEL_EXPAND_BUTTON_TEXT"),
-			sNextArrow = bActionBarExpanded ? "right" : "left";
+			sNextArrow;
+
+		if (SidePanelPosition.Right === this.getSidePanelPosition()) {
+			sNextArrow = bActionBarExpanded  ? "right" : "left";
+		} else {
+			sNextArrow = bActionBarExpanded  ? "left" : "right";
+		}
 
 		oExpandCollapseButton.setIcon("sap-icon://navigation-" + sNextArrow + "-arrow");
 		oExpandCollapseButton.setTooltip(sTooltip);
@@ -1054,15 +1068,15 @@ sap.ui.define([
 		var sIcon,
 			oContentHeaderCloseIcon = this.getAggregation("_closeButton");
 
-		if (!oContentHeaderCloseIcon) {
-			if (this._isSingleItem()) {
-				sIcon = Device.system.phone
-					? "sap-icon://navigation-down-arrow"
-					: "sap-icon://navigation-right-arrow";
-			} else {
-				sIcon = "sap-icon://decline";
-			}
+		if (this._isSingleItem()) {
+			sIcon = Device.system.phone
+				? "sap-icon://navigation-down-arrow"
+				: "sap-icon://navigation-" + this.getSidePanelPosition().toLowerCase() + "-arrow";
+		} else {
+			sIcon = "sap-icon://decline";
+		}
 
+		if (!oContentHeaderCloseIcon) {
 			oContentHeaderCloseIcon = new Button(this.getId() + "-closeButton", {
 				type: "Transparent",
 				tooltip: oResourceBundle.getText("SIDEPANEL_CLOSE_BUTTON_TEXT"),
@@ -1085,6 +1099,8 @@ sap.ui.define([
 			});
 
 			this.setAggregation("_closeButton", oContentHeaderCloseIcon);
+		} else {
+			oContentHeaderCloseIcon.setIcon(sIcon);
 		}
 
 		return oContentHeaderCloseIcon;

package/src/sap/f/SidePanelItem.js

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

package/src/sap/f/SidePanelRenderer.js

@@ -6,8 +6,9 @@
 
 sap.ui.define([
 	"sap/ui/Device",
-	"sap/ui/core/IconPool"
-], function (Device, IconPool) {
+	"sap/ui/core/IconPool",
+	"./library"
+], function (Device, IconPool, library) {
 		"use strict";
 
 		var SidePanelRenderer = {
@@ -15,10 +16,16 @@ sap.ui.define([
 		};
 
 		SidePanelRenderer.render = function(oRm, oControl) {
+
 			var bActionBarExpanded = oControl.getActionBarExpanded();
+			var sPosition = oControl.getSidePanelPosition();
+
 
 			oRm.openStart("div", oControl);
 			oRm.class("sapFSP");
+			if (!Device.system.phone && library.SidePanelPosition.Left === sPosition ) {
+				oRm.class("sapFSPLeft");
+			}
 			oControl._isSingleItem() && oRm.class("sapFSPSingleItem");
 			bActionBarExpanded && oControl.getItems().length !== 1 && oRm.class("sapFSPActionBarExpanded");
 			oControl._getSideContentExpanded() && oRm.class("sapFSPSideContentExpanded");

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

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @public
@@ -248,7 +248,7 @@ sap.ui.define([
 		sFormattedText = oDateFormat.format(oUniversalDate);
 
 		// no less than "1 minute ago" should be shown, "30 seconds ago" should not be shown
-		if (oUniversalDate.getTime() + 59000 > (new Date()).getTime()) {
+		if (oUniversalDate.getTime() + 59000 > Date.now()) {
 			sFormattedText = "now"; //@todo get formatted (translated text) for "now"
 		}
 

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

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @implements sap.f.cards.IHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -43,10 +43,6 @@ sap.ui.define([], function () {
 			oRm.class("sapFCardClickable");
 		}
 
-		if (oError) {
-			oRm.class("sapFCardHeaderError");
-		}
-
 		oRm.openEnd();
 
 		oRm.openStart("div")

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

@@ -39,7 +39,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.BaseHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -34,10 +34,6 @@ sap.ui.define([], function () {
 			oRm.class("sapFCardClickable");
 		}
 
-		if (oError) {
-			oRm.class("sapFCardHeaderError");
-		}
-
 		oRm.openEnd();
 
 		oRm.openStart("div")

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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/cards/loading/AnalyticalPlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/CalendarPlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.loading.ListPlaceholder
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/GenericPlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/ListPlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/ObjectPlaceholder.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/TablePlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/TimelinePlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js

@@ -16,7 +16,7 @@ sap.ui.define([
 		 *
 		 * @alias sap.f.changeHandler.MoveDynamicPageTitleActions
 		 * @author SAP SE
-		 * @version 1.113.0
+		 * @version 1.114.1
 		 * @experimental Since 1.52
 		 */
 		var MoveActions = { };
@@ -148,6 +148,11 @@ sap.ui.define([
 				},
 				getTargetIndex: function(oChange) {
 					return oChange.getContent().movedElements[0].targetIndex;
+				},
+				setIndexInRevertData: function(oChange, iIndex) {
+					var oRevertData = oChange.getRevertData();
+					oRevertData.index = iIndex;
+					oChange.setRevertData(oRevertData);
 				}
 			};
 		};

package/src/sap/f/delegate/GridContainerItemNavigation.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @extends sap.f.delegate.GridItemNavigation
 	 *

package/src/sap/f/delegate/GridItemNavigation.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @extends sap.ui.core.delegate.ItemNavigation
 	 *

package/src/sap/f/dnd/GridDragOver.js

@@ -18,7 +18,7 @@ sap.ui.define([
 	 * Handles dragging of a control over a given grid container.
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @extends sap.ui.base.Object
 	 *

package/src/sap/f/dnd/GridDropInfo.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.dnd.DropInfo
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @public
 	 * @experimental Since 1.68 This class is experimental. The API may change.

package/src/sap/f/library.js

@@ -36,13 +36,13 @@ sap.ui.define(["sap/ui/base/DataType",
 	 * @namespace
 	 * @alias sap.f
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 * @since 1.44
 	 * @public
 	 */
 	var thisLib = sap.ui.getCore().initLibrary({
 		name : "sap.f",
-		version: "1.113.0",
+		version: "1.114.1",
 		dependencies : ["sap.ui.core", "sap.m", "sap.ui.layout"],
 		designtime: "sap/f/designtime/library.designtime",
 		interfaces: [
@@ -592,6 +592,28 @@ sap.ui.define(["sap/ui/base/DataType",
 		Right: "Right"
 	};
 
+	/**
+	 * Enumeration for different SidePanel position.
+	 *
+	 * @enum {string}
+	 * @public
+	 * @since 1.104
+	 */
+	 thisLib.SidePanelPosition = {
+		/**
+		 * The position is left.
+		 *
+		 * @public
+		 */
+		Left: "Left",
+		/**
+		 * The position is right.
+		 *
+		 * @public
+		 */
+		Right: "Right"
+	};
+
 	/**
 	 * Available <code>Illustration</code> types for the {@link sap.f.IllustratedMessage} control.
 	 *

package/src/sap/f/semantic/AddAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/CloseAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/CopyAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/DeleteAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/DiscussInJamAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/EditAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/ExitFullScreenAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/FavoriteAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['./SemanticToggleButton'], function(SemanticToggleButton) {
 	* @extends sap.f.semantic.SemanticToggleButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/FlagAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['./SemanticToggleButton'], function(SemanticToggleButton) {
 	* @extends sap.f.semantic.SemanticToggleButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/FooterMainAction.js

@@ -19,7 +19,7 @@ sap.ui.define(["./MainAction"], function(MainAction) {
 	* @extends sap.f.semantic.MainAction
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/FullScreenAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/MainAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/MessagesIndicator.js

@@ -19,7 +19,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/NegativeAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/PositiveAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/PrintAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SemanticButton.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	* @abstract
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SemanticConfiguration.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	* @class
 	* Defines the visual properties and placement for each supported semantic type.
 	*
-	* @version 1.113.0
+	* @version 1.114.1
 	* @private
 	* @since 1.46.0
 	* @alias sap.f.semantic.SemanticConfiguration

package/src/sap/f/semantic/SemanticControl.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	* @abstract
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SemanticPage.js

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

package/src/sap/f/semantic/SemanticToggleButton.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	* @abstract
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SendEmailAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SendMessageAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/ShareInJamAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/TitleMainAction.js

@@ -19,7 +19,7 @@ sap.ui.define(["./MainAction"], function(MainAction) {
 	* @extends sap.f.semantic.MainAction
 	*
 	* @author SAP SE
-	* @version 1.113.0
+	* @version 1.114.1
 	*
 	* @constructor
 	* @public

package/src/sap/f/shellBar/AdditionalContentSupport.js

@@ -22,7 +22,7 @@ sap.ui.define([
 
 		/**
 		 * @author SAP SE
-		 * @version 1.113.0
+		 * @version 1.114.1
 		 *
 		 * @private
 		 * @since 1.64

package/src/sap/f/shellBar/CoPilot.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/shellBar/ControlSpacer.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Control', 'sap/f/shellBar/ControlSpacerRenderer'],
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/shellBar/Search.js

@@ -36,7 +36,7 @@ sap.ui.define(['sap/ui/core/Control',
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.113.0
+		 * @version 1.114.1
 		 *
 		 * @constructor
 		 * @private

package/src/sap/f/themes/base/CardLoading.less

@@ -94,8 +94,7 @@
 			display: none;
 		}
 
-		.sapFCardBaseContent.sapFCardContentLoading:not(.sapFCardObjectContent) > :not(.sapFCardContentPlaceholder),
-		.sapFCardBaseContent.sapFCardContentLoading .sapFCardContentNoDataMsg {
+		.sapFCardBaseContent.sapFCardContentLoading:not(.sapFCardObjectContent) > :not(.sapFCardContentPlaceholder):not(.sapFCardContentMessageContainer) {
 			display: none;
 		}
 

package/src/sap/f/themes/base/SidePanel.less

@@ -478,6 +478,37 @@
 	}
 }
 
+.sapFSP.sapFSPLeft {
+	flex-direction: row-reverse;
+	.sapFSPSide {
+		margin: 0.5rem 1rem 0.5rem 0;
+		.sapFSPSideInner {
+			border-radius: 0 @sapUiTileBorderCornerRadius @sapUiTileBorderCornerRadius 0;
+			flex-direction: row;
+		}
+		.sapFSPExpandCollapse {
+			right: auto;
+			left: 1rem;
+		}
+		.sapFSPActionBarList {
+			.sapFSPItem {
+				flex-direction: row-reverse;
+				&.sapFSPSelected {
+					&::before {
+						right: 0;
+						left: auto;
+					}
+				}
+			}
+		}
+	}
+}
+
+.sapFSP.sapFSPLeft:not(.sapFSPSingleItem) .sapFSPSideContent {
+	border-right: none;
+	border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
+}
+
 /***** Phone *****/
 
 html.sap-phone {