@openui5/sap.ui.core 1.124.1 → 1.125.0

package/test/sap/ui/core/samples/mvc/XMLViewAsync.html

@@ -5,28 +5,22 @@
 		<title>MVC Async XMLView - sap.ui.core</title>
 
 		<script id="sap-ui-bootstrap"
-				src="../../../../../../resources/sap-ui-core.js">
-		</script>
-
+				src="../../../../../../resources/sap-ui-core.js"
+				data-sap-ui-libs="sap.m"
+		></script>
 		<script>
-			window._setTimeout = window.setTimeout;
-		</script>
-
-		<script src="../../../../../../resources/sap/ui/thirdparty/sinon.js"></script>
-
-		<script>
-			sap.ui.require(["sap/ui/core/Element"], function(Element) {
-				try{
-					sap.ui.getCore().loadLibrary("sap.ui.commons");
-				}catch(e){
-					alert("This test page requires the library 'sap.ui.commons' which is not available.");
-					throw(e);
-				}
+			sap.ui.require([
+				"sap/ui/core/Element",
+				"sap/ui/thirdparty/sinon"
+			], function(Element, sinon) {
+				"use strict";
 
 				// this test page is not below "resources", but "test-resources"
 				// usually this redirect is NOT needed - but possible if useful
 				sap.ui.loader.config({paths: {"sap/ui/core/mvctest": "../../../../../../test-resources/sap/ui/core/samples/mvc/"}});
 
+				const _setTimeout = globalThis.setTimeout;
+
 				var sXml;
 				jQuery.ajax({
 					url : "../../../../../../test-resources/sap/ui/core/samples/mvc/views/Async.view.xml",
@@ -44,7 +38,7 @@
 				xhr.onCreate = function(request) {
 					request.onSend = function() {
 						var iDelay = Element.getElementById("timeout").getValue();
-						iDelay = parseInt(iDelay, 10);
+						iDelay = parseInt(iDelay);
 
 						_setTimeout(function() {
 							request.respond(200,  { "Content-Type" : "application/xml" }, sXml);
@@ -55,10 +49,10 @@
 				/*
 				* define ASYNC View and place it onto the page
 				*/
-				var oInput = new sap.ui.commons.TextField("timeout", {
+				var oInput = new sap.m.Input("timeout", {
 					value : "1000"
 				}).placeAt("asyncInput");
-				var oButton = new sap.ui.commons.Button("showButton", {
+				var oButton = new sap.m.Button("showButton", {
 					text : "Show / rerender View",
 					press : function(oEvent) {
 						var oView = Element.getElementById("asyncView");

package/test/sap/ui/core/samples/mvc/controller/Async.controller.js

@@ -8,7 +8,6 @@ sap.ui.define(["sap/ui/core/mvc/Controller"], function(Controller) {
 			this.showDetailsLink = this.byId("showMore");
 			this.hideDetailsLink = this.byId("hideMore");
 
-			this.myLayout.setWidths(["100px", "150px"]);
 			this.hideMore();
 		},
 

package/test/sap/ui/core/samples/mvc/controller/Product.controller.js

@@ -9,7 +9,6 @@ sap.ui.define(["sap/ui/core/mvc/Controller"], function (Controller) {
 			this.showDetailsLink = this.byId("showMore");
 			this.hideDetailsLink = this.byId("hideMore");
 
-			this.myLayout.setWidths(["100px","150px"]);
 			this.hideMore();
 		},
 

package/test/sap/ui/core/samples/mvc/views/Async.view.xml

@@ -1,64 +1,23 @@
 <mvc:View controllerName="sap.ui.core.mvctest.controller.Async"
-	xmlns="sap.ui.commons" xmlns:layout="sap.ui.commons.layout" xmlns:core="sap.ui.core"
-	xmlns:mvc="sap.ui.core.mvc" xmlns:html="http://www.w3.org/1999/xhtml">
-
-	<html:style type="text/css">
-		.myMatrixLayout {
-			display:inline-table;
-		}
-	</html:style>
+	xmlns="sap.m" xmlns:form="sap.ui.layout.form" xmlns:core="sap.ui.core"
+	xmlns:mvc="sap.ui.core.mvc">
 
 	<Image width="150px" height="110px" src="./images/screw.jpg"></Image>
 
-	<layout:MatrixLayout id="Layout" width="250px" class="myMatrixLayout">
-		<layout:MatrixLayoutRow>
-			<layout:MatrixLayoutCell>
-				<Label text="Product:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="Product" value="Deluxe Async Screw"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow>
-			<layout:MatrixLayoutCell>
-				<Label text="Material:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="Material" value="asynchronium"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow >
-			<layout:MatrixLayoutCell>
-				<Label id="More1" text="Diameter:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="TFMore1" value="2/4 inch"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow >
-			<layout:MatrixLayoutCell>
-				<Label id="More2" text="Length:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="TFMore2" value="2 inch"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow >
-			<layout:MatrixLayoutCell>
-				<Label id="More3" text="Package Quantity:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="TFMore3" value="500"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow>
-			<layout:MatrixLayoutCell>
-				<Link id="showMore" text="show details..." press="showMore"></Link>
-				<Link id="hideMore" text="hide details..." press="hideMore"
-					></Link>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-	</layout:MatrixLayout>
+	<form:SimpleForm id="Layout" width="250px" class="myMatrixLayout" editable="true">
+		<Label text="Product:"></Label>
+		<Input id="Product" value="Deluxe Async Screw"></Input>
+		<Label text="Material:"></Label>
+		<Input id="Material" value="asynchronium"></Input>
+		<Label id="More1" text="Diameter:"></Label>
+		<Input id="TFMore1" value="2/4 inch"></Input>
+		<Label id="More2" text="Length:"></Label>
+		<Input id="TFMore2" value="2 inch"></Input>
+		<Label id="More3" text="Package Quantity:"></Label>
+		<Input id="TFMore3" value="500"></Input>
+		<Link id="showMore" text="show details..." press="showMore"></Link>
+		<Link id="hideMore" text="hide details..." press="hideMore"></Link>
+	</form:SimpleForm>
 
 	<core:Fragment fragmentName="sap.ui.core.mvctest.views.Dummy" type="XML" async="true"></core:Fragment>
 

package/test/sap/ui/core/samples/mvc/views/Dummy.fragment.xml

@@ -1,5 +1,5 @@
-<core:FragmentDefinition xmlns="sap.ui.commons" xmlns:core="sap.ui.core">
+<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core">
 
-	<Button text="Fragment" press=""/>
+	<Button text="Fragment"/>
 
 </core:FragmentDefinition>

package/test/sap/ui/core/samples/mvc/views/Dummy.view.xml

@@ -1,5 +1,5 @@
-<mvc:View  viewName="sap.ui.core.mvctest.views.Dummy" controllerName="sap.ui.core.mvctest.controller.Dummy"
-	xmlns="sap.ui.commons" xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc">
+<mvc:View controllerName="sap.ui.core.mvctest.controller.Dummy"
+	xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc">
 
 	<Button text="View" press=""/>
 

package/test/sap/ui/core/samples/mvc/views/Product.view.xml

@@ -1,64 +1,23 @@
 <mvc:View controllerName="sap.ui.core.mvctest.controller.Product"
-	xmlns="sap.ui.commons" xmlns:layout="sap.ui.commons.layout" xmlns:core="sap.ui.core"
-	xmlns:mvc="sap.ui.core.mvc" xmlns:html="http://www.w3.org/1999/xhtml">
-
-	<html:style type="text/css">
-		.myMatrixLayout {
-			display:inline-table;
-		}
-	</html:style>
+	xmlns="sap.m" xmlns:form="sap.ui.layout.form" xmlns:core="sap.ui.core"
+	xmlns:mvc="sap.ui.core.mvc">
 
 	<Image width="150px" height="110px" src="./images/screw.jpg"></Image>
 
-	<layout:MatrixLayout id="Layout" width="250px" class="myMatrixLayout">
-		<layout:MatrixLayoutRow>
-			<layout:MatrixLayoutCell>
-				<Label text="Product:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="Product" value="Deluxe Screw"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow>
-			<layout:MatrixLayoutCell>
-				<Label text="Material:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="Material" value="titanium"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow >
-			<layout:MatrixLayoutCell>
-				<Label id="More1" text="Diameter:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="TFMore1" value="1/4 inch"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow >
-			<layout:MatrixLayoutCell>
-				<Label id="More2" text="Length:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="TFMore2" value="2 inch"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow >
-			<layout:MatrixLayoutCell>
-				<Label id="More3" text="Package Quantity:"></Label>
-			</layout:MatrixLayoutCell>
-			<layout:MatrixLayoutCell>
-				<TextField id="TFMore3" value="500"></TextField>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-		<layout:MatrixLayoutRow>
-			<layout:MatrixLayoutCell>
-				<Link id="showMore" text="show details..." press="showMore"></Link>
-				<Link id="hideMore" text="hide details..." press="hideMore"
-					></Link>
-			</layout:MatrixLayoutCell>
-		</layout:MatrixLayoutRow>
-	</layout:MatrixLayout>
+	<form:SimpleForm id="Layout" width="250px" class="myMatrixLayout" editable="true">
+		<Label text="Product:"></Label>
+		<Input id="Product" value="Deluxe Screw"></Input>
+		<Label text="Material:"></Label>
+		<Input id="Material" value="titanium"></Input>
+		<Label id="More1" text="Diameter:"></Label>
+		<Input id="TFMore1" value="1/4 inch"></Input>
+		<Label id="More2" text="Length:"></Label>
+		<Input id="TFMore2" value="2 inch"></Input>
+		<Label id="More3" text="Package Quantity:"></Label>
+		<Input id="TFMore3" value="500"></Input>
+		<Link id="showMore" text="show details..." press="showMore"></Link>
+		<Link id="hideMore" text="hide details..." press="hideMore"></Link>
+	</form:SimpleForm>
 
 	<core:Fragment fragmentName="sap.ui.core.mvctest.views.Dummy" type="XML"></core:Fragment>
 

package/test/sap/ui/core/util/PasteHelper.html

@@ -1,153 +1,154 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta charset="utf-8">
-
-    <title>Paste Helper Example</title>
-
-    <!-- Load UI5 and select "sap_belize" theme -->
-    <script id='sap-ui-bootstrap'
-            src='../../../../../resources/sap-ui-core.js'
-            data-sap-ui-theme='sap_belize'>
-
-    </script>
-    <script>
-        sap.ui.require([
-                    'sap/ui/core/util/PasteHelper',
-                    'sap/ui/core/Core',
-                    'sap/ui/core/Element',
-                    'sap/ui/model/json/JSONModel',
-                    'sap/ui/table/Table',
-                    'sap/ui/table/Column',
-                    'sap/m/TextArea',
-                    'sap/m/Text',
-                    'sap/m/Label',
-                    'sap/m/MessageBox'],
-                function(PasteHelper, Core, Element, JSONModel, Table, Column, TextArea, Text, Label, MessageBox) {
-
-                    // Test Data if not using Excel spreadsheet for copying.
-                    //var aData3_OK = [["Luis", "10", "yes", "2018-12-03", "5 USD"],["Leo", "8", "no","2018-12-18", "15.53 EUR"]];
-                    const testA = "Luis\t10\ttrue\t2018-12-03\t5 USD\tLuis White\nLeo\t8\tfalse\t2018-12-18\t10 EUR\tLeo Bond";
-
-                    const testB = "\"$$ $$Cell 1 Test Multiline\nApple\nHP\nDELL SE\nIBM\nSAP\"\t\"Cell 2 Test Multiline\nSun\nApple\"\t15\t15,36\t15\t15,36\t15\t15,360 kg\t15,36 JPY\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15     JPY\tFALSE\tOUT OF STOCK";
-
-                    const testC = "ABC AG\tThe company ABC def 123 !\"§$%&/()=?`'-.,;:_#+~ accepts EUR\t15\t15\t15\t15,00\t15\t15,000 kg\t15,00 EUR\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15,00  EUR\tTRUE\tAVAILABLE\nSAP SE\tThe company SAP SE  accepts USD\t15\t15,3\t15\t15,30\t15\t15,300 kg\t15,30 USD\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15,30  USD\tFALSE\tOUT OF STOCK\n\"$$ $$'Cell 1 Test Multiline\nApple\nHP\nDELL SE\nIBM\nSAP\"\t\"Cell 2 Test Multiline\nSun\nApple\"\t15\t15,36\t15\t15,36\t15\t15,360 kg\t15,36 JPY\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15     JPY\tFALSE\tOUT OF STOCK\nSAP A.G.test\t\"The company SAP A.G.test accepts\ntest2\"\t15\t15,368\t15\t15,37\t15\t15,368 kg\t15,37 \t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15,37     \tTRUE\tAVAILABLE\nSAP A.G.test\t\"The company SAP A.G.test accepts RUB\"\t\"1 line\n 2 line\n3 line \n4 line\"\t-1015,368\t-1015\t-1015,37\t-1.015\t-1015,368 kg\t-1015,37 RUB\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t- 1.015,37  RUB\tTRUE\tAVAILABLE";
-
-                    var oTable;
-
-                    function showDataInTable(aData) {
-                        aData = aData || [];
-
-                        if (!oTable) {
-                            var oModel = new JSONModel();
-                            oTable = new Table({
-                                selectionMode: "None"
-                            });
-                            oTable.setModel(oModel);
-                            oTable.bindRows("/data");
-                            oTable.placeAt("content");
-                        }
-                        oTable.destroyColumns();
-                        oTable.getModel().setData({data: []});
-
-                        var aTableData = [];
-                        for (var i = 0; i < aData.length; i++) {
-                            var oRow = {};
-                            for (var j = 0; j < aData[i].length; j++) {
-                                if (i == 0) {
-                                    oTable.addColumn(new Column({
-                                        label: new Label({text: "Column " + (j+1)}),
-                                        template: new Text({text: "{data" + j + "}", wrapping: false}),
-                                        width: "200px"
-                                    }));
-                                }
-                                oRow["data" + j] = aData[i][j];
-                            }
-                            aTableData.push(oRow);
-                        }
-
-                        oTable.getModel().setData({data: aTableData});
-                    }
-
-
-                    function pasteListener(e) {
-                        // call Utility pasteHelper
-                        var aData = PasteHelper.getPastedDataAs2DArray(e);
-
-                        var aColumnsInfo = [
-                            {
-                                property: "name",
-                                type: new sap.ui.model.type.String() //not EDM, but UI5 data type
-                            },
-                            {
-                                property: "age",
-                                type:  new sap.ui.model.odata.type.Byte() // OData type Edm.Byte
-                            },
-                            {
-                                property: "validAbo",
-                                type: new sap.ui.model.type.Boolean() // not EDM type, can be "true" or "false"
-                            },
-                            {
-                                property: "lastLoginDate",
-                                type: new sap.ui.model.odata.type.Date() // OData EDM type
-                            },
-                            {
-                                property: "aboPrice",
-                                type: new sap.ui.model.type.Currency()
-                            },
-                            {
-                                property: "fullName",
-                                customParseFunction: function(data) { return ( data.toUpperCase()) }
-                            }
-                        ];
-                        PasteHelper.parse(aData, aColumnsInfo).then(function(oResult) {
-                            if (oResult.parsedData)
-                            {
-                                showDataInTable(aData);
-                                var msg = "";
-                                var myJSON = JSON.stringify(oResult.parsedData);
-                                Element.getElementById("ta2").setValue(myJSON);
-                                if (e.target.id == "ta1-inner") {
-                                    Element.getElementById("ta1").setValue(e.clipboardData.getData("text"));
-                                }
-                                e.preventDefault();
-
-                            }  else {
-                                var msg = "";
-                                for (var i = 0; i < oResult.errors.length; i++) {
-                                    msg = msg + "\n" + (oResult.errors)[i].message;
-                                }
-                                MessageBox.error(msg);
-                                Element.getElementById("ta2").setValue(msg);
-                                e.preventDefault();
-                            }
-                        });
-
-                    }
-
-                    window.addEventListener('paste', pasteListener);
-
-                    var t1 = new Label({text: "Copy the content presenting data in the clipboard (copied from the excel) from the first text area and paste to the second text area:"});
-                    t1.placeAt('content');
-
-                    var ta1 = new TextArea({
-                        id: "ta1",
-                        width: "70%",
-                        height: "100px",
-                        value: testA
-                    });
-                    ta1.placeAt('content');
-
-                    var ta2 = new TextArea({
-                        id: "ta2",
-                        width: "70%",
-                        value: "Paste the data from excel or from the Text area above here",
-                        height: "100px"
-                    });
-                    ta2.placeAt('content');
-                });
-
-    </script>
+	<meta charset="utf-8">
+
+	<title>Paste Helper Example</title>
+
+	<!-- Load UI5 and select "sap_belize" theme -->
+	<script id='sap-ui-bootstrap'
+			src='../../../../../resources/sap-ui-core.js'
+			data-sap-ui-theme='sap_belize'>
+
+	</script>
+	<script>
+		sap.ui.require([
+					'sap/ui/core/util/PasteHelper',
+					'sap/ui/core/Core',
+					'sap/ui/core/Element',
+					'sap/ui/model/json/JSONModel',
+					'sap/ui/table/Table',
+					'sap/ui/table/Column',
+					'sap/m/TextArea',
+					'sap/m/Text',
+					'sap/m/Label',
+					'sap/m/MessageBox'],
+				function(PasteHelper, Core, Element, JSONModel, Table, Column, TextArea, Text, Label, MessageBox) {
+
+					// Test Data if not using Excel spreadsheet for copying.
+					//var aData3_OK = [["Luis", "10", "yes", "2018-12-03", "5 USD"],["Leo", "8", "no","2018-12-18", "15.53 EUR"]];
+					const testA = "Luis\t10\ttrue\t2018-12-03\t5 USD\tLuis White\nLeo\t8\tfalse\t2018-12-18\t10 EUR\tLeo Bond";
+
+					const testB = "\"$$ $$Cell 1 Test Multiline\nApple\nHP\nDELL SE\nIBM\nSAP\"\t\"Cell 2 Test Multiline\nSun\nApple\"\t15\t15,36\t15\t15,36\t15\t15,360 kg\t15,36 JPY\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15     JPY\tFALSE\tOUT OF STOCK";
+
+					const testC = "ABC AG\tThe company ABC def 123 !\"§$%&/()=?`'-.,;:_#+~ accepts EUR\t15\t15\t15\t15,00\t15\t15,000 kg\t15,00 EUR\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15,00  EUR\tTRUE\tAVAILABLE\nSAP SE\tThe company SAP SE  accepts USD\t15\t15,3\t15\t15,30\t15\t15,300 kg\t15,30 USD\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15,30  USD\tFALSE\tOUT OF STOCK\n\"$$ $$'Cell 1 Test Multiline\nApple\nHP\nDELL SE\nIBM\nSAP\"\t\"Cell 2 Test Multiline\nSun\nApple\"\t15\t15,36\t15\t15,36\t15\t15,360 kg\t15,36 JPY\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15     JPY\tFALSE\tOUT OF STOCK\nSAP A.G.test\t\"The company SAP A.G.test accepts\ntest2\"\t15\t15,368\t15\t15,37\t15\t15,368 kg\t15,37 \t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t15,37     \tTRUE\tAVAILABLE\nSAP A.G.test\t\"The company SAP A.G.test accepts RUB\"\t\"1 line\n 2 line\n3 line \n4 line\"\t-1015,368\t-1015\t-1015,37\t-1.015\t-1015,368 kg\t-1015,37 RUB\t05.12.14\t5 December 2014\tH26.12.5\t05.12.14 00:00\t00:00:00\t05-12-2014 12:00:00 AM\t- 1.015,37  RUB\tTRUE\tAVAILABLE";
+
+					var oTable;
+
+					function showDataInTable(aData) {
+						aData = aData || [];
+
+						if (!oTable) {
+							var oModel = new JSONModel();
+							oTable = new Table({
+								selectionMode: "None"
+							});
+							oTable.setModel(oModel);
+							oTable.bindRows("/data");
+							oTable.placeAt("content");
+						}
+						oTable.destroyColumns();
+						oTable.getModel().setData({data: []});
+
+						var aTableData = [];
+						for (var i = 0; i < aData.length; i++) {
+							var oRow = {};
+							for (var j = 0; j < aData[i].length; j++) {
+								if (i == 0) {
+									oTable.addColumn(new Column({
+										label: new Label({text: "Column " + (j + 1)}),
+										template: new Text({text: "{data" + j + "}", wrapping: false}),
+										width: "200px"
+									}));
+								}
+								oRow["data" + j] = aData[i][j];
+							}
+							aTableData.push(oRow);
+						}
+
+						oTable.getModel().setData({data: aTableData});
+					}
+
+
+					function pasteListener(e) {
+						// call Utility pasteHelper
+						var aData = PasteHelper.getPastedDataAs2DArray(e);
+
+						var aColumnsInfo = [
+							{
+								property: "name",
+								type: new sap.ui.model.type.String() //not EDM, but UI5 data type
+							},
+							{
+								property: "age",
+								type:  new sap.ui.model.odata.type.Byte() // OData type Edm.Byte
+							},
+							{
+								property: "validAbo",
+								type: new sap.ui.model.type.Boolean() // not EDM type, can be "true" or "false"
+							},
+							{
+								property: "lastLoginDate",
+								type: new sap.ui.model.odata.type.Date() // OData EDM type
+							},
+							{
+								property: "aboPrice",
+								type: new sap.ui.model.type.Currency()
+							},
+							{
+								property: "fullName",
+								customParseFunction: function(data) {
+									return ( data.toUpperCase());
+								}
+							}
+						];
+						PasteHelper.parse(aData, aColumnsInfo).then(function(oResult) {
+							if (oResult.parsedData) {
+								showDataInTable(aData);
+								var msg = "";
+								var myJSON = JSON.stringify(oResult.parsedData);
+								Element.getElementById("ta2").setValue(myJSON);
+								if (e.target.id == "ta1-inner") {
+									Element.getElementById("ta1").setValue(e.clipboardData.getData("text"));
+								}
+								e.preventDefault();
+
+							} else {
+								var msg = "";
+								for (var i = 0; i < oResult.errors.length; i++) {
+									msg = msg + "\n" + (oResult.errors)[i].message;
+								}
+								MessageBox.error(msg);
+								Element.getElementById("ta2").setValue(msg);
+								e.preventDefault();
+							}
+						});
+
+					}
+
+					window.addEventListener('paste', pasteListener);
+
+					var t1 = new Label({text: "Copy the content presenting data in the clipboard (copied from the excel) from the first text area and paste to the second text area:"});
+					t1.placeAt('content');
+
+					var ta1 = new TextArea({
+						id: "ta1",
+						width: "70%",
+						height: "100px",
+						value: testA
+					});
+					ta1.placeAt('content');
+
+					var ta2 = new TextArea({
+						id: "ta2",
+						width: "70%",
+						value: "Paste the data from excel or from the Text area above here",
+						height: "100px"
+					});
+					ta2.placeAt('content');
+				});
+
+	</script>
 </head>
 <body id='content' class='sapUiBody sapUiSizeCompact'>
 </body>

package/test/sap/ui/core/visual/images/ContextMenuSupport/windows/1600x1200/chrome/horizon/ltr/cozy/firstItem-contextMenu.ref.lnk

@@ -1 +1 @@
-uuid=a3ea59af27f8a59881d7fe7b7aa64001
+uuid=295e80aa95b5f4cc5eb6efdf205caa0a

package/test/sap/ui/core/visual/images/ContextMenuSupport/windows/1600x1200/chrome/horizon/ltr/cozy/initial.ref.lnk

@@ -1 +1 @@
-uuid=62da1168831f5ff1b3307571378a210f
+uuid=92d4d668b05ca7b9e4ed2b02a91149f1

package/test/sap/ui/core/visual/images/ContextMenuSupport/windows/1600x1200/chrome/horizon/ltr/cozy/lastItem-contextMenu.ref.lnk

@@ -1 +1 @@
-uuid=3dd96b5319b43e0ce0a5abcad4a0e61e
+uuid=d8669e29dcbd8b377181dd284b6a2cc9

package/test/sap/ui/core/visual/images/ContextMenuSupport/windows/1600x1200/chrome/horizon/ltr/cozy/leftDownBtn-contextMenu.ref.lnk

@@ -1 +1 @@
-uuid=8ea50f6d9578b80ebfa59d0aa6ed154b
+uuid=45264e49777298978f86a6ff359a75a4

package/test/sap/ui/core/visual/images/ContextMenuSupport/windows/1600x1200/chrome/horizon/ltr/cozy/myButtonSample-contextMenu.ref.lnk

@@ -1 +1 @@
-uuid=45e1d94d4df8b077fdb6c432d18f268c
+uuid=cc55d435fbfda8919f3c141486167d07

package/test/sap/ui/core/visual/images/ContextMenuSupport/windows/1600x1200/chrome/horizon/ltr/cozy/rightDownBtn-contextMenu.ref.lnk

@@ -1 +1 @@
-uuid=48cd05434b233b411915de67bf0d4fe6
+uuid=68435bcb1641fcb7798e13a5edcb929c

package/test/testsuite/js/settings.js

@@ -4,11 +4,11 @@ sap.ui.define([
 	"sap/ui/layout/form/Form",
 	"sap/ui/layout/form/FormContainer",
 	"sap/ui/layout/form/FormElement",
-	"sap/ui/layout/form/GridLayout",
+	"sap/ui/layout/form/ResponsiveGridLayout",
 	"sap/ui/core/ListItem",
 	"sap/m/ComboBox",
 	"sap/m/CheckBox"
-], function(testfwk, oCore, Form, FormContainer, FormElement, GridLayout, ListItem, ComboBox, CheckBox) {
+], function(testfwk, oCore, Form, FormContainer, FormElement, ResponsiveGridLayout, ListItem, ComboBox, CheckBox) {
 	"use strict";
 
 	function updateItems(oCombo, mValues, sDefault) {
@@ -30,8 +30,9 @@ sap.ui.define([
 
 		new Form({
 			editable: true,
-			layout: new GridLayout({
-				singleColumn: true
+			layout: new ResponsiveGridLayout({
+				breakpointM: 200,
+				labelSpanM: 6
 			}),
 			formContainers: [
 				new FormContainer({