@openui5/sap.m 1.106.0 → 1.107.0

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

package/src/sap/m/BusyIndicator.js

@@ -46,86 +46,89 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.BusyIndicator
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/busy-indicator/ Busy Indicator}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var BusyIndicator = Control.extend("sap.m.BusyIndicator", /** @lends sap.m.BusyIndicator.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * Defines text to be displayed below the busy indicator.
-			 * It can be used to inform the user of the current operation.
-			 */
-			text : {type : "string", group : "Data", defaultValue : ""},
-
-			/**
-			 * Options for the text direction are RTL and LTR.
-			 * Alternatively, the control can inherit the text direction from its parent container.
-			 */
-			textDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit},
-
-			/**
-			 * Icon URL if an icon is used as the busy indicator.
-			 */
-			customIcon : {type : "sap.ui.core.URI", group : "Misc", defaultValue : ""},
-
-			/**
-			 * Defines the rotation speed of the given image.
-			 * If a .gif is used, the speed has to be set to 0.
-			 * The unit is in ms.
-			 * <b>Note:</b> Values are considered valid when greater than or equal to 0.
-			 * If invalid value is provided the speed defaults to 0.
-			 */
-			customIconRotationSpeed : {type : "int", group : "Appearance", defaultValue : 1000},
-
-			/**
-			 * If this is set to false, the src image will be loaded directly without attempting
-			 * to fetch the density perfect image for high density device.
-			 * By default, this is set to true but then one or more requests are sent to the server,
-			 * trying to get the density perfect version of the specified image.
-			 * If bandwidth is the key for the application, set this value to false.
-			 */
-			customIconDensityAware : {type : "boolean", defaultValue : true},
-
-			/**
-			 * Width of the provided icon. By default 44px are used.
-			 */
-			customIconWidth : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : "44px"},
-
-			/**
-			 * Height of the provided icon. By default 44px are used.
-			 */
-			customIconHeight : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : "44px"},
-
-			/**
-			 * Defines the size of the busy indicator.
-			 * The animation consists of three circles, each of which will be this size.
-			 * Therefore the total width of the control amounts to three times the given size.
-			 */
-			size : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : "1rem"},
-
-			/**
-			 * Setting this property will not have any effect on the appearance of the BusyIndicator
-			 * in versions greater than or equal to 1.32.1
-			 * @deprecated Since version 1.32.1
-			 */
-			design : {type : "string", group : "Appearance", defaultValue : "auto", deprecated: true}
+	var BusyIndicator = Control.extend("sap.m.BusyIndicator", /** @lends sap.m.BusyIndicator.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * Defines text to be displayed below the busy indicator.
+				 * It can be used to inform the user of the current operation.
+				 */
+				text : {type : "string", group : "Data", defaultValue : ""},
+
+				/**
+				 * Options for the text direction are RTL and LTR.
+				 * Alternatively, the control can inherit the text direction from its parent container.
+				 */
+				textDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit},
+
+				/**
+				 * Icon URL if an icon is used as the busy indicator.
+				 */
+				customIcon : {type : "sap.ui.core.URI", group : "Misc", defaultValue : ""},
+
+				/**
+				 * Defines the rotation speed of the given image.
+				 * If a .gif is used, the speed has to be set to 0.
+				 * The unit is in ms.
+				 * <b>Note:</b> Values are considered valid when greater than or equal to 0.
+				 * If invalid value is provided the speed defaults to 0.
+				 */
+				customIconRotationSpeed : {type : "int", group : "Appearance", defaultValue : 1000},
+
+				/**
+				 * If this is set to false, the src image will be loaded directly without attempting
+				 * to fetch the density perfect image for high density device.
+				 * By default, this is set to true but then one or more requests are sent to the server,
+				 * trying to get the density perfect version of the specified image.
+				 * If bandwidth is the key for the application, set this value to false.
+				 */
+				customIconDensityAware : {type : "boolean", defaultValue : true},
+
+				/**
+				 * Width of the provided icon. By default 44px are used.
+				 */
+				customIconWidth : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : "44px"},
+
+				/**
+				 * Height of the provided icon. By default 44px are used.
+				 */
+				customIconHeight : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : "44px"},
+
+				/**
+				 * Defines the size of the busy indicator.
+				 * The animation consists of three circles, each of which will be this size.
+				 * Therefore the total width of the control amounts to three times the given size.
+				 */
+				size : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : "1rem"},
+
+				/**
+				 * Setting this property will not have any effect on the appearance of the BusyIndicator
+				 * in versions greater than or equal to 1.32.1
+				 * @deprecated Since version 1.32.1
+				 */
+				design : {type : "string", group : "Appearance", defaultValue : "auto", deprecated: true}
+			},
+			associations: {
+				/**
+				 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
+				 * @since 1.27.0
+				 */
+				ariaLabelledBy: {type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy"}
+			}
 		},
-		associations: {
-			/**
-			 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
-			 * @since 1.27.0
-			 */
-			ariaLabelledBy: {type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy"}
-		}
-	}});
+
+		renderer: BusyIndicatorRenderer
+	});
 
 	BusyIndicator.prototype.init = function () {
 		this.setBusyIndicatorDelay(0);