@openui5/sap.f 1.127.1 → 1.129.0

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

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -0,0 +1,123 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides element sap.f.cards.CardBadgeCustomData.
+sap.ui.define([
+	'sap/ui/core/CustomData',
+	'sap/f/library',
+	'sap/ui/core/library'
+], function(CustomData, library,coreLibrary) {
+	"use strict";
+
+	const CardBadgeVisibilityMode = library.CardBadgeVisibilityMode,
+		IndicationColor = coreLibrary.IndicationColor;
+
+	/**
+	 * Constructor for a new <code>CardBadgeCustomData</code> element.
+	 *
+	 * @param {string} [sId] ID for the new element, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new element
+	 *
+	 * @class
+	 * Contains a single key/value pair of custom data attached to an <code>Element</code>.
+	 *
+	 * For more information, see {@link sap.ui.core.Element#data Element.prototype.data}
+	 * and {@link topic:91f0c3ee6f4d1014b6dd926db0e91070 Custom Data - Attaching Data Objects to Controls}.
+	 *
+	 * @extends sap..ui.core.CustomData
+	 * @since 1.128
+	 *
+	 * @public
+	 * @alias sap.f.cards.CardBadgeCustomData
+	 */
+
+	var CardBadgeCustomData = CustomData.extend("sap.f.cards.CardBadgeCustomData", {
+		metadata: {
+			properties: {
+
+				/**
+				 * Icon URI. This may be either an icon font or image path.
+				 * @since 1.128
+				 */
+				icon: {type: "sap.ui.core.URI", group: "Data", defaultValue: null},
+
+				/**
+				 * Describes the corresponding visibility mode, see also {@link sap.f.CardBadgeVisibilityMode}.
+				 * @since 1.128
+				 */
+				visibilityMode: {type: "sap.f.CardBadgeVisibilityMode", group: "Data", defaultValue: CardBadgeVisibilityMode.Disappear},
+
+				/**
+				 * Defines the color of the badge.
+				 * The allowed values are from the enum type <code>sap.ui.core.IndicationColor</code>.
+				 * Additionally values from <code>sap.ui.core.ValueState</code> can be used, but this is not recommended by design guidelines.
+				 * @since 1.128
+				 */
+				state: {type : "string", group : "Misc", defaultValue : IndicationColor.Indication05},
+
+				/**
+				 * Defines the cards badge visibility.
+				 * @since 1.128
+				 */
+				visible: {type: "boolean", group: "Appearance", defaultValue: true},
+
+				/**
+				 * Defines text which will is overriding default announcement.
+				 *
+				 * @since 1.128
+				 */
+				announcementText : {type : "string", group : "Misc", defaultValue: ""}
+			}
+		}
+	});
+
+	CardBadgeCustomData.prototype.setVisible =  function (bVisible) {
+		if (this.getVisible() === bVisible) { return this; }
+
+		this.setProperty("visible", bVisible, true);
+
+		this.getParent()?._updateBadgeProperty(this.getId(), "visible", bVisible);
+	};
+
+	CardBadgeCustomData.prototype.setIcon =  function (sSrc) {
+		if (this.getIcon() === sSrc) { return this; }
+
+		this.setProperty("icon", sSrc, true);
+
+		this.getParent()?._updateBadgeProperty(this.getId(), "icon", sSrc);
+	};
+
+	CardBadgeCustomData.prototype.setState =  function (sColor) {
+		if (this.getState() === sColor) { return this; }
+
+		this.setProperty("state", sColor, true);
+
+		this.getParent()?._updateBadgeProperty(this.getId(), "state", sColor);
+	};
+
+	CardBadgeCustomData.prototype.setValue =  function (sValue) {
+		if (this.getValue() === sValue) { return this; }
+
+		if (sValue === null || sValue === undefined) {
+			sValue = "";
+		}
+
+		var sValue = sValue.toString();
+		CustomData.prototype.setValue.call(this, sValue);
+
+		this.getParent()?._updateBadgeProperty(this.getId(), "text", sValue);
+	};
+
+	CardBadgeCustomData.prototype.setAnnouncementText =  function (sValue) {
+		if (this.getAnnouncementText() === sValue) { return this; }
+
+		this.setProperty("announcementText", sValue, true);
+
+		this.getParent()?._updateBadgeProperty(this.getId(), "stateAnnouncementText", sValue);
+	};
+
+	return CardBadgeCustomData;
+});

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

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

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

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.BaseHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @public

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

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

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @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.127.1
+	 * @version 1.129.0
 	 *
 	 * @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.127.1
+	 * @version 1.129.0
 	 *
 	 * @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.127.1
+	 * @version 1.129.0
 	 *
 	 * @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.127.1
+	 * @version 1.129.0
 	 *
 	 * @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.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

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

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @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.127.1
+	 * @version 1.129.0
 	 *
 	 * @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.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/util/CardBadgeEnabler.js

@@ -0,0 +1,196 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides helper sap.f.cards.util.CardBadgeEnabler
+sap.ui.define([
+	"sap/f/cards/CardBadgeCustomData",
+	"sap/m/BadgeCustomData",
+	"sap/m/ObjectStatus",
+	"sap/ui/core/InvisibleText",
+	"sap/ui/core/Lib",
+	"sap/ui/core/library",
+	"sap/f/library"
+],
+function(CardBadgeCustomData, BadgeCustomData, ObjectStatus, InvisibleText, Lib, coreLibrary, library) {
+	"use strict";
+
+	const CardBadgeVisibilityMode = library.CardBadgeVisibilityMode,
+	IndicationColor = coreLibrary.IndicationColor;
+	/**
+	 *
+	 * The class represents a utility for visualising and updating the badge indicator for
+	 * <code>sap.f.CardBase</code> instances.
+	 *
+	 * @since 1.128
+	 * @protected
+	 * @alias sap.f.cards.util.CardBadgeEnabler
+	 */
+	var CardBadgeEnabler = function () {
+
+		// Attaching eventDelegate
+		this.initCardBadgeEnablement = function () {
+			this.addEventDelegate({
+				onBeforeRendering: createBadges
+			}, this);
+
+		};
+
+		/**
+		 * Creates <code>sap.m.ObjectStatus</code> from <code>sap.f.cards.CardBadgeCustomData</code>
+		 *
+		 * @returns {void}
+	 	 * @private
+		 */
+		function createBadges () {
+			const aCardBadgesCustomData = this._getCardBadgeCustomData();
+			if (!aCardBadgesCustomData || this._aCardBadges ) {
+				return;
+			}
+
+			this._aCardBadges = [];
+			aCardBadgesCustomData.forEach( (oData) => {
+				const sIcon = oData instanceof CardBadgeCustomData ? oData.getIcon() : "";
+
+				const oCardBadge = new ObjectStatus({
+					text: oData.getValue(),
+					icon: sIcon,
+					inverted: true,
+					visible: oData.getVisible(),
+					state: oData instanceof CardBadgeCustomData ? oData.getState() : IndicationColor.Indication05,
+					stateAnnouncementText: oData instanceof CardBadgeCustomData ? oData.getAnnouncementText() : "",
+					id: "badge" + oData.getId()
+				});
+
+				if (sIcon.length > 0 && oData.getValue()?.length > 0) {
+					oCardBadge.addStyleClass("sapFCardBadgeTextIcon"); //ObjectStatus does not have CSS class to indicate icon and text presence
+				}
+				this._aCardBadges.push(oCardBadge);
+			});
+		}
+
+		/**
+		 * Returns all CardBadgeCustomData elements from customdata, or just an element corresponding to the key
+
+		 * @returns {Array} aCardBadgeCustomData
+		 */
+		this._getCardBadgeCustomData  = function () {
+			const aCardBadgeCustomData = this.getCustomData().filter(function(item) {return item instanceof CardBadgeCustomData || item instanceof BadgeCustomData;});
+
+			return aCardBadgeCustomData;
+		};
+
+		/**
+		 * Returns badges added to the aggregation of card "_cardBadges"
+		 *
+		 * @returns {Array} Cards _cardBadges aggregation
+		 */
+		this._getCardBadges  = function () {
+			this._aCardBadges.forEach( (oCardBadge) => {
+				this.addAggregation("_cardBadges", oCardBadge);
+			});
+
+			return this.getAggregation("_cardBadges");
+		};
+
+		/**
+		 * Gets badge corresponding to the <code>sap.f.cards.CardBadgeCustomData</code>
+		 *
+		 * @param {string} sId ID of the <code>sap.f.cards.CardBadgeCustomData</code>
+		 * @returns {object} oCardBadge
+		 */
+		this._getCardBadgeElement =  function (sId) {
+			const oCardBadge = this._getCardBadges().find((oElement) => oElement.getId().indexOf(sId) > 0);
+
+			return oCardBadge;
+		};
+
+		/**
+		 * Creates invisibleText, which contains the card badge accessibility information
+		 * @returns {object} _oInvisibleCardBadgeText
+		 */
+		this._getInvisibleCardBadgeText = function () {
+			if (this._oInvisibleCardBadgeText) {
+
+				return this._oInvisibleCardBadgeText;
+			}
+
+			this._oInvisibleCardBadgeText = new InvisibleText({id: this.getId() + "-ariaBadgeText", text: this._getCardBadgeAccessibilityText()});
+
+			return this._oInvisibleCardBadgeText;
+		};
+
+		/**
+		 * Gets accessibility text for badge
+		 * @returns {string} sCardBadgeAccText
+		 */
+		this._getCardBadgeAccessibilityText = function () {
+			const _oRb = Lib.getResourceBundleFor("sap.f");
+
+			let sCardBadgeAccText = "";
+			this._getCardBadges().forEach((oCardBadge) => {
+				if (oCardBadge.getVisible() && oCardBadge.getStateAnnouncementText()) {
+					sCardBadgeAccText += " " + oCardBadge.getStateAnnouncementText();
+				} else if (oCardBadge.getVisible()) {
+					sCardBadgeAccText += " " + _oRb.getText("CARD_BADGE", [oCardBadge.getAccessibilityInfo().description]);
+				}
+			});
+
+			return sCardBadgeAccText;
+		};
+
+		/**
+		 * Hides badges if necessary
+		 * @returns {void}
+		 */
+		this._hideBadges = function () {
+			this._getCardBadgeCustomData().forEach((oData) => {
+				if (oData instanceof BadgeCustomData) {
+					oData.setVisible(false);
+				} else if (oData instanceof CardBadgeCustomData && oData.getVisibilityMode()  == CardBadgeVisibilityMode.Disappear) {
+					oData.setVisible(false);
+				}
+			});
+		};
+
+		this._updateBadgeProperty = function (sId, sPropertyName, sValue) {
+				const oCardBadge = this._getCardBadgeElement(sId);
+				oCardBadge?.setProperty(sPropertyName, sValue);
+
+			this._getInvisibleCardBadgeText()?.setText(this._getCardBadgeAccessibilityText());
+
+			return this;
+		};
+
+		/* =========================================================== */
+		/*           begin: functions needed to support BadgeCustomData */
+		/* =========================================================== */
+
+		this.updateBadgeVisibility = function (bVisible) {
+
+			this._updateBadgeProperty(this.getBadgeCustomData().getId(), "visible", bVisible);
+		};
+
+		this.updateBadgeValue = function(sValue) {
+
+			this._updateBadgeProperty(this.getBadgeCustomData().getId(), "text", sValue);
+		};
+
+		this.updateBadgeAnimation = function () {
+		};
+
+		this.getBadgeCustomData = function () {
+			var oBadgeCustomData = this.getCustomData().filter(function(item) {return item instanceof BadgeCustomData;});
+			return oBadgeCustomData.length ? oBadgeCustomData[0] : undefined;
+		};
+
+		/* =========================================================== */
+		/*           end: functions needed to support BadgeCustomData  */
+		/* =========================================================== */
+
+	};
+
+	return CardBadgeEnabler;
+});

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

@@ -16,7 +16,7 @@ sap.ui.define([
 		 *
 		 * @alias sap.f.changeHandler.MoveDynamicPageTitleActions
 		 * @author SAP SE
-		 * @version 1.127.1
+		 * @version 1.129.0
 		 * @experimental Since 1.52
 		 */
 		var MoveActions = { };

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

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

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

@@ -34,7 +34,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @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.127.1
+	 * @version 1.129.0
 	 *
 	 * @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.127.1
+	 * @version 1.129.0
 	 *
 	 * @public
 	 * @since 1.68

package/src/sap/f/library.js

@@ -39,14 +39,14 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.f
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @since 1.44
 	 * @public
 	 */
 	var thisLib = Library.init({
 		apiVersion: 2,
 		name : "sap.f",
-		version: "1.127.1",
+		version: "1.129.0",
 		dependencies : ["sap.ui.core", "sap.m", "sap.ui.layout"],
 		designtime: "sap/f/designtime/library.designtime",
 		interfaces: [
@@ -103,6 +103,10 @@ sap.ui.define([
 			"sap.f.DynamicPageAccessibleLandmarkInfo",
 			"sap.f.GridContainerItemLayoutData",
 			"sap.f.FlexibleColumnLayoutAccessibleLandmarkInfo",
+			"sap.f.FlexibleColumnLayoutData",
+			"sap.f.FlexibleColumnLayoutDataForDesktop",
+			"sap.f.FlexibleColumnLayoutDataForTablet",
+			"sap.f.cards.CardBadgeCustomData",
 			"sap.f.semantic.AddAction",
 			"sap.f.semantic.CloseAction",
 			"sap.f.semantic.CopyAction",
@@ -701,6 +705,30 @@ sap.ui.define([
 
 	DataType.registerEnum("sap.f.SidePanelPosition", thisLib.SidePanelPosition);
 
+	/**
+	 * Enumeration for different visibility options for the card badge.
+	 *
+	 * @enum {string}
+	 * @public
+	 * @since 1.128
+	 */
+	thisLib.CardBadgeVisibilityMode = {
+		/**
+		 * Badge will not be hidden after header is focused.
+		 *
+		 * @public
+		 */
+		Persist: "Persist",
+		/**
+		 * Badge will be hidden after header is focused.
+		 *
+		 * @public
+		 */
+		Disappear: "Disappear"
+	};
+
+	DataType.registerEnum("sap.f.CardBadgeVisibilityMode", thisLib.CardBadgeVisibilityMode);
+
 	/**
 	 * Available <code>Illustration</code> types for the {@link sap.f.IllustratedMessage} control.
 	 *

package/src/sap/f/messagebundle.properties

@@ -4,6 +4,9 @@
 #XTXT: Text indicating the current moment for the dateTimestamp in the Header
 CARD_HEADER_DATETIMESTAMP_NOW=now
 
+#XTXT: Text added to aria-describedby for card with a badge
+CARD_BADGE=Badge {0}
+
 #XACT: ARIA announcement for the DynamicPage`s roledescription attribute
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dynamic Page
 

package/src/sap/f/messagebundle_ar.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=\u0627\u0644\u0622\u0646
 
+CARD_BADGE=\u0634\u0627\u0631\u0629 {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=\u0635\u0641\u062D\u0629 \u062F\u064A\u0646\u0627\u0645\u064A\u0643\u064A\u0629
 
 EXPANDED_HEADER=\u0645\u0642\u062F\u0645\u0629 \u0645\u0648\u0633\u0639\u0629

package/src/sap/f/messagebundle_bg.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=\u0421\u0435\u0433\u0430
 
+CARD_BADGE=\u0417\u043D\u0430\u0447\u043A\u0430 \u043D\u0430 {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=\u0414\u0438\u043D\u0430\u043C\u0438\u0447\u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430
 
 EXPANDED_HEADER=\u0420\u0430\u0437\u0448\u0438\u0440\u0435\u043D\u0430 \u0437\u0430\u0433\u043B\u0430\u0432\u043D\u0430 \u043E\u0431\u043B\u0430\u0441\u0442

package/src/sap/f/messagebundle_ca.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Ara
 
+CARD_BADGE=Distinci\u00F3 {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=P\u00E0gina din\u00E0mica
 
 EXPANDED_HEADER=Cap\u00E7alera desplegada

package/src/sap/f/messagebundle_cnr.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Sada
 
+CARD_BADGE=Bed\u017E {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dinami\u010Dka stranica
 
 EXPANDED_HEADER=Pro\u0161ireno zaglavlje

package/src/sap/f/messagebundle_cs.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Nyn\u00ED
 
+CARD_BADGE=Odzn\u00E1\u010Dek {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dynamick\u00E1 str\u00E1nka
 
 EXPANDED_HEADER=Rozbalen\u00E1 hlavi\u010Dka

package/src/sap/f/messagebundle_cy.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Nawr
 
+CARD_BADGE=Bathodyn {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Tudalen Ddynamig
 
 EXPANDED_HEADER=Pennyn wedi'i ehangu

package/src/sap/f/messagebundle_da.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Nu
 
+CARD_BADGE=Badge {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dynamisk side
 
 EXPANDED_HEADER=Ekspanderet top

package/src/sap/f/messagebundle_de.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Jetzt
 
+CARD_BADGE=Benachrichtigungsindikator {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dynamische Seite
 
 EXPANDED_HEADER=Expandierter Kopfbereich

package/src/sap/f/messagebundle_el.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=\u03A4\u03CE\u03C1\u03B1
 
+CARD_BADGE=\u03A3\u03AE\u03BC\u03B1 {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=\u0394\u03C5\u03BD\u03B1\u03BC\u03B9\u03BA\u03AE \u03A3\u03B5\u03BB\u03AF\u03B4\u03B1
 
 EXPANDED_HEADER=\u0395\u03BA\u03C4\u03B5\u03C4\u03B1\u03BC\u03AD\u03BD\u03B7 \u03BA\u03B5\u03C6\u03B1\u03BB\u03AF\u03B4\u03B1

package/src/sap/f/messagebundle_en.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Now
 
+CARD_BADGE=Badge {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dynamic Page
 
 EXPANDED_HEADER=Expanded header

package/src/sap/f/messagebundle_en_GB.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Now
 
+CARD_BADGE=Badge {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dynamic Page
 
 EXPANDED_HEADER=Expanded header