@openui5/sap.uxap 1.121.1 → 1.122.0

package/THIRDPARTY.txt

@@ -461,7 +461,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.10.0
+Component: SAP Theming Base Content, version: 11.12.0
 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.121.1",
+  "version": "1.122.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.121.1",
-    "@openui5/sap.m": "1.121.1",
-    "@openui5/sap.ui.core": "1.121.1",
-    "@openui5/sap.ui.layout": "1.121.1"
+    "@openui5/sap.f": "1.122.0",
+    "@openui5/sap.m": "1.122.0",
+    "@openui5/sap.ui.core": "1.122.0",
+    "@openui5/sap.ui.layout": "1.122.0"
   }
 }

package/src/sap/uxap/.library

@@ -3,7 +3,7 @@
 
 	<name>sap.uxap</name>
 	<vendor>SAP SE</vendor>
-	<version>1.121.1</version>
+	<version>1.122.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/BlockBase.js

@@ -249,8 +249,7 @@ sap.ui.define([
 		BlockBase.prototype.setParent = function (oParent, sAggregationName, bSuppressInvalidate) {
 			Control.prototype.setParent.call(this, oParent, sAggregationName, bSuppressInvalidate);
 
-			if (oParent && oParent.isA("sap.uxap.ObjectPageSubSection")) {
-				this._bLazyLoading = true; //we activate the block lazy loading since we are within an objectPageLayout
+			if (oParent?.isA("sap.uxap.ObjectPageSubSection")) {
 				this._oParentObjectPageSubSection = oParent;
 			}
 		};

package/src/sap/uxap/BlockBaseMetadata.js

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

package/src/sap/uxap/HierarchicalSelect.js

@@ -97,7 +97,13 @@ sap.ui.define([
 	 * Keyboard handling requirement to have the same behavior on [ENTER] key
 	 * as on [SPACE] key (namely, to toggle the open state the select dropdown)
 	 */
-	HierarchicalSelect.prototype.onsapenter = Select.prototype.ontap;
+	 HierarchicalSelect.prototype.onsapenter = function(oEvent) {
+		if (!this.getPicker().isOpen()) {
+			Select.prototype.ontap.call(this, oEvent);
+		} else {
+			Select.prototype.onsapenter.call(this, oEvent);
+		}
+	 };
 
 	/**
 	 * Keyboard handling of [UP], [PAGE-UP], [PAGE-DOWN], [HOME], [END] keys

package/src/sap/uxap/LazyLoading.js

@@ -17,6 +17,7 @@ sap.ui.define([
 	function(Element, jQuery, Device, BaseObject, ObjectPageSubSection, library, Log, isEmptyObject) {
 		"use strict";
 
+		var oPendingPromises = {};
 		var LazyLoading = BaseObject.extend("sap.uxap._helpers.LazyLoading", {
 			/**
 			 * @private
@@ -215,21 +216,32 @@ sap.ui.define([
 			//Load the subsections
 			jQuery.each(oSubSectionsToLoad, jQuery.proxy(function (idx, sSectionId) {
 				Log.debug("ObjectPageLayout :: lazyLoading", "connecting " + sSectionId);
-				Element.getElementById(sSectionId).connectToModels();
+				oPendingPromises[idx] = true;
+				Element.getElementById(sSectionId).connectToModelsAsync().then(function () {
+					// newly scrolled in view
+					oPendingPromises[idx] = false;
+					Log.debug("ObjectPageLayout :: lazyLoading", "subSectionEnteredViewPort " + sSectionId);
+					this._oObjectPageLayout.fireEvent("subSectionEnteredViewPort", {
+						subSection: Element.getElementById(sSectionId)
+					});
+					this._oPrevSubSectionsInView[idx] = Element.getElementById(sSectionId);
+				}.bind(this));
 				oSectionInfo[sSectionId].loaded = true;
 			}, this));
 
+
 			// fire event for sections scrolled in view (for app to resume binding)
 			jQuery.each(oSubSectionsInView, jQuery.proxy(function (idx, sSectionId) {
-				if (!this._oPrevSubSectionsInView[idx]) {
+				if (!this._oPrevSubSectionsInView[idx] && !oPendingPromises[idx]) {
 					// newly scrolled in view
 					Log.debug("ObjectPageLayout :: lazyLoading", "subSectionEnteredViewPort " + sSectionId);
 					this._oObjectPageLayout.fireEvent("subSectionEnteredViewPort", {
 						subSection: Element.getElementById(sSectionId)
 					});
+					this._oPrevSubSectionsInView[idx] = Element.getElementById(sSectionId);
 				}
 			}, this));
-			this._oPrevSubSectionsInView = oSubSectionsInView;
+
 
 			if (bOnGoingScroll) {
 				//bOnGoingScroll is just a prediction, we can't be 100% sure as there's no end-of-scroll event
@@ -242,7 +254,6 @@ sap.ui.define([
 			}
 		};
 
-
 		/**
 		 * Load in advance the subsections which will likely be visible once the operation (firstRendering or scrolltoSection)
 		 * will be complete.

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.121.1
+	 * @version 1.122.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.121.1
+		 * @version 1.122.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.121.1
+		 * @version 1.122.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/uxap/ObjectPageLayout.js

@@ -671,6 +671,7 @@ sap.ui.define([
 		// anchorbar management
 		this._bInternalAnchorBarVisible = true;
 		this._oVisibleSubSections = 0;
+		this._initialABButtonsColorUpdateDone = false;
 
 		this._$footerWrapper = [];                  //dom reference to the floating footer wrapper
 		this._$opWrapper = [];                      //dom reference to the header for Dark mode background image scrolling scenario
@@ -1112,16 +1113,16 @@ sap.ui.define([
 	ObjectPageLayout.prototype._preloadSectionsOnBeforeFirstRendering = function () {
 		var aToLoad = this._getSectionsToPreloadOnBeforeFirstRendering();
 
-		this._connectModelsForSections(aToLoad);
-
-		// early notify that subSections are being loaded
-		if (this.getEnableLazyLoading()) {
-			aToLoad.forEach(function (subSection) {
-				this.fireEvent("subSectionPreload", {
-					subSection: subSection
-				});
-			}, this);
-		}
+		this._connectModelsForSections(aToLoad).then(function () {
+			// early notify that subSections are being loaded
+			if (this.getEnableLazyLoading()) {
+				aToLoad.forEach(function (subSection) {
+					this.fireEvent("subSectionPreload", {
+						subSection: subSection
+					});
+				}, this);
+			}
+		}.bind(this));
 	};
 
 	/**
@@ -1242,6 +1243,14 @@ 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;
+		}
 	};
 
 	ObjectPageLayout.prototype._onAfterRenderingDomReady = function () {
@@ -1568,6 +1577,32 @@ sap.ui.define([
 		}
 	};
 
+	ObjectPageLayout.prototype._updateAnchorBarButtonColor = function(sSectionId) {
+		if (!this.getDomRef()) {
+			return;
+		}
+
+		this.оАnchorbar = this._oABHelper._getAnchorBar();
+		this.оАnchorbarButtons = this.оАnchorbar.getAggregation("content");
+		this.oOPSections = this.getSections();
+
+		if (this.оАnchorbarButtons) {
+			this.оАnchorbarButtons.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%
@@ -2368,6 +2403,7 @@ sap.ui.define([
 
 		if (!this.getEnableLazyLoading() && this.getUseIconTabBar()) {
 			aToLoad = (oTargetSection instanceof ObjectPageSection) ? oTargetSection : oTargetSection.getParent();
+
 			this._connectModelsForSections([aToLoad]);
 		}
 
@@ -2379,21 +2415,21 @@ sap.ui.define([
 			if (Device.system.desktop) {
 				//on desktop we delay the call to have the preload done during the scrolling animation
 				setTimeout(function () {
-					this._connectModelsForSections(aToLoad);
-
-					this._fireSubSectionEnteredViewPortEvent(aToLoad);
+					this._doConnectModelsForSections(aToLoad);
 				}.bind(this), 50);
 			} else {
 				//on device, do the preload first then scroll.
 				//doing anything during the scrolling animation may
 				//trouble animation and lazy loading on slow devices.
-				this._connectModelsForSections(aToLoad);
-
-				this._fireSubSectionEnteredViewPortEvent(aToLoad);
+				this._doConnectModelsForSections(aToLoad);
 			}
 		}
 	};
 
+	ObjectPageLayout.prototype._doConnectModelsForSections = function (aToLoad) {
+		this._connectModelsForSections(aToLoad).then(() => this._fireSubSectionEnteredViewPortEvent(aToLoad));
+	};
+
 	ObjectPageLayout.prototype._fireSubSectionEnteredViewPortEvent = function (aToLoad) {
 		aToLoad.forEach(function (oSubSection) {
 			this.fireEvent("subSectionEnteredViewPort", {
@@ -3254,6 +3290,10 @@ sap.ui.define([
 	ObjectPageLayout.prototype._onMediaRangeChange = function () {
 		var iCurrentWidth = this._getMediaContainerWidth();
 
+		if (!iCurrentWidth) {
+			return;
+		}
+
 		if (this._hasDynamicTitle()) {
 			this._updateMedia(iCurrentWidth, ObjectPageLayout.DYNAMIC_HEADERS_MEDIA); // Update media classes when ObjectPageDynamicHeaderTitle is used.
 		}
@@ -4343,10 +4383,14 @@ sap.ui.define([
 	};
 
 	ObjectPageLayout.prototype._connectModelsForSections = function (aSections) {
+		var pAll = [];
+
 		aSections = aSections || [];
 		aSections.forEach(function (oSection) {
-			oSection.connectToModels();
+			pAll.push(oSection.connectToModelsAsync());
 		});
+
+		return Promise.all(pAll);
 	};
 
 	ObjectPageLayout.prototype._getHeightRelatedParameters = function () {

package/src/sap/uxap/ObjectPageLayoutABHelper.js

@@ -8,7 +8,6 @@ sap.ui.define([
 	"sap/ui/core/Element",
 	"sap/ui/thirdparty/jquery",
 	"sap/ui/base/Object",
-	"sap/ui/core/Core",
 	"sap/ui/core/CustomData",
 	"sap/ui/base/ManagedObjectObserver",
 	"./AnchorBar",
@@ -18,7 +17,7 @@ sap.ui.define([
 	"sap/m/MenuItem",
 	"sap/ui/core/IconPool",
 	"sap/ui/core/InvisibleText"
-], function(Element, jQuery, BaseObject, Core, CustomData, ManagedObjectObserver, AnchorBar, Button, MenuButton, Menu, MenuItem, IconPool, InvisibleText) {
+], function(Element, jQuery, BaseObject, CustomData, ManagedObjectObserver, AnchorBar, Button, MenuButton, Menu, MenuItem, IconPool, InvisibleText) {
 	"use strict";
 
 	var ABHelper = BaseObject.extend("sap.uxap._helpers.AB", {

package/src/sap/uxap/ObjectPageLazyLoader.js

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

package/src/sap/uxap/ObjectPageSection.js

@@ -17,7 +17,8 @@ sap.ui.define([
 	"./ObjectPageSubSection",
 	"./library",
 	"sap/m/library",
-	"./ObjectPageSectionRenderer"
+	"./ObjectPageSectionRenderer",
+	"sap/ui/core/library"
 ], function(
 	ObjectPageSectionBase,
 	Device,
@@ -30,13 +31,17 @@ sap.ui.define([
 	ObjectPageSubSection,
 	library,
 	mobileLibrary,
-	ObjectPageSectionRenderer
-) {
+	ObjectPageSectionRenderer,
+	coreLibrary
+	) {
 	"use strict";
 
 	// shortcut for sap.m.ButtonType
 	var ButtonType = mobileLibrary.ButtonType;
 
+	// shortcut for sap.ui.core.IconColor
+	var IconColor = coreLibrary.IconColor;
+
 	/**
 	 * Constructor for a new <code>ObjectPageSection</code>.
 	 *
@@ -76,7 +81,15 @@ sap.ui.define([
 				/**
 				* Determines whether the Section title wraps on multiple lines, when the available space is not enough.
 				*/
-				wrapTitle: {type: "boolean", group: "Appearance", defaultValue: false}
+				wrapTitle: {type: "boolean", group: "Appearance", defaultValue: false},
+
+				/**
+				 * Specifies the text color of each button inside the AnchorBar.
+				 *
+				 * The color can be chosen from the icon colors (https://ui5.sap.com/#/api/sap.ui.core.IconColor%23overview).
+				 * Possible semantic colors are: Neutral, Positive, Critical, Negative.
+				 */
+				anchorBarButtonColor : {type : "sap.ui.core.IconColor", group : "Appearance", defaultValue : IconColor.Default}
 			},
 			defaultAggregation: "subSections",
 			aggregations: {
@@ -243,12 +256,23 @@ sap.ui.define([
 		return library.Importance.Low;
 	};
 
+	/**@deprecated */
 	ObjectPageSection.prototype.connectToModels = function () {
 		this.getSubSections().forEach(function (oSubSection) {
 			oSubSection.connectToModels();
 		});
 	};
 
+	ObjectPageSection.prototype.connectToModelsAsync = function () {
+		var pAll  = [];
+
+		this.getSubSections().forEach(function (oSubSection) {
+			pAll.push(oSubSection.connectToModelsAsync());
+		});
+
+		return Promise.all(pAll);
+	};
+
 	ObjectPageSection.prototype._allowPropagationToLoadedViews = function (bAllow) {
 		this.getSubSections().forEach(function (oSubSection) {
 			oSubSection._allowPropagationToLoadedViews(bAllow);
@@ -282,6 +306,21 @@ sap.ui.define([
 		return this;
 	};
 
+	ObjectPageSection.prototype.setAnchorBarButtonColor = function(value) {
+		var sSectionId = this.getId(),
+			oParent = this.getParent();
+
+		if (value !== this.getProperty("anchorBarButtonColor")) {
+			this.setProperty("anchorBarButtonColor", value, true);
+		}
+
+		if (oParent && oParent.getDomRef() && oParent._updateAnchorBarButtonColor) {
+			oParent._updateAnchorBarButtonColor(sSectionId);
+		}
+
+		return this;
+	};
+
 	/**
 	 * Determines the minimal required number of columns that a child item
 	 * should take, based on the child content and own colspan

package/src/sap/uxap/ObjectPageSectionBase.js

@@ -216,7 +216,8 @@ sap.ui.define([
 	 */
 	ObjectPageSectionBase.prototype._resetLayoutData = function (aGridItems) {
 		aGridItems.forEach(function (oItem) {
-			if (oItem.getLayoutData()) {
+			// There might be cases when the content of the SubSection is not yet unstashed (created) and it is still the ObjectPageLazyLoader
+			if (oItem?.getLayoutData?.()) {
 				oItem.destroyLayoutData();
 			}
 		}, this);
@@ -254,7 +255,13 @@ sap.ui.define([
 		//step 1: the visible blocks should be separated
 		// as only they should take space inside the grid
 		aGridItems.forEach(function(oItem) {
-			if (oItem.getVisible && oItem.getVisible()) {
+			// Skip if there is undefined
+			if (!oItem) {
+				return;
+			}
+
+			// Check if it's ObjectPageLazyLoader
+			if (oItem.getVisible?.()) {
 				aVisibleItems.push(oItem);
 			} else {
 				aInvisibleItems.push(oItem);
@@ -305,8 +312,8 @@ sap.ui.define([
 		}, this);
 
 		aInvisibleItems.forEach(function(oItem) {
-			// ensure invisible blocks do not take space at all
-			oItem.setLayoutData(new GridData({
+			// ensure invisible blocks do not take space at all. Don't setLayoutData if it's ObjectPageLazyLoader
+			oItem.setLayoutData?.(new GridData({
 				visibleS: false,
 				visibleM: false,
 				visibleL: false,

package/src/sap/uxap/ObjectPageSubSection.js

@@ -75,6 +75,9 @@ sap.ui.define([
 	 * situations where the sub-section contains a control that has “100%” height, for example,
 	 * <code>sap.ui.table.Table</code> with <code>visibleRowCountMode</code> set to <code>Auto</code>.
 	 *
+	 * As of version 1.122, applications can set transparent background to subsections
+	 * by adding the <code>sapUxAPObjectPageSubSectionTransparentBackground</code> class to the subsection.
+	 *
 	 * <b>Note:</b> This control is intended to be used only as part of the <code>ObjectPageLayout</code>.
 	 *
 	 * @extends sap.uxap.ObjectPageSectionBase
@@ -214,6 +217,8 @@ sap.ui.define([
 	ObjectPageSubSection.prototype.init = function () {
 		ObjectPageSectionBase.prototype.init.call(this);
 		this._aStashedControls = [];
+		this._aUnStashedControls = [];
+		this._bUnstashed = false;
 		//proxy public aggregations
 		this._bRenderedFirstTime = false;
 		this._aAggregationProxy = {blocks: [], moreBlocks: []};
@@ -508,6 +513,7 @@ sap.ui.define([
 		};
 	});
 
+	/**@deprecated */
 	ObjectPageSubSection.prototype._unStashControls = function () {
 		var oUnstashedControl;
 		this._aStashedControls.forEach(function (oControlHandle) {
@@ -518,6 +524,28 @@ sap.ui.define([
 		this._aStashedControls = [];
 	};
 
+	ObjectPageSubSection.prototype._unStashControlsAsync = function () {
+		var oUnstashedControl;
+
+		if (!this._bUnstashed) {
+			this._aStashedControls.forEach(function (oControlHandle) {
+				this._aUnStashedControls.push(oControlHandle.control.unstash(true).then(function() {
+					oUnstashedControl = Element.getElementById(oControlHandle.control.getId());
+					this.addAggregation(oControlHandle.aggregationName, oUnstashedControl, true);
+				}.bind(this)));
+			}.bind(this));
+
+			this._bUnstashed = true;
+		}
+
+		return Promise.all(this._aUnStashedControls).then(() => {
+			this._bUnstashed = false;
+			this._aUnStashedControls = [];
+			this._aStashedControls = [];
+		});
+	};
+
+	/**@deprecated */
 	ObjectPageSubSection.prototype.connectToModels = function () {
 		var aBlocks = this.getBlocks() || [],
 			aMoreBlocks = this.getMoreBlocks() || [],
@@ -546,6 +574,34 @@ sap.ui.define([
 		}
 	};
 
+	ObjectPageSubSection.prototype.connectToModelsAsync = function () {
+		var aBlocks = this.getBlocks() || [],
+			aMoreBlocks = this.getMoreBlocks() || [],
+			sCurrentMode = this.getMode();
+
+		return this._unStashControlsAsync().then(function() {
+			aBlocks.forEach(function (oBlock) {
+				if (oBlock instanceof BlockBase) {
+					if (!oBlock.getMode()) {
+						oBlock.setMode(sCurrentMode);
+					}
+					oBlock.connectToModels();
+				}
+			});
+
+			if (aMoreBlocks.length > 0 && sCurrentMode === ObjectPageSubSectionMode.Expanded) {
+				aMoreBlocks.forEach(function (oMoreBlock) {
+					if (oMoreBlock instanceof BlockBase) {
+						if (!oMoreBlock.getMode()) {
+							oMoreBlock.setMode(sCurrentMode);
+						}
+						oMoreBlock.connectToModels();
+					}
+				});
+			}
+		});
+	};
+
 	ObjectPageSubSection.prototype._allowPropagationToLoadedViews = function (bAllow) {
 		var aBlocks = this.getBlocks() || [],
 			aMoreBlocks = this.getMoreBlocks() || [];
@@ -1231,6 +1287,11 @@ sap.ui.define([
 		var iVisibleBlocks = this._aStashedControls.length;
 
 		(this.getBlocks() || []).forEach(function (oBlock) {
+			// Skip if it's undefined
+			if (!oBlock) {
+				return;
+			}
+
 			if (oBlock.getVisible && !oBlock.getVisible()) {
 				return true;
 			}

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.121.1
+	 * @version 1.122.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.121.1
+	 * @version 1.122.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.121.1
+	 * @version 1.122.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.121.1
+	 * @version 1.122.0
 	 * @experimental Since 1.115
 	 */
 

package/src/sap/uxap/library.js

@@ -8,12 +8,11 @@
  * Initialization Code and shared classes of library sap.uxap.
  */
 sap.ui.define([
-	"sap/ui/core/Core",
-	"sap/ui/base/DataType",
 	"sap/ui/Device",
+	"sap/ui/base/DataType",
+	"sap/ui/base/Object",
 	"sap/ui/core/Lib",
 	"sap/ui/thirdparty/jquery",
-	"sap/ui/base/Object",
 	// library dependency
 	"sap/ui/core/library",
 	// library dependency
@@ -22,7 +21,7 @@ sap.ui.define([
 	"sap/m/library",
 	// library dependency
 	"sap/ui/layout/library"
-], function(Core, DataType, Device, Library, jQuery, BaseObject) {
+], function(Device, DataType, BaseObject, Library, jQuery) {
 	"use strict";
 
 	/**
@@ -31,12 +30,13 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.uxap
 	 * @author SAP SE
-	 * @version 1.121.1
+	 * @version 1.122.0
 	 * @since 1.36
 	 * @public
 	 */
 	var thisLib = Library.init({
 		name: "sap.uxap",
+		apiVersion: 2,
 		dependencies: ["sap.ui.core", "sap.f", "sap.m", "sap.ui.layout"],
 		designtime: "sap/uxap/designtime/library.designtime",
 		types: [
@@ -74,7 +74,7 @@ sap.ui.define([
 			"sap.uxap.ObjectPageHeaderLayoutData",
 			"sap.uxap.ObjectPageLazyLoader"
 		],
-		version: "1.121.1",
+		version: "1.122.0",
 		extensions: {
 			flChangeHandlers: {
 				"sap.uxap.ObjectPageHeader": "sap/uxap/flexibility/ObjectPageHeader",
@@ -149,6 +149,8 @@ sap.ui.define([
 		None: "None"
 	};
 
+	DataType.registerEnum("sap.uxap.BlockBaseFormAdjustment", thisLib.BlockBaseFormAdjustment);
+
 	/**
 	 * Used by the <code>sap.uxap.component.Component</code> how to initialize the <code>ObjectPageLayout</code> sections and subsections.
 	 *
@@ -171,6 +173,9 @@ sap.ui.define([
 		JsonModel: "JsonModel"
 
 	};
+
+	DataType.registerEnum("sap.uxap.ObjectPageConfigurationMode", thisLib.ObjectPageConfigurationMode);
+
 	/**
 	 * Used by the <code>ObjectPageHeader</code> control to define which design to use.
 	 *
@@ -194,6 +199,9 @@ sap.ui.define([
 		Dark: "Dark"
 
 	};
+
+	DataType.registerEnum("sap.uxap.ObjectPageHeaderDesign", thisLib.ObjectPageHeaderDesign);
+
 	/**
 	 * Used by the <code>ObjectPageHeader</code> control to define which shape to use for the image.
 	 *
@@ -216,6 +224,9 @@ sap.ui.define([
 		Square: "Square"
 
 	};
+
+	DataType.registerEnum("sap.uxap.ObjectPageHeaderPictureShape", thisLib.ObjectPageHeaderPictureShape);
+
 	/**
 	 * Used by the <code>ObjectPagSubSection</code> control to define which layout to apply.
 	 *
@@ -238,6 +249,9 @@ sap.ui.define([
 		TitleOnLeft: "TitleOnLeft"
 
 	};
+
+	DataType.registerEnum("sap.uxap.ObjectPageSubSectionLayout", thisLib.ObjectPageSubSectionLayout);
+
 	/**
 	 * Used by the <code>ObjectPageLayout</code> control to define which layout to use (either Collapsed or Expanded).
 	 *
@@ -261,6 +275,8 @@ sap.ui.define([
 
 	};
 
+	DataType.registerEnum("sap.uxap.ObjectPageSubSectionMode", thisLib.ObjectPageSubSectionMode);
+
 	/**
 	 * Used by the <code>ObjectSectionBase</code> control to define the importance of the content contained in it.
 	 *
@@ -290,6 +306,8 @@ sap.ui.define([
 		High: "High"
 	};
 
+	DataType.registerEnum("sap.uxap.Importance", thisLib.Importance);
+
 	/**
 	 *
 	 * @type {{getClosestOPL: Function}}

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

@@ -356,4 +356,29 @@ html[data-sap-ui-browser^="ed"] {
 	.sapUxAPAnchorBarButton.sapMMenuBtn .sapMSBInner .sapMBtnFocusDiv {
 		border: 0 none;
 	}
+}
+
+// Styles needed for the anchorBarButtonColor property
+.sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorPositive:hover:not(.sapMBtnDisabled) .sapMBtnInner .sapMBtnContent > bdi,
+.sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorPositive .sapMBtnInner .sapMBtnContent,
+.sapUiSizeCompact .sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorPositive .sapMBtnInner .sapMBtnContent  {
+	color: @sapUiPositiveText;
+}
+
+.sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorNegative:hover:not(.sapMBtnDisabled) .sapMBtnInner .sapMBtnContent > bdi,
+.sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorNegative .sapMBtnInner .sapMBtnContent,
+.sapUiSizeCompact .sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorNegative .sapMBtnInner .sapMBtnContent {
+	color: @sapUiNegativeText;
+}
+
+.sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorCritical:hover:not(.sapMBtnDisabled) .sapMBtnInner .sapMBtnContent > bdi,
+.sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorCritical .sapMBtnInner .sapMBtnContent,
+.sapUiSizeCompact .sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorCritical .sapMBtnInner .sapMBtnContent  {
+	color: @sapUiCriticalText;
+}
+
+.sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorNeutral:hover:not(.sapMBtnDisabled) .sapMBtnInner .sapMBtnContent > bdi,
+.sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorNeutral .sapMBtnInner .sapMBtnContent,
+.sapUiSizeCompact .sapMIBar.sapUxAPAnchorBar .sapMBarChild.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonColorNeutral .sapMBtnInner .sapMBtnContent   {
+	color: @sapUiNeutralText;
 }

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

@@ -49,6 +49,11 @@
 	display: block;
 }
 
+/* public sapUxAPObjectPageSubSectionTransparentBackground class that sets background transparency */
+.sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionTransparentBackground .sapUxAPBlockContainer {
+	background: transparent;
+}
+
 /* phone display */
 .sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeader,
 html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeader {