@openui5/sap.f 1.127.0 → 1.128.0

package/src/sap/f/messagebundle_pt.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Agora
 
+CARD_BADGE=Distintivo {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=P\u00E1gina din\u00E2mica
 
 EXPANDED_HEADER=Cabe\u00E7alho expandido

package/src/sap/f/messagebundle_pt_PT.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Agora
 
+CARD_BADGE=Crach\u00E1 {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=P\u00E1gina din\u00E2mica
 
 EXPANDED_HEADER=Cabe\u00E7alho expandido

package/src/sap/f/messagebundle_ro.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Acum
 
+CARD_BADGE=Ecuson {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Pagin\u0103 dinamic\u0103
 
 EXPANDED_HEADER=Antet extins

package/src/sap/f/messagebundle_ru.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=\u0421\u0435\u0439\u0447\u0430\u0441
 
+CARD_BADGE=\u0411\u0435\u0439\u0434\u0436 {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=\u0414\u0438\u043D\u0430\u043C\u0438\u0447\u0435\u0441\u043A\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430
 
 EXPANDED_HEADER=\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044B\u0439 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A

package/src/sap/f/messagebundle_sh.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_sk.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Teraz
 
+CARD_BADGE=Ozna\u010Denie {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dynamick\u00E1 str\u00E1nka
 
 EXPANDED_HEADER=Rozbalen\u00E1 hlavi\u010Dka

package/src/sap/f/messagebundle_sl.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Zdaj
 
+CARD_BADGE=Zna\u010Dka {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dinami\u010Dna stran
 
 EXPANDED_HEADER=Raz\u0161irjena glava

package/src/sap/f/messagebundle_sr.properties

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

package/src/sap/f/messagebundle_sv.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=Nu
 
+CARD_BADGE=M\u00E4rke {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dynamisk sida
 
 EXPANDED_HEADER=Expanderat huvud

package/src/sap/f/messagebundle_th.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=\u0E15\u0E2D\u0E19\u0E19\u0E35\u0E49
 
+CARD_BADGE=\u0E1B\u0E49\u0E32\u0E22\u0E41\u0E08\u0E49\u0E07 {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=\u0E2B\u0E19\u0E49\u0E32\u0E41\u0E1A\u0E1A\u0E44\u0E14\u0E19\u0E32\u0E21\u0E34\u0E01
 
 EXPANDED_HEADER=\u0E2A\u0E48\u0E27\u0E19\u0E2B\u0E31\u0E27\u0E17\u0E35\u0E48\u0E02\u0E22\u0E32\u0E22

package/src/sap/f/messagebundle_tr.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=\u015Eimdi
 
+CARD_BADGE=Rozet {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Dinamik sayfa
 
 EXPANDED_HEADER=Geni\u015Fletilen ba\u015Fl\u0131k

package/src/sap/f/messagebundle_uk.properties

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

package/src/sap/f/messagebundle_vi.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=B\u00E2y gi\u01A1\u0300
 
+CARD_BADGE=Huy hi\u00EA\u0323u {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=Trang \u0111\u00F4\u0323ng
 
 EXPANDED_HEADER=Ti\u00EAu \u0111\u00EA\u0300 m\u01A1\u0309 r\u00F4\u0323ng

package/src/sap/f/messagebundle_zh_CN.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=\u73B0\u5728
 
+CARD_BADGE=\u5FBD\u7AE0 {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=\u52A8\u6001\u9875\u9762
 
 EXPANDED_HEADER=\u5C55\u5F00\u7684\u62AC\u5934

package/src/sap/f/messagebundle_zh_TW.properties

@@ -1,6 +1,8 @@
 
 CARD_HEADER_DATETIMESTAMP_NOW=\u73FE\u5728
 
+CARD_BADGE=\u5FBD\u7AE0 {0}
+
 DYNAMIC_PAGE_ROLE_DESCRIPTION=\u52D5\u614B\u9801\u9762
 
 EXPANDED_HEADER=\u5C55\u958B\u7684\u8868\u982D

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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @constructor
 	* @public

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

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

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

@@ -29,7 +29,7 @@ sap.ui.define([
 	* @class
 	* Defines the visual properties and placement for each supported semantic type.
 	*
-	* @version 1.127.0
+	* @version 1.128.0
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @constructor
 	* @public

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

@@ -101,7 +101,7 @@ sap.ui.define([
 	* @extends sap.ui.core.Control
 	*
 	* @author SAP SE
-	* @version 1.127.0
+	* @version 1.128.0
 	*
 	* @constructor
 	* @public

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	* @abstract
 	*
 	* @author SAP SE
-	* @version 1.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @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.127.0
+	* @version 1.128.0
 	*
 	* @constructor
 	* @public

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

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

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

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 *
 	 * @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.127.0
+	 * @version 1.128.0
 	 *
 	 * @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.127.0
+		 * @version 1.128.0
 		 *
 		 * @constructor
 		 * @private

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

@@ -579,26 +579,6 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 	outline: none;
 }
 
-.sapFCard.sapMBadge .sapMBadgeIndicator {
-	padding: 0 0.5rem;
-	top: -0.6125rem;
-	right: 0;
-	height: auto;
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:after {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:before {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-}
-
 .sapFCardExperimentalCaching {
 	.sapFCardDataTimestamp {
 		min-width: 100px;

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

@@ -0,0 +1,63 @@
+.sapFCardBadgePlaceholder {
+	z-index: 100;
+	position: absolute;
+	top: -0.6125rem;
+	right: 0.75rem;
+	height: auto;
+	display: inline-flex;
+	max-width: 95%; /* long text will not go outside the card */
+}
+
+.sapUiIntCard .sapFCardBadgePlaceholder .sapMObjStatus:not(.sapMObjStatusShowCustomIcon) {
+	.sapMObjStatusIcon {
+		display: initial;
+	}
+}
+
+.sapFCardBadge.sapFCardBadgeHidden {
+	display: none;
+}
+
+.sapFCardBadgePlaceholder .sapMObjStatus.sapMObjStatusInverted {
+	margin-inline-start: 0.25rem;
+	height: 1rem;
+
+	.sapMObjStatusWrapper {
+		border: 0;
+		max-width: 100%;
+		display: flex;
+		align-items: center;
+
+		.sapMObjStatusIcon.sapMObjStatusIconOnly {
+			padding: 0 0.25rem;
+		}
+
+		.sapMObjStatusIcon{
+			padding: 0;
+		}
+
+		.sapMObjStatusText {
+			padding: 0 0.375rem;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			max-width: inherit;
+		}
+
+	}
+
+}
+
+/* Padding between icon and text is too much */
+.sapFCardBadgePlaceholder .sapMObjStatus.sapMObjStatusInverted.sapFCardBadgeTextIcon{
+	.sapMObjStatusWrapper {
+
+		.sapMObjStatusIcon {
+			padding-left: 0.375rem;
+		}
+
+		.sapMObjStatusText {
+			padding: 0 0.375rem 0 0.25rem;
+		}
+	}
+}

package/src/sap/f/themes/base/library.source.less

@@ -10,6 +10,7 @@
 @import "AvatarGroup.less";
 @import "CalendarPlaceholder.less";
 @import "Card.less";
+@import "CardBadge.less";
 @import "CardLoading.less";
 @import "CardNumericIndicators.less";
 @import "DynamicPage.less";

package/src/sap/f/themes/sap_hcb/base_Card.less

@@ -579,26 +579,6 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 	outline: none;
 }
 
-.sapFCard.sapMBadge .sapMBadgeIndicator {
-	padding: 0 0.5rem;
-	top: -0.6125rem;
-	right: 0;
-	height: auto;
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:after {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:before {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-}
-
 .sapFCardExperimentalCaching {
 	.sapFCardDataTimestamp {
 		min-width: 100px;