@openui5/sap.uxap 1.112.2 → 1.114.0

package/THIRDPARTY.txt

@@ -478,7 +478,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.1.48
+Component: SAP Theming Base Content, version: 11.3.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.112.2",
+  "version": "1.114.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.112.2",
-    "@openui5/sap.m": "1.112.2",
-    "@openui5/sap.ui.core": "1.112.2",
-    "@openui5/sap.ui.layout": "1.112.2"
+    "@openui5/sap.f": "1.114.0",
+    "@openui5/sap.m": "1.114.0",
+    "@openui5/sap.ui.core": "1.114.0",
+    "@openui5/sap.ui.layout": "1.114.0"
   }
 }

package/src/sap/uxap/.library

@@ -3,7 +3,7 @@
 
 	<name>sap.uxap</name>
 	<vendor>SAP SE</vendor>
-	<version>1.112.2</version>
+	<version>1.114.0</version>
 	<copyright>OpenUI5
  * (c) Copyright 2009-2023 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

@@ -245,11 +245,11 @@ sap.ui.define([
 		 * @param {*} bSuppressInvalidate invalidate
 		 */
 		BlockBase.prototype.setParent = function (oParent, sAggregationName, bSuppressInvalidate) {
+			Control.prototype.setParent.call(this, oParent, sAggregationName, bSuppressInvalidate);
+
 			if (oParent instanceof library.ObjectPageSubSection) {
 				this._bLazyLoading = true; //we activate the block lazy loading since we are within an objectPageLayout
 				this._oParentObjectPageSubSection = oParent;
-			} else {
-				Control.prototype.setParent.call(this, oParent, sAggregationName, bSuppressInvalidate);
 			}
 		};
 

package/src/sap/uxap/BlockBaseMetadata.js

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

package/src/sap/uxap/HierarchicalSelect.js

@@ -9,10 +9,8 @@ sap.ui.define([
 	"sap/m/Select",
 	"sap/ui/Device",
 	"sap/ui/thirdparty/jquery",
-	"./library",
-	"./HierarchicalSelectRenderer",
-	"sap/ui/thirdparty/jqueryui/jquery-ui-position"
-], function(Select, Device, jQuery, library, HierarchicalSelectRenderer /*jqueryUiPosition,*/) {
+	"./HierarchicalSelectRenderer"
+], function(Select, Device, jQuery, HierarchicalSelectRenderer) {
 	"use strict";
 
 	/**
@@ -99,7 +97,7 @@ 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.onsapspace;
+	HierarchicalSelect.prototype.onsapenter = Select.prototype.ontap;
 
 	/**
 	 * Keyboard handling of [UP], [PAGE-UP], [PAGE-DOWN], [HOME], [END] keys

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.112.2
+	 * @version 1.114.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.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @public
@@ -65,7 +65,8 @@ sap.ui.define([
 		 * @param bPinnable
 		 * @param sStableId
 		 */
-		ObjectPageDynamicHeaderContent.createInstance = function (aContent, bVisible, sContentDesign, bPinnable, sStableId) {
+		ObjectPageDynamicHeaderContent.createInstance = function (aContent, bVisible, sContentDesign /* not used */,  bPinnable, sStableId) {
+
 			return new ObjectPageDynamicHeaderContent({
 				content: aContent,
 				visible: bVisible,
@@ -101,6 +102,7 @@ sap.ui.define([
 		/**
 		 * Required by the {@link sap.uxap.IHeaderContent} interface.
 		 * @param sDesign
+		 * @deprecated As of version 1.40.1
 		 */
 		ObjectPageDynamicHeaderContent.prototype.setContentDesign = function (sDesign) {
 			// implementation not supported

package/src/sap/uxap/ObjectPageDynamicHeaderTitle.js

@@ -42,7 +42,7 @@ sap.ui.define([
 		 * @implements sap.uxap.IHeaderTitle
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @public
@@ -129,7 +129,7 @@ sap.ui.define([
 		/**
 		 * Required by the {@link sap.uxap.IHeaderTitle} interface.
 		 *
-		 * @deprecated Since version 1.40.1
+		 * @deprecated As of version 1.40.1
 		 */
 		ObjectPageDynamicHeaderTitle.prototype.getHeaderDesign = function () {
 			return library.ObjectPageHeaderDesign.Light;

package/src/sap/uxap/ObjectPageHeader.js

@@ -168,7 +168,7 @@ sap.ui.define([
 				 * Determines the design of the header - Light or Dark.
 				 * <b>Note: </b>This property is deprecated. It will continue to work in the Blue Crystal theme,
 				 * but it will not be taken into account for the Belize themes.
-				 * @deprecated Since version 1.40.1
+				 * @deprecated As of version 1.40.1
 				 */
 				headerDesign: {
 					type: "sap.uxap.ObjectPageHeaderDesign",
@@ -234,7 +234,7 @@ sap.ui.define([
 				/**
 				 *
 				 * A list of all the active link elements in the BreadCrumbs control.
-				 * @deprecated as of version 1.50, use the <code>breadcrumbs</code> aggregation instead.
+				 * @deprecated As of version 1.50, use the <code>breadcrumbs</code> aggregation instead.
 				 */
 				breadCrumbsLinks: {type: "sap.m.Link", multiple: true, singularName: "breadCrumbLink", deprecated: true},
 
@@ -382,7 +382,7 @@ sap.ui.define([
 	};
 
 	/**
-	 * @deprecated as of version 1.50, breadCrumbsLinks has been deprecated
+	 * @deprecated As of version 1.50, <code>breadCrumbsLinks</code> has been deprecated
 	 */
 	ObjectPageHeader.getMetadata().forwardAggregation(
 		"breadCrumbsLinks",
@@ -538,7 +538,7 @@ sap.ui.define([
 	};
 
 	/**
-	 * @deprecated Since version 1.40.1
+	 * @deprecated As of version 1.40.1
 	 */
 	ObjectPageHeader.prototype.setHeaderDesign = function (sHeaderDesign) {
 		this.setProperty("headerDesign", sHeaderDesign);
@@ -655,6 +655,7 @@ sap.ui.define([
 					oAction.setVisible = function (bVisible) {
 						oAction._setInternalVisible(bVisible, true);
 						Button.prototype.setVisible.call(this, bVisible);
+						that._adaptLayout();
 					};
 
 					oAction.onAfterRendering = function () {
@@ -1073,11 +1074,13 @@ sap.ui.define([
 
 	/**
 	 * Determines whether to render the <code>breadcrumbs</code> or the <code>breadCrumbsLinks</code> aggregation.
-	 * If <code>breadcrumbs</code> is set, the <code>breadCrumbsLinks</code> is omitted.
 	 * @private
 	 */
 	ObjectPageHeader.prototype._getBreadcrumbsAggregation = function () {
 		var oBreadCrumbs = this.getBreadcrumbs(),
+		/**
+		 * @deprecated As of version 1.50, <code>breadCrumbsLinks</code> has been deprecated
+		 */
 		oBreadCrumbsLegacy = this._lazyLoadInternalAggregation('_breadCrumbs', true);
 
 		return oBreadCrumbs

package/src/sap/uxap/ObjectPageHeaderContent.js

@@ -70,7 +70,7 @@ sap.ui.define([
 					 * Determines the design of the header - Light or Dark.
 					 * <b>Note: </b>This property is deprecated. It will continue to work in the Blue Crystal theme,
 					 * but it will not be taken into account for the Belize themes.
-					 * @deprecated Since version 1.40.1
+					 * @deprecated As of version 1.40.1
 					 */
 					contentDesign: {
 						type: "sap.uxap.ObjectPageHeaderDesign",
@@ -216,11 +216,10 @@ sap.ui.define([
 		 * @param bPinnable
 		 * @param sStableId
 		 */
-		ObjectPageHeaderContent.createInstance = function (aContent, bVisible, sContentDesign, bPinnable, sStableId) {
+		ObjectPageHeaderContent.createInstance = function (aContent, bVisible, sContentDesign /* not used */, bPinnable, sStableId) {
 			return new ObjectPageHeaderContent({
 				content: aContent,
 				visible: bVisible,
-				contentDesign: sContentDesign,
 				id: sStableId
 			});
 		};

package/src/sap/uxap/ObjectPageHeaderContentRenderer.js

@@ -32,6 +32,9 @@ sap.ui.define([
 		if (bRenderEditBtn) {
 			oRm.openStart("div", oControl)
 				.class("sapUxAPObjectPageHeaderContentFlexBox")
+				/**
+				 * @deprecated As of version 1.40.1
+				 */
 				.class("sapUxAPObjectPageHeaderContentDesign-" + oControl.getContentDesign());
 
 			if (oHeader) {
@@ -45,6 +48,9 @@ sap.ui.define([
 		if (bRenderEditBtn) {
 			oRm.class("sapUxAPObjectPageHeaderContentCellLeft");
 		} else {
+			/**
+			 * @deprecated As of version 1.40.1
+			 */
 			oRm.class("sapUxAPObjectPageHeaderContentDesign-" + oControl.getContentDesign());
 			if (oHeader) {
 				oRm.class('sapUxAPObjectPageContentObjectImage-' + oHeader.getObjectImageShape());

package/src/sap/uxap/ObjectPageHeaderRenderer.js

@@ -30,7 +30,7 @@ sap.ui.define(["./ObjectImageHelper", "sap/ui/Device"], function (ObjectImageHel
 
 		oRm.openStart("div", oControl).class('sapUxAPObjectPageHeader');
 		/**
-		 * @deprecated Since version 1.40.1
+		 * @deprecated As of version 1.40.1
 		 */
 		oRm.class('sapUxAPObjectPageHeaderDesign-' + oControl.getHeaderDesign());
 		oRm.openEnd();

package/src/sap/uxap/ObjectPageLayout.js

@@ -33,7 +33,8 @@ sap.ui.define([
 	"sap/base/util/merge",
 	"sap/ui/events/KeyCodes",
 	"sap/ui/dom/getFirstEditableInput",
-	'sap/ui/dom/units/Rem'
+	'sap/ui/dom/units/Rem',
+	"sap/ui/base/Object"
 ], function(
 	jQuery,
 	ManagedObjectObserver,
@@ -62,7 +63,8 @@ sap.ui.define([
 	merge,
 	KeyCodes,
 	getFirstEditableInput,
-	DomUnitsRem
+	DomUnitsRem,
+	BaseObject
 ) {
 	"use strict";
 
@@ -712,7 +714,7 @@ sap.ui.define([
 		this._createHeaderContent();
 
 		/**
-		 * @deprecated Since version 1.40.1
+		 * @deprecated As of version 1.40.1
 		 */
 		this._getHeaderContent().setContentDesign(this._getHeaderDesign());
 
@@ -1193,6 +1195,7 @@ sap.ui.define([
 				clearTimeout(this._iAfterRenderingDomReadyTimeout);
 			}
 			this._iAfterRenderingDomReadyTimeout = setTimeout(this._onAfterRenderingDomReady.bind(this), this._getDOMCalculationDelay());
+			this._adjustTitlePositioning(); // adjust early to prevent visual offset/flickering of content
 		}
 
 		if (oHeaderContent && oHeaderContent.supportsPinUnpin()) {
@@ -1236,7 +1239,7 @@ sap.ui.define([
 		}
 		// enable scrolling in non-fullscreen-mode only
 		// (to avoid any scrollbar appearing even for an instance while we snap/unsnap header)
-		this._toggleScrolling(!this._bAllContentFitsContainer);
+		this._toggleScrolling(!this._bAllContentFitsContainer || this._headerBiggerThanAllowedToBeFixed());
 
 		this._registerOnContentResize();
 
@@ -1405,8 +1408,49 @@ sap.ui.define([
 			horizontal: false,
 			vertical: true
 		});
+
+		this._oScroller.setOnAfterScrollToElement(this._onAfterScrollToElement.bind(this));
 	};
 
+	/**
+	 * Callback for the end of the scroll triggered from <code>scrollToElement</code>
+	 * of <code>sap.ui.core.delegate.ScrollEnablement</code>.
+	 *
+	 * Required for Safari and IE11 (where there is no browser automatic scroll adjustment,
+	 * see <code>overflow-anchor</code> CSS property).
+	 *
+	 * The execution of <code>scrollToElement</code> changes the current scroll position,
+	 * so we check if the new scroll position entails subsequent change of the scroll
+	 * container of our page(namely: snapping of the header, which involves removal
+	 * of the anchorBar from the top of the scroll container and placing it
+	 * in the title area above the scroll container instead).
+	 *
+	 * If such a change (namely, removal of the anchorBar from the top of the scroll container)
+	 * should occur, then the content bellow the removed anchorBar will became offset with X pixels,
+	 * where X is the anchorBar height => the element [provided to <code>scrollToElement </code>]
+	 * will be misplaced as a result.
+	 *
+	 * Therefore here we synchronously call the listener to the "scroll" event to check if
+	 * it entails the above snapping and subsequent misplacement => if it entails it,
+	 * then we adjust back the scroll position to correct the misplacement of the scrolled element.
+	 *
+	 * @private
+	 */
+	ObjectPageLayout.prototype._onAfterScrollToElement = function () {
+		var iScrollTop = this._$opWrapper.scrollTop(),
+			bStickyAnchorBarBefore = this._bStickyAnchorBar;
+
+		// synchronously call the listener for the "scroll" event, to trigger any pending toggling of the header
+		this._onScroll({ target: { scrollTop: iScrollTop}});
+
+		// if the anchorBar was sticked (removed from the topmost part of the scrollable area) =>
+		// all elements bellow it became offset with X pixels, where X is the anchorBar height =>
+		// the element (target of <code>scrollToElement</code>) was offset respectively =>
+		// adjust the scroll position to ensure the element is back visible (outside scroll overflow)
+		if (this._bStickyAnchorBar && !bStickyAnchorBarBefore && this._$opWrapper.scrollTop() === iScrollTop) {
+			this._$opWrapper.scrollTop(iScrollTop - this.iAnchorBarHeight);
+		}
+	};
 	/**
 	 * Sets the section that should be selected.
 	 *
@@ -1793,7 +1837,7 @@ sap.ui.define([
 
 		var oSubsection;
 
-		if (oSection instanceof sap.uxap.ObjectPageSubSection) {
+		if (BaseObject.isA(oSection, "sap.uxap.ObjectPageSubSection")) {
 			oSubsection = oSection;
 			oSection = oSection.getParent();
 		} else {
@@ -2101,7 +2145,7 @@ sap.ui.define([
 
 			// the current tab changed => update the <code>this._bAllContentFitsContainer</code> accordingly
 			this._bAllContentFitsContainer = this._hasSingleVisibleFullscreenSubSection(oToSelect);
-			this._toggleScrolling(!this._bAllContentFitsContainer);
+			this._toggleScrolling(!this._bAllContentFitsContainer || this._headerBiggerThanAllowedToBeFixed());
 
 			bFullscreenModeChanged = this._bAllContentFitsContainer !== bWasFullscreenMode;
 			if (bFullscreenModeChanged && !this._bHeaderExpanded) {
@@ -3004,7 +3048,9 @@ sap.ui.define([
 		var oWrapperElement = this._$opWrapper.get(0),
 			oTitleElement = this._$titleArea.get(0),
 			iTitleHeight = oTitleElement.getBoundingClientRect().height,
-			iTitleWidth = oTitleElement.getBoundingClientRect().width;
+			iTitleWidth = oTitleElement.getBoundingClientRect().width,
+			iScrollbarWidth = getScrollbarSize().width,
+			sClipPath;
 
 		// the top area of the scroll container is reserved for showing the title element,
 		// (where the title element is positioned absolutely on top of the scroll container),
@@ -3013,6 +3059,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);
 		}
@@ -3020,10 +3067,17 @@ sap.ui.define([
 		// (2) also make the area underneath the title invisible (using clip-path)
 		// to allow usage of *transparent background* of the title element
 		// (otherwise content from the scroll *overflow* will show underneath the transparent title element)
-		oWrapperElement.style.clipPath = 'polygon(0px ' + iTitleHeight + 'px, '
+		sClipPath = 'polygon(0px ' + iTitleHeight + 'px, '
 			+ Math.floor(iTitleWidth) + 'px ' 	+ iTitleHeight + 'px, '
 			+ Math.floor(iTitleWidth) + 'px 0, 100% 0, 100% 100%, 0 100%)';
 
+		if (this.oCore.getConfiguration().getRTL()) {
+			sClipPath = 'polygon(0px 0px, ' + iScrollbarWidth + 'px 0px, '
+			+ iScrollbarWidth + 'px ' + iTitleHeight + 'px, 100% '
+			+ iTitleHeight + 'px, 100% 100%, 0 100%)';
+		}
+		oWrapperElement.style.clipPath = sClipPath;
+
 		this.getHeaderTitle() && this._shiftHeaderTitle();
 	};
 
@@ -3713,7 +3767,6 @@ sap.ui.define([
 
 	ObjectPageLayout.prototype._createHeaderContent = function () {
 		var oHeaderTitle = this.getHeaderTitle(),
-			sHeaderTitleBackgroundDesign = oHeaderTitle && oHeaderTitle.supportsBackgroundDesign() && oHeaderTitle.getBackgroundDesign(),
 			oHeaderContent = this.getAggregation("_headerContent"),
 			oOldHeaderContent,
 			oNewHeaderContent;
@@ -3732,14 +3785,13 @@ sap.ui.define([
 			oNewHeaderContent = fnHeaderContentClass.createInstance(
 				this.getAggregation("headerContent"),
 				this.getShowHeaderContent(),
-				this._getHeaderDesign(),
+				"",
 				this.getHeaderContentPinnable(),
 				this.getId() + "-OPHeaderContent"
 			);
 
 			oNewHeaderContent.getContent().forEach(this._replaceHeaderContentParent, this);
 
-			sHeaderTitleBackgroundDesign && oNewHeaderContent.setBackgroundDesign(sHeaderTitleBackgroundDesign);
 			this.setAggregation("_headerContent", oNewHeaderContent, true);
 		}
 	};
@@ -3749,7 +3801,7 @@ sap.ui.define([
 		var oHeaderTitle = this.getHeaderTitle();
 
 		/**
-		 * @deprecated Since version 1.40.1
+		 * @deprecated As of version 1.40.1
 		 */
 		if (oHeaderTitle && oHeaderTitle.getHeaderDesign() == "Dark") {
 
@@ -3774,7 +3826,7 @@ sap.ui.define([
 		var oHeaderTitle = this.getHeaderTitle();
 
 		/**
-		 * @deprecated Since version 1.40.1
+		 * @deprecated As of version 1.40.1
 		 */
 		if (oHeaderTitle && oHeaderTitle.getHeaderDesign() == "Dark") {
 			if (this._bStickyAnchorBar) {
@@ -3946,7 +3998,7 @@ sap.ui.define([
 			sDesign = library.ObjectPageHeaderDesign.Light;
 
 		/**
-		 * @deprecated Since version 1.40.1
+		 * @deprecated As of version 1.40.1
 		 */
 		if (oHeader != null) {
 			sDesign = oHeader.getHeaderDesign();

package/src/sap/uxap/ObjectPageLayoutRenderer.js

@@ -245,8 +245,11 @@ sap.ui.define([],
 		ObjectPageLayoutRenderer._renderHeaderContentDOM = function (oRm, oControl, bRender, sId, bApplyBelizePlusClass) {
 			oRm.openStart("header", oControl.getId() + sId)
 				.class("ui-helper-clearfix")
-				.class("sapUxAPObjectPageHeaderDetails")
-				.class("sapUxAPObjectPageHeaderDetailsDesign-" + oControl._getHeaderDesign());
+				.class("sapUxAPObjectPageHeaderDetails");
+			/**
+			 * @deprecated As of version 1.40.1
+			 */
+			oRm.class("sapUxAPObjectPageHeaderDetailsDesign-" + oControl._getHeaderDesign());
 
 			if (bApplyBelizePlusClass) {
 				oRm.class("sapContrastPlus");

package/src/sap/uxap/ObjectPageLazyLoader.js

@@ -9,8 +9,9 @@ sap.ui.define([
 	'./library',
 	'sap/ui/core/Element',
 	'sap/ui/core/StashedControlSupport',
-	"sap/base/assert"
-], function (library, Element, StashedControlSupport, assert) {
+	"sap/base/assert",
+	"sap/ui/base/Object"
+], function (library, Element, StashedControlSupport, assert, BaseObject) {
 	"use strict";
 
 	/**
@@ -37,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public
@@ -61,7 +62,7 @@ sap.ui.define([
 	StashedControlSupport.mixInto(LazyLoader);
 
 	LazyLoader.prototype.setParent = function (oParent) {
-		if (!(oParent === null || oParent instanceof sap.uxap.ObjectPageSubSection)) {
+		if (!(oParent === null || BaseObject.isA(oParent, "sap.uxap.ObjectPageSubSection"))) {
 			assert(false, "setParent(): oParent must be an instance of sap.uxap.ObjectPageSubSection or null");
 		}
 

package/src/sap/uxap/ObjectPageSubSection.js

@@ -886,7 +886,7 @@ sap.ui.define([
 			this._setAggregation(sAggregationName, aAggregation, bSuppressInvalidate);
 
 			if (oObject instanceof BlockBase || oObject instanceof ObjectPageLazyLoader) {
-				oObject.setParent(this); //let the block know of its parent subsection
+				oObject.setParent(this, "blocks"); //let the block know of its parent subsection
 			}
 
 		} else {
@@ -953,22 +953,23 @@ sap.ui.define([
 		return ObjectPageSectionBase.prototype.removeAllAggregation.apply(this, arguments);
 	};
 
-	ObjectPageSubSection.prototype.removeAggregation = function (sAggregationName, oObject) {
-		var bRemoved = false, aInternalAggregation;
+	ObjectPageSubSection.prototype.removeAggregation = function (sAggregationName, vObject) {
+		var bRemoved = false,
+			aInternalAggregation;
 
-		if (this.hasProxy(sAggregationName)) {
+		if (this.hasProxy(sAggregationName) && typeof vObject === "object") {
 			aInternalAggregation = this._getAggregation(sAggregationName);
-			aInternalAggregation.forEach(function (oObjectCandidate, iIndex) {
-				if (oObjectCandidate.getId() === oObject.getId()) {
-					aInternalAggregation.splice(iIndex, 1);
-					this._onRemoveBlock(oObject);
-					this._setAggregation(sAggregationName, aInternalAggregation);
-					bRemoved = true;
-				}
-				return !bRemoved;
-			}, this);
+				aInternalAggregation.forEach(function (oObjectCandidate, iIndex) {
+					if (oObjectCandidate.getId() === vObject.getId()) {
+						aInternalAggregation.splice(iIndex, 1);
+						this._onRemoveBlock(vObject);
+						this._setAggregation(sAggregationName, aInternalAggregation);
+						bRemoved = true;
+					}
+					return !bRemoved;
+				}, this);
 
-			return (bRemoved ? oObject : null);
+			return (bRemoved ? vObject : null);
 		}
 
 		return ObjectPageSectionBase.prototype.removeAggregation.apply(this, arguments);

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

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

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

@@ -13,7 +13,7 @@ sap.ui.define(["sap/ui/fl/changeHandler/MoveControls", "sap/ui/core/Core", "sap/
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.MoveObjectPageSection
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @experimental Since 1.54
 	 */
 

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

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

package/src/sap/uxap/designtime/ObjectPageSection.designtime.js

@@ -9,6 +9,17 @@ sap.ui.define(["sap/uxap/library"],
 	function(library) {
 	"use strict";
 
+	function fnGetLabel(oObjectPageSection) {
+		var sTitle = oObjectPageSection.getTitle();
+		var aSubSection = oObjectPageSection.getSubSections();
+		// If there is only one SubSection, its title is shown,
+		// instead of the title of the Section (if it is available).
+		if (aSubSection.length === 1 && aSubSection[0].getTitle().trim() !== "") {
+			sTitle = aSubSection[0].getTitle();
+		}
+		return sTitle || oObjectPageSection.getId();
+	}
+
 	return {
 		name : {
 			singular : function(){
@@ -28,22 +39,14 @@ sap.ui.define(["sap/uxap/library"],
 				svg: "sap/uxap/designtime/ObjectPageSection.icon.svg"
 			}
 		},
+		getLabel: fnGetLabel,
 		actions : {
 			remove : {
 				changeType : "stashControl"
 			},
 			reveal : {
 				changeType : "unstashControl",
-				getLabel: function(oControl) {
-					var sTitle = oControl.getTitle();
-					var aSubSection = oControl.getSubSections();
-					// If there is only one SubSection, its title is shown in the AnchorBar,
-					// instead of the title of the Section (if it is available).
-					if (aSubSection.length === 1 && aSubSection[0].getTitle().trim() !== "") {
-						sTitle = aSubSection[0].getTitle();
-					}
-					return sTitle || oControl.getId();
-				}
+				getLabel: fnGetLabel
 			},
 			rename: function () {
 				return {

package/src/sap/uxap/library.js

@@ -12,11 +12,16 @@ sap.ui.define([
 	"sap/ui/base/DataType",
 	"sap/ui/Device",
 	"sap/ui/thirdparty/jquery",
-	"sap/ui/core/library", // library dependency
-	"sap/f/library", // library dependency
-	"sap/m/library", // library dependency
-	"sap/ui/layout/library" // library dependency
-], function(Core, DataType, Device, jQuery) {
+	"sap/ui/base/Object",
+	// library dependency
+	"sap/ui/core/library",
+	// library dependency
+	"sap/f/library",
+	// library dependency
+	"sap/m/library",
+	// library dependency
+	"sap/ui/layout/library"
+], function(Core, DataType, Device, jQuery, BaseObject) {
 	"use strict";
 
 	/**
@@ -25,7 +30,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.uxap
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @since 1.36
 	 * @public
 	 */
@@ -68,7 +73,7 @@ sap.ui.define([
 			"sap.uxap.ObjectPageHeaderLayoutData",
 			"sap.uxap.ObjectPageLazyLoader"
 		],
-		version: "1.112.2",
+		version: "1.114.0",
 		extensions: {
 			flChangeHandlers: {
 				"sap.uxap.ObjectPageHeader": "sap/uxap/flexibility/ObjectPageHeader",
@@ -172,6 +177,7 @@ sap.ui.define([
 	 * @enum {string}
 	 * @public
 	 */
+
 	thisLib.ObjectPageHeaderDesign = {
 
 		/**
@@ -298,7 +304,7 @@ sap.ui.define([
 		 */
 		getClosestOPL: function (oControl) {
 
-			while (oControl && !(oControl instanceof sap.uxap.ObjectPageLayout)) {
+			while (oControl && !(BaseObject.isA(oControl, "sap.uxap.ObjectPageLayout"))) {
 				oControl = oControl.getParent();
 			}
 

package/src/sap/uxap/messagebundle_de.properties

@@ -39,7 +39,7 @@ TOOLTIP_OP_CHANGES_MARK_VALUE=Ungesicherte \u00C4nderungen
 
 TOOLTIP_OP_EXPAND_HEADER_BTN=Kopfdaten expandieren
 
-TOOLTIP_OP_SHOW_SIDE_CONTENT=Seitenbereich \u00F6ffnen
+TOOLTIP_OP_SHOW_SIDE_CONTENT=Seiten-Panel \u00F6ffnen
 
 ROOT_ARIA_LABEL_WITHOUT_TITLE=Objektdetails
 

package/src/sap/uxap/rules/ObjectPageLayout.support.js

@@ -6,8 +6,8 @@
 /**
  * Defines support rules of the ObjectPageHeader control of sap.uxap library.
  */
-sap.ui.define(["sap/ui/support/library"],
-	function (SupportLib) {
+sap.ui.define(["sap/ui/support/library", "sap/ui/base/Object"],
+	function (SupportLib, BaseObject) {
 		"use strict";
 
 		// shortcuts
@@ -44,7 +44,7 @@ sap.ui.define(["sap/ui/support/library"],
 
 						var parent = oControl.getParent();
 						while (parent) {
-							if (parent instanceof sap.ui.core.Component) {
+							if (BaseObject.isA(parent, "sap.ui.core.Component")) {
 								return parent;
 							} else {
 								parent = parent.getParent();