@openui5/sap.m 1.105.1 → 1.107.0

package/src/sap/m/App.js

@@ -49,117 +49,120 @@ sap.ui.define([
 	 * @extends sap.m.NavContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.App
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var App = NavContainer.extend("sap.m.App", /** @lends sap.m.App.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * The icon to be displayed on the home screen of iOS devices after the user does "add to home screen".
-			 *
-			 * Note that only the first attempt to set the homeIcon will be executed, subsequent settings are ignored.
-			 *
-			 * This icon must be in PNG format. The property can either hold the URL of one single icon which is used for all devices (and possibly scaled, which looks not perfect), or an object holding icon URLs for the different required sizes.
-			 *
-			 * A desktop icon (used for bookmarks and overriding the favicon) can also be configured. This requires an object to be given and the "icon" property of this object then defines the desktop bookmark icon. The ICO format is supported by all browsers. ICO is also preferred for this desktop icon setting because the file can contain different images for different resolutions.
-			 *
-			 * One example is:
-			 *
-			 * app.setHomeIcon({
-			 * 'phone':'phone-icon.png',
-			 * 'phone@2':'phone-retina.png',
-			 * 'tablet':'tablet-icon.png',
-			 * 'tablet@2':'tablet-retina.png',
-			 * 'icon':'desktop.ico'
-			 * });
-			 *
-			 * The respective image sizes are 57/114 px for the phone and 72/144 px for the tablet.
-			 * If an object is given but one of the sizes is not given, the largest given icon will be used for this size.
-			 *
-			 * On Android these icons may or may not be used by the device. Apparently chances can be improved by adding glare effect and rounded corners, setting the file name so it ends with "-precomposed.png" and setting the "homeIconPrecomposed" property to "true".
-			 */
-			homeIcon : {type : "any", group : "Misc", defaultValue : null},
-
-			/**
-			 * Background color of the App. If set, this color will override the default background defined by the theme. So this should only be set when really required.
-			 * Any configured background image will be placed above this colored background. But any theme adaptation in the Theme Designer will override this setting.
-			 * Use the "backgroundRepeat" property to define whether this image should be stretched to cover the complete App or whether it should be tiled.
-			 * @since 1.11.2
-			 */
-			backgroundColor : {type : "string", group : "Appearance", defaultValue : null},
-
-			/**
-			 * Background image of the App. If set, this image will override the default background defined by the theme. So this should only be set when really required.
-			 * This background image will be placed above any color set for the background. But any theme adaptation in the Theme Designer will override this image setting.
-			 * Use the "backgroundRepeat" property to define whether this image should be stretched to cover the complete App or whether it should be tiled.
-			 * @since 1.11.2
-			 */
-			backgroundImage : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
-
-			/**
-			 * Whether the background image (if configured) should be proportionally stretched to cover the whole App (false) or whether it should be tiled (true).
-			 * @since 1.11.2
-			 */
-			backgroundRepeat : {type : "boolean", group : "Appearance", defaultValue : false},
-
-			/**
-			 * Opacity of the background image. The opacity can be set between 0 (fully transparent) and 1 fully opaque).
-			 * This can be used to make the application content better readable by making the background image partly transparent.
-			 * @since 1.11.2
-			 */
-			backgroundOpacity : {type : "float", group : "Appearance", defaultValue : 1},
-
-			/**
-			 * Determines whether the <code>App</code> is displayed without address bar when
-			 * opened from an exported home screen icon on a mobile device.
-			 *
-			 * Keep in mind that if enabled, there is no back button provided by the browser and the app
-			 * must provide own navigation on all displayed pages to avoid dead ends.
-			 *
-			 * <b>Note</b>
-			 * The property can be toggled, but it doesn't take effect in real time.
-			 * It takes the set value at the moment when the home screen icon is exported by the user.
-			 * For example, if the icon is exported while the property is set to <code>true</code>,
-			 * the <code>App</code> will have no address bar when opened from that same icon regardless
-			 * of a changed property value to <code>false</code> at a later time.
-			 *
-			 * @since 1.58.0
-			 */
-			mobileWebAppCapable : {type : "boolean", group : "Appearance", defaultValue : true},
-			/**
-			 * Determines whether <code>sap.m.App</code> is used as a top level control.
-			 *
-			 * <b>Note</b>: When the <code>isTopLevel</code> property set to <code>true</code>, <code>sap.m.App</code>
-			 * traverses its parent DOM elements and sets their height to 100%.
-			 *
-			 * @since 1.91
-			 */
-			 isTopLevel : {type : "boolean", group : "Behavior", defaultValue : true}
-		},
-		events : {
-
-			/**
-			 * Fired when the orientation (portrait/landscape) of the device is changed.
-			 * @deprecated Since version 1.20.0, use {@link sap.ui.Device.orientation.attachHandler} instead.
-			 */
-			orientationChange : {deprecated: true,
-				parameters : {
-
-					/**
-					 * Whether the device is in landscape orientation.
-					 */
-					landscape : {type : "boolean"}
+	var App = NavContainer.extend("sap.m.App", /** @lends sap.m.App.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * The icon to be displayed on the home screen of iOS devices after the user does "add to home screen".
+				 *
+				 * Note that only the first attempt to set the homeIcon will be executed, subsequent settings are ignored.
+				 *
+				 * This icon must be in PNG format. The property can either hold the URL of one single icon which is used for all devices (and possibly scaled, which looks not perfect), or an object holding icon URLs for the different required sizes.
+				 *
+				 * A desktop icon (used for bookmarks and overriding the favicon) can also be configured. This requires an object to be given and the "icon" property of this object then defines the desktop bookmark icon. The ICO format is supported by all browsers. ICO is also preferred for this desktop icon setting because the file can contain different images for different resolutions.
+				 *
+				 * One example is:
+				 *
+				 * app.setHomeIcon({
+				 * 'phone':'phone-icon.png',
+				 * 'phone@2':'phone-retina.png',
+				 * 'tablet':'tablet-icon.png',
+				 * 'tablet@2':'tablet-retina.png',
+				 * 'icon':'desktop.ico'
+				 * });
+				 *
+				 * The respective image sizes are 57/114 px for the phone and 72/144 px for the tablet.
+				 * If an object is given but one of the sizes is not given, the largest given icon will be used for this size.
+				 *
+				 * On Android these icons may or may not be used by the device. Apparently chances can be improved by adding glare effect and rounded corners, setting the file name so it ends with "-precomposed.png" and setting the "homeIconPrecomposed" property to "true".
+				 */
+				homeIcon : {type : "any", group : "Misc", defaultValue : null},
+
+				/**
+				 * Background color of the App. If set, this color will override the default background defined by the theme. So this should only be set when really required.
+				 * Any configured background image will be placed above this colored background. But any theme adaptation in the Theme Designer will override this setting.
+				 * Use the "backgroundRepeat" property to define whether this image should be stretched to cover the complete App or whether it should be tiled.
+				 * @since 1.11.2
+				 */
+				backgroundColor : {type : "string", group : "Appearance", defaultValue : null},
+
+				/**
+				 * Background image of the App. If set, this image will override the default background defined by the theme. So this should only be set when really required.
+				 * This background image will be placed above any color set for the background. But any theme adaptation in the Theme Designer will override this image setting.
+				 * Use the "backgroundRepeat" property to define whether this image should be stretched to cover the complete App or whether it should be tiled.
+				 * @since 1.11.2
+				 */
+				backgroundImage : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
+
+				/**
+				 * Whether the background image (if configured) should be proportionally stretched to cover the whole App (false) or whether it should be tiled (true).
+				 * @since 1.11.2
+				 */
+				backgroundRepeat : {type : "boolean", group : "Appearance", defaultValue : false},
+
+				/**
+				 * Opacity of the background image. The opacity can be set between 0 (fully transparent) and 1 fully opaque).
+				 * This can be used to make the application content better readable by making the background image partly transparent.
+				 * @since 1.11.2
+				 */
+				backgroundOpacity : {type : "float", group : "Appearance", defaultValue : 1},
+
+				/**
+				 * Determines whether the <code>App</code> is displayed without address bar when
+				 * opened from an exported home screen icon on a mobile device.
+				 *
+				 * Keep in mind that if enabled, there is no back button provided by the browser and the app
+				 * must provide own navigation on all displayed pages to avoid dead ends.
+				 *
+				 * <b>Note</b>
+				 * The property can be toggled, but it doesn't take effect in real time.
+				 * It takes the set value at the moment when the home screen icon is exported by the user.
+				 * For example, if the icon is exported while the property is set to <code>true</code>,
+				 * the <code>App</code> will have no address bar when opened from that same icon regardless
+				 * of a changed property value to <code>false</code> at a later time.
+				 *
+				 * @since 1.58.0
+				 */
+				mobileWebAppCapable : {type : "boolean", group : "Appearance", defaultValue : true},
+				/**
+				 * Determines whether <code>sap.m.App</code> is used as a top level control.
+				 *
+				 * <b>Note</b>: When the <code>isTopLevel</code> property set to <code>true</code>, <code>sap.m.App</code>
+				 * traverses its parent DOM elements and sets their height to 100%.
+				 *
+				 * @since 1.91
+				 */
+				 isTopLevel : {type : "boolean", group : "Behavior", defaultValue : true}
+			},
+			events : {
+
+				/**
+				 * Fired when the orientation (portrait/landscape) of the device is changed.
+				 * @deprecated Since version 1.20.0, use {@link sap.ui.Device.orientation.attachHandler} instead.
+				 */
+				orientationChange : {deprecated: true,
+					parameters : {
+
+						/**
+						 * Whether the device is in landscape orientation.
+						 */
+						landscape : {type : "boolean"}
+					}
 				}
 			}
-		}
-	}});
+		},
+
+		renderer: AppRenderer
+	});
 
 	App.prototype.init = function() {
 		NavContainer.prototype.init.apply(this, arguments);

package/src/sap/m/AssociativeOverflowToolbar.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/base/Log', './OverflowToolbar', './OverflowToolbarRenderer',
 		 * @extends sap.m.OverflowToolbar
 		 *
 		 * @author SAP SE
-		 * @version 1.105.1
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/Avatar.js

@@ -80,14 +80,13 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.73
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/avatar/ Avatar}
 	 * @alias sap.m.Avatar
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var Avatar = Control.extend("sap.m.Avatar", {
 		metadata: {
@@ -230,7 +229,9 @@ sap.ui.define([
 			},
 			dnd: { draggable: true, droppable: false },
 			designtime: "sap/m/designtime/Avatar.designtime"
-		}
+		},
+
+		renderer: AvatarRenderer
 	});
 
 	/**

package/src/sap/m/AvatarColor.js

@@ -22,7 +22,6 @@ sap.ui.define([], function() {
 	 * @public
 	 * @alias sap.m.AvatarColor
 	 * @since 1.73
-	 * @ui5-metamodel This simple type also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var AvatarColor = {
 		/**

package/src/sap/m/AvatarImageFitType.js

@@ -14,7 +14,6 @@ sap.ui.define([], function() {
 	 * @alias sap.m.AvatarImageFitType
 	 * @public
 	 * @since 1.73
-	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var AvatarImageFitType = {
 		/**

package/src/sap/m/AvatarShape.js

@@ -14,7 +14,6 @@ sap.ui.define([], function() {
 	 * @public
 	 * @alias sap.m.AvatarShape
 	 * @since 1.73
-	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var AvatarShape = {
 		/**

package/src/sap/m/AvatarSize.js

@@ -14,7 +14,6 @@ sap.ui.define([], function() {
 	 * @public
 	 * @alias sap.m.AvatarSize
 	 * @since 1.73
-	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var AvatarSize = {
 		/**

package/src/sap/m/AvatarType.js

@@ -14,7 +14,6 @@ sap.ui.define([], function() {
 	 * @public
 	 * @alias sap.m.AvatarType
 	 * @since 1.73
-	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var AvatarType = {
 		/**

package/src/sap/m/Bar.js

@@ -12,9 +12,10 @@ sap.ui.define([
 	'sap/ui/core/ResizeHandler',
 	'sap/ui/Device',
 	'./BarRenderer',
-	"sap/ui/thirdparty/jquery"
+	"sap/ui/thirdparty/jquery",
+	"sap/ui/core/Configuration"
 ],
-	function(BarInPageEnabler, library, Control, ResizeHandler, Device, BarRenderer, jQuery) {
+	function(BarInPageEnabler, library, Control, ResizeHandler, Device, BarRenderer, jQuery, Configuration) {
 	"use strict";
 
 
@@ -56,81 +57,84 @@ sap.ui.define([
 	 * @implements sap.m.IBar
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.Bar
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var Bar = Control.extend("sap.m.Bar", /** @lends sap.m.Bar.prototype */ { metadata : {
-
-		interfaces : [
-			"sap.m.IBar"
-		],
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * If this flag is set to true, contentMiddle will be rendered as a HBox and layoutData can be used to allocate available space.
-			 * @deprecated since version 1.16, replaced by <code>contentMiddle</code> aggregation.
-			 * <code>contentMiddle</code> will always occupy of the 100% width when no <code>contentLeft</code> and <code>contentRight</code> are being set.
-			 */
-			enableFlexBox : {type : "boolean", group : "Misc", defaultValue : false, deprecated: true},
-
-			/**
-			 * Indicates whether the Bar is partially translucent.
-			 * It is only applied for touch devices.
-			 * @since 1.12
-			 * @deprecated since version 1.18.6.
-			 * This property has no effect since release 1.18.6 and should not be used. Translucent bar may overlay an input and make it difficult to edit.
-			 */
-			translucent : {type : "boolean", group : "Appearance", defaultValue : false, deprecated: true},
-
-			/**
-			 * Determines the design of the bar. If set to auto, it becomes dependent on the place where the bar is placed.
-			 * @since 1.22
-			 */
-			design : {type : "sap.m.BarDesign", group : "Appearance", defaultValue : BarDesign.Auto},
-
-			/**
-			 * Specifies the Title alignment (theme specific).
-			 * If set to <code>TitleAlignment.None</code>, the automatic title alignment depending on the theme settings will be disabled.
-			 * If set to <code>TitleAlignment.Auto</code>, the Title will be aligned as it is set in the theme (if not set, the default value is <code>center</code>);
-			 * Other possible values are <code>TitleAlignment.Start</code> (left or right depending on LTR/RTL), and <code>TitleAlignment.Center</code> (centered)
-			 * @since 1.85
-			 * @public
-			 */
-			titleAlignment : {type : "sap.m.TitleAlignment", group : "Misc", defaultValue : TitleAlignment.None}
-
-		},
-		aggregations : {
-
-			/**
-			 * Represents the left content area, usually containing a button or an app icon. If it is overlapped by the right content, its content will disappear and the text will show an ellipsis.
-			 */
-			contentLeft : {type : "sap.ui.core.Control", multiple : true, singularName : "contentLeft"},
-
-			/**
-			 * Represents the middle content area. Controls such as label, segmented buttons or select can be placed here. The content is centrally positioned if there is enough space. If the right or left content overlaps the middle content, the middle content will be centered in the space between the left and the right content.
-			 */
-			contentMiddle : {type : "sap.ui.core.Control", multiple : true, singularName : "contentMiddle"},
-
-			/**
-			 *  Represents the right content area. Controls such as action buttons or search field can be placed here.
-			 */
-			contentRight : {type : "sap.ui.core.Control", multiple : true, singularName : "contentRight"}
+	var Bar = Control.extend("sap.m.Bar", /** @lends sap.m.Bar.prototype */ {
+		metadata : {
+
+			interfaces : [
+				"sap.m.IBar"
+			],
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * If this flag is set to true, contentMiddle will be rendered as a HBox and layoutData can be used to allocate available space.
+				 * @deprecated since version 1.16, replaced by <code>contentMiddle</code> aggregation.
+				 * <code>contentMiddle</code> will always occupy of the 100% width when no <code>contentLeft</code> and <code>contentRight</code> are being set.
+				 */
+				enableFlexBox : {type : "boolean", group : "Misc", defaultValue : false, deprecated: true},
+
+				/**
+				 * Indicates whether the Bar is partially translucent.
+				 * It is only applied for touch devices.
+				 * @since 1.12
+				 * @deprecated since version 1.18.6.
+				 * This property has no effect since release 1.18.6 and should not be used. Translucent bar may overlay an input and make it difficult to edit.
+				 */
+				translucent : {type : "boolean", group : "Appearance", defaultValue : false, deprecated: true},
+
+				/**
+				 * Determines the design of the bar. If set to auto, it becomes dependent on the place where the bar is placed.
+				 * @since 1.22
+				 */
+				design : {type : "sap.m.BarDesign", group : "Appearance", defaultValue : BarDesign.Auto},
+
+				/**
+				 * Specifies the Title alignment (theme specific).
+				 * If set to <code>TitleAlignment.None</code>, the automatic title alignment depending on the theme settings will be disabled.
+				 * If set to <code>TitleAlignment.Auto</code>, the Title will be aligned as it is set in the theme (if not set, the default value is <code>center</code>);
+				 * Other possible values are <code>TitleAlignment.Start</code> (left or right depending on LTR/RTL), and <code>TitleAlignment.Center</code> (centered)
+				 * @since 1.85
+				 * @public
+				 */
+				titleAlignment : {type : "sap.m.TitleAlignment", group : "Misc", defaultValue : TitleAlignment.None}
+
+			},
+			aggregations : {
+
+				/**
+				 * Represents the left content area, usually containing a button or an app icon. If it is overlapped by the right content, its content will disappear and the text will show an ellipsis.
+				 */
+				contentLeft : {type : "sap.ui.core.Control", multiple : true, singularName : "contentLeft"},
+
+				/**
+				 * Represents the middle content area. Controls such as label, segmented buttons or select can be placed here. The content is centrally positioned if there is enough space. If the right or left content overlaps the middle content, the middle content will be centered in the space between the left and the right content.
+				 */
+				contentMiddle : {type : "sap.ui.core.Control", multiple : true, singularName : "contentMiddle"},
+
+				/**
+				 *  Represents the right content area. Controls such as action buttons or search field can be placed here.
+				 */
+				contentRight : {type : "sap.ui.core.Control", multiple : true, singularName : "contentRight"}
+			},
+			associations : {
+
+				/**
+				 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
+				 */
+				ariaLabelledBy : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
+			},
+			designtime: "sap/m/designtime/Bar.designtime",
+			dnd: { draggable: false, droppable: true }
 		},
-		associations : {
 
-			/**
-			 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
-			 */
-			ariaLabelledBy : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
-		},
-		designtime: "sap/m/designtime/Bar.designtime",
-		dnd: { draggable: false, droppable: true }
-	}});
+		renderer: BarRenderer
+	});
 
 	Bar.prototype.onBeforeRendering = function() {
 		var sCurrentAlignment = this.getTitleAlignment(),
@@ -247,13 +251,19 @@ sap.ui.define([
 
 		if (bContentLeft) {
 			this._sResizeListenerIdLeft = ResizeHandler.register(this._$LeftBar[0], jQuery.proxy(this._handleResize, this));
+		} else {
+			this._$LeftBar.addClass("sapMBarEmpty");
 		}
 
 		if (bContentMiddle) {
 			this._sResizeListenerIdMid = ResizeHandler.register(this._$MidBarPlaceHolder[0], jQuery.proxy(this._handleResize, this));
+		} else {
+			this._$MidBarPlaceHolder.addClass("sapMBarEmpty");
 		}
 		if (bContentRight) {
 			this._sResizeListenerIdRight = ResizeHandler.register(this._$RightBar[0], jQuery.proxy(this._handleResize, this));
+		} else {
+			this._$RightBar.addClass("sapMBarEmpty");
 		}
 	};
 
@@ -266,6 +276,10 @@ sap.ui.define([
 	 * @private
 	 */
 	Bar.prototype._updatePosition = function(bContentLeft, bContentMiddle, bContentRight) {
+		if (!bContentLeft && bContentMiddle && !bContentRight) {
+			return;
+		}
+
 		if (bContentLeft && !bContentMiddle && !bContentRight) {
 			return;
 		}
@@ -333,17 +347,21 @@ sap.ui.define([
 		var iMidBarPlaceholderWidth = this._$MidBarPlaceHolder.outerWidth(true),
 			bRtl = sap.ui.getCore().getConfiguration().getRTL(),
 			sLeftOrRight = bRtl ? "right" : "left",
-			sRightOrLeft = bRtl ? "left" : "right",
-			oMidBarCss = { visibility : "" },
-			iLeftContentPadding = parseInt(this._$LeftBar.css('padding-' + sLeftOrRight)),
-			iRightContentPadding = parseInt(this._$RightBar.css('padding-' + sRightOrLeft)),
-			iMidContentLeftPadding = parseInt(this._$MidBarPlaceHolder.css('padding-' + sLeftOrRight)),
-			iMidContentRightPadding = parseInt(this._$MidBarPlaceHolder.css('padding-' + sRightOrLeft)),
-			bEmptyLeftContent = !this.getContentLeft().length,
-			bEmptyRightContent = !this.getContentRight().length,
-			iLeftContentDelta = iLeftContentPadding - iMidContentLeftPadding,
-			iRightContentDelta = iRightContentPadding - iMidContentRightPadding,
-			iSpaceBetweenLeftAndRight = iBarWidth - ( bEmptyRightContent ? iRightContentDelta : iRightBarWidth) - (bEmptyLeftContent ? iLeftContentDelta : iLeftBarWidth),
+			oMidBarCss = { visibility : "" };
+
+		if (this.getEnableFlexBox()) {
+
+			iMidBarPlaceholderWidth = iBarWidth - iLeftBarWidth - iRightBarWidth - parseInt(this._$MidBarPlaceHolder.css('margin-left')) - parseInt(this._$MidBarPlaceHolder.css('margin-right'));
+
+			oMidBarCss.position = "absolute";
+			oMidBarCss.width = iMidBarPlaceholderWidth + "px";
+			oMidBarCss[sLeftOrRight] = iLeftBarWidth;
+
+			//calculation for flex is done
+			return oMidBarCss;
+		}
+
+		var iSpaceBetweenLeftAndRight = iBarWidth - iLeftBarWidth - iRightBarWidth,
 			iMidBarStartingPoint = (iBarWidth / 2) - (iMidBarPlaceholderWidth / 2),
 			bLeftContentIsOverlapping = iLeftBarWidth > iMidBarStartingPoint,
 			iMidBarEndPoint = (iBarWidth / 2) + (iMidBarPlaceholderWidth / 2),
@@ -352,19 +370,15 @@ sap.ui.define([
 
 		if ((sTitleAlignment !== TitleAlignment.None && sTitleAlignment !== TitleAlignment.Center) ||
 			(iSpaceBetweenLeftAndRight > 0 && (bLeftContentIsOverlapping || bRightContentIsOverlapping))) {
-			// Left or Right content is overlapping the Middle content or there is Title alignment "Center" or "None" set
+			//Left or Right content is overlapping the Middle content or there is Title alignment "Center" or "None" set
+
 			// place the middle positioned element directly next to the end of left content area
 			oMidBarCss.position = "absolute";
 
-			// Use the remaining space
+			//Use the remaining space
 			oMidBarCss.width = iSpaceBetweenLeftAndRight + "px";
 
-			// Set left or right depending on LTR/RTL
-			oMidBarCss[sLeftOrRight] = bEmptyLeftContent ? iLeftContentDelta : iLeftBarWidth;
-		}
-
-		if (bEmptyLeftContent && bEmptyRightContent ) {
-			oMidBarCss.width = "100%";
+			oMidBarCss.left = bRtl ? iRightBarWidth : iLeftBarWidth;
 		}
 
 		return oMidBarCss;

package/src/sap/m/BarRenderer.js

@@ -5,8 +5,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(['./BarInPageEnabler', 'sap/ui/Device', "sap/base/Log", 'sap/m/HBox'],
-	function(BarInPageEnabler, Device, Log, HBox) {
+sap.ui.define(['./BarInPageEnabler', 'sap/ui/Device', "sap/base/Log", 'sap/m/HBox', "sap/ui/core/Configuration"],
+	function(BarInPageEnabler, Device, Log, HBox, Configuration) {
 	"use strict";
 
 
@@ -120,7 +120,7 @@ sap.ui.define(['./BarInPageEnabler', 'sap/ui/Device', "sap/base/Log", 'sap/m/HBo
 		oRM.openStart("div", oControl.getId() + "-BarRight");
 		oRM.class("sapMBarRight");
 		oRM.class("sapMBarContainer");
-		if (sap.ui.getCore().getConfiguration().getRTL()) {
+		if (Configuration.getRTL()) {
 			oRM.class("sapMRTL");
 		}
 		writeWidthIfContentOccupiesWholeArea("right", oRM, oControl);

package/src/sap/m/Breadcrumbs.js

@@ -64,13 +64,12 @@ sap.ui.define([
 	 * @implements sap.m.IBreadcrumbs, sap.m.IOverflowToolbarContent, sap.ui.core.IShrinkable
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.34
 	 * @alias sap.m.Breadcrumbs
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 *
 	 */
 	var Breadcrumbs = Control.extend("sap.m.Breadcrumbs", {
@@ -127,7 +126,9 @@ sap.ui.define([
 					type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy"
 				}
 			}
-		}
+		},
+
+		renderer: BreadcrumbsRenderer
 	});
 
 	/*

package/src/sap/m/BusyDialog.js

@@ -62,12 +62,11 @@ sap.ui.define(['./library',
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.105.1
+		 * @version 1.107.0
 		 *
 		 * @public
 		 * @alias sap.m.BusyDialog
 		 * @see {@link fiori:https://experience.sap.com/fiori-design-web/busydialog Busy Dialog}
-		 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		var BusyDialog = Control.extend("sap.m.BusyDialog", /** @lends sap.m.BusyDialog.prototype */ {