@openui5/sap.uxap 1.126.1 → 1.128.0

package/THIRDPARTY.txt

@@ -468,7 +468,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.12.0
+Component: SAP Theming Base Content, version: 11.16.1
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.uxap",
-  "version": "1.126.1",
+  "version": "1.128.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.126.1",
-    "@openui5/sap.m": "1.126.1",
-    "@openui5/sap.ui.core": "1.126.1",
-    "@openui5/sap.ui.layout": "1.126.1"
+    "@openui5/sap.f": "1.128.0",
+    "@openui5/sap.m": "1.128.0",
+    "@openui5/sap.ui.core": "1.128.0",
+    "@openui5/sap.ui.layout": "1.128.0"
   }
 }

package/src/sap/uxap/.library

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

package/src/sap/uxap/AnchorBar.js

@@ -27,8 +27,10 @@ sap.ui.define([
 	"./library",
 	"sap/uxap/AnchorBarRenderer",
 	"sap/base/Log",
+	"sap/ui/base/ManagedObject",
+	// jQuery Plugin "scrollLeftRTL"
 	"sap/ui/dom/jquery/scrollLeftRTL"
-], function(Localization, Element, Library, Theming, jQuery, Button, MenuButton, mobileLibrary, Toolbar, IconPool, Item, ResizeHandler, ScrollEnablement, HorizontalLayout, Device, CustomData, Control, HierarchicalSelect, library, AnchorBarRenderer, Log) {
+], function(Localization, Element, Library, Theming, jQuery, Button, MenuButton, mobileLibrary, Toolbar, IconPool, Item, ResizeHandler, ScrollEnablement, HorizontalLayout, Device, CustomData, Control, HierarchicalSelect, library, AnchorBarRenderer, Log, ManagedObject) {
 	"use strict";
 
 	// shortcut for sap.m.SelectType
@@ -305,7 +307,7 @@ sap.ui.define([
 		if (bButtonHasText && (!bIsSecondLevel || oButton.data("bTitleVisible") === true)) {
 			var oPhoneItem = new Item({
 				key: oButton.data("sectionId"),
-				text: oButton.getText(),
+				text: ManagedObject.escapeSettingsValue(oButton.getText()),
 				customData: [
 					new CustomData({
 						key: "secondLevel",

package/src/sap/uxap/BlockBaseMetadata.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 *
 	 * @class
 	 * @author SAP SE
-	 * @version 1.126.1
+	 * @version 1.128.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.126.1
+	 * @version 1.128.0
 	 *
 	 * @constructor
 	 * @public
@@ -101,7 +101,17 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 			 *
 			 * If not set (and a landmark different than <code>sap.ui.core.AccessibleLandmarkRole.None</code> is defined), no label is set.
 			 */
-			footerLabel : {type : "string", defaultValue : null}
+			footerLabel : {type : "string", defaultValue : null},
+
+			/**
+			 * Texts which describe the landmark of the section inside the header container of the corresponding <code>sap.uxap.ObjectPageLayout</code> control.
+			 *
+			 * If not set, default "Expanded header" aria-label is set.
+			 * @public
+			 * @since 1.127.0
+			 */
+
+			headerContentLabel: {type : "string", defaultValue : null}
 		}
 	}});
 

package/src/sap/uxap/ObjectPageDynamicHeaderContent.js

@@ -40,7 +40,7 @@ sap.ui.define([
 		 * @implements sap.uxap.IHeaderContent
 		 *
 		 * @author SAP SE
-		 * @version 1.126.1
+		 * @version 1.128.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.126.1
+		 * @version 1.128.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/uxap/ObjectPageHeader.js

@@ -1003,7 +1003,12 @@ sap.ui.define([
 	 * Show or hide the overflow button and action sheet according to visible buttons inside
 	 * @private
 	 */
-	ObjectPageHeader.prototype._adaptOverflow = function () {
+	ObjectPageHeader.prototype._adaptOverflow = function (oEvent) {
+		// Do not update the overflow button if _change event is fired for other properties' modifications
+		if (oEvent.getParameter("name") !== "visible") {
+			return;
+		}
+
 		var aActionSheetButtons = this._oOverflowActionSheet.getButtons();
 
 		var bHasVisible = aActionSheetButtons.some(function (oActionSheetButton) {

package/src/sap/uxap/ObjectPageLayout.js

@@ -414,7 +414,7 @@ sap.ui.define([
 				/**
 				 * Internal aggregation to hold the reference to the AnchorBar.
 				 */
-				_anchorBar: {type: "sap.uxap.AnchorBar", multiple: false, visibility: "hidden"},
+				_anchorBar: {type: "sap.m.IconTabHeader", multiple: false, visibility: "hidden"},
 
 				/**
 				 * Internal aggregation to hold the reference to the IconTabBar.
@@ -672,6 +672,7 @@ sap.ui.define([
 		this._bInternalAnchorBarVisible = true;
 		this._oVisibleSubSections = 0;
 		this._initialABButtonsColorUpdateDone = false;
+		this._bDomElementsCached = false;
 
 		this._$footerWrapper = [];                  //dom reference to the floating footer wrapper
 		this._$opWrapper = [];                      //dom reference to the header for Dark mode background image scrolling scenario
@@ -757,7 +758,7 @@ sap.ui.define([
 		 */
 		this._getHeaderContent().setContentDesign(this._getHeaderDesign());
 
-		this._oABHelper._getAnchorBar().setProperty("upperCase", this.getUpperCaseAnchorBar(), true);
+		this._oABHelper._getAnchorBar().toggleStyleClass("sapUxAPAnchorBarUpperCase", this.getUpperCaseAnchorBar());
 
 		this._storeScrollLocation(); // store location *before* applying the UXRules (=> while the old sectionInfo with positionTop of sections is still available)
 		this._applyUxRules();
@@ -1244,13 +1245,10 @@ sap.ui.define([
 		// Attach expand button event
 		this._handleExpandButtonPressEventLifeCycle(true);
 
-		if (!this._initialABButtonsColorUpdateDone) {
-			this.getSections().forEach((section) => {
-				var sSectionId = section.getId();
-				this._updateAnchorBarButtonColor(sSectionId);
-			});
-			this._initialABButtonsColorUpdateDone = true;
+		if (exists(oHeaderContent) && oHeaderContent._setLandmarkInfo) {
+			oHeaderContent._setLandmarkInfo(this.getLandmarkInfo());
 		}
+
 	};
 
 	ObjectPageLayout.prototype._onAfterRenderingDomReady = function () {
@@ -1582,34 +1580,6 @@ sap.ui.define([
 		}
 	};
 
-	ObjectPageLayout.prototype._updateAnchorBarButtonColor = function(sSectionId) {
-		if (!this.getDomRef()) {
-			return;
-		}
-
-		this.oAnchorbar = this._oABHelper._getAnchorBar();
-		this.oAnchorbarButtons = this.oAnchorbar.getAggregation("content");
-		this.oOPSections = this.getSections().filter((section) =>
-			section.getAggregation("subSections").length !== 0
-		);
-
-		if (this.oAnchorbarButtons) {
-			this.oAnchorbarButtons.forEach((btn, index) => {
-				const sUniqueKey = btn.getCustomData().find((data) => data.getKey() === "sectionId").getValue();
-				if (sUniqueKey === sSectionId) {
-					const sNewStyleClass = "sapUxAPAnchorBarButtonColor" + this.oOPSections[index].getProperty("anchorBarButtonColor");
-					// Remove the old style class and add the new one
-					btn.aCustomStyleClasses.forEach((sStyleClass) => {
-						if (sStyleClass.startsWith("sapUxAPAnchorBarButtonColor")) {
-							btn.removeStyleClass(sStyleClass);
-						}
-					});
-					btn.addStyleClass(sNewStyleClass);
-				}
-			});
-		}
-	};
-
 	/**
 	 * if our container has not set a height, we need to enforce it or nothing will get displayed
 	 * the reason is the objectPageLayout has 2 containers with position:absolute, height:100%
@@ -1664,8 +1634,7 @@ sap.ui.define([
 	 * @private
 	 */
 	ObjectPageLayout.prototype._toggleHeaderTitle = function (bExpand, bUserInteraction) {
-		var oHeaderTitle = this.getHeaderTitle(),
-			oAnchorBar = this._oABHelper._getAnchorBar();
+		var oHeaderTitle = this.getHeaderTitle();
 
 		// note that <code>this._$titleArea</code> is the placeholder [of the sticky area] where both the header title and header content are placed
 		if (this._$titleArea.length) {
@@ -1679,8 +1648,6 @@ sap.ui.define([
 		} else {
 			oHeaderTitle && oHeaderTitle.snap(bUserInteraction);
 		}
-
-		oAnchorBar.scrollToCurrentlySelectedSection();
 	};
 
 	/**
@@ -1862,7 +1829,7 @@ sap.ui.define([
 
 		if (bFirstSectionTitleHidden && (iFirstVisibleSectionVisibleSubSections === 1)) {
 			// Title propagation support - set the borrowed title Dom ID to the first AnchorBar button
-			aContent = this.getAggregation("_anchorBar").getContent();
+			aContent = this.getAggregation("_anchorBar").getItems();
 			if (aContent.length) {
 				this._oFirstVisibleSubSection._setBorrowedTitleDomId(aContent[0].getId() + "-content");
 			}
@@ -1973,11 +1940,12 @@ sap.ui.define([
 			return this;
 		}
 
-		this._oABHelper._getAnchorBar().setShowPopover(bValue);
+		this.setProperty("showAnchorBarPopover", bValue, true /* don't re-render the whole objectPageLayout */);
+
 		this._oABHelper._buildAnchorBar();
 		this._setSelectedSectionId(sSelectedSectionId);
 
-		return this.setProperty("showAnchorBarPopover", bValue, true /* don't re-render the whole objectPageLayout */);
+		return this;
 	};
 
 	ObjectPageLayout.prototype._getInternalAnchorBarVisible = function () {
@@ -1995,7 +1963,7 @@ sap.ui.define([
 
 
 	ObjectPageLayout.prototype.setUpperCaseAnchorBar = function (bValue) {
-		this._oABHelper._getAnchorBar().setProperty("upperCase", bValue);
+		this._oABHelper._getAnchorBar().toggleStyleClass("sapUxAPAnchorBarUpperCase", bValue);
 		return this.setProperty("upperCaseAnchorBar", bValue, true /* don't re-render the whole objectPageLayout */);
 	};
 
@@ -2125,8 +2093,8 @@ sap.ui.define([
 			return;
 		}
 
-		if (oAnchorBar && oSelectedSectionInfo.buttonId) {
-			oAnchorBar.setSelectedButton(oSelectedSectionInfo.buttonId);
+		if (oAnchorBar) {
+			this._oABHelper.selectAnchorForSection(sSelectedSectionId);
 			this.setAssociation("selectedSection", sSelectedSectionId, true);
 		}
 	};
@@ -2142,12 +2110,6 @@ sap.ui.define([
 	 * @private
 	 */
 	ObjectPageLayout.prototype._cleanMemory = function () {
-		var oAnchorBar = this.getAggregation("_anchorBar");
-
-		if (oAnchorBar) {
-			oAnchorBar._resetControl();
-		}
-
 		this._oSectionInfo = {};
 		this._aSectionBases = [];
 	};
@@ -2180,7 +2142,20 @@ sap.ui.define([
 	 * @ui5-restricted
 	 */
 	ObjectPageLayout.prototype._triggerVisibleSubSectionsEvents = function () {
+		var sSelectedSectionId = this.getSelectedSection(),
+			oSelectedSection = Element.getElementById(sSelectedSectionId),
+			sSelectedSubSectionId = oSelectedSection?.getSelectedSubSection(),
+			bScrollDomReady = this._bDomElementsCached;
+
 		this._bDelayDOMBasedCalculations = false;
+
+		// Making sure lazyloading is executed with the correct selected Section/SubSection (if any) and the scroll is at the relevant position
+		if (sSelectedSubSectionId && bScrollDomReady && this._oSectionInfo[sSelectedSubSectionId]?.positionTop !== this._$opWrapper.scrollTop()) {
+			this.scrollToSection(sSelectedSubSectionId, 0);
+		} else if (sSelectedSectionId && bScrollDomReady && this._oSectionInfo[sSelectedSectionId]?.positionTop !== this._$opWrapper.scrollTop()) {
+			this.scrollToSection(sSelectedSectionId, 0);
+		}
+
 		if (this.getEnableLazyLoading() && this._oLazyLoading) {
 			this._oLazyLoading._triggerVisibleSubSectionsEvents();
 		}
@@ -2248,7 +2223,7 @@ sap.ui.define([
 			oToSelect._allowPropagationToLoadedViews(true); /* include the newly selected tab back to the propagation chain */
 
 			this._setCurrentTabSection(oSection);
-			this.getAggregation("_anchorBar").setSelectedButton(this._oSectionInfo[oToSelect.getId()].buttonId);
+			this._oABHelper.selectAnchorForSection(oToSelect.getId());
 			this.setAssociation("selectedSection", oToSelect.getId(), true);
 			this._checkSubSectionVisibilityChange();
 		}
@@ -2333,8 +2308,8 @@ sap.ui.define([
 		}
 	};
 
-	ObjectPageLayout.prototype.onAnchorBarTabPress = function (oEvent) {
-		var oSectionBase = Element.getElementById(oEvent.getParameter("sectionBaseId")),
+	ObjectPageLayout.prototype.onAnchorBarTabPress = function (sectionBaseId) {
+		var oSectionBase = Element.getElementById(sectionBaseId),
 			bIsSubSection = oSectionBase.isA("sap.uxap.ObjectPageSubSection"),
 			oSection,
 			oSubSection;
@@ -3096,7 +3071,7 @@ sap.ui.define([
 		}
 
 		if (oSectionBase && this._oSectionInfo[sSectionId]) {
-			bUpdateAnchorBar && oAnchorBar.setSelectedButton(this._oSectionInfo[sSectionId].buttonId);
+			bUpdateAnchorBar && this._oABHelper.selectAnchorForSection(sSectionId);
 			this.setAssociation("selectedSection", ObjectPageSection._getClosestSection(sSectionId).getId(), true);
 			this._setSectionsFocusValues(sSectionId);
 		}
@@ -3131,6 +3106,9 @@ sap.ui.define([
 
 		this._adjustHeaderHeights();
 		this._requestAdjustLayout(true); // call adjust layout to calculate the new section sizes
+		if (this.getEnableLazyLoading() && this._oLazyLoading) {
+			this._oLazyLoading.doLazyLoading();
+		}
 	};
 
 	ObjectPageLayout.prototype.triggerPendingLayoutUpdates = function () {
@@ -3146,7 +3124,7 @@ sap.ui.define([
 	};
 
 	ObjectPageLayout.prototype._adjustTitlePositioning = function (oEvent) {
-		if (!this._$titleArea.length || !this._$opWrapper.length) {
+		if (!this._$titleArea?.length || !this._$opWrapper?.length) {
 			return;
 		}
 
@@ -5173,6 +5151,7 @@ sap.ui.define([
 			this.$("stickyAnchorBar").attr("aria-label", sNavigationText);
 		}
 		this.$("anchBar").attr("aria-label", sToolbarText);
+
 	};
 
 	/**