@openui5/sap.uxap 1.136.2 → 1.138.0

package/REUSE.toml

@@ -238,27 +238,6 @@ SPDX-FileCopyrightText = [
 SPDX-License-Identifier = "Apache-2.0 and MIT"
 SPDX-FileComment = "these files contain content from SAP and JUnit Reporter for QUnit: qunit-junit.js is overall written by SAP, but contains a modified copy of JUnit Reporter for QUnit (qunit-reporter-junit)"
 
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/iscroll.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2012 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - iScroll"
-
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/iscroll-lite.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2011 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - iScroll Lite"
-
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/swipe-view.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2012 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - swipeview"
-
 [[annotations]]
 path = "src/sap.ui.core/src/sap/ui/thirdparty/zyngascroll.js"
 precedence = "aggregate"
@@ -308,13 +287,6 @@ SPDX-FileCopyrightText = "1991-2024 Unicode, Inc."
 SPDX-License-Identifier = "LicenseRef-Unicode-3.0"
 SPDX-FileComment = "these files belong to: Unicode Common Locale Data Repository"
 
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2010-2013, Acid Media"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: MobiScroll"
-
 [[annotations]]
 path = [
     "src/sap.ui.core/src/sap/ui/thirdparty/sinon.js",

package/THIRDPARTY.txt

@@ -133,24 +133,6 @@ License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-reporter-junit.js
 	src/sap.ui.core/src/sap/ui/qunit/qunit-junit.js
 
-Component: cubiq.org - iScroll, version: 4.2.5
-Copyright: 2012 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/iscroll.js
-
-Component: cubiq.org - iScroll Lite, version: 4.1.6
-Copyright: 2011 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/iscroll-lite.js
-
-Component: cubiq.org - swipeview, version: 1.0
-Copyright: 2012 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/swipe-view.js
-
 Component: Zynga Scroller, version: 1.2.1-0-g5d43806
 Copyright: 2011 Zynga Inc.
 License: MIT
@@ -193,12 +175,6 @@ License: LicenseRef-Unicode-3.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-Unicode-3.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cldr/**
 
-Component: MobiScroll, version: 2.9.0
-Copyright: 2010-2013, Acid Media
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/**
-
 Component: SinonJS, version: 1.14.1
 Copyright: 2010-2014, Christian Johansen, christian@cjohansen.no
 License: BSD-3-Clause

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.uxap",
-  "version": "1.136.2",
+  "version": "1.138.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/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.f": "1.136.2",
-    "@openui5/sap.m": "1.136.2",
-    "@openui5/sap.ui.core": "1.136.2",
-    "@openui5/sap.ui.layout": "1.136.2"
+    "@openui5/sap.f": "1.138.0",
+    "@openui5/sap.m": "1.138.0",
+    "@openui5/sap.ui.core": "1.138.0",
+    "@openui5/sap.ui.layout": "1.138.0"
   }
 }

package/src/sap/uxap/.library

@@ -3,7 +3,7 @@
 
 	<name>sap.uxap</name>
 	<vendor>SAP SE</vendor>
-	<version>1.136.2</version>
+	<version>1.138.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.136.2
+	 * @version 1.138.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.136.2
+	 * @version 1.138.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.136.2
+		 * @version 1.138.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.136.2
+		 * @version 1.138.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/uxap/ObjectPageLayout.js

@@ -1220,6 +1220,7 @@ sap.ui.define([
 
 		if (this._hasDynamicTitle()) {
 			this.addStyleClass("sapUxAPObjectPageHasDynamicTitle");
+			this._updateMedia(iWidth, ObjectPageLayout.DYNAMIC_HEADERS_MEDIA);
 		}
 
 		if (iWidth > 0) {

package/src/sap/uxap/ObjectPageLayoutRenderer.js

@@ -41,7 +41,10 @@ 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();
 
@@ -84,7 +87,11 @@ sap.ui.define(["sap/ui/core/Lib"],
 			if (!bHeaderRoleSet) {
 				oRm.attr("role", "banner");
 			}
-			oRm.attr("aria-roledescription", oRb.getText("HEADER_ROLE_DESCRIPTION"));
+
+			if (sHeaderRole !== "None") {
+				oRm.attr("aria-roledescription", oRb.getText("HEADER_ROLE_DESCRIPTION"));
+			}
+
 			if (!bHeaderLabelSet) {
 				oRm.attr("aria-label", sHeaderAriaLabelText);
 			}
@@ -105,7 +112,9 @@ sap.ui.define(["sap/ui/core/Lib"],
 			oRm.openStart("div", oControl.getId() + "-stickyAnchorBar");
 			oRm.attr("data-sap-ui-customfastnavgroup", true);
 
-			oRm.attr("aria-roledescription", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
+			if (sNavigationRole !== "None") {
+				oRm.attr("aria-roledescription", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
+			}
 
 			if (!oControl._bHeaderInTitleArea) {
 				oRm.attr("aria-hidden", "true");
@@ -150,7 +159,9 @@ sap.ui.define(["sap/ui/core/Lib"],
 			oRm.openStart("section", oControl.getId() + "-anchorBar");
 			oRm.attr("data-sap-ui-customfastnavgroup", true);
 
-			oRm.attr("aria-roledescription", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
+			if (sNavigationRole !== "None") {
+				oRm.attr("aria-roledescription", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
+			}
 
 			oRm.class("sapUxAPObjectPageNavigation")
 				.class("ui-helper-clearfix")
@@ -290,7 +301,8 @@ sap.ui.define(["sap/ui/core/Lib"],
 		 */
 		ObjectPageLayoutRenderer._renderFooterContentInternal = function (oRm, oObjectPageLayout, sFooterTag, oLandmarkInfo, oRb) {
 			var oFooter = oObjectPageLayout.getFooter(),
-				bFooterRoleSet = oLandmarkInfo && oLandmarkInfo.getFooterRole();
+				bFooterRoleSet = oLandmarkInfo && oLandmarkInfo.getFooterRole(),
+				sFooterRole = bFooterRoleSet ? oLandmarkInfo.getFooterRole() : undefined;
 
 			if (!oFooter) {
 				return;
@@ -308,7 +320,11 @@ sap.ui.define(["sap/ui/core/Lib"],
 			if (!bFooterRoleSet) {
 				oRm.attr("role", "region");
 			}
-			oRm.attr("aria-roledescription", oRb.getText("FOOTER_ROLE_DESCRIPTION"));
+
+			if (sFooterRole !== "None") {
+				oRm.attr("aria-roledescription", oRb.getText("FOOTER_ROLE_DESCRIPTION"));
+			}
+
 			oRm.accessibilityState(oObjectPageLayout, oObjectPageLayout._formatLandmarkInfo(oLandmarkInfo, "Footer"));
 			oRm.openEnd();
 			oFooter.addStyleClass("sapUxAPObjectPageFloatingFooter");

package/src/sap/uxap/ObjectPageLazyLoader.js

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

package/src/sap/uxap/ObjectPageSectionRenderer.js

@@ -16,7 +16,7 @@ sap.ui.define(["sap/ui/core/ControlBehavior"], function (ControlBehavior) {
 	};
 
 	ObjectPageSectionRenderer.render = function (oRm, oControl) {
-		var bTitleVisible, bTitleAriaHidden, bShouldDisplayButtonsInHeader, bHasMoreThanOneVisibleSubSection,
+		var bTitleVisible, bTitleAriaHidden, bShouldDisplayButtonsInHeader, bHasMoreThanOneVisibleSubSection, bShouldStick,
 			bAccessibilityOn = ControlBehavior.isAccessibilityEnabled(),
 			oLabelledByTitleID = oControl._getAriaLabelledById(),
 			oHeading = oControl.getHeading(),
@@ -30,6 +30,7 @@ sap.ui.define(["sap/ui/core/ControlBehavior"], function (ControlBehavior) {
 		bTitleAriaHidden = !oControl._isTitleAriaVisible();
 		bShouldDisplayButtonsInHeader = oControl._shouldDisplayButtonsInHeader();
 		bHasMoreThanOneVisibleSubSection = oControl._getVisibleSubSections().length > 1;
+		bShouldStick = !bHasMoreThanOneVisibleSubSection;
 
 		oRm.openStart("section", oControl)
 			.class("sapUxAPObjectPageSection");
@@ -65,7 +66,8 @@ sap.ui.define(["sap/ui/core/ControlBehavior"], function (ControlBehavior) {
 			.attr("aria-level", oControl._getARIALevel())
 			.class("sapUxAPObjectPageSectionHeader")
 			.class(bTitleAriaHidden ? "sapUxAPObjectPageSectionHeaderHidden" : "")
-			.class(bHasMoreThanOneVisibleSubSection && !bShouldDisplayButtonsInHeader ? "sapUxAPObjectPageSectionHeaderCompact" : "");
+			.class(bHasMoreThanOneVisibleSubSection && !bShouldDisplayButtonsInHeader ? "sapUxAPObjectPageSectionHeaderCompact" : "")
+			.class(bShouldStick ? "sapUxAPObjectPageSectionHeaderSticky" : "");
 
 		if (bTitleAriaHidden) {
 			oRm.attr("aria-hidden", "true");

package/src/sap/uxap/ObjectPageSubSection.js

@@ -675,7 +675,7 @@ sap.ui.define([
 			bHasTitle;
 
 		if (sChangeName === "visible") { // change of the actions elements` visibility
-			bHasTitle = this._isTitleVisible();
+			bHasTitle = this._getInternalTitleVisible() && this.getTitle().trim() !== "";
 			if (!bHasTitle) {
 				this.$("header").toggleClass("sapUiHidden", !this._hasVisibleActions());
 			}
@@ -832,14 +832,7 @@ sap.ui.define([
 		});
 	};
 
-	ObjectPageSubSection.prototype.clone = function (sIdSuffix, aLocalIds, oOptions) {
-		var oClone,
-			bCloneChildren = true;
-
-		if (oOptions) {
-			bCloneChildren = !!oOptions.cloneChildren;
-		}
-
+	ObjectPageSubSection.prototype.clone = function () {
 		Object.keys(this._aAggregationProxy).forEach(function (sAggregationName){
 			var oAggregation = this.mAggregations[sAggregationName];
 
@@ -848,17 +841,7 @@ sap.ui.define([
 			}
 
 		}, this);
-
-		oClone = ObjectPageSectionBase.prototype.clone.apply(this, arguments);
-		if (!this.isBound("actions") && bCloneChildren) {
-			var oAggregation = this.getMetadata().getAggregation("actions");
-
-			oAggregation.get(this).forEach(function(oChild) {
-				oAggregation.add(oClone, oChild.clone());
-			}, this);
-		}
-
-		return oClone;
+		return ObjectPageSectionBase.prototype.clone.apply(this, arguments);
 	};
 
 	ObjectPageSubSection.prototype._cleanProxiedAggregations = function () {

package/src/sap/uxap/ObjectPageSubSectionRenderer.js

@@ -18,7 +18,8 @@ sap.ui.define(["sap/ui/core/ControlBehavior"], function (ControlBehavior) {
 	ObjectPageSubSectionRenderer.render = function (oRm, oControl) {
 		var aActions, bHasTitle, bHasTitleLine, bUseTitleOnTheLeft, bHasActions, bHasVisibleActions,
 			bAccessibilityOn = ControlBehavior.isAccessibilityEnabled(),
-			oLabelledByTitleID = oControl._getAriaLabelledById();
+			oLabelledByTitleID = oControl._getAriaLabelledById(),
+			bIsPromoted = oControl._isPromoted();
 
 		if (!oControl.getVisible() || !oControl._getInternalVisible()) {
 			return;
@@ -33,7 +34,7 @@ sap.ui.define(["sap/ui/core/ControlBehavior"], function (ControlBehavior) {
 		oRm.openStart("div", oControl)
 		.style("height", oControl._getHeight());
 
-		if (bHasTitle) {
+		if (bHasTitle && !bIsPromoted) {
 			oRm.attr("role", "region");
 		}
 
@@ -51,6 +52,8 @@ sap.ui.define(["sap/ui/core/ControlBehavior"], function (ControlBehavior) {
 
 		oRm.openEnd();
 
+		oRm.openStart("span").class("sapUxAPObjectPageSubSectionFocusSpan").openEnd().close("span");
+
 		if (bHasTitleLine) {
 			oRm.openStart("div", oControl.getId() + "-header")
 				.class("sapUxAPObjectPageSubSectionHeader");

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.136.2
+	 * @version 1.138.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.136.2
+	 * @version 1.138.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.136.2
+	 * @version 1.138.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.136.2
+	 * @version 1.138.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.136.2
+	 * @version 1.138.0
 	 * @since 1.36
 	 * @public
 	 */
@@ -74,7 +74,7 @@ sap.ui.define([
 			"sap.uxap.ObjectPageHeaderLayoutData",
 			"sap.uxap.ObjectPageLazyLoader"
 		],
-		version: "1.136.2",
+		version: "1.138.0",
 		...{
 			interactionDocumentation: true
 		},

package/src/sap/uxap/themes/base/ObjectPageSection.less

@@ -28,11 +28,6 @@
 	margin-left: 0.5rem;
 }
 
-.sapUxAPObjectPageSectionHeader .sapMTB {
-	padding-left: 0;
-	padding-right: 0;
-}
-
 .sapUxAPObjectPageSectionHeader .sapMIBar :not(.sapMBtnDisabled)>.sapMBtnInner.sapMBtnActive {
 	border-color: @sapUiButtonActiveBorderColor;
 }
@@ -112,6 +107,13 @@ html .sapUiContainer-Narrow .sapUxAPObjectPageSectionHeader {
 	line-height: 1.5rem;
 }
 
+.sapUxAPObjectPageSectionHeaderSticky {
+	background-color: @sapUiGlobalBackgroundColor;
+	position: sticky;
+	top: 0;
+	z-index: 5;
+}
+
 html[data-sap-ui-browser^="ed"].sap-desktop .sapUxAPObjectPageSection:focus {
 	outline-style: dashed;
 }

package/src/sap/uxap/themes/base/ObjectPageSubSection.less

@@ -3,6 +3,10 @@
 /* Base theme                                     */
 /* ============================================== */
 
+.sapUxAPObjectPageSubSection {
+	position: relative;
+}
+
 .sapUxAPObjectPageSubSection:not(.sapUxAPObjectPageSubSectionPromoted) {
 	padding-top: 1rem;
 	box-sizing: border-box;
@@ -18,13 +22,23 @@
 	width: 100%;
 }
 
+.sapUxAPObjectPageSubSection .sapUxAPObjectPageSubSectionHeader {
+	.sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar {
+		background-color: @sapUiGlobalBackgroundColor;
+	}
+
+	position: sticky;
+	top: 0;
+	z-index: 5;
+}
+
 .sapUxAPObjectPageSubSectionHeader > .sapMBtn {
 	margin-left: 0.5rem;
 }
 
 .sapUxAPObjectPageSubSectionHeader .sapMTB {
-	padding-left: 0;
-	padding-right: 0;
+	padding-left: 1rem;
+	padding-right: 0.75rem;
 }
 
 .sapUxAPObjectPageSubSectionHeader .sapMIBar :not(.sapMBtnDisabled)>.sapMBtnInner.sapMBtnActive {
@@ -38,7 +52,7 @@
 .sapUxAPObjectPageSubSectionHeader {
 	height: auto;
 	word-wrap: break-word;
-	padding: 0 3rem 0 3rem;
+	padding: 0 2rem 0 2rem;
 	display: flex;
 	width: 100%;
 	box-sizing: border-box;
@@ -76,7 +90,7 @@
 /* phone display */
 .sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeader,
 html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeader {
-	padding: 0 1rem;
+	padding: 0 0.25rem 0 0;
 }
 
 .sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeaderTitle,
@@ -93,7 +107,7 @@ html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeaderTitle {
 
 .sapUxAPObjectPageLayout-Std-Tablet .sapUxAPObjectPageSubSectionHeader,
 html .sapUiContainer-Medium .sapUxAPObjectPageSubSectionHeader {
-	padding: 0 2rem 0 2rem;
+	padding: 0 1.25rem 0 1rem;
 }
 
 /* Those styles apply Desktop and Desktop-XL.