@openui5/sap.m 1.105.1 → 1.107.0

package/src/sap/m/ActionSheet.js

@@ -15,7 +15,8 @@ sap.ui.define([
 	'sap/ui/Device',
 	'./ActionSheetRenderer',
 	'./Button',
-	"sap/ui/thirdparty/jquery"
+	"sap/ui/thirdparty/jquery",
+	"sap/ui/core/Configuration"
 ],
 	function(
 		Dialog,
@@ -27,7 +28,8 @@ sap.ui.define([
 		Device,
 		ActionSheetRenderer,
 		Button,
-		jQuery
+		jQuery,
+		Configuration
 	) {
 	"use strict";
 
@@ -70,111 +72,114 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.9.1
 	 * @alias sap.m.ActionSheet
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/action-sheet/ Action Sheet}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var ActionSheet = Control.extend("sap.m.ActionSheet", /** @lends sap.m.ActionSheet.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * The ActionSheet behaves as an sap.m.Popover in iPad and this property is the information about on which side will the popover be placed at. Possible values are sap.m.PlacementType.Left, sap.m.PlacementType.Right, sap.m.PlacementType.Top, sap.m.PlacementType.Bottom, sap.m.PlacementType.Horizontal, sap.m.PlacementType.HorizontalPreferedLeft, sap.m.PlacementType.HorizontalPreferedRight, sap.m.PlacementType.Vertical, sap.m.PlacementType.VerticalPreferedTop, sap.m.PlacementType.VerticalPreferedBottom. The default value is sap.m.PlacementType.Bottom.
-			 */
-			placement : {type : "sap.m.PlacementType", group : "Appearance", defaultValue : PlacementType.Bottom},
-
-			/**
-			 * If this is set to true, there will be a cancel button shown below the action buttons. There won't be any cancel button shown in iPad regardless of this property. The default value is set to true.
-			 */
-			showCancelButton : {type : "boolean", group : "Appearance", defaultValue : true},
-
-			/**
-			 * This is the text displayed in the cancelButton. Default value is "Cancel", and it's translated according to the current locale setting. This property will be ignored when running either in iPad or showCancelButton is set to false.
-			 */
-			cancelButtonText : {type : "string", group : "Appearance", defaultValue : null},
-
-			/**
-			 * Title will be shown in the header area in iPhone and every Android devices. This property will be ignored in tablets and desktop browser.
-			 */
-			title : {type : "string", group : "Appearance", defaultValue : null}
-		},
-		aggregations : {
-
-			/**
-			 * These buttons are added to the content area in ActionSheet control. When button is tapped, the ActionSheet is closed before the tap event listener is called.
-			 */
-			buttons : {type : "sap.m.Button", multiple : true, singularName : "button"},
-
-			/**
-			 * The internally managed cancel button.
-			 */
-			_cancelButton : {type : "sap.m.Button", multiple : false, visibility : "hidden"},
-
-			/**
-			* Hidden texts used for accesibility
-			*/
-			_invisibleAriaTexts: {type : "sap.ui.core.InvisibleText", multiple : true, visibility : "hidden"}
-		},
-		defaultAggregation : "buttons",
-		events : {
-
-			/**
-			 * This event is fired when the cancelButton is tapped. For iPad, this event is also fired when showCancelButton is set to true, and Popover is closed by tapping outside.
-			 * @deprecated Since version 1.20.0.
-			 * This event is deprecated, use the cancelButtonPress event instead.
-			 */
-			cancelButtonTap : {deprecated: true},
-
-			/**
-			 * This event will be fired before the ActionSheet is opened.
-			 */
-			beforeOpen : {},
-
-			/**
-			 * This event will be fired after the ActionSheet is opened.
-			 */
-			afterOpen : {},
-
-			/**
-			 * This event will be fired before the ActionSheet is closed.
-			 */
-			beforeClose : {
-				parameters: {
-					/**
-					 * This indicates the trigger of closing the dialog. If dialog is closed by either leftButton or rightButton, the button that closes the dialog is set to this parameter. Otherwise this parameter is set to null. This is valid only for Phone mode of the ActionSheet
-					 *
-					 */
-					origin: {type: "sap.m.Button"}
-				}
+	var ActionSheet = Control.extend("sap.m.ActionSheet", /** @lends sap.m.ActionSheet.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * The ActionSheet behaves as an sap.m.Popover in iPad and this property is the information about on which side will the popover be placed at. Possible values are sap.m.PlacementType.Left, sap.m.PlacementType.Right, sap.m.PlacementType.Top, sap.m.PlacementType.Bottom, sap.m.PlacementType.Horizontal, sap.m.PlacementType.HorizontalPreferedLeft, sap.m.PlacementType.HorizontalPreferedRight, sap.m.PlacementType.Vertical, sap.m.PlacementType.VerticalPreferedTop, sap.m.PlacementType.VerticalPreferedBottom. The default value is sap.m.PlacementType.Bottom.
+				 */
+				placement : {type : "sap.m.PlacementType", group : "Appearance", defaultValue : PlacementType.Bottom},
+
+				/**
+				 * If this is set to true, there will be a cancel button shown below the action buttons. There won't be any cancel button shown in iPad regardless of this property. The default value is set to true.
+				 */
+				showCancelButton : {type : "boolean", group : "Appearance", defaultValue : true},
+
+				/**
+				 * This is the text displayed in the cancelButton. Default value is "Cancel", and it's translated according to the current locale setting. This property will be ignored when running either in iPad or showCancelButton is set to false.
+				 */
+				cancelButtonText : {type : "string", group : "Appearance", defaultValue : null},
+
+				/**
+				 * Title will be shown in the header area in iPhone and every Android devices. This property will be ignored in tablets and desktop browser.
+				 */
+				title : {type : "string", group : "Appearance", defaultValue : null}
 			},
-
-			/**
-			 * This event will be fired after the ActionSheet is closed.
-			 */
-			afterClose : {
-				parameters: {
-					/**
-					 * This indicates the trigger of closing the control. If dialog is closed by either selection or closeButton (on mobile device), the button that closes the dialog is set to this parameter. Otherwise this parameter is set to null.
-					 */
-					origin: {type: "sap.m.Button"}
-				}
+			aggregations : {
+
+				/**
+				 * These buttons are added to the content area in ActionSheet control. When button is tapped, the ActionSheet is closed before the tap event listener is called.
+				 */
+				buttons : {type : "sap.m.Button", multiple : true, singularName : "button"},
+
+				/**
+				 * The internally managed cancel button.
+				 */
+				_cancelButton : {type : "sap.m.Button", multiple : false, visibility : "hidden"},
+
+				/**
+				* Hidden texts used for accesibility
+				*/
+				_invisibleAriaTexts: {type : "sap.ui.core.InvisibleText", multiple : true, visibility : "hidden"}
 			},
-
-			/**
-			 * This event is fired when the cancelButton is clicked.
-			 *
-			 * <b>Note: </b> For any device other than phones, this event would be fired always when the Popover closes. To prevent this behavior, the <code>showCancelButton</code> property needs to be set to <code>false</code>.
-			 */
-			cancelButtonPress : {}
+			defaultAggregation : "buttons",
+			events : {
+
+				/**
+				 * This event is fired when the cancelButton is tapped. For iPad, this event is also fired when showCancelButton is set to true, and Popover is closed by tapping outside.
+				 * @deprecated Since version 1.20.0.
+				 * This event is deprecated, use the cancelButtonPress event instead.
+				 */
+				cancelButtonTap : {deprecated: true},
+
+				/**
+				 * This event will be fired before the ActionSheet is opened.
+				 */
+				beforeOpen : {},
+
+				/**
+				 * This event will be fired after the ActionSheet is opened.
+				 */
+				afterOpen : {},
+
+				/**
+				 * This event will be fired before the ActionSheet is closed.
+				 */
+				beforeClose : {
+					parameters: {
+						/**
+						 * This indicates the trigger of closing the dialog. If dialog is closed by either leftButton or rightButton, the button that closes the dialog is set to this parameter. Otherwise this parameter is set to null. This is valid only for Phone mode of the ActionSheet
+						 *
+						 */
+						origin: {type: "sap.m.Button"}
+					}
+				},
+
+				/**
+				 * This event will be fired after the ActionSheet is closed.
+				 */
+				afterClose : {
+					parameters: {
+						/**
+						 * This indicates the trigger of closing the control. If dialog is closed by either selection or closeButton (on mobile device), the button that closes the dialog is set to this parameter. Otherwise this parameter is set to null.
+						 */
+						origin: {type: "sap.m.Button"}
+					}
+				},
+
+				/**
+				 * This event is fired when the cancelButton is clicked.
+				 *
+				 * <b>Note: </b> For any device other than phones, this event would be fired always when the Popover closes. To prevent this behavior, the <code>showCancelButton</code> property needs to be set to <code>false</code>.
+				 */
+				cancelButtonPress : {}
+			},
+			designtime: "sap/m/designtime/ActionSheet.designtime"
 		},
-		designtime: "sap/m/designtime/ActionSheet.designtime"
-	}});
+
+		renderer: ActionSheetRenderer
+	});
 
 	ActionSheet.prototype.init = function() {
 		// this method is kept here empty in case some control inherits from it but forgets to check the existence of this function when chaining the call
@@ -295,7 +300,6 @@ sap.ui.define([
 	 * @param {object} oControl The control to which the ActionSheet is opened
 	 *
 	 * @public
-	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	ActionSheet.prototype.openBy = function(oControl){
 		var that = this;
@@ -421,7 +425,6 @@ sap.ui.define([
 	 * Calling this method will make the ActionSheet disappear from the screen.
 	 *
 	 * @public
-	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	ActionSheet.prototype.close = function(){
 		if (this._parent) {
@@ -434,7 +437,6 @@ sap.ui.define([
 	 *
 	 * @returns {boolean} Whether the ActionSheet is open.
 	 * @public
-	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	ActionSheet.prototype.isOpen = function(){
 		return !!this._parent && this._parent.isOpen();
@@ -513,7 +515,7 @@ sap.ui.define([
 	ActionSheet.prototype._addAriaHiddenTexts = function(oButton) {
 		var sButtonId = oButton.getId(),
 			oInvisibleText;
-		if (sap.ui.getCore().getConfiguration().getAccessibility()) {
+		if (Configuration.getAccessibility()) {
 			oInvisibleText = new InvisibleText(sButtonId + "-actionSheetHiddenText");
 
 			this.addAggregation("_invisibleAriaTexts", oInvisibleText, false);

package/src/sap/m/ActionSheetRenderer.js

@@ -3,8 +3,8 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/Device"],
-	function(Device) {
+sap.ui.define(["sap/ui/Device", "sap/ui/core/Configuration"],
+	function(Device, Configuration) {
 	"use strict";
 
 
@@ -28,7 +28,7 @@ sap.ui.define(["sap/ui/Device"],
 			aInvisibleTexts = oControl.getAggregation("_invisibleAriaTexts"),
 			oResourceBundle = sap.ui.getCore().getLibraryResourceBundle('sap.m'),
 			iButtonsCount = aActionButtons.length,
-			bAccessibilityOn = sap.ui.getCore().getConfiguration().getAccessibility(),
+			bAccessibilityOn = Configuration.getAccessibility(),
 			iVisibleButtonCount = aActionButtons.filter(function (oButton) { return oButton.getVisible(); }).length,
 			oCurInvisibleText, i, bMixedButtons, oButton, iVisibleButtonTempCount = 1,
 			fnGetRelatedInvisibleText = function (oBtn) {

package/src/sap/m/ActionTile.js

@@ -0,0 +1,90 @@
+/*!
+* OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+*/
+
+sap.ui.define([
+    "./library",
+    "sap/m/GenericTile",
+    "sap/m/ToDoCardRenderer",
+    "sap/m/GenericTileRenderer"
+], function (
+    library,
+    GenericTile,
+    ToDoCardRenderer,
+    GenericTileRenderer
+    ) {
+        "use strict";
+
+        var FrameType = library.FrameType,
+            GenericTileMode = library.GenericTileMode,
+            LoadState = library.LoadState;
+    /**
+    * Constructor for a new sap.m.ActionTile control.
+    *
+    * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+    * @param {object} [mSettings] initial settings for the new control
+    *
+    * @class
+    *Used to create a customizable tile for your todos and situations within the new My Home in SAP S/4HANA cloud
+    * @extends sap.m.GenericTile
+    *
+    * @author SAP SE
+    * @version 1.107.0
+    * @since 1.107.0
+    *
+    * @private
+    * @alias sap.m.ActionTile
+    */
+
+    var ActionTile = GenericTile.extend("sap.m.ActionTile", /** @lends sap.m.ActionTile.prototype */{
+        metadata: {
+            library: "sap.m"
+        },
+            renderer: {
+                apiVersion: 2,
+                render: function (oRm, oControl) {
+                if (!oControl.getHeaderImage() || oControl.getState() === LoadState.Loading) {
+                    ToDoCardRenderer.render(oRm, oControl);
+                } else {
+                    GenericTileRenderer.render(oRm, oControl);
+                }
+            }
+        }
+    });
+
+    /* --- Lifecycle Handling --- */
+
+    ActionTile.prototype.init = function() {
+        this.addStyleClass("sapMAT");
+        this.setMode(GenericTileMode.ActionMode);
+        this.setFrameType(FrameType.TwoByOne);
+        GenericTile.prototype.init.apply(this, arguments);
+    };
+
+    ActionTile.prototype.onBeforeRendering = function() {
+        if (this.getHeaderImage()) {
+            this.addStyleClass("sapMATSituationCard");
+        }
+        GenericTile.prototype.onBeforeRendering.apply(this, arguments);
+    };
+
+    ActionTile.prototype.onAfterRendering = function() {
+        if (this.getHeaderImage() && this.getDomRef()) {
+            this._removeStyleClasses();
+        }
+        GenericTile.prototype.onAfterRendering.apply(this, arguments);
+    };
+
+    /**
+    * Removes the style classes inherited from the parent control
+    * @private
+    */
+    ActionTile.prototype._removeStyleClasses = function() {
+        this.getDomRef().classList.remove("sapMGT");
+        this.getDomRef().classList.remove("TwoByOne");
+        this.getDomRef().classList.remove("sapMGTActionMode");
+	};
+    return ActionTile;
+});

package/src/sap/m/ActionTileContent.js

@@ -0,0 +1,71 @@
+/*!
+* OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+*/
+
+sap.ui.define([
+    "./library",
+    "sap/m/TileContent",
+    "sap/m/ActionTileContentRenderer"
+], function (
+    library,
+    TileContent,
+    ActionTileContentRenderer
+    ) {
+    "use strict";
+
+    var Priority = library.Priority;
+
+    /**
+     * Constructor for a new sap.m.ActionTileContent control.
+     *
+     * @param {string} [sId] id for the new control, generated automatically if no id is given
+     * @param {object} [mSettings] initial settings for the new control
+     *
+     * @class This control is used within the ActionTile control and it renders the values from the custom attribute
+     * @extends sap.m.TileContent
+     *
+     * @author SAP SE
+     * @version 1.107.0
+     * @since 1.107.0
+     *
+     * @private
+     * @alias sap.m.ActionTileContent
+    */
+
+    var ActionTileContent = TileContent.extend("sap.m.ActionTileContent", /** @lends sap.m.ActionTileContent.prototype */{
+        metadata: {
+            library: "sap.m",
+            aggregations : {
+                attributes: { type: "sap.m.CustomAttribute", multiple: true, singularName: "attribute"}
+            }
+        },
+            renderer: {
+                apiVersion: 2,
+                render: function (oRm, oControl) {
+                    ActionTileContentRenderer.render(oRm, oControl);
+            }
+        }
+    });
+
+    /**
+    * Returns the text inside the control so that it can be used for setting the tooltip,aria-label
+    * @private
+    */
+
+    ActionTileContent.prototype.getAltText = function() {
+        var sAltText = "";
+        var sPriority = sap.ui.getCore().getLibraryResourceBundle("sap.m").getText("TEXT_CONTENT_PRIORITY");
+        var sPriorityText = this.getPriorityText();
+        if (this.getPriority() !== Priority.None && sPriorityText) {
+            sAltText += (sPriorityText + " " + sPriority) + "\n";
+        }
+        this.getAggregation("attributes").forEach(function(ocustomAttribute){
+            sAltText += ocustomAttribute.getLabel() + "\n" + ocustomAttribute.getValue() + "\n";
+        });
+        return sAltText;
+    };
+
+    return ActionTileContent;
+});

package/src/sap/m/ActionTileContentRenderer.js

@@ -0,0 +1,108 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["./library"],
+	function(library) {
+	"use strict";
+
+	/**
+	 * ActionTileContentRenderer
+	 * @namespace
+	 */
+	var ActionTileContentRenderer = {
+		apiVersion: 2    // enable in-place DOM patching
+	};
+
+	/**
+	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTileContent} oControl An object representation of the control that is rendered
+	 */
+	ActionTileContentRenderer.render = function(oRm, oControl) {
+		var Priority = library.Priority;
+
+		oRm.openStart("div",oControl );
+		oRm.class("sapMATC");
+		oRm.openEnd();
+		if (oControl.getPriority() !== Priority.None && oControl.getPriorityText()) {
+			this._renderPriority(oRm,oControl);
+		}
+		this._renderContent(oRm,oControl);
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the priority inside the ActionTileContent
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTileContent} oControl The control that is rendered
+	 * @private
+	 */
+	ActionTileContentRenderer._renderPriority = function(oRm, oControl) {
+		var sPriority = sap.ui.getCore().getLibraryResourceBundle("sap.m").getText("TEXT_CONTENT_PRIORITY"),
+			sPriorityText = oControl.getPriorityText();
+		oRm.openStart("div", oControl.getId() + "-priority-value");
+		oRm.class("sapMTilePriorityValue");
+		oRm.class(oControl.getPriority());
+		oRm.openEnd();
+		oRm.text(sPriorityText + " " + sPriority);
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the CustomAttributes inside the ActionTileContent
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTileContent} oControl The control that is rendered
+	 * @private
+	 */
+	ActionTileContentRenderer._renderContent = function(oRm, oControl) {
+		oRm.openStart("div",oControl.getId() + "-contentContainer");
+		oRm.class("sapMContainer");
+		oRm.openEnd();
+		oControl.getAttributes().forEach(function(oAttribute,iIndex) {
+			this._renderAttribute(oRm,oControl,oAttribute,iIndex);
+		}.bind(this));
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the individual attribute inside the CustomAttribute
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTileContent} oControl The control that is rendered
+	 * @param {sap.m.ActionTileContent} oAttribute It represents a custom attribute
+	 * @param {sap.m.ActionTileContent} iIndex It represents the index of the individual attribute
+	 * @private
+	 */
+	ActionTileContentRenderer._renderAttribute = function(oRm, oControl,oAttribute,iIndex) {
+		oRm.openStart("div",oControl.getId() + "-wrapper-" + iIndex);
+		oRm.class("sapMElementWrapper");
+		oRm.openEnd();
+		this._renderElement(oRm,oControl,oAttribute,iIndex,true);
+		this._renderElement(oRm,oControl,oAttribute,iIndex,false);
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders label and value properties inside the CustomAttribute
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTileContent} oControl The control that is rendered
+	 * @param {sap.m.ActionTileContent} oAttribute It represents a custom attribute
+	 * @param {sap.m.ActionTileContent} iIndex It represents the index of the individual attribute
+	 * @param {sap.m.ActionTileContent} bLabel If true, it renders a label, otherwise it renders a value
+	 * @private
+	 */
+	ActionTileContentRenderer._renderElement = function(oRm, oControl,oAttribute,iIndex,bLabel) {
+		var sClassName = (bLabel) ? "sapMATCLabel" : "sapMATCValue",
+			sId = (bLabel) ? "-label" : "-value",
+			sText = (bLabel) ? oAttribute.getLabel() : oAttribute.getValue();
+		oRm.openStart("div", oControl.getId() + "-" + iIndex + sId);
+		oRm.class(sClassName);
+		oRm.openEnd();
+		oRm.text(sText);
+		oRm.close("div");
+	};
+	return ActionTileContentRenderer;
+}, /* bExport= */ true);