@openui5/sap.ui.layout 1.105.1 → 1.107.0

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

@@ -17,7 +17,7 @@ sap.ui.define([
 		* Change handler for adding a simple form group.
 		* @alias sap.ui.layout.changeHandler.AddSimpleFormGroup
 		* @author SAP SE
-		* @version 1.105.1
+		* @version 1.107.0
 		* @experimental Since 1.27.0
 		*/
 	var AddSimpleFormGroup = {};
@@ -190,8 +190,8 @@ sap.ui.define([
 	AddSimpleFormGroup.getControlIdFromChangeContent = function (oChange) {
 		var sControlId;
 
-		if (oChange && oChange._oDefinition) {
-			sControlId = oChange._oDefinition.content.group.id;
+		if (oChange && oChange.getContent()) {
+			sControlId = oChange.getContent().group.id;
 		}
 
 		return sControlId;
@@ -229,11 +229,17 @@ sap.ui.define([
 
 	AddSimpleFormGroup.getChangeVisualizationInfo = function(oChange, oAppComponent) {
 		var oSelector = oChange.getContent().group.selector;
-		var oAffectedGroup = JsControlTreeModifier.bySelector(oSelector, oAppComponent).getParent().getId();
+		var oAffectedGroup = JsControlTreeModifier.bySelector(oSelector, oAppComponent).getId();
+
 		return {
-			affectedControls: [oAffectedGroup]
+			affectedControls: [oAffectedGroup],
+			updateRequired: true
 		};
 	};
 
+	AddSimpleFormGroup.getCondenserInfo = function() {
+		return undefined;
+	};
+
 	return AddSimpleFormGroup;
 }, /* bExport= */true);

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

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * Change handler for hiding of a control.
 	 * @alias sap.ui.fl.changeHandler.HideControl
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 * @experimental Since 1.27.0
 	 */
 	var HideForm = { };
@@ -277,7 +277,8 @@ sap.ui.define([
 			: oElement.getParent().getParent().getId();
 		return {
 			affectedControls: [oSelector],
-			displayControls: [oDisplaySelector]
+			displayControls: [oDisplaySelector],
+			updateRequired: true
 		};
 	};
 

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

@@ -20,7 +20,7 @@ sap.ui.define([
 	 *
 	 * @alias sap.ui.layout.changeHandler.MoveSimpleForm
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 * @experimental Since 1.34.0
 	 */
 	var MoveSimpleForm = {};
@@ -168,12 +168,8 @@ sap.ui.define([
 		return aResult;
 	}
 
-	function getGroupHeader(oHeader) {
-		var oResult = oHeader.getTitle();
-		if (!oResult) {
-			oResult = oHeader.getToolbar();
-		}
-		return oResult;
+	function getGroupHeader(oElement) {
+		return oElement.getTitle() || oElement.getToolbar();
 	}
 
 	function moveFormContainer(oSimpleForm, mMovedElement, mPropertyBag) {
@@ -465,18 +461,18 @@ sap.ui.define([
 	};
 
 	MoveSimpleForm.getChangeVisualizationInfo = function(oChange, oAppComponent) {
-		var oSourceParentContainer;
-		var oTargetParentContainer;
+		var oSourceContainer;
+		var oTargetContainer;
 		var oMovedElement = oChange.getContent().movedElements[0];
 		var oGroupSelector = oMovedElement.source.groupSelector;
 		var oAffectedControlSelector = JsControlTreeModifier.bySelector(oMovedElement.elementSelector, oAppComponent).getParent().getId();
 		if (oChange.getChangeType() === MoveSimpleForm.CHANGE_TYPE_MOVE_FIELD) {
-			var oSourceParentTitleElement = JsControlTreeModifier.bySelector(oMovedElement.source.groupSelector, oAppComponent);
-			var oTargetParentTitleElement = JsControlTreeModifier.bySelector(oMovedElement.target.groupSelector, oAppComponent);
-			oSourceParentContainer = oSourceParentTitleElement ? oSourceParentTitleElement.getParent().getId() : null;
-			oTargetParentContainer = oTargetParentTitleElement ? oTargetParentTitleElement.getParent().getId() : null;
+			var oSourceTitleElement = JsControlTreeModifier.bySelector(oMovedElement.source.groupSelector, oAppComponent);
+			var oTargetTitleElement = JsControlTreeModifier.bySelector(oMovedElement.target.groupSelector, oAppComponent);
+			oSourceContainer = oSourceTitleElement ? oSourceTitleElement.getParent().getId() : null;
+			oTargetContainer = oTargetTitleElement ? oTargetTitleElement.getParent().getId() : null;
 			oGroupSelector = {
-				id: oSourceParentContainer
+				id: oSourceContainer
 			};
 		}
 		return {
@@ -486,9 +482,10 @@ sap.ui.define([
 					? oGroupSelector
 					: oChange.getContent().targetSelector
 			],
-			payload: {
-				sourceParentContainer: oSourceParentContainer,
-				targetParentContainer: oTargetParentContainer
+			updateRequired: true,
+			descriptionPayload: {
+				sourceContainer: oSourceContainer,
+				targetContainer: oTargetContainer
 			}
 		};
 	};

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

@@ -14,7 +14,7 @@ sap.ui.define([
 	 *
 	 * @alias sap.ui.layout.changeHandler.RenameFormContainer
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 * @since 1.48
 	 * @private
 	 * @experimental Since 1.48. This class is experimental and provides only limited functionality. Also the API might be changed in future.

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

@@ -18,7 +18,7 @@ sap.ui.define([
 	 *
 	 * @alias sap.ui.layout.changeHandler.RenameForm
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 * @since 1.40
 	 * @private
 	 * @experimental Since 1.40. This class is experimental and provides only limited functionality. Also the API might be changed in future.
@@ -135,10 +135,12 @@ sap.ui.define([
 
 	RenameForm.getChangeVisualizationInfo = function(oChange, oAppComponent) {
 		var oElementSelector = oChange.getContent().elementSelector;
-		var oAffectedControlSelector = JsControlTreeModifier.bySelector(oElementSelector, oAppComponent).getParent().getId();
+		var sAffectedControlId = JsControlTreeModifier.bySelector(oElementSelector, oAppComponent).getParent().getId();
+
 		return {
-			affectedControls: [oAffectedControlSelector],
-			payload: {
+			affectedControls: [sAffectedControlId],
+			updateRequired: true,
+			descriptionPayload: {
 				originalLabel: oChange.getRevertData(),
 				newLabel:  oChange.getTexts().formText.value
 			}

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

@@ -13,7 +13,7 @@ sap.ui.define([
 	 * Change handler for hiding of a control.
 	 * @alias sap.ui.fl.changeHandler.HideControl
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 * @experimental Since 1.27.0
 	 */
 	var UnhideForm = { };
@@ -157,7 +157,8 @@ sap.ui.define([
 
 	UnhideForm.getChangeVisualizationInfo = function(oChange, oAppComponent) {
 		return {
-			affectedControls: [JsControlTreeModifier.bySelector(oChange.getContent().elementSelector, oAppComponent).getParent().getId()]
+			affectedControls: [JsControlTreeModifier.bySelector(oChange.getContent().elementSelector, oAppComponent).getParent().getId()],
+			updateRequired: true
 		};
 	};
 

package/src/sap/ui/layout/cssgrid/CSSGrid.js

@@ -96,7 +96,7 @@ sap.ui.define([
 	 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout MDN web docs: CSS Grid Layout}
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @extends sap.ui.core.Control
 	 * @implements sap.ui.layout.cssgrid.IGridConfigurable
@@ -105,7 +105,6 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.layout.cssgrid.CSSGrid
-	 * @ui5-metamodel This control/element will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var CSSGrid = Control.extend("sap.ui.layout.cssgrid.CSSGrid", {
 		metadata: {

package/src/sap/ui/layout/cssgrid/GridBasicLayout.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * Applies a sap.ui.layout.cssgrid.GridSettings to a provided DOM element or Control.
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @extends sap.ui.layout.cssgrid.GridLayoutBase
 	 *
@@ -29,7 +29,6 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.layout.cssgrid.GridBasicLayout
-	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var GridBasicLayout = GridLayoutBase.extend("sap.ui.layout.cssgrid.GridBasicLayout", {
 		metadata: {

package/src/sap/ui/layout/cssgrid/GridBoxLayout.js

@@ -48,7 +48,7 @@ sap.ui.define([
 	 * Applies a sap.ui.layout.cssgrid.GridSettings to a provided DOM element or Control.
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @extends sap.ui.layout.cssgrid.GridLayoutBase
 	 *
@@ -56,7 +56,6 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.layout.cssgrid.GridBoxLayout
-	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var GridBoxLayout = GridLayoutBase.extend("sap.ui.layout.cssgrid.GridBoxLayout", {
 		metadata: {

package/src/sap/ui/layout/cssgrid/GridItemLayoutData.js

@@ -29,12 +29,11 @@ sap.ui.define([
 	 * Holds layout data for a grid item.
 	 *
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.layout.cssgrid.GridItemLayoutData
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var GridItemLayoutData = LayoutData.extend("sap.ui.layout.cssgrid.GridItemLayoutData", { metadata: {
 		library: "sap.ui.layout",

package/src/sap/ui/layout/cssgrid/GridLayoutBase.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * Applies a sap.ui.layout.cssgrid.GridSettings to a provided DOM element or Control.
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *
@@ -45,7 +45,6 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.layout.cssgrid.GridLayoutBase
-	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var GridLayoutBase = ManagedObject.extend("sap.ui.layout.cssgrid.GridLayoutBase", {
 		metadata: {

package/src/sap/ui/layout/cssgrid/GridLayoutDelegate.js

@@ -20,7 +20,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.base.Object
 	 *
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 * @alias sap.ui.layout.cssgrid.GridLayoutDelegate
 	 * @public
 	 */

package/src/sap/ui/layout/cssgrid/GridResponsiveLayout.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * Have to possibility to hold multiple sap.ui.layout.cssgrid.GridSettings and apply the currently active GridSettings.
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @extends sap.ui.layout.cssgrid.GridLayoutBase
 	 *
@@ -29,7 +29,6 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.layout.cssgrid.GridResponsiveLayout
-	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var GridResponsiveLayout = GridLayoutBase.extend("sap.ui.layout.cssgrid.GridResponsiveLayout", {
 		metadata: {

package/src/sap/ui/layout/cssgrid/GridSettings.js

@@ -20,7 +20,7 @@ sap.ui.define([
 	 * Holds a set of CSS display:grid properties
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *
@@ -28,7 +28,6 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.layout.cssgrid.GridSettings
-	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var GridSettings = ManagedObject.extend("sap.ui.layout.cssgrid.GridSettings", {
 		metadata: {

package/src/sap/ui/layout/cssgrid/ResponsiveColumnItemLayoutData.js

@@ -20,13 +20,12 @@ sap.ui.define([
 	 * Holds layout data for an item inside a responsive column layout.
 	 *
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @since 1.72
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.layout.cssgrid.ResponsiveColumnItemLayoutData
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var ResponsiveColumnItemLayoutData = LayoutData.extend("sap.ui.layout.cssgrid.ResponsiveColumnItemLayoutData", { metadata: {
 		library: "sap.ui.layout",

package/src/sap/ui/layout/cssgrid/ResponsiveColumnLayout.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * Grid row's height is dynamically determined by the height of the highest grid element on this row.
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @extends sap.ui.layout.cssgrid.GridLayoutBase
 	 *
@@ -41,7 +41,6 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.layout.cssgrid.ResponsiveColumnLayout
-	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var ResponsiveColumnLayout = GridLayoutBase.extend("sap.ui.layout.cssgrid.ResponsiveColumnLayout", {
 		metadata: {

package/src/sap/ui/layout/form/ColumnContainerData.js

@@ -26,13 +26,12 @@ sap.ui.define([
 	 * @extends sap.ui.core.LayoutData
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.56.0
 	 * @alias sap.ui.layout.form.ColumnContainerData
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var ColumnContainerData = LayoutData.extend("sap.ui.layout.form.ColumnContainerData", /** @lends sap.ui.layout.form.ColumnContainerData.prototype */ { metadata : {
 

package/src/sap/ui/layout/form/ColumnElementData.js

@@ -26,13 +26,12 @@ sap.ui.define([
 	 * @extends sap.ui.core.LayoutData
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.56.0
 	 * @alias sap.ui.layout.form.ColumnElementData
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var ColumnElementData = LayoutData.extend("sap.ui.layout.form.ColumnElementData", /** @lends sap.ui.layout.form.ColumnElementData.prototype */ { metadata : {
 

package/src/sap/ui/layout/form/ColumnLayout.js

@@ -60,50 +60,53 @@ sap.ui.define([
 	 * This control cannot be used stand-alone, it just renders a <code>Form</code> control,
 	 * so it must be assigned to a <code>Form</code> control using the <code>layout</code> aggregation.
 	 * @extends sap.ui.layout.form.FormLayout
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.56.0
 	 * @alias sap.ui.layout.form.ColumnLayout
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var ColumnLayout = FormLayout.extend("sap.ui.layout.form.ColumnLayout", /** @lends sap.ui.layout.form.ColumnLayout.prototype */ { metadata : {
-
-		library : "sap.ui.layout",
-		properties : {
-
-			/**
-			 * Number of columns for extra-large size.
-			 *
-			 * The number of columns for extra-large size must not be smaller than the number of columns for large size.
-			 */
-			columnsXL : {type : "sap.ui.layout.form.ColumnsXL", group : "Appearance", defaultValue : 2},
-
-			/**
-			 * Number of columns for large size.
-			 *
-			 * The number of columns for large size must not be smaller than the number of columns for medium size.
-			 */
-			columnsL : {type : "sap.ui.layout.form.ColumnsL", group : "Appearance", defaultValue : 2},
-
-			/**
-			 * Number of columns for medium size.
-			 */
-			columnsM : {type : "sap.ui.layout.form.ColumnsM", group : "Appearance", defaultValue : 1},
-
-			/**
-			 * Defines how many cells a label uses if the column is large.
-			 */
-			labelCellsLarge : {type : "sap.ui.layout.form.ColumnCells", group : "Appearance", defaultValue : 4},
-
-			/**
-			 * Defines how many cells are empty at the end of a row.
-			 * This could be used to keep the fields small on large screens.
-			 */
-			emptyCellsLarge : {type : "sap.ui.layout.form.EmptyCells", group : "Appearance", defaultValue : 0}
-		}
-	}});
+	var ColumnLayout = FormLayout.extend("sap.ui.layout.form.ColumnLayout", /** @lends sap.ui.layout.form.ColumnLayout.prototype */ {
+		metadata : {
+
+			library : "sap.ui.layout",
+			properties : {
+
+				/**
+				 * Number of columns for extra-large size.
+				 *
+				 * The number of columns for extra-large size must not be smaller than the number of columns for large size.
+				 */
+				columnsXL : {type : "sap.ui.layout.form.ColumnsXL", group : "Appearance", defaultValue : 2},
+
+				/**
+				 * Number of columns for large size.
+				 *
+				 * The number of columns for large size must not be smaller than the number of columns for medium size.
+				 */
+				columnsL : {type : "sap.ui.layout.form.ColumnsL", group : "Appearance", defaultValue : 2},
+
+				/**
+				 * Number of columns for medium size.
+				 */
+				columnsM : {type : "sap.ui.layout.form.ColumnsM", group : "Appearance", defaultValue : 1},
+
+				/**
+				 * Defines how many cells a label uses if the column is large.
+				 */
+				labelCellsLarge : {type : "sap.ui.layout.form.ColumnCells", group : "Appearance", defaultValue : 4},
+
+				/**
+				 * Defines how many cells are empty at the end of a row.
+				 * This could be used to keep the fields small on large screens.
+				 */
+				emptyCellsLarge : {type : "sap.ui.layout.form.EmptyCells", group : "Appearance", defaultValue : 0}
+			}
+		},
+
+		renderer: ColumnLayoutRenderer
+	});
 
 	/* eslint-disable no-lonely-if */
 

package/src/sap/ui/layout/form/Form.js

@@ -44,89 +44,92 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.16.0
 	 * @alias sap.ui.layout.form.Form
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var Form = Control.extend("sap.ui.layout.form.Form", /** @lends sap.ui.layout.form.Form.prototype */ { metadata : {
-
-		library : "sap.ui.layout",
-		properties : {
-
-			/**
-			 * Width of the <code>Form</code>.
-			 */
-			width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
-
-			/**
-			 * Applies a device-specific and theme-specific line height and label alignment to the form rows if the form has editable content.
-			 * If set, all (not only the editable) rows of the form will get the line height of editable fields.
-			 *
-			 * The labels inside the form will be rendered by default in the according mode.
-			 *
-			 * <b>Note:</b> The setting of this property does not change the content of the form.
-			 * For example, <code>Input</code> controls in a form with <code>editable</code> set to false are still editable.
-			 *
-			 * <b>Warning:</b> If this property is wrongly set, this might lead to visual issues.
-			 * The labels and fields might be misaligned, the labels might be rendered in the wrong mode,
-			 * and the spacing between the single controls might be wrong.
-			 * Also, controls that do not fit the mode might be rendered incorrectly.
-			 * @since 1.20.0
-			 */
-			editable : {type : "boolean", group : "Misc", defaultValue : false}
+	var Form = Control.extend("sap.ui.layout.form.Form", /** @lends sap.ui.layout.form.Form.prototype */ {
+		metadata : {
+
+			library : "sap.ui.layout",
+			properties : {
+
+				/**
+				 * Width of the <code>Form</code>.
+				 */
+				width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
+
+				/**
+				 * Applies a device-specific and theme-specific line height and label alignment to the form rows if the form has editable content.
+				 * If set, all (not only the editable) rows of the form will get the line height of editable fields.
+				 *
+				 * The labels inside the form will be rendered by default in the according mode.
+				 *
+				 * <b>Note:</b> The setting of this property does not change the content of the form.
+				 * For example, <code>Input</code> controls in a form with <code>editable</code> set to false are still editable.
+				 *
+				 * <b>Warning:</b> If this property is wrongly set, this might lead to visual issues.
+				 * The labels and fields might be misaligned, the labels might be rendered in the wrong mode,
+				 * and the spacing between the single controls might be wrong.
+				 * Also, controls that do not fit the mode might be rendered incorrectly.
+				 * @since 1.20.0
+				 */
+				editable : {type : "boolean", group : "Misc", defaultValue : false}
+			},
+			defaultAggregation : "formContainers",
+			aggregations : {
+
+				/**
+				 * Containers with the content of the form. A <code>FormContainer</code> represents a group inside the <code>Form</code>.
+				 */
+				formContainers : {type : "sap.ui.layout.form.FormContainer", multiple : true, singularName : "formContainer"},
+
+				/**
+				 * Title of the <code>Form</code>. Can either be a <code>Title</code> element or a string.
+				 * If a <code>Title</code> element it used, the style of the title can be set.
+				 *
+				 * <b>Note:</b> If a <code>Toolbar</code> is used, the <code>Title</code> is ignored.
+				 *
+				 * <b>Note:</b> If the title is provided as a string, the title is rendered with a theme-dependent default level.
+				 * As the <code>Form</code> control cannot know the structure of the page, this might not fit the page structure.
+				 * In this case provide the title using a <code>Title</code> element and set its {@link sap.ui.core.Title#setLevel level} to the needed value.
+				 */
+				title : {type : "sap.ui.core.Title", altTypes : ["string"], multiple : false},
+
+				/**
+				 * Toolbar of the <code>Form</code>.
+				 *
+				 * <b>Note:</b> If a <code>Toolbar</code> is used, the <code>Title</code> is ignored.
+				 * If a title is needed inside the <code>Toolbar</code> it must be added at content to the <code>Toolbar</code>.
+				 * In this case add the <code>Title</code> to the <code>ariaLabelledBy</code> association.
+				 * Use the right title level to meet the visual requirements. This might be theme-dependent.
+				 * @since 1.36.0
+				 */
+				toolbar : {type : "sap.ui.core.Toolbar", multiple : false},
+
+				/**
+				 * Layout of the <code>Form</code>. The assigned <code>Layout</code> renders the <code>Form</code>.
+				 * We recommend using the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} for rendering a <code>Form</code>,
+				 * as its responsiveness allows the available space to be used in the best way possible.
+				 */
+				layout : {type : "sap.ui.layout.form.FormLayout", multiple : false}
+			},
+			associations: {
+
+				/**
+				 * Association to controls / IDs that label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).
+				 * @since 1.28.0
+				 */
+				ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
+			},
+			designtime: "sap/ui/layout/designtime/form/Form.designtime"
 		},
-		defaultAggregation : "formContainers",
-		aggregations : {
-
-			/**
-			 * Containers with the content of the form. A <code>FormContainer</code> represents a group inside the <code>Form</code>.
-			 */
-			formContainers : {type : "sap.ui.layout.form.FormContainer", multiple : true, singularName : "formContainer"},
-
-			/**
-			 * Title of the <code>Form</code>. Can either be a <code>Title</code> element or a string.
-			 * If a <code>Title</code> element it used, the style of the title can be set.
-			 *
-			 * <b>Note:</b> If a <code>Toolbar</code> is used, the <code>Title</code> is ignored.
-			 *
-			 * <b>Note:</b> If the title is provided as a string, the title is rendered with a theme-dependent default level.
-			 * As the <code>Form</code> control cannot know the structure of the page, this might not fit the page structure.
-			 * In this case provide the title using a <code>Title</code> element and set its {@link sap.ui.core.Title#setLevel level} to the needed value.
-			 */
-			title : {type : "sap.ui.core.Title", altTypes : ["string"], multiple : false},
-
-			/**
-			 * Toolbar of the <code>Form</code>.
-			 *
-			 * <b>Note:</b> If a <code>Toolbar</code> is used, the <code>Title</code> is ignored.
-			 * If a title is needed inside the <code>Toolbar</code> it must be added at content to the <code>Toolbar</code>.
-			 * In this case add the <code>Title</code> to the <code>ariaLabelledBy</code> association.
-			 * Use the right title level to meet the visual requirements. This might be theme-dependent.
-			 * @since 1.36.0
-			 */
-			toolbar : {type : "sap.ui.core.Toolbar", multiple : false},
-
-			/**
-			 * Layout of the <code>Form</code>. The assigned <code>Layout</code> renders the <code>Form</code>.
-			 * We recommend using the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} for rendering a <code>Form</code>,
-			 * as its responsiveness allows the available space to be used in the best way possible.
-			 */
-			layout : {type : "sap.ui.layout.form.FormLayout", multiple : false}
-		},
-		associations: {
 
-			/**
-			 * Association to controls / IDs that label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).
-			 * @since 1.28.0
-			 */
-			ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
-		},
-		designtime: "sap/ui/layout/designtime/form/Form.designtime"
-	}});
+		renderer: FormRenderer
+	});
 
 	Form.prototype.init = function(){
 

package/src/sap/ui/layout/form/FormContainer.js

@@ -28,13 +28,12 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.16.0
 	 * @alias sap.ui.layout.form.FormContainer
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var FormContainer = Element.extend("sap.ui.layout.form.FormContainer", /** @lends sap.ui.layout.form.FormContainer.prototype */ { metadata : {