@openui5/sap.uxap 1.141.1 → 1.142.0

package/README.md

@@ -4,13 +4,13 @@
 Runtime resources of the [OpenUI5](https://github.com/UI5/openui5) UI Library **sap.uxap**.
 
 ## Usage
-Add this library as a dependency to your UI5 project by using [UI5 Tooling](https://sap.github.io/ui5-tooling/):
+Add this library as a dependency to your UI5 project by using [UI5 CLI](https://ui5.github.io/cli/):
 
 ```
 ui5 add sap.uxap
 ```
 
-For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://sap.github.io/ui5-tooling/pages/OpenUI5/).
+For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://ui5.github.io/cli/pages/OpenUI5/).
 
 ## License
 OpenUI5 is licensed under [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0), see [LICENSE.txt](LICENSE.txt).

package/REUSE.toml

@@ -21,6 +21,44 @@ SPDX-License-Identifier = "Apache-2.0"
 #
 
 
+# Library: sap.f:
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Fiori"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons Business Suite"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons TNT"
+
+
 # Library: sap.m:
 
 [[annotations]]

package/THIRDPARTY.txt

@@ -4,6 +4,39 @@ each subcomponent.
 The full text of all referenced licenses is appended at the end of this file.
 
 
+Library: sap.f:
+
+Component: UI5 Web Components, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Fiori, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons Business Suite, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons TNT, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+
 Library: sap.m:
 
 Component: purify.js, version: 3.2.4
@@ -354,7 +387,7 @@ Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/D
 
 Library: sap.ui.integration:
 
-Component: UI5 Web Components, version: 1.7.0
+Component: UI5 Web Components, version: 2.15.0
 Copyright: SAP
 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.uxap",
-  "version": "1.141.1",
+  "version": "1.142.0",
   "description": "OpenUI5 UI Library sap.uxap",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,9 +14,9 @@
     "url": "https://github.com/UI5/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.f": "1.141.1",
-    "@openui5/sap.m": "1.141.1",
-    "@openui5/sap.ui.core": "1.141.1",
-    "@openui5/sap.ui.layout": "1.141.1"
+    "@openui5/sap.f": "1.142.0",
+    "@openui5/sap.m": "1.142.0",
+    "@openui5/sap.ui.core": "1.142.0",
+    "@openui5/sap.ui.layout": "1.142.0"
   }
 }

package/src/sap/uxap/.library

@@ -3,7 +3,7 @@
 
 	<name>sap.uxap</name>
 	<vendor>SAP SE</vendor>
-	<version>1.141.1</version>
+	<version>1.142.0</version>
 	<copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>

package/src/sap/uxap/BlockBaseMetadata.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 *
 	 * @class
 	 * @author SAP SE
-	 * @version 1.141.1
+	 * @version 1.142.0
 	 * @since 1.26
 	 * @alias sap.uxap.BlockBaseMetadata
 	 * @extends sap.ui.core.ElementMetadata

package/src/sap/uxap/ObjectPageAccessibleLandmarkInfo.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.141.1
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/uxap/ObjectPageDynamicHeaderContent.js

@@ -40,7 +40,7 @@ sap.ui.define([
 		 * @implements sap.uxap.IHeaderContent
 		 *
 		 * @author SAP SE
-		 * @version 1.141.1
+		 * @version 1.142.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/uxap/ObjectPageDynamicHeaderTitle.js

@@ -42,7 +42,7 @@ sap.ui.define([
 		 * @implements sap.uxap.IHeaderTitle
 		 *
 		 * @author SAP SE
-		 * @version 1.141.1
+		 * @version 1.142.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/uxap/ObjectPageLayout.js

@@ -1253,6 +1253,9 @@ sap.ui.define([
 			oHeaderContent._setLandmarkInfo(this.getLandmarkInfo());
 		}
 
+		if (exists(this._oABHelper) && this._oABHelper._setLandmarkInfo) {
+			this._oABHelper._setLandmarkInfo(this.getLandmarkInfo());
+		}
 	};
 
 	ObjectPageLayout.prototype._onAfterRenderingDomReady = function () {
@@ -3180,10 +3183,7 @@ sap.ui.define([
 		// (1) add top padding for the area underneath the title element
 		// so that the title does not overlap the content of the scroll container
 		oWrapperElement.style.paddingTop = iTitleHeight + "px";
-		oWrapperElement.style.scrollPaddingTop = iTitleHeight + "px";
-		if (this._oScroller) {
-			this._oScroller.setScrollPaddingTop(iTitleHeight);
-		}
+		this._adjustScrollPaddingTop();
 
 		// (2) also make the area underneath the title invisible (using clip-path)
 		// to allow usage of *transparent background* of the title element
@@ -3202,6 +3202,29 @@ sap.ui.define([
 		this.getHeaderTitle() && this._shiftHeaderTitle();
 	};
 
+	ObjectPageLayout.prototype._adjustScrollPaddingTop = function () {
+		if (!this._$opWrapper?.length) {
+			return;
+		}
+
+		var oTitleElement = this._$titleArea?.length && this._$titleArea.get(0),
+			iTitleHeight = (oTitleElement && oTitleElement.getBoundingClientRect().height) || 0,
+			iScrollPosition = this._oScrollContainerLastState.iScrollTop,
+			iOffsetScrollPaddingTop = 0,
+			oSelectedSection = Element.getElementById(this.getSelectedSection());
+
+		// when the selected section is scrolled below the header
+		if (this._oSectionInfo[oSelectedSection?.getId()]?.positionTop < iScrollPosition) {
+			// to avoid focused content being hidden under the sticky Section's header, when browser automatically scrolls it into view
+			iOffsetScrollPaddingTop = oSelectedSection?.$().find(".sapUxAPObjectPageSectionHeader").outerHeight() || 0;
+		}
+
+		this._$opWrapper.get(0).style.scrollPaddingTop = (iTitleHeight + iOffsetScrollPaddingTop) + "px";
+		if (this._oScroller) {
+			this._oScroller.setScrollPaddingTop(iTitleHeight + iOffsetScrollPaddingTop);
+		}
+	};
+
 	/**
 	 * called when the screen is resize by users. Updates the screen height
 	 * @param oEvent
@@ -3511,6 +3534,8 @@ sap.ui.define([
 				this.$("scroll").css("z-index", "0");
 			}
 		}
+
+		this._adjustScrollPaddingTop();
 	};
 
 	/**

package/src/sap/uxap/ObjectPageLayoutABHelper.js

@@ -6,6 +6,8 @@
 
 sap.ui.define([
 	"sap/ui/core/Element",
+	"sap/ui/core/Lib",
+	"sap/ui/core/library",
 	"sap/ui/base/Object",
 	"sap/ui/base/ManagedObject",
 	"sap/ui/base/ManagedObjectObserver",
@@ -13,7 +15,7 @@ sap.ui.define([
 	"sap/m/IconTabHeader",
 	"sap/m/library",
 	"sap/uxap/ObjectPageSection"
-], function(Element, BaseObject, ManagedObject, ManagedObjectObserver, IconTabFilter, IconTabHeader, mobileLibrary, ObjectPageSection) {
+], function(Element, coreLib, coreLibrary, BaseObject, ManagedObject, ManagedObjectObserver, IconTabFilter, IconTabHeader, mobileLibrary, ObjectPageSection) {
 	"use strict";
 
 	// shortcut for sap.m.TabsOverflowMode
@@ -111,6 +113,31 @@ sap.ui.define([
 		}
 	};
 
+	ABHelper.prototype._setLandmarkInfo = function (oLandmarkInfo) {
+		this._oLandmarkInfo = oLandmarkInfo;
+
+		this._applyAriaAttributes();
+	};
+
+	ABHelper.prototype._applyAriaAttributes = function () {
+		var $oAnchorBar = this._getAnchorBar().$(),
+			oObjectPageLayout = this.getObjectPageLayout(),
+			oFormattedLandmarkInfo = oObjectPageLayout._formatLandmarkInfo(this._oLandmarkInfo, "Navigation"),
+			oRb = coreLib.getResourceBundleFor("sap.uxap");
+
+		if (oFormattedLandmarkInfo.role) {
+			$oAnchorBar.attr("role", oFormattedLandmarkInfo.role);
+		} else if (oFormattedLandmarkInfo.role === ""){
+			$oAnchorBar.removeAttr("role");
+		}
+
+		if (oFormattedLandmarkInfo.label) {
+			$oAnchorBar.attr("aria-label", oFormattedLandmarkInfo.label);
+		} else if (this._oLandmarkInfo?.getNavigationRole() !== coreLibrary.AccessibleLandmarkRole.None) {
+			$oAnchorBar.attr("aria-label", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
+		}
+	};
+
 	/**
 	 * build the anchorBar and all the anchorBar buttons
 	 * @private

package/src/sap/uxap/ObjectPageLayoutRenderer.js

@@ -41,10 +41,8 @@ sap.ui.define(["sap/ui/core/Lib"],
 				bHeaderRoleSet = !!(oLandmarkInfo && oLandmarkInfo.getHeaderRole()),
 				bHeaderLabelSet = !!(oLandmarkInfo && oLandmarkInfo.getHeaderLabel()),
 				bRootRoleSet = !!(oLandmarkInfo && oLandmarkInfo.getRootRole()),
-				bNavigationRoleSet = !!(oLandmarkInfo && oLandmarkInfo.getNavigationRole()),
 				sRootRole = bRootRoleSet ? oLandmarkInfo.getRootRole() : undefined,
 				sHeaderRole = bHeaderRoleSet ? oLandmarkInfo.getHeaderRole() : undefined,
-				sNavigationRole = bNavigationRoleSet ? oLandmarkInfo.getNavigationRole() : undefined,
 				bRootLabelSet = !!(oLandmarkInfo && oLandmarkInfo.getRootLabel()),
 				bShowFooter = oControl.getShowFooter();
 
@@ -56,11 +54,9 @@ sap.ui.define(["sap/ui/core/Lib"],
 			if (!bRootRoleSet) {
 				oRm.attr("role", "main");
 			}
-			if (sRootRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("ROOT_ROLE_DESCRIPTION"));
-			}
+
 			if (!bRootLabelSet && sRootRole !== "None") {
-				oRm.attr("aria-label", sRootAriaLabelText);
+				oRm.attr("aria-label", sRootAriaLabelText + " " + oRb.getText("ROOT_ROLE_DESCRIPTION"));
 			}
 			oRm.class("sapUxAPObjectPageLayout");
 			if (bShowFooter) {
@@ -88,12 +84,8 @@ sap.ui.define(["sap/ui/core/Lib"],
 				oRm.attr("role", "banner");
 			}
 
-			if (sHeaderRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("HEADER_ROLE_DESCRIPTION"));
-			}
-
 			if (!bHeaderLabelSet && sHeaderRole !== "None") {
-				oRm.attr("aria-label", sHeaderAriaLabelText);
+				oRm.attr("aria-label", sHeaderAriaLabelText + " " + oRb.getText("HEADER_ROLE_DESCRIPTION"));
 			}
 			oRm.attr("data-sap-ui-customfastnavgroup", true)
 				.class("sapUxAPObjectPageHeaderTitle")
@@ -112,10 +104,6 @@ sap.ui.define(["sap/ui/core/Lib"],
 			oRm.openStart("div", oControl.getId() + "-stickyAnchorBar");
 			oRm.attr("data-sap-ui-customfastnavgroup", true);
 
-			if (sNavigationRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
-			}
-
 			if (!oControl._bHeaderInTitleArea) {
 				oRm.attr("aria-hidden", "true");
 			}
@@ -128,7 +116,6 @@ sap.ui.define(["sap/ui/core/Lib"],
 				oRm.class("sapUxAPObjectPageNavigation" + sBackgroundDesign);
 			}
 
-			oRm.accessibilityState(oControl, oControl._formatLandmarkInfo(oLandmarkInfo, "Navigation"));
 			oRm.openEnd();
 
 			// if the content is expanded render bars outside the scrolling div
@@ -159,10 +146,6 @@ sap.ui.define(["sap/ui/core/Lib"],
 			oRm.openStart("section", oControl.getId() + "-anchorBar");
 			oRm.attr("data-sap-ui-customfastnavgroup", true);
 
-			if (sNavigationRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
-			}
-
 			oRm.class("sapUxAPObjectPageNavigation")
 				.class("ui-helper-clearfix")
 				.class("sapContrastPlus");
@@ -171,7 +154,6 @@ sap.ui.define(["sap/ui/core/Lib"],
 				oRm.class("sapUxAPObjectPageNavigation" + sBackgroundDesign);
 			}
 
-			oRm.accessibilityState(oControl, oControl._formatLandmarkInfo(oLandmarkInfo, "Navigation"));
 			oRm.openEnd();
 
 			this._renderAnchorBar(oRm, oControl, oAnchorBar, !oControl._bHeaderInTitleArea);
@@ -322,7 +304,7 @@ sap.ui.define(["sap/ui/core/Lib"],
 			}
 
 			if (sFooterRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("FOOTER_ROLE_DESCRIPTION"));
+				oRm.attr("aria-label", oRb.getText("FOOTER_ROLE_DESCRIPTION"));
 			}
 
 			oRm.accessibilityState(oObjectPageLayout, oObjectPageLayout._formatLandmarkInfo(oLandmarkInfo, "Footer"));

package/src/sap/uxap/ObjectPageLazyLoader.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.141.1
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/uxap/changeHandler/AddIFrameObjectPageLayout.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.AddIFrameObjectPageLayout
 	 * @author SAP SE
-	 * @version 1.141.1
+	 * @version 1.142.0
 	 * @since 1.75
 	 * @experimental Since 1.75
 	 */

package/src/sap/uxap/changeHandler/MoveObjectPageSection.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.MoveObjectPageSection
 	 * @author SAP SE
-	 * @version 1.141.1
+	 * @version 1.142.0
 	 * @experimental Since 1.54
 	 */
 

package/src/sap/uxap/changeHandler/RenameObjectPageSection.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.RenameObjectPageSection
 	 * @author SAP SE
-	 * @version 1.141.1
+	 * @version 1.142.0
 	 * @experimental Since 1.50
 	 */
 

package/src/sap/uxap/changeHandler/UnstashObjectPageSection.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.UnstashObjectPageSection
 	 * @author SAP SE
-	 * @version 1.141.1
+	 * @version 1.142.0
 	 * @experimental Since 1.115
 	 */
 

package/src/sap/uxap/library.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.uxap
 	 * @author SAP SE
-	 * @version 1.141.1
+	 * @version 1.142.0
 	 * @since 1.36
 	 * @public
 	 */
@@ -74,7 +74,7 @@ sap.ui.define([
 			"sap.uxap.ObjectPageHeaderLayoutData",
 			"sap.uxap.ObjectPageLazyLoader"
 		],
-		version: "1.141.1",
+		version: "1.142.0",
 		...{
 			interactionDocumentation: true
 		},