@openui5/sap.f 1.140.0 → 1.141.0

package/THIRDPARTY.txt

@@ -379,7 +379,7 @@ License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptive-expressions.js
 
-Component: Markdown-it, version: 12.3.2
+Component: Markdown-it, version: 14.1.0
 Copyright: 2014 Vitaly Puzrin, Alex Kocharin
 License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
@@ -444,7 +444,7 @@ License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.31.1
+Component: SAP Theming Base Content, version: 11.32.2-20250827135846+79bb30d311678435d61b21db26ecbe07d6b05079
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.f",
-  "version": "1.140.0",
+  "version": "1.141.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/UI5/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.m": "1.140.0",
-    "@openui5/sap.ui.core": "1.140.0",
-    "@openui5/sap.ui.layout": "1.140.0"
+    "@openui5/sap.m": "1.141.0",
+    "@openui5/sap.ui.core": "1.141.0",
+    "@openui5/sap.ui.layout": "1.141.0"
   }
 }

package/src/sap/f/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.140.0</version>
+  <version>1.141.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.140.0
+	 * @version 1.141.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.140.0
+	 * @version 1.141.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.140.0
+	 * @version 1.141.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.140.0
+	 * @version 1.141.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.140.0
+	 * @version 1.141.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.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/CardBase.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.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.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public
@@ -1266,12 +1266,22 @@ sap.ui.define([
 	 * @private
 	 */
 	DynamicPage.prototype._needsVerticalScrollBar = function () {
+		return this._isContentOverflowingScrollContainer()
+			|| this._isContentOverflowingFullscreenContainer(); // overlap between fullscreen-area and footer-area
+	};
+
+	DynamicPage.prototype._isContentOverflowingScrollContainer = function () {
 		// treat maxScrollHeight values in the range [0, 1] as 0,
 		// to cover the known cases where the nested content overflows
 		// the container with up to 1px because of rounding issues
 		return Math.floor(this._getMaxScrollPosition()) > 1;
 	};
 
+	DynamicPage.prototype._isContentOverflowingFullscreenContainer = function () {
+		return exists(this.$contentFitContainer)
+			&& this.$contentFitContainer[0].scrollHeight > this.$contentFitContainer[0].clientHeight;
+	};
+
 	/**
 	 * Retrieves the height of the <code>DynamicPage</code> control.
 	 * @returns {number}
@@ -1903,6 +1913,8 @@ sap.ui.define([
 			this._updateHeaderVisualState(bCurrentHeight !== bOldHeight);
 			this._adaptScrollPositionOnHeaderChange(bCurrentHeight, bOldHeight);
 		}
+
+		this._expandHeaderIfNeeded(oEvent);
 	};
 
 	/**
@@ -1925,20 +1937,24 @@ sap.ui.define([
 			oDynamicPageTitle._onResize(iCurrentWidth);
 		}
 
-		if (this._shouldAutoExpandHeaderOnResize(oEvent)) {
-			this._expandHeader(true, false /* bUserInteraction */);
-			this.getHeader().$().removeClass("sapFDynamicPageHeaderHidden");
-		}
+		this._expandHeaderIfNeeded(oEvent);
 
 		this._adjustSnap();
 		this._updateTitlePositioning();
 		this._updateMedia(iCurrentWidth);
 	};
 
+	DynamicPage.prototype._expandHeaderIfNeeded = function (oEvent) {
+		if (this._shouldAutoExpandHeaderOnResize(oEvent)) {
+			this._expandHeader(true, false /* bUserInteraction */);
+			this.getHeader().$().removeClass("sapFDynamicPageHeaderHidden");
+		}
+	};
+
 	DynamicPage.prototype._shouldAutoExpandHeaderOnResize = function (oResizeEvent) {
 		var oDynamicPageHeader = this.getHeader(),
 			bHeaderSnappedByUser = exists(oDynamicPageHeader) && !this.getHeaderExpanded() && this._bIsLastToggleUserInitiated,
-			bPageResized = oResizeEvent.target === this.getDomRef(),
+			bPageResized = oResizeEvent.target === this.getDomRef() || oResizeEvent.target === this.$contentFitContainer?.get(0),
 			canToggleHeaderOnScroll = this._canSnapHeaderOnScroll.bind(this);
 
 		// auto-expand the header if the user had snapped it but

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.140.0
+	 * @version 1.141.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.140.0
+		 * @version 1.141.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.140.0
+	 * @version 1.141.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.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public
@@ -733,7 +733,7 @@ sap.ui.define([
 		this._boundColumnSeparatorMove = this._onColumnSeparatorMove.bind(this);
 		this._boundColumnSeparatorMoveEnd = this._onColumnSeparatorMoveEnd.bind(this);
 		this._oLocalStorage = {};
-		this._bNeverRendered = true;
+		this._bInitialColumnsResizeDone = false;
 
 		this._oBeginColumnWidth =  {
 			tablet: 0,
@@ -1002,7 +1002,6 @@ sap.ui.define([
 		this._flushColumnContent("end");
 
 		this._fireStateChange(false, false);
-		this._bNeverRendered = false;
 	};
 
 	FlexibleColumnLayout.prototype.setLayoutData = function (oLayoutData) {
@@ -1427,6 +1426,8 @@ sap.ui.define([
 		} else {
 			this._updateSeparatorsAriaPositionInfo();
 		}
+
+		this._bInitialColumnsResizeDone = true;
 	};
 
 	/**
@@ -2544,8 +2545,8 @@ sap.ui.define([
 			return oColumn.width() !== iNewWidth;
 		}
 
-		if (this._bNeverRendered || oOptions.autoSize) {
-			return false; // initial rendering or autosized
+		if (!this._bInitialColumnsResizeDone || oOptions.autoSize) {
+			return false; // initial columns-resize or autosized
 		}
 
 		return this._getColumnWidth(sColumn) !== iNewWidth;

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.140.0
+	 * @version 1.141.0
 	 * @since 1.95
 	 *
 	 * @constructor

package/src/sap/f/FlexibleColumnLayoutData.js

@@ -21,7 +21,7 @@ sap.ui.define(["sap/ui/core/LayoutData", "sap/ui/base/ManagedObjectObserver", "s
 		 *
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @extends sap.ui.core.LayoutData
 		 *

package/src/sap/f/FlexibleColumnLayoutDataForDesktop.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/LayoutData'],
 		 *
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @extends sap.ui.core.LayoutData
 		 *

package/src/sap/f/FlexibleColumnLayoutDataForTablet.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/LayoutData'],
 		 *
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @extends sap.ui.core.LayoutData
 		 *

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.140.0
+	 * @version 1.141.0
 	 * @param {sap.f.FlexibleColumnLayout} oFlexibleColumnLayout
 	 * The <code>sap.f.FlexibleColumnLayout</code> object whose state will be manipulated.
 	 *

package/src/sap/f/GridContainer.js

@@ -163,7 +163,7 @@ sap.ui.define([
 	 * @see {@link sap.f.dnd.GridDropInfo}
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.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.140.0
+		 * @version 1.141.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.140.0
+	 * @version 1.141.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @since 1.65
 	 * @public

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

package/src/sap/f/ProductSwitchItem.js

@@ -48,7 +48,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.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.140.0
+		 * @version 1.141.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/ShellBar.js

@@ -58,7 +58,7 @@ function(
 	 * @implements sap.f.IShellBar, sap.m.IBar
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/SidePanel.js

@@ -153,7 +153,7 @@ sap.ui.define([
  	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.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.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -55,7 +55,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -5,12 +5,13 @@
  */
 
 // Provides renderer helper for sap.f.cards.BaseHeader
-sap.ui.define([], function () {
+sap.ui.define(["sap/ui/core/library"], function (coreLibrary) {
 	"use strict";
 
 	const BaseHeaderRenderer = {
 		apiVersion: 2
 	};
+	const ValueState = coreLibrary.ValueState;
 
 	BaseHeaderRenderer.render = function (oRm, oHeader) {
 		const oToolbar = oHeader.getToolbar();
@@ -18,6 +19,13 @@ sap.ui.define([], function () {
 		const bHasStatus = oHeader.getStatusVisible();
 		const bHasDataTimestamp = oHeader.getDataTimestamp() || oBindingInfos.dataTimestamp;
 		const bHasNumericPart = this.hasNumericPart(oHeader);
+		const bIconVisible = oHeader.getIconVisible();
+		const bHasIconSrc = oHeader.getIconSrc();
+
+		let oIconState;
+		if (typeof oHeader.getIconState === "function") {
+			oIconState = oHeader.getIconState();
+		}
 
 		oRm.openStart("div", oHeader)
 			.class("sapFCardHeader");
@@ -28,7 +36,8 @@ sap.ui.define([], function () {
 			oRm.class("sapFCardHeaderLoading");
 		}
 
-		if (oHeader.getIconSrc() && oHeader.getIconVisible()) {
+		const bHasIconState = oIconState && oIconState !== ValueState.None;
+		if (bIconVisible && (bHasIconSrc || bHasIconState)) {
 			oRm.class("sapFCardHeaderHasIcon");
 		}
 
@@ -220,9 +229,17 @@ sap.ui.define([], function () {
 	BaseHeaderRenderer.renderAvatar = function (oRm, oHeader) {
 		var oAvatar = oHeader.getAggregation("_avatar"),
 			oBindingInfos = oHeader.mBindingInfos,
-			bIconVisible = oHeader.shouldShowIcon();
+			bIconVisible = oHeader.shouldShowIcon(),
+			bHasIconPropertySet = !oHeader.isPropertyInitial("iconSrc") || !oHeader.isPropertyInitial("iconInitials"),
+			oIconState;
+
+		if (typeof oHeader.getIconState === "function") {
+			oIconState = oHeader.getIconState();
+		}
 
-		if (bIconVisible && (!oHeader.isPropertyInitial("iconSrc") || !oHeader.isPropertyInitial("iconInitials"))) {
+		const bHasIconState = oIconState && oIconState !== ValueState.None;
+
+		if (bIconVisible && (bHasIconPropertySet || bHasIconState)) {
 			oRm.openStart("div")
 				.class("sapFCardHeaderImage")
 				.openEnd();
@@ -230,6 +247,11 @@ sap.ui.define([], function () {
 			if (oBindingInfos.iconSrc && oBindingInfos.iconSrc.binding && !oBindingInfos.iconSrc.binding.getValue()) {
 				oAvatar.addStyleClass("sapFCardHeaderItemBinded");
 			}
+
+			if (oIconState != ValueState.None) {
+				oAvatar.addStyleClass("sapFCardHeaderImageState" + oIconState);
+			}
+
 			oRm.renderControl(oAvatar);
 			oRm.renderControl(oHeader._oAriaAvatarText);
 			oRm.close("div");