@openui5/sap.uxap 1.112.2 → 1.113.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.2.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.112.2",
+  "version": "1.113.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.113.0",
+    "@openui5/sap.m": "1.113.0",
+    "@openui5/sap.ui.core": "1.113.0",
+    "@openui5/sap.ui.layout": "1.113.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.113.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/BlockBaseMetadata.js

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

package/src/sap/uxap/HierarchicalSelect.js

@@ -99,7 +99,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.113.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.113.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.113.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

@@ -712,7 +712,7 @@ sap.ui.define([
 		this._createHeaderContent();
 
 		/**
-		 * @deprecated Since version 1.40.1
+		 * @deprecated As of version 1.40.1
 		 */
 		this._getHeaderContent().setContentDesign(this._getHeaderDesign());
 
@@ -1236,7 +1236,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 +1405,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.
 	 *
@@ -2101,7 +2142,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) {
@@ -3013,6 +3054,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);
 		}
@@ -3713,7 +3755,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 +3773,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 +3789,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 +3814,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 +3986,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

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.113.0
 	 *
 	 * @constructor
 	 * @public

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.113.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.113.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.113.0
 	 * @experimental Since 1.50
 	 */
 

package/src/sap/uxap/library.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.uxap
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.113.0
 	 * @since 1.36
 	 * @public
 	 */
@@ -68,7 +68,7 @@ sap.ui.define([
 			"sap.uxap.ObjectPageHeaderLayoutData",
 			"sap.uxap.ObjectPageLazyLoader"
 		],
-		version: "1.112.2",
+		version: "1.113.0",
 		extensions: {
 			flChangeHandlers: {
 				"sap.uxap.ObjectPageHeader": "sap/uxap/flexibility/ObjectPageHeader",
@@ -172,6 +172,7 @@ sap.ui.define([
 	 * @enum {string}
 	 * @public
 	 */
+
 	thisLib.ObjectPageHeaderDesign = {
 
 		/**

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