@openui5/sap.ui.layout 1.92.0 → 1.93.3

package/.reuse/dep5

@@ -464,3 +464,8 @@ Copyright:
 License: Apache-2.0
 Comment: these files contain content from SAP and JSDoc 3: plugin.js is overall written by SAP, but contains code taken from JSDoc 3.6.7 (see the respective comments)
 
+Files: src/sap.ui.core/src/sap/ui/core/themes/base/base.less src/themelib_sap_belize/src/sap/ui/core/themes/*/base.less src/themelib_sap_fiori_3/src/sap/ui/core/themes/*/base.less src/themelib_sap_horizon/src/sap/ui/core/themes/*/base.less
+Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
+License: Apache-2.0
+Comment: these files belong to: SAP Theming Base Content
+

package/THIRDPARTY.txt

@@ -197,7 +197,7 @@ License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
 
-Component: URI.js, version: 1.19.6
+Component: URI.js, version: 1.19.7
 Copyright: Rodney Rehm
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -462,6 +462,15 @@ 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.34
+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
+Contained in: src/sap.ui.core/src/sap/ui/core/themes/base/base.less
+	src/themelib_sap_belize/src/sap/ui/core/themes/*/base.less
+	src/themelib_sap_fiori_3/src/sap/ui/core/themes/*/base.less
+	src/themelib_sap_horizon/src/sap/ui/core/themes/*/base.less
+
 
 ALL LICENSE TEXTS:
 ==================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.layout",
-  "version": "1.92.0",
+  "version": "1.93.3",
   "description": "OpenUI5 UI Library sap.ui.layout",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,6 +14,6 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.92.0"
+    "@openui5/sap.ui.core": "1.93.3"
   }
 }

package/src/sap/ui/layout/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.92.0</version>
+  <version>1.93.3</version>
 
   <documentation>SAPUI5 library with layout controls.</documentation>
 

package/src/sap/ui/layout/AlignedFlowLayout.js

@@ -40,7 +40,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.93.3
 		 *
 		 * @constructor
 		 * @private

package/src/sap/ui/layout/AssociativeSplitter.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.Splitter
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/layout/BlockLayout.js

@@ -62,7 +62,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.93.3
 		 *
 		 * @constructor
 		 * @public

package/src/sap/ui/layout/BlockLayoutCell.js

@@ -27,7 +27,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.93.3
 		 *
 		 * @constructor
 		 * @public

package/src/sap/ui/layout/BlockLayoutCellData.js

@@ -18,7 +18,7 @@ sap.ui.define(['sap/ui/core/LayoutData', './library'],
 	 * @class
 	 * Holds layout data for the BlockLayoutCells contents.
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 * @constructor
 	 * @public
 	 * @since 1.50.0

package/src/sap/ui/layout/BlockLayoutRow.js

@@ -36,7 +36,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.93.3
 		 *
 		 * @constructor
 		 * @public

package/src/sap/ui/layout/DynamicSideContent.js

@@ -94,7 +94,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.93.3
 		 *
 		 * @constructor
 		 * @public

package/src/sap/ui/layout/FixFlex.js

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/Grid.js

@@ -59,7 +59,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/GridData.js

@@ -28,7 +28,7 @@ sap.ui.define(['sap/ui/core/LayoutData', './library', "sap/base/Log"],
 	 * @extends sap.ui.core.LayoutData
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/GridRenderer.js

@@ -15,7 +15,7 @@ sap.ui.define(["sap/ui/Device", "sap/ui/layout/library"],
 	/**
 	 * @author SAP SE
 	 * @version
-	 * 1.92.0
+	 * 1.93.3
 	 * @namespace
 	 */
 	var GridRenderer = {

package/src/sap/ui/layout/HorizontalLayout.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/Control', './library', "./HorizontalLayoutRenderer"]
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/PaneContainer.js

@@ -24,7 +24,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element', './AssociativeSplitter', 'sap
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/ResponsiveFlowLayout.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/ResponsiveFlowLayoutData.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/LayoutData', './library', "sap/base/Log"],
 	 * @extends sap.ui.core.LayoutData
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/ResponsiveSplitter.js

@@ -70,7 +70,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/ResponsiveSplitterPage.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/layout/SplitPane.js

@@ -26,7 +26,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/Splitter.js

@@ -66,7 +66,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public
@@ -231,7 +231,7 @@ sap.ui.define([
 	 * Returns the current actual content sizes as pixel value - these values can change with every
 	 * resize.
 	 *
-	 * @returns {Number[]} Array of px values that correspond to the content area sizes
+	 * @returns {number[]} Array of px values that correspond to the content area sizes
 	 * @protected
 	 * @deprecated As of version 1.21. This method is declared as protected in order to assess the need for this feature. It is declared as deprecated because the API might change in case the need for this is high enough to make it part of the official Splitter interface
 	 */

package/src/sap/ui/layout/SplitterLayoutData.js

@@ -24,7 +24,7 @@ sap.ui.define(['sap/ui/core/LayoutData', './library'],
 	 * (The CSS value "auto" is used internally to recalculate the size of the content
 	 * dynamically and is not directly set as style property.)
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/VerticalLayout.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/changeHandler/AddFormContainer.js

@@ -21,7 +21,7 @@ sap.ui.define([
 		* Change handler for adding a form group.
 		* @alias sap.ui.layout.changeHandler.AddFormContainer
 		* @author SAP SE
-		* @version 1.92.0
+		* @version 1.93.3
 		* @experimental Since 1.48.0
 		*/
 	var AddGroup = { };
@@ -35,20 +35,25 @@ sap.ui.define([
 	 * @param {object} mPropertyBag.modifier Modifier for the controls
 	 * @param {object} mPropertyBag.appComponent Component in which the change should be applied
 	 * @param {object} mPropertyBag.view Application view
+	 * @returns {Promise} Promise resolving when change is successfully applied
 	 * @public
 	 */
 	AddGroup.applyChange = function(oChange, oForm, mPropertyBag) {
-		var oModifier = mPropertyBag.modifier,
-			oAppComponent = mPropertyBag.appComponent,
-			oView = mPropertyBag.view,
-			oChangeDefinition = oChange.getDefinition(),
-			oTitle, oGroup;
+		var oModifier = mPropertyBag.modifier;
+		var oAppComponent = mPropertyBag.appComponent;
+		var oView = mPropertyBag.view;
+		var oChangeDefinition = oChange.getDefinition();
 
-		if (oChangeDefinition.texts && oChangeDefinition.texts.groupLabel && oChangeDefinition.texts.groupLabel.value && oChangeDefinition.content && oChangeDefinition.content.group && (oChangeDefinition.content.group.selector || oChangeDefinition.content.group.id)) {
-			var sTitleText = oChangeDefinition.texts.groupLabel.value,
-				iInsertIndex = oChangeDefinition.content.group.index,
-				mNewGroupSelector = oChangeDefinition.content.group.selector || { id : oChangeDefinition.content.group.id },
-				mNewTitleSelector = jQuery.extend({}, mNewGroupSelector);
+		if (oChangeDefinition.texts
+			&& oChangeDefinition.texts.groupLabel
+			&& oChangeDefinition.texts.groupLabel.value
+			&& oChangeDefinition.content
+			&& oChangeDefinition.content.group
+			&& (oChangeDefinition.content.group.selector || oChangeDefinition.content.group.id)) {
+			var sTitleText = oChangeDefinition.texts.groupLabel.value;
+			var iInsertIndex = oChangeDefinition.content.group.index;
+			var mNewGroupSelector = oChangeDefinition.content.group.selector || { id : oChangeDefinition.content.group.id };
+			var mNewTitleSelector = jQuery.extend({}, mNewGroupSelector);
 
 			mNewTitleSelector.id = mNewTitleSelector.id + "--title"; //same as FormRenderer does it
 			oChange.setRevertData({newGroupSelector: mNewGroupSelector});
@@ -59,15 +64,30 @@ sap.ui.define([
 			} else if (oModifier.bySelector(mNewGroupSelector, oAppComponent)) {
 				return Base.markAsNotApplicable("Control to be created already exists:" + mNewGroupSelector);
 			}
-			oTitle = oModifier.createControl("sap.ui.core.Title", oAppComponent, oView, mNewTitleSelector);
-			oGroup = oModifier.createControl("sap.ui.layout.form.FormContainer", oAppComponent, oView, mNewGroupSelector);
 
-			oModifier.setProperty(oTitle, "text", sTitleText);
-			oModifier.insertAggregation(oGroup, "title", oTitle, 0, oView);
-			oModifier.insertAggregation(oForm, "formContainers", oGroup, iInsertIndex, oView);
+			return Promise.resolve()
+				.then(function() {
+					return Promise.all([
+						oModifier.createControl("sap.ui.core.Title", oAppComponent, oView, mNewTitleSelector),
+						oModifier.createControl("sap.ui.layout.form.FormContainer", oAppComponent, oView, mNewGroupSelector)
+					]);
+				})
+				.then(function(aControls) {
+					var oTitle = aControls[0];
+					var oGroup = aControls[1];
+					oModifier.setProperty(oTitle, "text", sTitleText);
+					return Promise.resolve()
+						.then(oModifier.insertAggregation.bind(oModifier, oGroup, "title", oTitle, 0, oView))
+						.then(oModifier.insertAggregation.bind(oModifier, oForm, "formContainers", oGroup, iInsertIndex, oView));
+				});
 		} else {
-			Log.error("Change does not contain sufficient information to be applied: [" + oChangeDefinition.layer + "]" + oChangeDefinition.namespace + "/" + oChangeDefinition.fileName + "." + oChangeDefinition.fileType);
+			Log.error("Change does not contain sufficient information to be applied: ["
+				+ oChangeDefinition.layer + "]"
+				+ oChangeDefinition.namespace + "/"
+				+ oChangeDefinition.fileName + "."
+				+ oChangeDefinition.fileType);
 			//however subsequent changes should be applied
+			return Promise.resolve();
 		}
 	};
 
@@ -83,8 +103,8 @@ sap.ui.define([
 	 * @public
 	 */
 	AddGroup.completeChangeContent = function(oChange, oSpecificChangeInfo, mPropertyBag) {
-		var oChangeDefinition = oChange.getDefinition(),
-			oAppComponent = mPropertyBag.appComponent;
+		var oChangeDefinition = oChange.getDefinition();
+		var	oAppComponent = mPropertyBag.appComponent;
 
 		if (oSpecificChangeInfo.newLabel) {
 			Base.setTextInChange(oChangeDefinition, "groupLabel", oSpecificChangeInfo.newLabel, "XFLD");
@@ -120,6 +140,7 @@ sap.ui.define([
 	 * @param {object} mPropertyBag.modifier Modifier for the controls
 	 * @param {object} mPropertyBag.appComponent Component in which the change should be applied
 	 * @param {object} mPropertyBag.view Application view
+	 * @returns {Promise} Promise resolving when change is successfully reverted
 	 * @public
 	 */
 	AddGroup.revertChange = function (oChange, oForm, mPropertyBag) {
@@ -129,9 +150,15 @@ sap.ui.define([
 		var mNewGroupSelector = oChange.getRevertData().newGroupSelector;
 
 		var oGroup = oModifier.bySelector(mNewGroupSelector, oAppComponent, oView);
-		oModifier.removeAggregation(oForm, "formContainers", oGroup);
-		oModifier.destroy(oGroup);
-		oChange.resetRevertData();
+
+		return Promise.resolve()
+			.then(function() {
+				return oModifier.removeAggregation(oForm, "formContainers", oGroup);
+			})
+			.then(function() {
+				oModifier.destroy(oGroup);
+				oChange.resetRevertData();
+			});
 	};
 
 	return AddGroup;

package/src/sap/ui/layout/changeHandler/AddFormField.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 *
 	 * @author SAP SE
 	 *
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @experimental Since 1.50.0 This class is experimental and provides only limited functionality. Also the API might be
 	 *               changed in future.
@@ -37,37 +37,47 @@ sap.ui.define([
 			var mFieldSelector = mChangeContent.newFieldSelector;
 
 			var oCreatedFormElement;
+			var oParentFormContainer;
 
-			// "layoutControl" property is present only when the control is returned from Delegate.createLayout()
-			if (!mInnerControls.layoutControl) {
-				oCreatedFormElement = oModifier.createControl(
-					"sap.ui.layout.form.FormElement",
-					oAppComponent,
-					oView,
-					mFieldSelector
-				);
-				oModifier.insertAggregation(oCreatedFormElement, "label", mInnerControls.label, 0, oView);
-				oModifier.insertAggregation(oCreatedFormElement, "fields", mInnerControls.control, 0, oView);
-			} else {
-				oCreatedFormElement = mInnerControls.control;
-			}
+			return Promise.resolve()
+				.then(function(){
+					// "layoutControl" property is present only when the control is returned from Delegate.createLayout()
+					if (!mInnerControls.layoutControl) {
+						return Promise.resolve()
+							.then(oModifier.createControl.bind(oModifier, "sap.ui.layout.form.FormElement", oAppComponent, oView, mFieldSelector))
+							.then(function(oCreatedControl) {
+								oCreatedFormElement = oCreatedControl;
+								return Promise.all([
+									oModifier.insertAggregation(oCreatedFormElement, "label", mInnerControls.label, 0, oView),
+									oModifier.insertAggregation(oCreatedFormElement, "fields", mInnerControls.control, 0, oView)
+								]);
+							});
+					}
+					oCreatedFormElement = mInnerControls.control;
+					return undefined;
+				})
+				.then(function(){
+					oParentFormContainer = oChange.getDependentControl("parentFormContainer", mPropertyBag);
+					return oModifier.insertAggregation(oParentFormContainer,
+						"formElements",
+						oCreatedFormElement,
+						iIndex,
+						oView
+					);
+				})
+				.then(function(){
+					if (mInnerControls.valueHelp) {
+						return oModifier.insertAggregation(
+							oParentFormContainer,
+							"dependents",
+							mInnerControls.valueHelp,
+							0,
+							oView
+						);
+					}
+					return undefined;
+				});
 
-			var oParentFormContainer = oChange.getDependentControl("parentFormContainer", mPropertyBag);
-			oModifier.insertAggregation(oParentFormContainer,
-				"formElements",
-				oCreatedFormElement,
-				iIndex,
-				oView
-			);
-			if (mInnerControls.valueHelp) {
-				oModifier.insertAggregation(
-					oParentFormContainer,
-					"dependents",
-					mInnerControls.valueHelp,
-					0,
-					oView
-				);
-			}
 		},
 		aggregationName: "formElements",
 		parentAlias: "parentFormContainer",

package/src/sap/ui/layout/changeHandler/AddSimpleFormField.js

@@ -67,15 +67,17 @@ sap.ui.define([
 	}
 
 	function recreateContentAggregation(oSimpleForm, aContentClone, oModifier, mPropertyBag) {
-		oModifier.removeAllAggregation(oSimpleForm, "content");
-			for (var i = 0; i < aContentClone.length; ++i) {
-				oModifier.insertAggregation(oSimpleForm,
-					"content",
-					aContentClone[i],
-					i,
-					mPropertyBag.view
-				);
-			}
+		return aContentClone.reduce(function(oPreviousPromise, oContentClone, iIndex) {
+			return oPreviousPromise
+				.then(function() {
+					return oModifier.insertAggregation(oSimpleForm,
+						"content",
+						oContentClone,
+						iIndex,
+						mPropertyBag.view
+					);
+				});
+		}, Promise.resolve());
 	}
 
 	/**
@@ -87,7 +89,7 @@ sap.ui.define([
 	 *
 	 * @author SAP SE
 	 *
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @experimental Since 1.49.0 This class is experimental and provides only limited functionality. Also the API might be
 	 *               changed in future.
@@ -99,27 +101,38 @@ sap.ui.define([
 			var mInnerControls = mPropertyBag.innerControls;
 			var oModifier = mPropertyBag.modifier;
 			var oAppComponent = mPropertyBag.appComponent;
+			var aContent;
+			var iNewIndex;
+			var aContentClone;
 
 			var oChange = mPropertyBag.change;
 			// as the label is stored independent of the field and will not be destroyed by destroying the field, is needs to be remembered
 			var oRevertData = oChange.getRevertData();
 			oRevertData.labelSelector = oModifier.getSelector(mInnerControls.label, oAppComponent);
 
-			var aContent = oModifier.getAggregation(oSimpleForm, "content");
-			var iNewIndex = getIndex(aContent, mPropertyBag);
-			var aContentClone = insertLabelAndField(aContent, iNewIndex, mInnerControls);
-
-			recreateContentAggregation(oSimpleForm, aContentClone, oModifier, mPropertyBag);
-
-			if (mInnerControls.valueHelp) {
-				oModifier.insertAggregation(
-					oSimpleForm,
-					"dependents",
-					mInnerControls.valueHelp,
-					0,
-					mPropertyBag.view
-				);
-			}
+			return Promise.resolve()
+				.then(oModifier.getAggregation.bind(oModifier, oSimpleForm, "content"))
+				.then(function(aAggregationContent) {
+					aContent = aAggregationContent;
+					iNewIndex = getIndex(aContent, mPropertyBag);
+					aContentClone = insertLabelAndField(aContent, iNewIndex, mInnerControls);
+					return oModifier.removeAllAggregation(oSimpleForm, "content");
+				})
+				.then(function() {
+					return recreateContentAggregation(oSimpleForm, aContentClone, oModifier, mPropertyBag);
+				})
+				.then(function() {
+					if (mInnerControls.valueHelp) {
+						return oModifier.insertAggregation(
+							oSimpleForm,
+							"dependents",
+							mInnerControls.valueHelp,
+							0,
+							mPropertyBag.view
+						);
+					}
+					return undefined;
+				});
 		},
 		revertAdditionalControls : function(mPropertyBag) {
 			var oSimpleForm = mPropertyBag.control;
@@ -130,9 +143,11 @@ sap.ui.define([
 			var mLabelSelector = oChange.getRevertData().labelSelector;
 			if (mLabelSelector) {
 				var oLabel = oModifier.bySelector(mLabelSelector, oAppComponent);
-				oModifier.removeAggregation(oSimpleForm, "content", oLabel);
-				oModifier.destroy(oLabel);
+				return Promise.resolve()
+					.then(oModifier.removeAggregation.bind(oModifier, oSimpleForm, "content", oLabel))
+					.then(oModifier.destroy.bind(oModifier, oLabel));
 			}
+			return Promise.resolve();
 		},
 		aggregationName: "content",
 		mapParentIdIntoChange: function (oChange, mSpecificChangeInfo, mPropertyBag) {