@openui5/sap.f 1.122.0 → 1.123.0

package/package.json

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

package/src/sap/f/.library

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

package/src/sap/f/Avatar.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.m.Avatar
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/AvatarGroup.js

@@ -100,7 +100,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.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.122.0
+	 * @version 1.123.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.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/CalendarInCard.js

@@ -45,7 +45,7 @@ sap.ui.define([
 	 * <code>sap.m.Toolbar</code> with <code>sap.m.Buttons</code>.
 	 *
 	 * @extends sap.ui.unified.Calendar
-	 * @version 1.122.0
+	 * @version 1.123.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.122.0
+	 * @version 1.123.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.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPage.js

@@ -118,7 +118,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public

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.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPageHeader.js

@@ -64,7 +64,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.122.0
+		 * @version 1.123.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/DynamicPageTitle.js

@@ -95,7 +95,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/FlexibleColumnLayout.js

@@ -108,7 +108,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.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.122.0
+	 * @version 1.123.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.122.0
+	 * @version 1.123.0
 	 * @param {sap.f.FlexibleColumnLayout} oFlexibleColumnLayout
 	 * The <code>sap.f.FlexibleColumnLayout</code> object whose state will be manipulated.
 	 *

package/src/sap/f/GridContainer.js

@@ -177,7 +177,7 @@ sap.ui.define([
 	 * @see {@link sap.f.dnd.GridDropInfo}
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
 	 * @extends sap.ui.core.Control
 	 *
@@ -204,8 +204,6 @@ sap.ui.define([
 				 * Defines the minimum height of the grid.
 				 *
 				 * Allows an empty grid to be available as a drop target.
-				 *
-				 * @experimental As of version 1.81 Disclaimer: this property is in a beta state - incompatible API changes may be done before its official public release.
 				 */
 				minHeight: {type: "sap.ui.core.CSSSize", group: "Appearance", defaultValue: "2rem"},
 
@@ -226,8 +224,6 @@ sap.ui.define([
 				 * Increases the density when arranging the items. Smaller items will take up all of the available space, ignoring their order.
 				 *
 				 * <b>Note:</b> The order of the items is ignored. An item which is normally at the bottom, can appear on top.
-				 *
-				 * @experimental As of version 1.66 Disclaimer: this property is in a beta state - incompatible API changes may be done before its official public release. Use at your own discretion.
 				 */
 				allowDenseFill: {type: "boolean", group: "Appearance", defaultValue: false},
 
@@ -235,7 +231,6 @@ sap.ui.define([
 				 * Makes the grid items act like an inline-block elements. They will be arranged in rows with height equal to the highest item in the row.
 				 *
 				 * <b>Note:</b> If set to <code>true</code> the properties <code>rowSize</code> for grid layout, and <code>minRows</code> and <code>rows</code> per item will be ignored.
-				 * @experimental As of version 1.66 Disclaimer: this property is in a beta state - incompatible API changes may be done before its official public release. Use at your own discretion.
 				 */
 				inlineBlockLayout: {type: "boolean", group: "Appearance", defaultValue: false}
 			},
@@ -257,7 +252,6 @@ sap.ui.define([
 
 				/**
 				 * The sap.f.GridContainerSettings applied for size "XS". Range: up to 374px.
-				 * @experimental As of version 1.71 Disclaimer: this property is in a beta state - incompatible API changes may be done before its official public release. Use at your own discretion.
 				 */
 				layoutXS: { type: "sap.f.GridContainerSettings", defaultClass: GridContainerSettings, multiple: false },
 
@@ -1116,7 +1110,7 @@ sap.ui.define([
 	 * <b>Note:</b>Should not be called before the <code>GridContainer</code> has been rendered.
 	 *
 	 * @public
-	 * @experimental Since 1.81. Behavior might change.
+	 * @since 1.81
 	 * @param {int} iIndex The index of the item, which will be focused.
 	 */
 	GridContainer.prototype.focusItem = function (iIndex) {
@@ -1147,7 +1141,7 @@ sap.ui.define([
 	 * <b>Note:</b>Should be called after the rendering of <code>GridContainer</code> is ready.
 	 *
 	 * @public
-	 * @experimental Since 1.85. Behavior might change.
+	 * @since 1.85
 	 * @param {sap.f.NavigationDirection} sDirection The navigation direction.
 	 * @param {int} iRow The row index of the starting position.
 	 * @param {int} iColumn The column index of the starting position.

package/src/sap/f/GridContainerItemLayoutData.js

@@ -21,11 +21,10 @@ sap.ui.define(['sap/ui/core/LayoutData'],
 		 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 		 *
 		 * @author SAP SE
-		 * @version 1.122.0
+		 * @version 1.123.0
 		 *
 		 * @extends sap.ui.core.LayoutData
 		 *
-		 * @experimental Since 1.65 This class is experimental. The API may change.
 		 * @since 1.65
 		 * @public
 		 * @constructor
@@ -47,12 +46,12 @@ sap.ui.define(['sap/ui/core/LayoutData'],
 					/**
 					 * Specifies the minimum number of rows, which the item should take.
 					 */
-					minRows: {type: "int", group: "Misc"},
+					minRows: { type: "int", group: "Misc" },
 					/**
 					 * Specifies the number of rows, which the item should take.
-					 * @experimental Since 1.65 this property may soon be removed, use minRows instead
+					 * For more flexible layout in which the number of rows is determined by the item's height it is recommended to use the "minRows" property instead
 					 */
-					rows: {type: "int", group: "Misc"}
+					rows: { type: "int", group: "Misc" }
 				}
 			}
 		});

package/src/sap/f/GridContainerSettings.js

@@ -58,16 +58,15 @@ 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.122.0
+	 * @version 1.123.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
-	 * @experimental Since 1.65 This class is experimental. The API may change.
 	 * @since 1.65
 	 * @public
 	 * @constructor

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.122.0
+	 * @version 1.123.0
 	 *
 	 * @extends sap.m.ListBase
 	 * @implements sap.ui.layout.cssgrid.IGridConfigurable
@@ -239,7 +239,7 @@ sap.ui.define([
 	 * <b>Note:</b>Should be called after the rendering of <code>GridList</code> is ready.
 	 *
 	 * @public
-	 * @experimental Since 1.87. Behavior might change.
+	 * @since 1.87
 	 * @param {sap.f.NavigationDirection} sDirection The navigation direction.
 	 * @param {int} iRow The row index of the starting position.
 	 * @param {int} iColumn The column index of the starting position.

package/src/sap/f/GridListItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.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.122.0
+	 * @version 1.123.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.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/PlanningCalendarInCardLegend.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegend', "sap/ui/core/Lib", 'sap/ui/unifie
 		 * @extends sap.m.PlanningCalendarLegend
 		 *
 		 * @author SAP SE
-		 * @version 1.122.0
+		 * @version 1.123.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.122.0
+		 * @version 1.123.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.122.0
+		 * @version 1.123.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/ProductSwitchItemRenderer.js

@@ -21,7 +21,7 @@ sap.ui.define([],
 			if (oProductSwith) {
 				oAccessibilityState.setsize = oProductSwith._getItemsCount();
 				oAccessibilityState.posinset = oProductSwith._getItemPosition(oControl);
-				oAccessibilityState.checked = oControl.getId() === oProductSwith.getSelectedItem() ? "true" : undefined;
+				oAccessibilityState.checked = oControl.getId() === oProductSwith.getSelectedItem() ? "true" : "false";
 			}
 
 			oRm.openStart("div", oControl);

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.122.0
+		 * @version 1.123.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/ShellBar.js

@@ -58,7 +58,7 @@ function(
 	 * @implements sap.f.IShellBar, sap.m.IBar, sap.tnt.IToolHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/SidePanel.js

@@ -151,7 +151,7 @@ sap.ui.define([
  	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/SidePanelItem.js

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

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

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public
@@ -118,7 +118,21 @@ sap.ui.define([
 				 * Defines if tooltips should be shown for truncated texts.
 				 * @private
 				 */
-				useTooltips: { type: "boolean", visibility: "hidden", defaultValue: false}
+				useTooltips: { type: "boolean", visibility: "hidden", defaultValue: false},
+
+				/**
+				 * Defines the href which the header should open. If set - the header will act and render as a link.
+				 *
+				 * @experimental Since 1.122. Do not use this feature outside of sap.ui.integration.widgets.Card.
+				 */
+				href: { type: "string" },
+
+				/**
+				 * Defines the target for the case when <code>href</code> is given.
+				 *
+				 * @experimental Since 1.122. Do not use this feature outside of sap.ui.integration.widgets.Card.
+				 */
+				target: { type: "string" }
 			},
 			aggregations: {
 				/**
@@ -200,16 +214,34 @@ sap.ui.define([
 		return this.getDomRef("focusable");
 	};
 
+	/**
+	 * If the header must be rendered as <code>a</code> element.
+	 * @returns {boolean} True if the header must be rendered as <code>a</code> element.
+	 */
+	BaseHeader.prototype.isLink = function () {
+		return !!this.getHref();
+	};
+
 	BaseHeader.prototype.ontap = function (oEvent) {
-		if (this.isInteractive() && !this._isInsideToolbar(oEvent.target)) {
-			this.firePress();
-		}
+		this._handleTapOrSelect(oEvent);
 	};
 
 	BaseHeader.prototype.onsapselect = function (oEvent) {
-		if (this.isInteractive() && !this._isInsideToolbar(oEvent.target)) {
-			this.firePress();
+		this._handleTapOrSelect(oEvent);
+	};
+
+	BaseHeader.prototype._handleTapOrSelect = function (oEvent) {
+		if (!this.isInteractive() || this._isInsideToolbar(oEvent.target)) {
+			return;
 		}
+
+		if (this.isLink() && oEvent.ctrlKey) {
+			// ctrl + click should open the link in a new tab
+			return;
+		}
+
+		this.firePress();
+		oEvent.preventDefault();
 	};
 
 	/**
@@ -371,6 +403,10 @@ sap.ui.define([
 	 * @ui5-restricted
 	 */
 	BaseHeader.prototype.getFocusableElementAriaRole = function () {
+		if (this.isLink()) {
+			return "link";
+		}
+
 		return this.hasListeners("press") ? "button" : "group";
 	};
 

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

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-// Provides default renderer for control sap.f.cards.NumericHeader
+// Provides renderer helper for sap.f.cards.BaseHeader
 sap.ui.define([], function () {
 	"use strict";
 
@@ -64,5 +64,23 @@ sap.ui.define([], function () {
 		oRm.close("div");
 	};
 
+	/**
+	 * Renders attributes for the case when header acts as <code>a</code> tag.
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.f.cards.Header} oHeader An object representation of the control that should be rendered
+	 */
+	BaseHeaderRenderer.linkAttributes = function(oRm, oHeader) {
+		oRm.attr("href", oHeader.getHref())
+			.attr("rel", "noopener noreferrer");
+
+		const sTarget = oHeader.getTarget();
+		if (sTarget) {
+			oRm.attr("target", sTarget);
+		}
+
+		// <a> elements are draggable per default, so set it to false
+		oRm.attr("draggable", "false");
+	};
+
 	return BaseHeaderRenderer;
 }, /* bExport= */ true);

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

@@ -48,7 +48,7 @@ sap.ui.define([
 	 * @implements sap.f.cards.IHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -31,7 +31,8 @@ sap.ui.define([
 			bLoading = oHeader.isLoading(),
 			oError = oHeader.getAggregation("_error"),
 			oToolbar = oHeader.getToolbar(),
-			bUseTileLayout = oHeader.getProperty("useTileLayout");
+			bUseTileLayout = oHeader.getProperty("useTileLayout"),
+			bRenderAsLink = oHeader.isLink();
 
 		oRm.openStart("div", oHeader)
 			.class("sapFCardHeader");
@@ -50,8 +51,14 @@ sap.ui.define([
 
 		oRm.openEnd();
 
-		oRm.openStart("div")
-			.attr("id", sId + "-focusable")
+		if (bRenderAsLink) {
+			oRm.openStart("a");
+			BaseHeaderRenderer.linkAttributes(oRm, oHeader);
+		} else {
+			oRm.openStart("div");
+		}
+
+		oRm.attr("id", sId + "-focusable")
 			.class("sapFCardHeaderWrapper");
 
 		if (oHeader.getProperty("focusable") && !oHeader._isInsideGridContainer()) {
@@ -145,7 +152,11 @@ sap.ui.define([
 
 		BaseHeaderRenderer.renderBanner(oRm, oHeader);
 
-		oRm.close("div");
+		if (bRenderAsLink) {
+			oRm.close("a");
+		} else {
+			oRm.close("div");
+		}
 
 		if (oToolbar) {
 			oRm.openStart("div")

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

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.BaseHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.122.0
+	 * @version 1.123.0
 	 *
 	 * @constructor
 	 * @public
@@ -444,7 +444,7 @@ sap.ui.define([
 			oControl = new Text({
 				id: this.getId() + "-unitOfMeasurement",
 				wrapping: false
-			});
+			}).addStyleClass("sapFCardHeaderUnitOfMeasurement");
 			this.setAggregation("_unitOfMeasurement", oControl);
 		}
 

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

@@ -21,7 +21,8 @@ sap.ui.define([
 	 */
 	NumericHeaderRenderer.render = function (oRm, oNumericHeader) {
 		var bLoading = oNumericHeader.isLoading(),
-			oError = oNumericHeader.getAggregation("_error");
+			oError = oNumericHeader.getAggregation("_error"),
+			bRenderAsLink = oNumericHeader.isLink();
 
 		oRm.openStart("div", oNumericHeader)
 			.class("sapFCardHeader")
@@ -45,8 +46,14 @@ sap.ui.define([
 
 		oRm.openEnd();
 
-		oRm.openStart("div")
-			.attr("id", oNumericHeader.getId() + "-focusable")
+		if (bRenderAsLink) {
+			oRm.openStart("a");
+			BaseHeaderRenderer.linkAttributes(oRm, oNumericHeader);
+		} else {
+			oRm.openStart("div");
+		}
+
+		oRm.attr("id", oNumericHeader.getId() + "-focusable")
 			.class("sapFCardHeaderContent");
 
 		if (oNumericHeader.getProperty("focusable") && !oNumericHeader._isInsideGridContainer()) {
@@ -72,7 +79,11 @@ sap.ui.define([
 			BaseHeaderRenderer.renderBanner(oRm, oNumericHeader);
 		}
 
-		oRm.close("div");
+		if (bRenderAsLink) {
+			oRm.close("a");
+		} else {
+			oRm.close("div");
+		}
 
 		if (!oError) {
 			NumericHeaderRenderer.renderToolbar(oRm, oNumericHeader);
@@ -170,22 +181,20 @@ sap.ui.define([
 				oRm.class("sapFCardSubtitleAndUnit");
 			}
 
+			if (oBindingInfos.subtitle || oBindingInfos.unitOfMeasurement) {
+				oRm.class("sapFCardHeaderItemBinded");
+			}
+
 			oRm.openEnd();
 
 			if (oSubtitle) {
-				if (oBindingInfos.subtitle) {
-					oSubtitle.addStyleClass("sapFCardHeaderItemBinded");
-				}
 				oRm.renderControl(oSubtitle);
 			}
 
 			if (oUnitOfMeasurement) {
-				oUnitOfMeasurement.addStyleClass("sapFCardHeaderUnitOfMeasurement");
-				if (oBindingInfos.unitOfMeasurement) {
-					oUnitOfMeasurement.addStyleClass("sapFCardHeaderItemBinded");
-				}
 				oRm.renderControl(oUnitOfMeasurement);
 			}
+
 			oRm.close("div");
 		}
 	};