@openui5/sap.ui.layout 1.106.0 → 1.107.0

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.106.0
+	 * @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.106.0
+	 * @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.106.0
+	 * @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.106.0
+	 * @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.106.0
+	 * @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.106.0
+	 * @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.106.0
+	 * @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.106.0
+	 * @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.106.0
+	 * @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.106.0
+	 * @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.106.0
+	 * @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 : {
 

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

@@ -26,13 +26,12 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.16.0
 	 * @alias sap.ui.layout.form.FormElement
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var FormElement = Element.extend("sap.ui.layout.form.FormElement", /** @lends sap.ui.layout.form.FormElement.prototype */ { metadata : {
 
@@ -209,7 +208,6 @@ sap.ui.define([
 	 *
 	 * @returns {sap.ui.core.Label} <code>Label</code> control used to render the label
 	 * @public
-	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	FormElement.prototype.getLabelControl = function() {
 

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

@@ -11,11 +11,12 @@ sap.ui.define([
 	'./FormLayoutRenderer',
 	'sap/ui/core/theming/Parameters',
 	'sap/ui/thirdparty/jquery',
+	"sap/ui/core/Configuration",
 	// jQuery custom selectors ":sapFocusable"
 	'sap/ui/dom/jquery/Selectors',
 	// jQuery Plugin "control"
 	'sap/ui/dom/jquery/control'
-], function(Control, library, FormLayoutRenderer, Parameters, jQuery) {
+], function(Control, library, FormLayoutRenderer, Parameters, jQuery, Configuration) {
 	"use strict";
 
 	// shortcut for sap.ui.layout.BackgroundDesign
@@ -36,28 +37,31 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.16.0
 	 * @alias sap.ui.layout.form.FormLayout
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var FormLayout = Control.extend("sap.ui.layout.form.FormLayout", /** @lends sap.ui.layout.form.FormLayout.prototype */ { metadata : {
+	var FormLayout = Control.extend("sap.ui.layout.form.FormLayout", /** @lends sap.ui.layout.form.FormLayout.prototype */ {
+		metadata : {
 
-		library : "sap.ui.layout",
-		properties : {
-			/**
-			 * Specifies the background color of the <code>Form</code> content.
-			 *
-			 * <b>Note:</b> The visualization of the different options depends on the theme used.
-			 *
-			 * @since 1.36.0
-			 */
-			backgroundDesign : {type : "sap.ui.layout.BackgroundDesign", group : "Appearance", defaultValue : BackgroundDesign.Translucent}
-		}
-	}});
+			library : "sap.ui.layout",
+			properties : {
+				/**
+				 * Specifies the background color of the <code>Form</code> content.
+				 *
+				 * <b>Note:</b> The visualization of the different options depends on the theme used.
+				 *
+				 * @since 1.36.0
+				 */
+				backgroundDesign : {type : "sap.ui.layout.BackgroundDesign", group : "Appearance", defaultValue : BackgroundDesign.Translucent}
+			}
+		},
+
+		renderer: FormLayoutRenderer
+	});
 
 	/* eslint-disable no-lonely-if */
 
@@ -143,7 +147,7 @@ sap.ui.define([
 	FormLayout.prototype.onsapright = function(oEvent){
 
 		if (library.form.FormHelper.bArrowKeySupport) {
-			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
+			var bRtl = Configuration.getRTL();
 
 			if (!bRtl) {
 				this.navigateForward(oEvent);
@@ -157,7 +161,7 @@ sap.ui.define([
 	FormLayout.prototype.onsapleft = function(oEvent){
 
 		if (library.form.FormHelper.bArrowKeySupport) {
-			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
+			var bRtl = Configuration.getRTL();
 
 			if (!bRtl) {
 				this.navigateBack(oEvent);

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

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

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

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

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

@@ -28,7 +28,7 @@ sap.ui.define(['sap/ui/layout/library', './FormLayout', './GridLayoutRenderer'],
 	 * @extends sap.ui.layout.form.FormLayout
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
@@ -37,22 +37,25 @@ sap.ui.define(['sap/ui/layout/library', './FormLayout', './GridLayoutRenderer'],
 	 * as <code>sap.ui.commons</code> library is deprecated and the <code>GridLayout</code> must not be used in responsive applications.
 	 * Please use <code>ResponsiveGridLayout</code> or <code>ColumnLayout</code> instead.
 	 * @alias sap.ui.layout.form.GridLayout
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var GridLayout = FormLayout.extend("sap.ui.layout.form.GridLayout", /** @lends sap.ui.layout.form.GridLayout.prototype */ { metadata : {
-
-		library : "sap.ui.layout",
-		deprecated: true,
-		properties : {
-
-			/**
-			 * If set, the grid renders only one <code>FormContainer</code> per column. That means one <code>FormContainer</code> is below the other. The whole grid has 8 cells per row.
-			 *
-			 * If not set, <code>FormContainer</code> can use the full width of the grid or two <code>FormContainers</code> can be placed beside each other. In this case the whole grid has 16 cells per row.
-			 */
-			singleColumn : {type : "boolean", group : "Misc", defaultValue : false}
-		}
-	}});
+	var GridLayout = FormLayout.extend("sap.ui.layout.form.GridLayout", /** @lends sap.ui.layout.form.GridLayout.prototype */ {
+		metadata : {
+
+			library : "sap.ui.layout",
+			deprecated: true,
+			properties : {
+
+				/**
+				 * If set, the grid renders only one <code>FormContainer</code> per column. That means one <code>FormContainer</code> is below the other. The whole grid has 8 cells per row.
+				 *
+				 * If not set, <code>FormContainer</code> can use the full width of the grid or two <code>FormContainers</code> can be placed beside each other. In this case the whole grid has 16 cells per row.
+				 */
+				singleColumn : {type : "boolean", group : "Misc", defaultValue : false}
+			}
+		},
+
+		renderer: GridLayoutRenderer
+	});
 
 	GridLayout.prototype.toggleContainerExpanded = function(oContainer){