@openui5/sap.f 1.112.2 → 1.114.0

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.1.48
+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.112.2",
+  "version": "1.114.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.112.2",
-    "@openui5/sap.ui.core": "1.112.2",
-    "@openui5/sap.ui.layout": "1.112.2"
+    "@openui5/sap.m": "1.114.0",
+    "@openui5/sap.ui.core": "1.114.0",
+    "@openui5/sap.ui.layout": "1.114.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.112.2</version>
+  <version>1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.0
 	 *
 	 * @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.112.2
+	 * @version 1.114.0
 	 *
 	 * @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);
 
@@ -1356,11 +1367,9 @@ sap.ui.define([
 	};
 
 	DynamicPage.prototype._updateFitContainer = function (bNeedsVerticalScrollBar) {
-		var bNoScrollBar = typeof bNeedsVerticalScrollBar !== 'undefined' ? !bNeedsVerticalScrollBar : !this._needsVerticalScrollBar(),
-			bFitContent = this.getFitContent(),
-			bToggleClass = bFitContent || bNoScrollBar;
+		var bNoScrollBar = typeof bNeedsVerticalScrollBar !== 'undefined' ? !bNeedsVerticalScrollBar : !this._needsVerticalScrollBar();
 
-		this.$contentFitContainer.toggleClass("sapFDynamicPageContentFitContainer", bToggleClass);
+		this.$contentFitContainer.toggleClass("sapFDynamicPageContentFitContainer", bNoScrollBar);
 	};
 
 	/**

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.112.2
+	 * @version 1.114.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.112.2
+		 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+		 * @version 1.114.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.112.2
+	 * @version 1.114.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.0
 	 *
 	 * @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.112.2
+	 * @version 1.114.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.112.2
+	 * @version 1.114.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.112.2
+		 * @version 1.114.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.112.2
+		 * @version 1.114.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.112.2
+		 * @version 1.114.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.112.2
+		 * @version 1.114.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.112.2
+	 * @version 1.114.0
 	 *
 	 * @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.112.2
+	 * @version 1.114.0
 	 *
 	 * @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: {
 				/**
@@ -395,7 +403,7 @@ sap.ui.define([
 		if (!sId) {
 			// remove selected action item (if any) and collapse its side content
 			sSelectedItem && this._toggleItemSelection(Core.byId(sSelectedItem));
-		} else if (oItem && sId !== sSelectedItem && sId !== this.getAggregation("_overflowItem").getId()) {
+		} else if (oItem && oItem.getEnabled() && sId !== sSelectedItem && sId !== this.getAggregation("_overflowItem").getId()) {
 			// select an action item and expand its side content
 			this._toggleItemSelection(oItem);
 			this.setAssociation("selectedItem", oItem, true);
@@ -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);
@@ -746,15 +760,18 @@ sap.ui.define([
 		// find a collection of all action items
 		aItems.forEach(function(oItem, iIndex) {
 			if (iIndex < iMaxItems) {
-				oItemDomRef = this._getFocusDomRef(oItem);
-				oItemDomRef.setAttribute("tabindex", "-1");
-				aItemsDomRef.push(oItemDomRef);
+				if (oItem.getEnabled()){
+					oItemDomRef = this._getFocusDomRef(oItem);
+					oItemDomRef.setAttribute("tabindex", "-1");
+					aItemsDomRef.push(oItemDomRef);
+				}
 				oItem.$().css("display", "flex");
 			} else {
 				oItem.$().css("display", "none");
 				oMenuItem = new MenuItem({
 					text: oItem.getText(),
-					icon: oItem.getIcon()
+					icon: oItem.getIcon(),
+					enabled: oItem.getEnabled()
 				});
 				oOverflowMenu.addItem(oMenuItem);
 				this._mOverflowItemsMap[oMenuItem.getId()] = oItem;
@@ -933,6 +950,11 @@ sap.ui.define([
 			return;
 		}
 
+		// disabled items cannot be selected
+		if (!oItem.getEnabled()){
+			return;
+		}
+
 		// fire 'toggle' event for collapsed action item
 		if (oSelectedItem && (!bExpanded || bToggleDifferent)) {
 			bSkipPrevent = this._fireToggle({
@@ -1046,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"),
@@ -1077,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.112.2
+	 * @version 1.114.0
 	 *
 	 * @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");
@@ -44,6 +51,10 @@ sap.ui.define([
 			!bActionBarExpanded && oRm.attr("title", sItemText);
 			oRm.class("sapFSPItem");
 
+			if (!oItem.getEnabled()) {
+				oRm.class("sapFSPDisabled");
+			}
+
 			if ((!bOverflowItem && bItemSelected) || (bOverflowItem && oControl._bOverflowMenuOpened)) {
 				oRm.class("sapFSPSelected");
 				oRm.attr(sAriaAttribute, "true");
@@ -57,7 +68,8 @@ sap.ui.define([
 			oRm.openEnd();
 
 			oRm.renderControl(IconPool.createControlByURI({
-				src: iIndex === 0 && bSingleItem && bPhone ? "sap-icon://navigation-up-arrow" : oItem.getIcon()
+				src: iIndex === 0 && bSingleItem && bPhone ? "sap-icon://navigation-up-arrow" : oItem.getIcon(),
+				useIconTooltip: false
 			}));
 
 			if ((bSingleItem && bPhone)

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

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @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.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public
@@ -180,7 +180,7 @@ sap.ui.define([
 	Header.prototype._getTitle = function () {
 		var oTitle = this.getAggregation("_title");
 		if (!oTitle) {
-			oTitle = new Text().addStyleClass("sapFCardTitle");
+			oTitle = new Text(this.getId() + "-title").addStyleClass("sapFCardTitle");
 			this.setAggregation("_title", oTitle);
 		}
 		return oTitle;

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.112.2
+	 * @version 1.114.0
 	 *
 	 * @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.112.2
+	 * @version 1.114.0
 	 *
 	 * @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.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public