@openui5/sap.ui.layout 1.120.6 → 1.121.0

package/.reuse/dep5

@@ -28,7 +28,7 @@ Disclaimer: The code in this project may include calls to APIs (“API Calls”)
 # OpenUI5 code
 
 Files: *
-Copyright: 2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+Copyright: 2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
 License: Apache-2.0
 
 
@@ -68,7 +68,7 @@ Comment: these files belong to: jQuery UI
 
 Files: src/sap.ui.commons/src/sap/ui/commons/Carousel.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     Spencer Tipping
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jquery.fix.clone: Carousel.js is authored by SAP, but contains an improved implementation of the clone function which is taken from jquery-fix-clone
@@ -83,35 +83,35 @@ Comment: these files belong to: jQuery 3
 
 Files: src/sap.ui.core/src/sap/base/util/isPlainObject.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     OpenJS Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery 3: isPlainObject.js is overall written by SAP, but contains a modified implementation of jQuery.isPlainObject taken from jQuery
 
 Files: src/sap.ui.core/src/sap/base/util/_merge.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     OpenJS Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery 3: _merge.js is overall written by SAP, but contains a modified implementation of jQuery.extend taken from jQuery
 
 Files: src/sap.ui.core/src/jquery.sap.script.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     OpenJS Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery 3: jquery.sap.script.js is overall written by SAP, but contains a modified implementation of jQuery.extend taken from jQuery
 
 Files: src/sap.ui.core/src/sap/ui/Device.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2011, John Resig
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery 1: Device.js is overall written by SAP, but contains code taken from jQuery 1.7.1 (see the respective comment)
 
 Files: src/sap.ui.core/src/sap/ui/dom/jquery/Selectors.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2014 jQuery Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery UI 1.8: Selectors.js is overall written by SAP, but contains code taken from jQuery UI (see the respective comments)
@@ -123,14 +123,14 @@ Comment: these files belong to: jQuery UI 1.10
 
 Files: src/sap.ui.core/src/jquery.sap.dom.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2014 jQuery Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery UI 1.10: jquery.sap.dom.js is overall written by SAP, but contains code taken from jQuery UI Core (see the respective comment)
 
 Files: src/sap.ui.core/src/sap/ui/dom/jquery/zIndex.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2014 jQuery Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery UI 1.11: zIndex.js is overall written by SAP, but contains an implementation of the function 'fnzIndex' which is taken from jQuery UI Datepicker 1.11.1
@@ -162,7 +162,7 @@ Comment: these files belong to: jQuery Mobile
 
 Files: src/sap.ui.core/src/sap/ui/util/_FeatureDetection.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2012 Wei-Ko Kao
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery.rtl-scroll-type: _FeatureDetection.js is overall written by SAP, but contains code which is inspired by jQuery.rtl-scroll-type
@@ -177,6 +177,13 @@ Copyright: jQuery Foundation and other contributors
 License: MIT
 Comment: these files belong to: JUnit Reporter for QUnit
 
+Files: src/sap.ui.core/src/sap/ui/qunit/qunit-junit.js
+Copyright:
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    jQuery Foundation and other contributors
+License: Apache-2.0 and MIT
+Comment: these files contain content from SAP and JUnit Reporter for QUnit: qunit-junit.js is overall written by SAP, but contains a modified copy of JUnit Reporter for QUnit (qunit-reporter-junit)
+
 Files: src/sap.ui.core/src/sap/ui/thirdparty/iscroll.js
 Copyright: 2012 Matteo Spinelli
 License: MIT
@@ -294,14 +301,14 @@ Comment: these files belong to: blanket.js
 
 Files: src/sap.ui.core/src/sap/base/util/JSTokenizer.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     Douglas Crockford
 License: Apache-2.0 and LicenseRef-JSONinJSPublicDomain
 Comment: these files contain content from SAP and JSON in JS: JSTokenizer.js is overall written by SAP, but contains code has been taken from the component JSON in JavaScript (https://github.com/douglascrockford/JSON-js/blob/master/json2.js) from Douglas Crockford which is licensed under Public Domain
 
 Files: src/sap.ui.core/src/sap/ui/base/ExpressionParser.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2010 Douglas Crockford
 License: Apache-2.0
 Comment: these files contain content from SAP and Top Down Operator Precedence: ExpressionParser.js is overall written by SAP, but contains code taken from or inspired by TDOP by Douglas Crockford (see the respective comment)
@@ -335,7 +342,7 @@ Comment: these files contain content from p-cancelable and @babel/helpers: _Canc
 
 Files: src/sap.ui.core/src/sap/ui/core/date/Persian.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     Behrang Norouzinia
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and Jalaali JS: Persian.js is overall written by SAP, but the calculation is taken from jalaali-js
@@ -347,14 +354,14 @@ Comment: these files belong to: vkBeautify
 
 Files: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     Isaac Z. Schlueter and Contributors
 License: Apache-2.0 and ISC
 Comment: these files contain content from SAP and node-lru-cache: LRUPersistentCache.js is overall written by SAP, but portions ('Least Recently Used' logic) are taken from the node-lru-cache project (see https://github.com/isaacs/node-lru-cache/blob/v2.7.3/README.md) and modified.
 
 Files: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     Arthur David Olson, Paul Eggert and other contributors
 License: Apache-2.0 and LicenseRef-tzdata-PublicDomain
 Comment: these files contain content from SAP and Time Zone Database: _timezones.js is overall written by SAP, but the list of IANA timezone IDs is taken from the Timezone Database
@@ -362,11 +369,6 @@ Comment: these files contain content from SAP and Time Zone Database: _timezones
 
 # Library: sap.ui.documentation:
 
-Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/esprima.js
-Copyright: 2013 Ariya Hidayat and other contributors
-License: BSD-2-Clause
-Comment: these files belong to: Esprima
-
 Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/highlight.js/*
 Copyright: 2006-2020, Ivan Sagalaev
 License: BSD-3-Clause
@@ -459,7 +461,7 @@ Comment: these files belong to: UI5 Web Components
 
 Files: lib/jsdoc/ui5/plugin.js
 Copyright:
-    2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2011-present Michael Mathews micmath@gmail.com and the contributors to JSDoc
 License: Apache-2.0
 Comment: these files contain content from SAP and JSDoc 3: plugin.js is overall written by SAP, but contains code taken from JSDoc 3.6.7 (see the respective comments)

package/THIRDPARTY.txt

@@ -15,7 +15,7 @@ Contained in: src/sap.m/src/sap/m/_thirdparty/purify.js
 
 Library: sap.ui.codeeditor:
 
-Component: Ace (Ajax.org Cloud9 Editor), version: 1.4.13
+Component: Ace (Ajax.org Cloud9 Editor), version: 1.31.1
 Copyright: 2010, Ajax.org B.V.
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -124,6 +124,7 @@ Copyright: jQuery Foundation and other contributors
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-reporter-junit.js
+	src/sap.ui.core/src/sap/ui/qunit/qunit-junit.js
 
 Component: cubiq.org - iScroll, version: 4.2.5
 Copyright: 2012 Matteo Spinelli
@@ -179,7 +180,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/caja-html-sanitizer.js
 
-Component: Unicode Common Locale Data Repository, version: 43
+Component: Unicode Common Locale Data Repository, version: 44
 Copyright: 1991-2023 Unicode, Inc.
 License: Unicode-DFS-2015
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Unicode-DFS-2015.txt
@@ -334,7 +335,7 @@ License: ISC
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/ISC.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
 
-Component: Time Zone Database, version: 2023c
+Component: Time Zone Database, version: 2023d
 Copyright: Arthur David Olson, Paul Eggert and other contributors
 License: LicenseRef-tzdata-PublicDomain
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-tzdata-PublicDomain.txt
@@ -343,13 +344,7 @@ Contained in: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
 
 Library: sap.ui.documentation:
 
-Component: Esprima, version: 1.2.2
-Copyright: 2013 Ariya Hidayat and other contributors
-License: BSD-2-Clause
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-2-Clause.txt
-Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/esprima.js
-
-Component: highlight.js, version: 10.4.1
+Component: highlight.js, version: 11.9.0
 Copyright: 2006-2020, Ivan Sagalaev
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -466,7 +461,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.6.8
+Component: SAP Theming Base Content, version: 11.10.0
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -663,38 +658,6 @@ END of license: Apache-2.0
 =================================
 
 
-=================================
-BEGIN of license: BSD-2-Clause
-=================================
-
-Copyright (c) <year> <owner>. All rights reserved.
-
-Redistribution and use in source and binary forms, with or without modification,
-are permitted provided that the following conditions are met:
-
-1. Redistributions of source code must retain the above copyright notice,
-this list of conditions and the following disclaimer.
-
-2. Redistributions in binary form must reproduce the above copyright notice,
-this list of conditions and the following disclaimer in the documentation
-and/or other materials provided with the distribution.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE
-USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
-=================================
-END of license: BSD-2-Clause
-=================================
-
-
 =================================
 BEGIN of license: BSD-3-Clause
 =================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.layout",
-  "version": "1.120.6",
+  "version": "1.121.0",
   "description": "OpenUI5 UI Library sap.ui.layout",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,6 +14,6 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.120.6"
+    "@openui5/sap.ui.core": "1.121.0"
   }
 }

package/src/sap/ui/layout/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.120.6</version>
+  <version>1.121.0</version>
 
   <documentation>SAPUI5 library with layout controls.</documentation>
 

package/src/sap/ui/layout/AlignedFlowLayout.js

@@ -5,7 +5,7 @@
  */
 
 sap.ui.define([
-	"sap/ui/core/Core",
+	"sap/base/i18n/Localization",
 	"sap/ui/core/Control",
 	"./library",
 	"sap/ui/core/ResizeHandler",
@@ -13,7 +13,7 @@ sap.ui.define([
 	"sap/ui/dom/units/Rem"
 ],
 	function(
-		Core,
+		Localization,
 		Control,
 		library,
 		ResizeHandler,
@@ -40,7 +40,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.120.6
+		 * @version 1.121.0
 		 *
 		 * @constructor
 		 * @private
@@ -162,7 +162,7 @@ sap.ui.define([
 						mEndItemStyle = oEndItemDomRef.style;
 
 					// adapt the position of the absolute-positioned end item in case a standard CSS class is added
-					if (Core.getConfiguration().getRTL()) {
+					if (Localization.getRTL()) {
 						mEndItemStyle.left = oLayoutComputedStyle.getPropertyValue("padding-left");
 					} else {
 						mEndItemStyle.right = oLayoutComputedStyle.getPropertyValue("padding-right");
@@ -322,7 +322,7 @@ sap.ui.define([
 				iAvailableWidthForEndItem;
 
 			var oLastItemComputedStyle = window.getComputedStyle(oLastItemDomRef);
-			if (Core.getConfiguration().getRTL()) {
+			if (Localization.getRTL()) {
 				var iLastItemMarginLeft = Number.parseFloat(oLastItemComputedStyle.marginLeft);
 				iAvailableWidthForEndItem = iLastItemOffsetLeft - iLastItemMarginLeft;
 			} else {

package/src/sap/ui/layout/AssociativeSplitter.js

@@ -7,8 +7,9 @@
 sap.ui.define([
 	'./Splitter',
 	'./SplitterRenderer',
-	"sap/base/Log"
-], function(Splitter, SplitterRenderer, Log) {
+	"sap/base/Log",
+	"sap/ui/core/Element"
+], function(Splitter, SplitterRenderer, Log, Element) {
 	"use strict";
 
 	/**
@@ -24,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.Splitter
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @private
@@ -92,7 +93,7 @@ sap.ui.define([
 		var aContentAreas = this.getContentAreas();
 
 		var aValidAssContentAreas = aAssociatedContentAreas.map(function (sId) {
-			return sap.ui.getCore().byId(sId);
+			return Element.getElementById(sId);
 		}).filter(function (oContent) { return oContent; });
 
 		return aContentAreas.concat(aValidAssContentAreas);
@@ -109,11 +110,11 @@ sap.ui.define([
 
 		iBar = parseInt(this._oLastDOMclicked.id.substr((sId + "-splitbar-").length));
 		oContentArea = this._getContentAreas()[iBar];
-		oContentArea._currentPosition = this.getCalculatedSizes()[iBar];
+		oContentArea._currentPosition = this._calculatedSizes[iBar];
 		oContentArea._lastPosition = oContentArea._lastPosition || oContentArea._currentPosition;
 
 		if (oContentArea._currentPosition === oContentArea._lastPosition) {
-			this._resizeContents(iBar, (this.getCalculatedSizes()[iBar]) * -1, true);
+			this._resizeContents(iBar, (this._calculatedSizes[iBar]) * -1, true);
 		} else {
 			this._resizeContents(iBar, oContentArea._lastPosition, true);
 			oContentArea._lastPosition = null;

package/src/sap/ui/layout/BlockLayout.js

@@ -63,7 +63,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.120.6
+		 * @version 1.121.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/ui/layout/BlockLayoutCell.js

@@ -26,7 +26,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.120.6
+		 * @version 1.121.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/ui/layout/BlockLayoutCellData.js

@@ -18,7 +18,7 @@ sap.ui.define(['sap/ui/core/LayoutData', './library'],
 	 * @class
 	 * Holds layout data for the BlockLayoutCells contents.
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 * @constructor
 	 * @public
 	 * @since 1.50.0

package/src/sap/ui/layout/BlockLayoutRow.js

@@ -32,7 +32,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.120.6
+		 * @version 1.121.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/ui/layout/DynamicSideContent.js

@@ -6,6 +6,7 @@
 
 // Provides control sap.ui.layout.DynamicSideContent.
 sap.ui.define([
+	"sap/ui/core/RenderManager",
 	'sap/ui/thirdparty/jquery',
 	'sap/ui/core/Control',
 	'sap/ui/core/ResizeHandler',
@@ -13,7 +14,7 @@ sap.ui.define([
 	'sap/ui/layout/library',
 	'./DynamicSideContentRenderer'
 ],
-	function(jQuery, Control, ResizeHandler, ScrollEnablement, library, DynamicSideContentRenderer) {
+	function(RenderManager, jQuery, Control, ResizeHandler, ScrollEnablement, library, DynamicSideContentRenderer) {
 		"use strict";
 
 		// shortcut for sap.ui.layout.SideContentPosition
@@ -87,14 +88,16 @@ sap.ui.define([
 		 * side content disappears on screen widths of less than 720 px and can only be
 		 * viewed by triggering it.
 		 *
-		 * <b>Note:</b> If the control that has property sticky inside the <code>DynamicSideContent</code> the stickiness of that control will not work.
-		 * <code>DynamicSideContent</code> has the overflow: auto style definition and this prevents the sticky elements of the control from becoming fixed at the top of the viewport.
+		 * <b>Note:</b> If there is a control that has property <code>sticky</code> inside the
+		 * <code>DynamicSideContent</code> the stickiness of that control will not work.
+		 * <code>DynamicSideContent</code> has the overflow: auto style definition and this prevents
+		 * the sticky elements of the inside controls from becoming fixed at the top of the viewport.
 		 * This applies for example to {@link sap.m.Table} and {@link sap.m.PlanningCalendar}.
 		 *
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.120.6
+		 * @version 1.121.0
 		 *
 		 * @constructor
 		 * @public
@@ -131,14 +134,50 @@ sap.ui.define([
 					sideContentFallDown : {type : "sap.ui.layout.SideContentFallDown", group : "Appearance", defaultValue : SideContentFallDown.OnMinimumWidth},
 
 					/**
-					 * Defines whether the control is in equal split mode. In this mode, the side and the main content
-					 * take 50:50 percent of the container on all screen sizes except for phone, where the main and
-					 * side contents are switching visibility using the toggle method.
+					 * Sets the width of the side content for M breakpoint (screen width <= 1024 px and > 720px).
+					 *
+					 * Setting value to this property overrides the default width of the side content container in M breakpoint,
+					 * except when an <code>equalSplit</code> property is set. The width of the main content container is calculated
+					 * respectively.
+					 *
+					 * @since 1.121
+					 */
+					sideContentWidthM : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : null},
+
+					/**
+					 * Sets the width of the side content for L breakpoint (screen width <= 1440 px and > 1024px).
+					 *
+					 * Setting value to this property overrides the default width of the side content container in L breakpoint,
+					 * except when an <code>equalSplit</code> property is set. The width of the main content container is calculated
+					 * respectively.
+					 *
+					 * @since 1.121
+					 */
+					sideContentWidthL : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : null},
+
+					/**
+					 * Sets the width of the side content for XL breakpoint (screen width > 1440 px).
+					 *
+					 * Setting value to this property overrides the default width of the side content container in XL breakpoint,
+					 * except when an <code>equalSplit</code> property is set. The width of the main content container is calculated
+					 * respectively.
+					 *
+					 * @since 1.121
+					 */
+					sideContentWidthXL : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : null},
+
+					/**
+					 * Defines whether the control is in equal split mode. In this mode, the side and the main content take 50:50 percent
+					 * of the container on all screen sizes except for phone, where the main and side contents are switching visibility
+					 * using the toggle method.
+					 *
+					 * <b>Note:</b> setting this property overrides values set in <code>sideContentWidthM, sideContentWidthL, sideContentWidthXL</code>.
 					 */
 					equalSplit : {type : "boolean", group : "Appearance", defaultValue : false},
 
 					/**
-					 * If set to TRUE, then not the media Query (device screen size) but the size of the container, surrounding the control, defines the current range.
+					 * If set to <code>true</code>, then not the media Query (device screen size) but the size of the container, surrounding the control,
+					 * defines the current range.
 					 */
 					containerQuery : {type : "boolean", group : "Behavior", defaultValue : false},
 
@@ -539,7 +578,7 @@ sap.ui.define([
 		 */
 		DynamicSideContent.prototype._rerenderControl = function (aControls, $domElement) {
 			if (this.getDomRef()) {
-				var oRm = sap.ui.getCore().createRenderManager();
+				var oRm = new RenderManager().getInterface();
 				this.getRenderer().renderControls(oRm, aControls);
 				oRm.flush($domElement[0]);
 				oRm.destroy();
@@ -609,6 +648,7 @@ sap.ui.define([
 			} else if (iWidth > L_XL_BREAKPOINT && this._currentBreakpoint !== XL) {
 				return XL;
 			}
+
 			return this._currentBreakpoint;
 		};
 
@@ -619,11 +659,14 @@ sap.ui.define([
 		 * @param {int} iWidth is the parent container width
 		 */
 		DynamicSideContent.prototype._setBreakpointFromWidth = function (iWidth) {
-			this._currentBreakpoint = this._getBreakPointFromWidth(iWidth);
+			var sNewBreakpoint = this._getBreakPointFromWidth(iWidth),
+				sCurrentBreakpoint = this._currentBreakpoint;
+
+			this._currentBreakpoint = sNewBreakpoint;
 			if (this._bSuppressInitialFireBreakPointChange) {
 				this._bSuppressInitialFireBreakPointChange = false;
 			} else {
-				this.fireBreakpointChanged({currentBreakpoint : this._currentBreakpoint});
+				sNewBreakpoint !== sCurrentBreakpoint && this.fireBreakpointChanged({currentBreakpoint : this._currentBreakpoint});
 			}
 		};
 
@@ -638,9 +681,7 @@ sap.ui.define([
 				this._iWindowWidth = jQuery(window).width();
 			}
 
-			this._currentBreakpoint = this._getBreakPointFromWidth(this._iWindowWidth);
-
-			this._setResizeData(this._currentBreakpoint, this.getEqualSplit());
+			this._setResizeData(this._getBreakPointFromWidth(this._iWindowWidth), this.getEqualSplit());
 			this._changeGridState();
 			this._setBreakpointFromWidth(this._iWindowWidth);
 		};
@@ -749,6 +790,31 @@ sap.ui.define([
 			return ((bSameLine && bBothVisible) || bOneVisible || bFixedSC || bSCNeverShow);
 		};
 
+		/** Gets the width (if any) for the current breakpoint
+		 * @private
+		 * @returns {string} width for the current breakpoint, or empty string if there is no such defined
+		 */
+		DynamicSideContent.prototype._getSideContentWidth = function() {
+			var sWidth,
+				sBreakpoint = this.getCurrentBreakpoint();
+
+			switch (sBreakpoint) {
+				case M:
+						sWidth = this.getSideContentWidthM();
+						break;
+				case L:
+						sWidth = this.getSideContentWidthL();
+						break;
+				case XL:
+						sWidth = this.getSideContentWidthXL();
+						break;
+				default:
+						sWidth = "";
+			}
+
+			return sWidth;
+		};
+
 		/**
 		 * Changes the state of the grid without re-rendering the control.
 		 * Shows and hides the main and side content.
@@ -758,9 +824,11 @@ sap.ui.define([
 			var $sideContent = this.$(SC_GRID_CELL_SELECTOR),
 				$mainContent = this.$(MC_GRID_CELL_SELECTOR),
 				bMainContentVisibleProperty = this.getProperty("showMainContent"),
-				bSideContentVisibleProperty = this.getProperty("showSideContent");
+				bSideContentVisibleProperty = this.getProperty("showSideContent"),
+				bFloat = this._shouldSetHeight(),
+				sSideContentWidth = this._getSideContentWidth();
 
-			if (this._bFixedSideContent) {
+			if (this._bFixedSideContent && !sSideContentWidth) {
 				$sideContent.removeClass().addClass(SC_FIXED_CLASS);
 				$mainContent.removeClass().addClass(MC_FIXED_CLASS);
 			} else {
@@ -769,35 +837,47 @@ sap.ui.define([
 			}
 
 			if (this._SCVisible && this._MCVisible && bSideContentVisibleProperty && bMainContentVisibleProperty) {
-				if (!this._bFixedSideContent) {
+				if (!this._bFixedSideContent && (!sSideContentWidth || this.getEqualSplit())) {
 					$mainContent.removeClass().addClass("sapUiDSCSpan" + this.getProperty("mcSpan"));
 					$sideContent.removeClass().addClass("sapUiDSCSpan" + this.getProperty("scSpan"));
 				}
-				if (this._shouldSetHeight()) {
-					$sideContent.css("height", "100%").css("float", "left");
-					$mainContent.css("height", "100%").css("float", "left");
-				} else {
-					$sideContent.css("height", "auto").css("float", "none");
-					$mainContent.css("height", "auto").css("float", "none");
-				}
+				$mainContent.removeClass(HIDDEN_CLASS);
+				$sideContent.removeClass(HIDDEN_CLASS);
+				$sideContent.css(this._getSideContentStyles(bFloat));
+				$mainContent.css(this._getMainContentStyles(bFloat));
 			} else if (!this._SCVisible && !this._MCVisible) {
 				$mainContent.addClass(HIDDEN_CLASS);
 				$sideContent.addClass(HIDDEN_CLASS);
-			} else if (this._MCVisible && bMainContentVisibleProperty) {
-				$mainContent.removeClass().addClass(SPAN_SIZE_12_CLASS);
+			} else if ((this._MCVisible && bMainContentVisibleProperty) || (!bMainContentVisibleProperty && !bSideContentVisibleProperty)) {
+				$mainContent.removeClass().addClass(SPAN_SIZE_12_CLASS).css("width", "");
 				$sideContent.addClass(HIDDEN_CLASS);
 			} else if (this._SCVisible && bSideContentVisibleProperty) {
-				$sideContent.removeClass().addClass(SPAN_SIZE_12_CLASS);
+				$sideContent.removeClass().addClass(SPAN_SIZE_12_CLASS).css("width", "");
 				$mainContent.addClass(HIDDEN_CLASS);
-			} else if (!bMainContentVisibleProperty && !bSideContentVisibleProperty) {
-				$mainContent.addClass(HIDDEN_CLASS);
-				$sideContent.addClass(HIDDEN_CLASS);
 			}
 
 			$mainContent.addClass("sapUiDSCM");
 			$sideContent.addClass("sapUiDSCS");
 		};
 
+		DynamicSideContent.prototype._getMainContentStyles = function(bFloat) {
+			var sSideContentWidth = this._getSideContentWidth();
+			return {
+				"width": sSideContentWidth && bFloat && !this.getEqualSplit() ? "calc(100% - " + sSideContentWidth + ")" : "",
+				"float": bFloat ? "left" : "none",
+				"height": bFloat ? "100%" : "auto"
+			};
+		};
+
+		DynamicSideContent.prototype._getSideContentStyles = function(bFloat) {
+			var sSideContentWidth = this._getSideContentWidth();
+			return {
+				"width": sSideContentWidth && bFloat && !this.getEqualSplit() ? sSideContentWidth : "",
+				"float": bFloat ? "left" : "none",
+				"height": bFloat ? "100%" : "auto"
+			};
+		};
+
 		/**
 		 * Sets the main and side content span size.
 		 * @param {int} iScSpan Side content span size