@openui5/sap.ui.layout 1.91.0 → 1.93.2

package/.reuse/dep5

@@ -352,6 +352,11 @@ Copyright: 2006 Google Inc.
 License: Apache-2.0
 Comment: these files belong to: google-code-prettify
 
+Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/highlight.js/*
+Copyright: 2006-2020, Ivan Sagalaev
+License: BSD-3-Clause
+Comment: these files belong to: highlight.js
+
 Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/elasticlunr.js
 Copyright: 2017 Wei Song and Oliver Nightingale
 License: MIT
@@ -411,6 +416,35 @@ License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and BooleanExpressionEvaluator: BoolExprTool.js is authored by SAP, but partly inspired by BooleanExpressionEvaluator
 
 
+# Library: sap.ui.webc.common:
+
+Files: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theme-base/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
+Copyright: SAP
+License: Apache-2.0
+Comment: these files belong to: UI5 Web Components
+
+Files: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/*.*
+Copyright: Google LLC
+License: BSD-3-Clause
+Comment: these files belong to: lit-html
+
+
+# Library: sap.ui.webc.fiori:
+
+Files: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
+Copyright: SAP
+License: Apache-2.0
+Comment: these files belong to: UI5 Web Components
+
+
+# Library: sap.ui.webc.main:
+
+Files: src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/*.*
+Copyright: SAP
+License: Apache-2.0
+Comment: these files belong to: UI5 Web Components
+
+
 # Outside of Libraries:
 
 Files: src/testsuite-utils/src/main/resources/META-INF/less/less.js
@@ -423,3 +457,15 @@ Copyright: 2015-2017 Evgeny Poberezkin
 License: MIT
 Comment: these files belong to: ajv
 
+Files: lib/jsdoc/ui5/plugin.js
+Copyright:
+    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2011-present Michael Mathews micmath@gmail.com and the contributors to JSDoc
+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
@@ -330,6 +330,12 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/google-code-prettify/*
 
+Component: highlight.js, version: 10.4.1
+Copyright: 2006-2020, Ivan Sagalaev
+License: BSD-3-Clause
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
+Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/highlight.js/*
+
 Component: Elasticlunr, version: 0.9.5
 Copyright: 2017 Wei Song and Oliver Nightingale
 License: MIT
@@ -399,6 +405,43 @@ License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.mdc/test/sap/ui/mdc/sample/field/filterfieldwithoperators/BoolExprTool.js
 
 
+Library: sap.ui.webc.common:
+
+Component: UI5 Web Components, version: 1.0.0-rc.12
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theme-base/*.*
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/*.*
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/*.*
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
+
+Component: lit-html, version: 1.4.1
+Copyright: Google LLC
+License: BSD-3-Clause
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
+Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/*.*
+
+
+Library: sap.ui.webc.fiori:
+
+Component: UI5 Web Components, version: 1.0.0-rc.12
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
+
+
+Library: sap.ui.webc.main:
+
+Component: UI5 Web Components, version: 1.0.0-rc.12
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/*.*
+
+
 Outside of Libraries:
 
 Component: LESS, version: 1.6.3
@@ -413,6 +456,21 @@ License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: ../test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/ajv/ajv.min.js
 
+Component: JSDoc 3, version: 3.6.7
+Copyright: 2011-present Michael Mathews micmath@gmail.com and the contributors to JSDoc
+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.91.0",
+  "version": "1.93.2",
   "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.91.0"
+    "@openui5/sap.ui.core": "1.93.2"
   }
 }

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.91.0</version>
+  <version>1.93.2</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.91.0
+		 * @version 1.93.2
 		 *
 		 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+		 * @version 1.93.2
 		 *
 		 * @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.91.0
+		 * @version 1.93.2
 		 *
 		 * @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.91.0
+	 * @version 1.93.2
 	 * @constructor
 	 * @public
 	 * @since 1.50.0

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

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
- /**
+/**
   * @typedef {Object} sap.ui.layout.BlockRowColorSets
   * @typedef {Object} sap.ui.layout.BlockLayoutRow
   */
@@ -36,7 +36,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.91.0
+		 * @version 1.93.2
 		 *
 		 * @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.91.0
+		 * @version 1.93.2
 		 *
 		 * @constructor
 		 * @public
@@ -384,9 +384,10 @@ sap.ui.define([
 
 		/**
 		 * Returns the breakpoint for the current state of the control.
-		 * If the control is not rendered yet this method will return <code>undefined</code>,
+		 *
+		 * If the control is not rendered yet, this method will return <code>undefined</code>,
 		 * as current break point calculation is based on the parent container width.
-		 * @returns {String} currentBreakpoint
+		 * @returns {string} currentBreakpoint
 		 * @public
 		 */
 		DynamicSideContent.prototype.getCurrentBreakpoint = function () {
@@ -526,7 +527,6 @@ sap.ui.define([
 				sMainContentId = sControlId + "-" + MC_GRID_CELL_SELECTOR;
 
 			if (!this._oSCScroller && !this._oMCScroller) {
-				var ScrollEnablement = sap.ui.requireSync("sap/ui/core/delegate/ScrollEnablement");
 				this._oSCScroller = new ScrollEnablement(this, null, {
 					scrollContainerId: sSideContentId,
 					horizontal: false,

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

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+	 * 1.93.2
 	 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @constructor
 	 * @public
@@ -45,13 +45,35 @@ sap.ui.define(['./library', 'sap/ui/core/Element', './AssociativeSplitter', 'sap
 			 * The panes to be split. The control will show n-1 splitter bars between n controls in this aggregation.
 			 */
 			panes: { type: "sap.ui.core.Element", multiple: true, singularName: "pane" }
+		},
+		events: {
+			/**
+			 * Fired when contents are resized.
+			 */
+			resize : {
+				parameters : {
+
+					/**
+					 * An array of values representing the old (pixel)sizes of the split panes,
+					 * which are inside the pane container.
+					 */
+					oldSizes : {type : "float[]"},
+
+					/**
+					 * An array of values representing the new (pixel)sizes of the split panes,
+					 * which are inside the pane container.
+					 */
+					newSizes : {type : "float[]"}
+				}
+			}
 		}
 	}});
 
 	PaneContainer.prototype.init = function () {
 		this._oSplitter = new AssociativeSplitter({
 			orientation: this.getOrientation(),
-			height: "100%"
+			height: "100%",
+			resize: this._onSplitterResize.bind(this)
 		});
 	};
 
@@ -60,6 +82,13 @@ sap.ui.define(['./library', 'sap/ui/core/Element', './AssociativeSplitter', 'sap
 		this._oSplitter = null;
 	};
 
+	PaneContainer.prototype._onSplitterResize = function (oEvent) {
+		this.fireResize({
+			oldSizes: oEvent.getParameter("oldSizes"),
+			newSizes: oEvent.getParameter("newSizes")
+		});
+	};
+
 	/**
 	 * Setter for property orientation.
 	 * Default value is sap.ui.core.Orientation.Horizontal
@@ -89,6 +118,15 @@ sap.ui.define(['./library', 'sap/ui/core/Element', './AssociativeSplitter', 'sap
 		return this;
 	};
 
+	/**
+	 * Getter for property layoutData.
+	 * @public
+	 * @returns {sap.ui.core.LayoutData} The LayoutData object.
+	 */
+	PaneContainer.prototype.getLayoutData = function() {
+		return this._oSplitter.getLayoutData();
+	};
+
 	/**
 	 * Pane insertion
 	 *

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

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @constructor
 	 * @public
@@ -63,10 +63,19 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 		var oContent = this.getContent();
 		if (oContent) {
 			return oContent.setLayoutData(oLayoutdata);
-		} else {
-			this._oLayoutData = oLayoutdata;
-			return this;
 		}
+
+		this._oLayoutData = oLayoutdata;
+		return this;
+	};
+
+	SplitPane.prototype.getLayoutData = function() {
+		var oContent = this.getContent();
+		if (oContent) {
+			return oContent.getLayoutData();
+		}
+
+		return this._oLayoutData;
 	};
 
 	// overrides the default set method in order to apply layout data that is provided before content

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

@@ -66,7 +66,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+	 * @version 1.93.2
 	 *
 	 * @constructor
 	 * @public
@@ -45,7 +45,11 @@ sap.ui.define(['sap/ui/core/LayoutData', './library'],
 			resizable : {type : "boolean", group : "Behavior", defaultValue : true},
 
 			/**
-			 * Sets the size of the splitter content.
+			 * The size of the splitter content.
+			 * This property is updated when the area is resized by the user.
+			 *
+			 * <b>Note:</b> Resizing areas in the sap.ui.layout.Splitter sets this property to "px" values,
+			 * while resizing areas in the sap.ui.layout.ResponsiveSplitter sets it to % values.
 			 */
 			size : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : 'auto'},
 

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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.91.0
+	 * @version 1.93.2
 	 *
 	 * @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.91.0
+		* @version 1.93.2
 		* @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;