@openui5/sap.m 1.106.0 → 1.107.0

package/src/sap/m/SplitApp.js

@@ -36,64 +36,67 @@ sap.ui.define([
 	 * @extends sap.m.SplitContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.SplitApp
 	 * @see {@link topic:eedfe79e4c19462eafe8780aeab16a3c Split App}
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/split-screen/ Split App}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var SplitApp = SplitContainer.extend("sap.m.SplitApp", /** @lends sap.m.SplitApp.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * Represents 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 is executed, subsequent settings are ignored.
-			 * The icon must be in PNG format. The property can either store the URL of one single icon or an object holding icon URLs for the different required sizes.
-			 * Note that if single icon is used for all devices, when scaled, its quality can regress.
-			 * 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 as 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 image size is 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. Chances can be improved by adding glare effect, rounded corners, setting the file name to end with "-precomposed.png", and setting the homeIconPrecomposed property to true.
-			 */
-			homeIcon : {type : "any", group : "Misc", defaultValue : null}
-		},
-		events : {
-
-			/**
-			 * Fires when orientation (portrait/landscape) is changed.
-			 * @deprecated Since version 1.87, use {@link sap.ui.Device.orientation.attachHandler} instead.
-			 */
-			orientationChange : {
-				deprecated: true,
-				parameters : {
-
-					/**
-					 * Returns true if the device is in landscape mode.
-					 */
-					landscape : {type : "boolean"}
+	var SplitApp = SplitContainer.extend("sap.m.SplitApp", /** @lends sap.m.SplitApp.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * Represents 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 is executed, subsequent settings are ignored.
+				 * The icon must be in PNG format. The property can either store the URL of one single icon or an object holding icon URLs for the different required sizes.
+				 * Note that if single icon is used for all devices, when scaled, its quality can regress.
+				 * 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 as 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 image size is 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. Chances can be improved by adding glare effect, rounded corners, setting the file name to end with "-precomposed.png", and setting the homeIconPrecomposed property to true.
+				 */
+				homeIcon : {type : "any", group : "Misc", defaultValue : null}
+			},
+			events : {
+
+				/**
+				 * Fires when orientation (portrait/landscape) is changed.
+				 * @deprecated Since version 1.87, use {@link sap.ui.Device.orientation.attachHandler} instead.
+				 */
+				orientationChange : {
+					deprecated: true,
+					parameters : {
+
+						/**
+						 * Returns true if the device is in landscape mode.
+						 */
+						landscape : {type : "boolean"}
+					}
 				}
-			}
+			},
+			designtime: "sap/m/designtime/SplitApp.designtime"
 		},
-		designtime: "sap/m/designtime/SplitApp.designtime"
-	}});
+
+		renderer: SplitAppRenderer
+	});
 
 
 	//**************************************************************

package/src/sap/m/SplitButton.js

@@ -46,100 +46,103 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @private
 		 * @ui5-restricted sap.m.MenuButton,sap.ui.richtextEditor.ToolbarWrapper
 		 * @alias sap.m.SplitButton
-		 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 		 */
-		var SplitButton = Control.extend("sap.m.SplitButton", /** @lends sap.m.SplitButton.prototype */ { metadata : {
-
-			interfaces : [
-				"sap.m.IOverflowToolbarContent"
-			],
-			library : "sap.m",
-			properties : {
-
-				/**
-				 * Define the text of the button.
-				 */
-				text : {type : "string", group : "Misc", defaultValue : null},
-
-				/**
-				 * Defines the type of the button (for example, Default, Accept, Reject, Transparent).
-				 * Values <code>Back</code>, <code>Up</code> and <code>Unstyled</code> are ignored.
-				 */
-				type : {type : "sap.m.ButtonType", group : "Appearance", defaultValue : ButtonType.Default},
-
-				/**
-				 * Defines the width of the button.
-				 */
-				width : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : null},
-
-				/**
-				 * Boolean property to enable the control (default is <code>true</code>).
-				 * <b>Note:</b> Depending on custom settings, the buttons that are disabled have other colors than the enabled ones.
-				 */
-				enabled : {type : "boolean", group : "Behavior", defaultValue : true},
-
-				/**
-				 * Defines the icon to be displayed as graphical element within the button.
-				 * This can be an image or an icon from the icon font.
-				 */
-				icon : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
-
-				/**
-				 * The source property of an alternative icon for the active (pressed) state of the button.
-				 * Both active and default icon properties should be defined and of the same type - image or icon font.
-				 * If the <code>icon</code> property is not set or has a different type, the active icon is not displayed.
-				 */
-				activeIcon : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
-
-				/**
-				 * When set to <code>true</code (default), one or more requests are sent trying to get
-				 * the density perfect version of image if this version of image doesn't exist on the server.
-				 * If only one version of image is provided, set this value to <code>false</code> to
-				 * avoid the attempt of fetching density perfect image.
-				 */
-				iconDensityAware : {type : "boolean", group : "Misc", defaultValue : true},
-
-				/**
-				 * This property specifies the element's text directionality with enumerated options.
-				 * By default, the control inherits text direction from the DOM.
-				 */
-				textDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit}
-			},
-			aggregations: {
-				_textButton: { type: "sap.m.Button", multiple: false, visibility: "hidden" },
-				_arrowButton: { type: "sap.m.Button", multiple: false, visibility: "hidden" }
+		var SplitButton = Control.extend("sap.m.SplitButton", /** @lends sap.m.SplitButton.prototype */ {
+			metadata : {
+
+				interfaces : [
+					"sap.m.IOverflowToolbarContent"
+				],
+				library : "sap.m",
+				properties : {
+
+					/**
+					 * Define the text of the button.
+					 */
+					text : {type : "string", group : "Misc", defaultValue : null},
+
+					/**
+					 * Defines the type of the button (for example, Default, Accept, Reject, Transparent).
+					 * Values <code>Back</code>, <code>Up</code> and <code>Unstyled</code> are ignored.
+					 */
+					type : {type : "sap.m.ButtonType", group : "Appearance", defaultValue : ButtonType.Default},
+
+					/**
+					 * Defines the width of the button.
+					 */
+					width : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : null},
+
+					/**
+					 * Boolean property to enable the control (default is <code>true</code>).
+					 * <b>Note:</b> Depending on custom settings, the buttons that are disabled have other colors than the enabled ones.
+					 */
+					enabled : {type : "boolean", group : "Behavior", defaultValue : true},
+
+					/**
+					 * Defines the icon to be displayed as graphical element within the button.
+					 * This can be an image or an icon from the icon font.
+					 */
+					icon : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
+
+					/**
+					 * The source property of an alternative icon for the active (pressed) state of the button.
+					 * Both active and default icon properties should be defined and of the same type - image or icon font.
+					 * If the <code>icon</code> property is not set or has a different type, the active icon is not displayed.
+					 */
+					activeIcon : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
+
+					/**
+					 * When set to <code>true</code (default), one or more requests are sent trying to get
+					 * the density perfect version of image if this version of image doesn't exist on the server.
+					 * If only one version of image is provided, set this value to <code>false</code> to
+					 * avoid the attempt of fetching density perfect image.
+					 */
+					iconDensityAware : {type : "boolean", group : "Misc", defaultValue : true},
+
+					/**
+					 * This property specifies the element's text directionality with enumerated options.
+					 * By default, the control inherits text direction from the DOM.
+					 */
+					textDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit}
+				},
+				aggregations: {
+					_textButton: { type: "sap.m.Button", multiple: false, visibility: "hidden" },
+					_arrowButton: { type: "sap.m.Button", multiple: false, visibility: "hidden" }
+				},
+				associations : {
+
+					/**
+					 * Association to controls / IDs, which describe this control (see WAI-ARIA attribute aria-describedby).
+					 */
+					ariaDescribedBy : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"},
+
+					/**
+					 * Association to controls / IDs, which label this control (see WAI-ARIA attribute aria-labelledby).
+					 */
+					ariaLabelledBy : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
+				},
+				events : {
+					/**
+					 * Fired when the user clicks on the control.
+					 */
+					press : {},
+
+					/**
+					 * Fired when the arrow button is pressed.
+					 */
+					arrowPress : {
+					}
+				}
 			},
-			associations : {
-
-				/**
-				 * Association to controls / IDs, which describe this control (see WAI-ARIA attribute aria-describedby).
-				 */
-				ariaDescribedBy : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"},
 
-				/**
-				 * Association to controls / IDs, which label this control (see WAI-ARIA attribute aria-labelledby).
-				 */
-				ariaLabelledBy : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
-			},
-			events : {
-				/**
-				 * Fired when the user clicks on the control.
-				 */
-				press : {},
-
-				/**
-				 * Fired when the arrow button is pressed.
-				 */
-				arrowPress : {
-				}
-			}
-		}});
+			renderer: SplitButtonRenderer
+		});
 
 		EnabledPropagator.call(SplitButton.prototype);
 
@@ -155,11 +158,15 @@ function(
 			$arrowButtonRef.removeAttr("aria-describedby");
 		};
 
-		SplitButton.prototype._handleAction = function(bIsArrowDown) {
-			if (bIsArrowDown) {
-				this.fireArrowPress();
+		SplitButton.prototype._handleAction = function(oEvent) {
+			if (oEvent.getSource().hasStyleClass("sapMSBArrow")) {
+				this.fireArrowPress({
+					keyboard: oEvent.getParameter("keyboard")
+				});
 			} else {
-				this.firePress();
+				this.firePress({
+					keyboard: oEvent.getParameter("keyboard")
+				});
 			}
 		};
 
@@ -192,7 +199,7 @@ function(
 					width: '100%',
 					icon: this.getIcon(),
 					text: this.getText(),
-					press: this._handleAction.bind(this, false)
+					press: this._handleAction.bind(this)
 				}).addStyleClass('sapMSBText');
 
 				this.setAggregation("_textButton", oCtrl);
@@ -208,7 +215,7 @@ function(
 				oCtrl = new Button({
 					id: this.getId() + "-arrowButton",
 					icon: "sap-icon://slim-arrow-down",
-					press: this._handleAction.bind(this, true),
+					press: this._handleAction.bind(this),
 					tooltip: sap.ui.getCore().getLibraryResourceBundle("sap.m").getText("SPLIT_BUTTON_ARROW_TOOLTIP"),
 					ariaHasPopup: coreLibrary.aria.HasPopup.Menu
 				}).addStyleClass("sapMSBArrow");
@@ -264,19 +271,19 @@ function(
 		};
 
 		SplitButton.prototype.onsapup = function(oEvent) {
-			this._getArrowButton().firePress();
+			this._getArrowButton().firePress({keyboard: true});
 		};
 
 		SplitButton.prototype.onsapdown = function(oEvent) {
-			this._getArrowButton().firePress();
+			this._getArrowButton().firePress({keyboard: true});
 		};
 
 		SplitButton.prototype.onsapupmodifiers = function(oEvent) {
-			this._getArrowButton().firePress();
+			this._getArrowButton().firePress({keyboard: true});
 		};
 
 		SplitButton.prototype.onsapdownmodifiers = function(oEvent) {
-			this._getArrowButton().firePress();
+			this._getArrowButton().firePress({keyboard: true});
 		};
 
 		//F4