@openui5/sap.f 1.139.0 → 1.141.0

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

@@ -16,7 +16,7 @@ sap.ui.define([
 		 *
 		 * @alias sap.f.changeHandler.MoveDynamicPageTitleActions
 		 * @author SAP SE
-		 * @version 1.139.0
+		 * @version 1.141.0
 		 */
 		var MoveActions = { };
 		var ACTION_AGGREGATION_NAME = "actions";

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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @author SAP SE
-	 * @version 1.139.0
+	 * @version 1.141.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.139.0
+	 * @version 1.141.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.139.0
+	 * @version 1.141.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.139.0
+	 * @version 1.141.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.139.0
+	 * @version 1.141.0
 	 * @since 1.44
 	 * @public
 	 */
 	var thisLib = Library.init({
 		apiVersion: 2,
 		name : "sap.f",
-		version: "1.139.0",
+		version: "1.141.0",
 		dependencies : ["sap.ui.core", "sap.m", "sap.ui.layout"],
 		designtime: "sap/f/designtime/library.designtime",
 		...{
@@ -214,7 +214,7 @@ sap.ui.define([
 	 * Layouts, representing the number of columns to be displayed and their relative widths for a {@link sap.f.FlexibleColumnLayout} control.
 	 *
 	 * Each layout has a default predefined ratio for the three columns, depending on device size. Based on the device and layout, some columns are hidden.
-	 * For more information, refer to the ratios (in %) for each value, listed below: (dash "-" means non-accessible columns).
+	 * For more information, refer to the ratios (in %) for each value, listed below: (hyphen "-" means non-accessible columns).
 	 *
 	 * <b>Notes:</b>
 	 * <ul>

package/src/sap/f/messagebundle_da.properties

@@ -9,7 +9,7 @@ EXPANDED_HEADER=Ekspanderet top
 
 SNAPPED_HEADER=Komprimeret top
 
-PIN_HEADER=S\u00E6t top fast
+PIN_HEADER=S\u00E6t sidehoved fast
 
 DEFAULT_HEADER_TEXT=Top
 
@@ -35,7 +35,7 @@ FCL_LAST_COLUMN_EXPANDED_MESSAGE=Sidste kolonne ekspanderet
 
 FCL_SEPARATOR_MOVE=Tryk p\u00E5 de relevante piletaster for at flytte
 
-COLLAPSE_HEADER_BUTTON_TOOLTIP=Komprimer top
+COLLAPSE_HEADER_BUTTON_TOOLTIP=Komprimer sidehoved
 
 EXPAND_HEADER_BUTTON_TOOLTIP=Ekspander top
 

package/src/sap/f/messagebundle_pt.properties

@@ -41,7 +41,7 @@ EXPAND_HEADER_BUTTON_TOOLTIP=Expandir cabe\u00E7alho
 
 SEMANTIC_PAGE_ROLE_DESCRIPTION=P\u00E1gina sem\u00E2ntica
 
-SEMANTIC_CONTROL_EDIT=Processar
+SEMANTIC_CONTROL_EDIT=Editar
 
 SEMANTIC_CONTROL_ADD=Adicionar
 

package/src/sap/f/routing/Router.js

@@ -11,32 +11,37 @@ sap.ui.define(['sap/ui/core/routing/Router', './TargetHandler', './Targets'],
 		 * Constructor for a new <code>sap.f.routing.Router</code>.
 		 *
 		 * @class
-		 * The <code>sap.f.routing.Router</code> class is intended to be used with
-		 * <code>{@link sap.f.FlexibleColumnLayout}</code> as a root control.
+		 * The <code>sap.f.routing.Router</code> extends the capabilities of the standard <code>{@link
+		 * sap.ui.core.routing.Router}</code> to support flexible and responsive layouts based on <code>{@link
+		 * sap.f.FlexibleColumnLayout}</code> as the root control.
 		 *
-		 * The difference to the <code>{@link sap.ui.core.routing.Router}</code> are the
-		 * <code>level</code>, <code>transition</code>, and <code>transitionParameters</code>
-		 * properties that you can specify in every Route or Target created by this router.
+		 * This router enables advanced navigation scenarios tailored to flexible column layouts, such as changing both
+		 * the layout type (e.g., OneColumn, TwoColumnsMidExpanded) and the currently displayed views within individual
+		 * columns.
 		 *
-		 * The difference to the <code>{@link sap.m.routing.Router}</code> is the additional
-		 * <code>layout</code> property that can be specified in every Route, in which case it
-		 * is applied to the root control. Also, the <code>sap.f.routing.Router</code> supports
-		 * navigations that involve both change of <code>{@link sap.f.LayoutType}</code>
-		 * and change of the current page within a single column of the
-		 * <code>sap.f.FlexibleColumnLayout</code>.
+		 * Compared to <code>{@link sap.ui.core.routing.Router}</code>, it adds support for additional target properties:
+		 * <ul>
+		 *  <li><code>level</code>: Defines the hierarchical level of the target view for proper history and back
+		 *  navigation handling</li>
+		 *  <li><code>transition</code>: Specifies the type of transition animation between views (e.g.,
+		 *  <code>slide</code>, <code>fade</code>)</li>
+		 *  <li><code>transitionParameters</code>: Custom parameters for transitions</li>
+		 * </ul>
+		 *
+		 * Compared to <code>{@link sap.m.routing.Router}</code>, it further introduces a <code>layout</code> property
+		 * on each route, allowing you to define the desired <code>{@link sap.f.LayoutType}</code> to be applied to the
+		 * <code>FlexibleColumnLayout</code> root control during navigation.
 		 *
 		 * See <code>{@link sap.ui.core.routing.Router}</code> for the constructor arguments.
 		 *
 		 * @extends sap.ui.core.routing.Router
 		 *
 		 * @param {object|object[]} [oRoutes] may contain many Route configurations as {@link sap.ui.core.routing.Route#constructor}.
-
-		 * @param {string|string[]} [oConfig.bypassed.target] One or multiple names of targets that will be displayed, if no route of the router is matched.
-		 *
+		 * @param {string|string[]} [oConfig.bypassed.target] One or multiple names of targets that will be displayed,
+		 * if no route of the router is matched.
 		 * @param {sap.ui.core.UIComponent} [oOwner] the Component of all the views that will be created by this Router,
 		 * will get forwarded to the {@link sap.ui.core.routing.Views#constructor}.
 		 * If you are using the componentMetadata to define your routes you should skip this parameter.
-		 *
 		 * @param {object} [oTargetsConfig]
 		 * the target configuration, see {@link sap.f.routing.Targets#constructor} documentation (the options object).
 		 *

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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.0
 	*
 	* @constructor
 	* @public

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	* @abstract
 	*
 	* @author SAP SE
-	* @version 1.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.0
 	*
 	* @constructor
 	* @public

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	* @abstract
 	*
 	* @author SAP SE
-	* @version 1.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.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.139.0
+	* @version 1.141.0
 	*
 	* @constructor
 	* @public

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

@@ -22,7 +22,7 @@ sap.ui.define([
 
 		/**
 		 * @author SAP SE
-		 * @version 1.139.0
+		 * @version 1.141.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.139.0
+	 * @version 1.141.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.139.0
+	 * @version 1.141.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.139.0
+		 * @version 1.141.0
 		 *
 		 * @constructor
 		 * @private

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

@@ -254,12 +254,16 @@ html[data-sap-ui-browser^='cr'] .sapFCard {
 
 	&:not(.sapFCardTransparent) {
 
-		.sapFCardSectionClickable:hover {
-			background: var(--sapTile_Hover_Background);
-		}
+		.sapFCardSectionClickable {
+			border-radius: var(--sapTile_BorderCornerRadius);
+
+			&:hover {
+				background: var(--sapTile_Hover_Background);
+			}
 
-		.sapFCardSectionClickable:active {
-			background: var(--sapTile_Active_Background);
+			&:active {
+				background: var(--sapTile_Active_Background);
+			}
 		}
 	}
 

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

@@ -16,6 +16,27 @@
 	background: @sapUiTileBackground;
 	display: flex;
 	flex-direction: column;
+	overflow: hidden;
+	border-radius: inherit;
+
+	.sapFCardHeaderMainWrapper {
+		display: flex;
+		border-radius: inherit;
+		flex-direction: column;
+		height: 100%;
+
+		.sapFCardHeaderTopRow {
+			display: flex;
+			flex-direction: row;
+			height: 100%;
+			position: relative;
+			border-radius: inherit;
+		}
+
+		&:has(.sapFCardHeaderInfoSection) {
+			flex-wrap: wrap;
+		}
+	}
 
 	.sapFCardHeaderMainPart {
 		outline: none;
@@ -25,10 +46,28 @@
 		padding: @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding 0.25rem @_sap_f_CardHeaders_Padding;
 		position: relative;
 		border-radius: 0;
+		flex-grow: 1;
 
 		&.sapFCardHeaderLastPart{
 			padding: @_sap_f_CardHeaders_Padding;
 		}
+
+		&:has(+ .sapFCardHeaderToolbarCont),
+		&.sapFCardHeaderLastPart:has(+ .sapFCardHeaderToolbarCont)  {
+			padding-right: 0;
+		}
+	}
+
+	.sapFCardHeaderTopRow:has(.sapFCardSectionClickable) {
+		cursor: pointer;
+
+		&:hover {
+			background: @sapUiTileHoverBackground;
+		}
+
+		&:active {
+			background: @sapUiTileActiveBackground;
+		}
 	}
 
 	.sapFCardHeaderImage {
@@ -81,6 +120,18 @@
 		flex-grow: 1;
 	}
 
+	&:not(.sapFCardHeaderHasToolbar) {
+		.sapFCardStatusWrapper{
+			padding-top: 1rem;
+		}
+	}
+
+	.sapFCardStatusWrapper {
+		display: flex;
+		flex-direction: column;
+		align-items: flex-end;
+	}
+
 	.sapFCardStatus {
 		position: relative;
 		font-family: @sapUiFontFamily;
@@ -88,7 +139,6 @@
 		color: @sapUiTileTextColor;
 		text-align: right;
 		line-height: normal;
-		margin-left: 1rem;
 		margin-top: 0.188rem;
 		display: inline-block;
 		white-space: nowrap;
@@ -111,18 +161,24 @@
 	.sapFCardDataTimestamp {
 		color: @sapUiTileTextColor;
 		font-size: @sapMFontSmallSize;
-		margin-left: auto;
 		flex-shrink: 0;
 	}
 
-	.sapFCardHeaderLineIncludesDataTimestamp .sapFCardSubtitle {
-		margin-right: 1rem;
+	.sapFCardStatusWrapper.sapFCardHeaderLineIncludesDataTimestamp  .sapFCardStatus{
+		padding-bottom: 0.25rem;
 	}
 
 	.sapFCardHeaderToolbarCont {
-		position: absolute;
-		right: 0.65rem;
-		top: 0.45rem;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-end;
+		padding-right: 1rem;
+		padding-left: 0.5rem;
+		padding-bottom: 1rem;
+
+		&:not(:has(> :not(:empty))) {
+			display: none;
+		}
 	}
 
 	&.sapFCardHeaderHasToolbar {
@@ -145,7 +201,6 @@
 			padding-inline-start: 0.25rem;
 			padding-inline-end: @_sap_f_CardHeaders_Padding;
 			background-color: @sapUiInfobarNonInteractiveBackground;
-			border-radius: 0.125rem 0 0 0.125rem;
 			min-width: 0;
 
 			.sapFCardHeaderBannerLine {
@@ -171,14 +226,6 @@
 		.sapMText {
 			cursor: pointer;
 		}
-
-		&:hover {
-			background: @sapUiTileHoverBackground;
-		}
-
-		&:active {
-			background: @sapUiTileActiveBackground;
-		}
 	}
 }
 
@@ -205,6 +252,10 @@
 
 .sapFCardHeader.sapFCardNumericHeader {
 
+	.sapFCardHeaderMainWrapper {
+		flex-direction: column;
+	}
+
 	.sapFCardNumericHeaderNumericPart {
 		padding: 0rem @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding;
 
@@ -340,7 +391,7 @@
 	}
 }
 
-.sapFCardHeader:not(.sapFCardHeaderToolbarFocused) .sapFCardHeaderFocusable:focus::before {
+.sapFCardHeader:not(.sapFCardHeaderToolbarFocused) .sapFCardHeaderTopRow:has(.sapFCardHeaderMainPart:focus)::before {
 	content: '';
 	display: block;
 	position: absolute;
@@ -355,9 +406,31 @@
 }
 
 .sapFCardHeader .sapFCardIcon.sapFAvatar {
-	margin-right: 0.75rem;
+	margin-right: 0.5rem;
 
 	&:not(.sapFAvatarImage):not(.sapFAvatarInitials) {
 		border: none;
 	}
-}
+}
+
+.sapFAvatar[class*="sapFCardHeaderImageState"] {
+    background-color: transparent;
+    font-size: 2rem;
+    color: var(--avatar-state-color);
+}
+
+.sapFAvatar.sapFCardHeaderImageStateError {
+    --avatar-state-color: var(--sapNegativeElementColor);
+}
+
+.sapFAvatar.sapFCardHeaderImageStateWarning {
+    --avatar-state-color: var(--sapCriticalElementColor);
+}
+
+.sapFAvatar.sapFCardHeaderImageStateInformation {
+    --avatar-state-color: var(--sapInformativeElementColor);
+}
+
+.sapFAvatar.sapFCardHeaderImageStateSuccess {
+    --avatar-state-color: var(--sapPositiveElementColor);
+}