@openui5/sap.ui.layout 1.92.0 → 1.95.0

package/.reuse/dep5

@@ -309,7 +309,7 @@ License: MIT
 Comment: these files belong to: lodash
 
 Files: src/sap.ui.core/src/sap/ui/thirdparty/hyphenopoly/*
-Copyright: 2018 Mathias Nater
+Copyright: 2021 Mathias Nater
 License: MIT
 Comment: these files belong to: Hyphenopoly
 
@@ -347,11 +347,6 @@ Copyright: 2013 Ariya Hidayat and other contributors
 License: BSD-2-Clause
 Comment: these files belong to: Esprima
 
-Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/google-code-prettify/*
-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

package/THIRDPARTY.txt

@@ -6,7 +6,7 @@ The full text of all referenced licenses is appended at the end of this file.
 
 Library: sap.ui.codeeditor:
 
-Component: Ace (Ajax.org Cloud9 Editor), version: 1.4.4
+Component: Ace (Ajax.org Cloud9 Editor), version: 1.4.12
 Copyright: 2010, Ajax.org B.V.
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -279,8 +279,8 @@ License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/base/util/restricted/_/lodash.custom.js
 
-Component: Hyphenopoly, version: 2.4.0
-Copyright: 2018 Mathias Nater
+Component: Hyphenopoly, version: 3.4.0
+Copyright: 2021 Mathias Nater
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/hyphenopoly/*
@@ -324,12 +324,6 @@ License: BSD-2-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-2-Clause.txt
 Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/esprima.js
 
-Component: google-code-prettify, version: 20130304
-Copyright: 2006 Google Inc.
-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
@@ -376,7 +370,7 @@ License: Unicode-DFS-2015
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Unicode-DFS-2015.txt
 Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/Unicode-Data-Files-LICENSE.txt
 
-Component: Adaptive Cards, version: 1.2.3
+Component: Adaptive Cards, version: 2.9.0
 Copyright: 2017 Microsoft
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.layout",
-  "version": "1.92.0",
+  "version": "1.95.0",
   "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.95.0"
   }
 }

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.95.0</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.95.0
 		 *
 		 * @constructor
 		 * @private
@@ -221,18 +221,22 @@ sap.ui.define([
 			var oEndItemDomRef,
 				oObserverEntry = aObserverEntries[0],
 				bWidthChangedSignificantly = hasWidthChangedSignificantly(this.fLayoutWidth, oObserverEntry, oDomRef),
-				fNewWidth = oObserverEntry.contentRect.width;
+				fNewWidth = oObserverEntry.contentRect.width,
+				fNewHeight = oObserverEntry.contentRect.height;
 
 			if (bWidthChangedSignificantly) {
 				this.fLayoutWidth = fNewWidth;
+				this.fLayoutHeight = fNewHeight;
 			} else {
 				oEndItemDomRef = this.getDomRef("endItem");
 				bWidthChangedSignificantly = hasWidthChangedSignificantly(this.fEndItemWidth, oObserverEntry, oEndItemDomRef);
 
 				if (bWidthChangedSignificantly) {
 					this.fEndItemWidth = fNewWidth;
+					this.fLayoutHeight = fNewHeight;
+				} else if (this.fLayoutHeight !== fNewHeight) {	// we may still have relevant height changes
+					this.fLayoutHeight = fNewHeight;
 				} else {
-
 					// avoid cyclic dependencies and/or infinite resizing callback loops
 					return;
 				}

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.95.0
 	 *
 	 * @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.95.0
 		 *
 		 * @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.95.0
 		 *
 		 * @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.95.0
 	 * @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.95.0
 		 *
 		 * @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.95.0
 		 *
 		 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 	 *
 	 * @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.95.0
 		* @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.95.0
 	 *
 	 * @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",