@openui5/sap.ui.layout - npm Package Compare versions

Comparing version 1.60.1 to 1.60.2

package.json

 {
   "name": "@openui5/sap.ui.layout",
-  "version": "1.60.1",
+  "version": "1.60.2",
   "description": "OpenUI5 UI Library sap.ui.layout",
@@ -17,4 +17,4 @@ "author": "SAP SE (https://www.sap.com)",
   "dependencies": {
-    "@openui5/sap.ui.core": "1.60.1"
+    "@openui5/sap.ui.core": "1.60.2"
   }
 }

src/sap/ui/layout/AlignedFlowLayout.js

@@ -33,3 +33,3 @@ /*!
 		 * @author SAP SE
-		 * @version 1.60.1
+		 * @version 1.60.2
 		 *
@@ -36,0 +36,0 @@ * @constructor

src/sap/ui/layout/AssociativeSplitter.js

@@ -23,3 +23,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -26,0 +26,0 @@ * @constructor

src/sap/ui/layout/BlockLayout.js

@@ -66,3 +66,3 @@ /*!
 		 * @author SAP SE
-		 * @version 1.60.1
+		 * @version 1.60.2
 		 *
@@ -69,0 +69,0 @@ * @constructor

src/sap/ui/layout/BlockLayoutCell.js

@@ -29,3 +29,3 @@ /*!
 		 * @author SAP SE
-		 * @version 1.60.1
+		 * @version 1.60.2
 		 *
@@ -32,0 +32,0 @@ * @constructor

src/sap/ui/layout/BlockLayoutCellData.js

@@ -21,3 +21,3 @@ /*!
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 * @constructor
@@ -24,0 +24,0 @@ * @public

src/sap/ui/layout/BlockLayoutRow.js

@@ -39,3 +39,3 @@ /*!
 		 * @author SAP SE
-		 * @version 1.60.1
+		 * @version 1.60.2
 		 *
@@ -42,0 +42,0 @@ * @constructor

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

@@ -19,3 +19,3 @@ /*!
 		 * @author SAP SE
-		 * @version 1.60.1
+		 * @version 1.60.2
 		 * @experimental Since 1.48.0
@@ -22,0 +22,0 @@ */

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

@@ -23,3 +23,3 @@ /*!
 		 *
-		 * @version 1.60.1
+		 * @version 1.60.2
 		 *
@@ -26,0 +26,0 @@ * @experimental Since 1.50.0 This class is experimental and provides only limited functionality. Also the API might be

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

@@ -22,3 +22,3 @@ /*!
 	 *
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -25,0 +25,0 @@ * @experimental Since 1.49.0 This class is experimental and provides only limited functionality. Also the API might be

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

@@ -16,3 +16,3 @@ /*!
 		 * @author SAP SE
-		 * @version 1.60.1
+		 * @version 1.60.2
 		 * @experimental Since 1.27.0
@@ -19,0 +19,0 @@ */

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

@@ -14,3 +14,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 * @experimental Since 1.27.0
@@ -17,0 +17,0 @@ */

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

@@ -21,3 +21,3 @@ /*!
 			 * @author SAP SE
-			 * @version 1.60.1
+			 * @version 1.60.2
 			 * @experimental Since 1.34.0
@@ -24,0 +24,0 @@ */

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

@@ -19,3 +19,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 * @since 1.48
@@ -22,0 +22,0 @@ * @private

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

@@ -24,3 +24,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 * @since 1.40
@@ -27,0 +27,0 @@ * @private

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

@@ -16,3 +16,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 * @experimental Since 1.27.0
@@ -19,0 +19,0 @@ */

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

@@ -25,5 +25,78 @@ /*!
 	 * @class
+	 * A layout control, used to create full page layouts or user interface elements.
 	 *
+	 * <h3>Overview</h3>
+	 *
+	 * A two-dimensional layout control based on the native-browser CSS display grid which can handle both columns and rows.
+	 * The control can be used along with {@link sap.m.FlexBox} which is the one-dimensional alternative for layouting.
+	 *
+	 * With properties it is possible to define:
+	 * <ul>
+	 * <li>columns, rows and their sizes in the grid</li>
+	 * <li>vertical and horizontal gaps between the grid items</li>
+	 * <li>the flow algorithm when new items are added in the grid</li>
+	 * </ul>
+	 *
+	 * The dimensions of the grid items are defined on a <code>CSSGrid</code> level. Every item can override its size by
+	 * specifying how many columns and/or rows it will take in the <code>CSSGrid</code>. Every item can override its position
+	 * by specifying from which column and/or row it will start. The configuration of a single item is done
+	 * with {@link sap.ui.layout.cssgrid.GridItemLayoutData GridItemLayoutData}.
+	 *
+	 * <h3>Terminology</h3>
+	 * <ul>
+	 * <li>Grid - The container which has all grid settings</li>
+	 * <li>Gutters - The gap between the rows and columns</li>
+	 * <li>Grid areas - Items that take more than one row and/or column</li>
+	 * <li>Grid cells - The items of the Grid</li>
+	 * <li>Grid lines - The lines around and between the rows and columns</li>
+	 * <li>Grid tracks - The space between any two lines in the grid</li>
+	 * <li>"fr" Unit - A special grid unit (short from "fraction") which represents a fraction of the available space in the grid</li>
+	 * <li>Implicit and Explicit grid - Explicit grid consists of rows and columns defined with <code>gridTemplateColumns</code> and <code>gridTemplateRows</code>. The grid
+	 * also creates rows and columns on its own when needed. Their dimensions are defined with <code>gridAutoColumns</code> and <code>gridAutoRows</code>.</li>
+	 * </ul>
+	 *
+	 * <h3>Structure</h3>
+	 * The <code>CSSGrid</code> has the following elements:
+	 * <ul>
+	 * <li><code>items</code> - The items of the <code>CSSGrid</code></li>
+	 * <li><code>customLayout</code> - An aggregation used to pass the <code>CSSGrid</code> configuration. Used for templating.</li>
+	 * </ul>
+	 *
+	 * <h3>Usage</h3>
+	 *
+	 * For general cases, use the <code>CSSGrid</code> properties to configure how the layout should look.
+	 * For Box case (equal sized items), use <code>customLayout</code> aggregation with {@link sap.ui.layout.cssgrid.GridBoxLayout GridBoxLayout}
+	 * For Grids which need different configurations based on available width, use <code>customLayout</code> aggregation with {@link sap.ui.layout.cssgrid.GridResponsiveLayout GridResponsiveLayout}
+	 * To set a specific position to an item or define its dimensions in the grid, pass <code>layoutData</code> of type {@link sap.ui.layout.cssgrid.GridItemLayoutData GridItemLayoutData}
+	 *
+	 * <i>When to use</i>
+	 * <ul>
+	 * <li>If a two-dimensional layout configuration is needed (both columns and rows are defined)</li>
+	 * </ul>
+	 *
+	 * <i>When not to use</i>
+	 * <ul>
+	 * <li>If the layout needs to be defined only by one dimension (either column or row, not both). Use {@link sap.m.FlexBox FlexBox} instead.</li>
+	 * </ul>
+	 *
+	 * <h3>Responsive behavior</h3>
+	 * <ul>
+	 * <li>Fully configurable by the developer. It is possible to create a "breathing" columns layout which means columns width will grow/shrink depending on grid size.</li>
+	 * <li>It is possible to pass a {@link sap.ui.layout.cssgrid.GridResponsiveLayout GridResponsiveLayout} to the <code>customLayout</code> aggregation of
+	 * the <code>CSSGrid</code> and configure how it will look in different breakpoints (S, M, L, XL).</li>
+	 * </ul>
+	 *
+	 * <h3>Current Limitations</h3>
+	 * <ul>
+	 * <li>No support for IE11.</li>
+	 * <li>No support for Edge version 15.</li>
+	 * <li>No alignment and ordering</li>
+	 * <li>No Named grid areas and lines</li>
+	 * </ul>
+	 *
+	 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
+	 * @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.60.1
+	 * @version 1.60.2
 	 *
@@ -35,5 +108,5 @@ * @extends sap.ui.core.Control
 	 * @constructor
-	 * @private
+	 * @public
 	 * @alias sap.ui.layout.cssgrid.CSSGrid
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
+	 * @ui5-metamodel This control/element will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -52,4 +125,5 @@ var CSSGrid = Control.extend("sap.ui.layout.cssgrid.CSSGrid", { metadata: {
 			/**
-			 * Sets the value for the CSS display:grid property grid-template-columns
-			 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns}
+			 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
+			 *
+			 * <b>Note:</b> Not supported in IE11, Edge 15.
 			 */
@@ -59,4 +133,5 @@ gridTemplateColumns: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 			/**
-			 * Sets the value for the CSS display:grid property grid-template-rows
-			 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows}
+			 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
+			 *
+			 * <b>Note:</b> Not supported in IE11, Edge 15.
 			 */
@@ -66,4 +141,5 @@ gridTemplateRows: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 			/**
-			 * Sets the value for the CSS display:grid property grid-row-gap
-			 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap}
+			 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
+			 *
+			 * <b>Note:</b> Not supported in IE11, Edge 15.
 			 */
@@ -73,4 +149,5 @@ gridRowGap: { type: "sap.ui.core.CSSSize", defaultValue: "" },
 			/**
-			 * Sets the value for the CSS display:grid property grid-column-gap
-			 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap}
+			 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
+			 *
+			 * <b>Note:</b> Not supported in IE11, Edge 15.
 			 */
@@ -80,4 +157,5 @@ gridColumnGap: { type: "sap.ui.core.CSSSize", defaultValue: "" },
 			/**
-			 * Sets the value for the CSS display:grid property grid-gap
-			 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap}
+			 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap}
+			 *
+			 * <b>Note:</b> Not supported in IE11, Edge 15.
 			 */
@@ -87,4 +165,5 @@ gridGap: { type: "sap.ui.layout.cssgrid.CSSGridGapShortHand", defaultValue: "" },
 			/**
-			 * Sets the value for the CSS display:grid property grid-auto-rows
-			 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows}
+			 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
+			 *
+			 * <b>Note:</b> Not supported in IE11, Edge 15.
 			 */
@@ -94,4 +173,5 @@ gridAutoRows: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 			/**
-			 * Sets the value for the CSS display:grid property grid-auto-columns
-			 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns}
+			 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
+			 *
+			 * <b>Note:</b> Not supported in IE11, Edge 15.
 			 */
@@ -101,4 +181,5 @@ gridAutoColumns: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 			/**
-			 * Sets the value for the CSS display:grid property grid-auto-flow
-			 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow}
+			 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
+			 *
+			 * <b>Note:</b> Not supported in IE11, Edge 15.
 			 */
@@ -110,3 +191,3 @@ gridAutoFlow: { type: "sap.ui.layout.cssgrid.CSSGridAutoFlow", defaultValue: "Row" }
 			/**
-			 * Defines a custom Grid layout for the control. If provided it will override all of the grid properties.
+			 * Defines a custom Grid layout for the control. If provided, it will override all of the grid properties.
 			 */
@@ -116,3 +197,3 @@ customLayout: { type: "sap.ui.layout.cssgrid.GridLayoutBase", multiple: false },
 			/**
-			 * The items contained by the control
+			 * The items contained by the control.
 			 */
@@ -124,2 +205,19 @@ items: { type: "sap.ui.core.Control", multiple: true, singularName: "item" }
 	/**
+	 * Sets the width of the grid.
+	 * @param {sap.ui.core.CSSSize} sWidth The width of the Grid as CSS size.
+	 * @returns {sap.ui.layout.cssgrid.CSSGrid} Pointer to the control instance to allow method chaining.
+	 * @public
+	 */
+	CSSGrid.prototype.setWidth = function (sWidth) {
+		this.setProperty("width", sWidth, true);
+
+		var oDomRef = this.getDomRef();
+		if (oDomRef) {
+			oDomRef.style.width = sWidth;
+		}
+
+		return this;
+	};
+
+	/**
 	 * =================== START of IGridConfigurable interface implementation ===================
@@ -126,0 +224,0 @@ */

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

@@ -24,3 +24,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -33,2 +33,3 @@ * @extends sap.ui.base.GridLayoutBase
 	 * @alias sap.ui.layout.cssgrid.GridBasicLayout
+	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -41,4 +42,5 @@ var GridBasicLayout = GridLayoutBase.extend("sap.ui.layout.cssgrid.GridBasicLayout", {
 				/**
-				 * Sets the value for the CSS display:grid property grid-template-columns
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -48,4 +50,5 @@ gridTemplateColumns: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-template-rows
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -55,4 +58,5 @@ gridTemplateRows: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-row-gap
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -62,4 +66,5 @@ gridRowGap: { type: "sap.ui.core.CSSSize", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-column-gap
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -69,4 +74,5 @@ gridColumnGap: { type: "sap.ui.core.CSSSize", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-gap
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -76,4 +82,5 @@ gridGap: { type: "sap.ui.layout.cssgrid.CSSGridGapShortHand", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-auto-rows
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -83,4 +90,5 @@ gridAutoRows: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-auto-columns
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -90,4 +98,5 @@ gridAutoColumns: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-auto-flow
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -94,0 +103,0 @@ gridAutoFlow: { type: "sap.ui.layout.cssgrid.CSSGridAutoFlow", defaultValue: "Row" }

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

@@ -23,3 +23,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -32,2 +32,3 @@ * @extends sap.ui.base.GridLayoutBase
 	 * @alias sap.ui.layout.cssgrid.GridBoxLayout
+	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -34,0 +35,0 @@ var GridBoxLayout = GridLayoutBase.extend("sap.ui.layout.cssgrid.GridBoxLayout", {

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

@@ -32,3 +32,3 @@ /*!
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -35,0 +35,0 @@ * @constructor

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

@@ -36,3 +36,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -46,2 +46,3 @@ * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.layout.cssgrid.GridLayoutBase
+	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -48,0 +49,0 @@ var GridLayoutBase = ManagedObject.extend("sap.ui.layout.cssgrid.GridLayoutBase", {

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

@@ -23,3 +23,3 @@ /*!
 	 *
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 * @alias sap.ui.layout.cssgrid.GridLayoutDelegate
@@ -26,0 +26,0 @@ * @public

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

@@ -24,3 +24,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -31,4 +31,5 @@ * @extends sap.ui.layout.cssgrid.GridLayoutBase
 	 * @constructor
-	 * @private
+	 * @public
 	 * @alias sap.ui.layout.cssgrid.GridResponsiveLayout
+	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -35,0 +36,0 @@ var GridResponsiveLayout = GridLayoutBase.extend("sap.ui.layout.cssgrid.GridResponsiveLayout", {

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

@@ -23,3 +23,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -30,4 +30,5 @@ * @extends sap.ui.base.ManagedObject
 	 * @constructor
-	 * @private
+	 * @public
 	 * @alias sap.ui.layout.cssgrid.GridSettings
+	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -40,4 +41,5 @@ var GridSettings = ManagedObject.extend("sap.ui.layout.cssgrid.GridSettings", {
 				/**
-				 * Sets the value for the CSS display:grid property grid-template-columns
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -47,4 +49,5 @@ gridTemplateColumns: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-template-rows
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -54,4 +57,5 @@ gridTemplateRows: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-row-gap
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -61,4 +65,5 @@ gridRowGap: { type: "sap.ui.core.CSSSize", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-column-gap
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -68,4 +73,5 @@ gridColumnGap: { type: "sap.ui.core.CSSSize", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-gap
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -75,4 +81,5 @@ gridGap: { type: "sap.ui.layout.cssgrid.CSSGridGapShortHand", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-auto-rows
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -82,4 +89,5 @@ gridAutoRows: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-auto-columns
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -89,4 +97,5 @@ gridAutoColumns: { type: "sap.ui.layout.cssgrid.CSSGridTrack", defaultValue: "" },
 				/**
-				 * Sets the value for the CSS display:grid property grid-auto-flow
-				 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow}
+				 * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
+				 *
+				 * <b>Note:</b> Not supported in IE11, Edge 15.
 				 */
@@ -93,0 +102,0 @@ gridAutoFlow: { type: "sap.ui.layout.cssgrid.CSSGridAutoFlow", defaultValue: "Row" }

src/sap/ui/layout/DynamicSideContent.js

@@ -92,3 +92,3 @@ /*!
 		 * @author SAP SE
-		 * @version 1.60.1
+		 * @version 1.60.2
 		 *
@@ -95,0 +95,0 @@ * @constructor

src/sap/ui/layout/FixFlex.js

@@ -60,3 +60,3 @@ /*!
 		 * @author SAP SE
-		 * @version 1.60.1
+		 * @version 1.60.2
 		 *
@@ -63,0 +63,0 @@ * @constructor

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

@@ -29,7 +29,7 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
 	 * @constructor
 	 * @public
-	 * @since 1.54.0
+	 * @since 1.56.0
 	 * @alias sap.ui.layout.form.ColumnContainerData
@@ -36,0 +36,0 @@ * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel

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

@@ -29,7 +29,7 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
 	 * @constructor
 	 * @public
-	 * @since 1.54.0
+	 * @since 1.56.0
 	 * @alias sap.ui.layout.form.ColumnElementData
@@ -36,0 +36,0 @@ * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel

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

@@ -61,3 +61,3 @@ /*!
 	 * @extends sap.ui.layout.form.FormLayout
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -64,0 +64,0 @@ * @constructor

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

@@ -46,3 +46,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -49,0 +49,0 @@ * @constructor

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

@@ -30,3 +30,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -33,0 +33,0 @@ * @constructor

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

@@ -29,3 +29,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -135,3 +135,3 @@ * @constructor
 			if (!this._oLabel) {
-				this._oLabel = library.form.FormHelper.createLabel(oLabel);
+				this._oLabel = library.form.FormHelper.createLabel(oLabel, this.getId() + "-label");
 				this.setAggregation("_label", this._oLabel, true); // use Aggregation to allow model inheritance
@@ -138,0 +138,0 @@ this._oLabel.disableRequiredChangeCheck(true);

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

@@ -38,3 +38,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -41,0 +41,0 @@ * @constructor

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

@@ -25,3 +25,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -28,0 +28,0 @@ * @constructor

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

@@ -25,3 +25,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -28,0 +28,0 @@ * @constructor

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

@@ -31,3 +31,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -34,0 +34,0 @@ * @constructor

src/sap/ui/layout/form/ResponsiveGridLayout.js

@@ -56,3 +56,3 @@ /*!
 	 * @extends sap.ui.layout.form.FormLayout
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -59,0 +59,0 @@ * @constructor

src/sap/ui/layout/form/ResponsiveLayout.js

@@ -53,3 +53,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -56,0 +56,0 @@ * @constructor

src/sap/ui/layout/Grid.js

@@ -55,3 +55,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -58,0 +58,0 @@ * @constructor

src/sap/ui/layout/GridData.js

@@ -31,3 +31,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -34,0 +34,0 @@ * @constructor

src/sap/ui/layout/GridRenderer.js

@@ -18,3 +18,3 @@ /*!
 	 * @version
-	 * 1.60.1
+	 * 1.60.2
 	 * @namespace
@@ -21,0 +21,0 @@ */

src/sap/ui/layout/HorizontalLayout.js

@@ -25,3 +25,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -28,0 +28,0 @@ * @constructor

src/sap/ui/layout/library.js

@@ -23,3 +23,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 * @public
@@ -31,3 +31,3 @@ */
 		name : "sap.ui.layout",
-		version: "1.60.1",
+		version: "1.60.2",
 		dependencies: ["sap.ui.core"],
@@ -784,2 +784,3 @@ designtime: "sap/ui/layout/designtime/library.designtime",
 	 * @public
+	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -815,2 +816,3 @@ sap.ui.layout.cssgrid.CSSGridTrack = DataType.createType("sap.ui.layout.cssgrid.CSSGridTrack", {
 	 * @public
+	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -854,3 +856,3 @@ sap.ui.layout.cssgrid.CSSGridGapShortHand = DataType.createType("sap.ui.layout.cssgrid.CSSGridGapShortHand", {
 	 * @public
-	 * @ui5-metamodel This simple type also will be described in the UI5 (legacy) designtime metamodel
+	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -873,2 +875,3 @@ sap.ui.layout.cssgrid.CSSGridLine = DataType.createType("sap.ui.layout.cssgrid.CSSGridLine", {
 	 * @public
+	 * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -875,0 +878,0 @@ sap.ui.layout.cssgrid.CSSGridAutoFlow = {

src/sap/ui/layout/PaneContainer.js

@@ -28,3 +28,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -31,0 +31,0 @@ * @constructor

src/sap/ui/layout/ResponsiveFlowLayout.js

@@ -42,3 +42,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -45,0 +45,0 @@ * @constructor

src/sap/ui/layout/ResponsiveFlowLayoutData.js

@@ -25,3 +25,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -28,0 +28,0 @@ * @constructor

src/sap/ui/layout/ResponsiveSplitter.js

@@ -69,3 +69,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -72,0 +72,0 @@ * @constructor

src/sap/ui/layout/ResponsiveSplitterPage.js

@@ -24,3 +24,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -27,0 +27,0 @@ * @constructor

src/sap/ui/layout/SplitPane.js

@@ -30,3 +30,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -33,0 +33,0 @@ * @constructor

src/sap/ui/layout/Splitter.js

@@ -55,3 +55,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -58,0 +58,0 @@ * @constructor

src/sap/ui/layout/SplitterLayoutData.js

@@ -27,3 +27,3 @@ /*!
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -30,0 +30,0 @@ * @constructor

src/sap/ui/layout/VerticalLayout.js

@@ -28,3 +28,3 @@ /*!
 	 * @author SAP SE
-	 * @version 1.60.1
+	 * @version 1.60.2
 	 *
@@ -31,0 +31,0 @@ * @constructor

No alert changes

Improved metrics

Total package byte prevSize

1048585

increased by0.66%

Lines of code

20029

increased by0.6%

Dependency changes

• + Added@openui5/sap.ui.core@1.60.2(transitive)

• - Removed@openui5/sap.ui.core@1.60.1(transitive)

• Updated@openui5/sap.ui.core@1.60.2