@openui5/sap.m 1.105.1 → 1.107.0

package/src/sap/m/ToDoCardRenderer.js

@@ -0,0 +1,161 @@
+/*!
+ * 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/base/security/encodeCSS"],
+	function(library,encodeCSS) {
+	"use strict";
+
+	var LoadState = library.LoadState;
+
+	/**
+	 * ToDo Card renderer.
+	 * @namespace
+	 */
+	var ToDoCardRenderer = {
+		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.ActionTile} oControl the control to be rendered
+	 */
+	ToDoCardRenderer.render = function(oRm, oControl) {
+		var sState = oControl.getState();
+		var sAriaRoleDescription = oControl.getAriaRoleDescription();
+		var sAriaRole = oControl.getAriaRole();
+		var bHasPress = oControl.hasListeners("press");
+		var sStateClass = encodeCSS("sapMATState" + sState);
+
+		oRm.openStart("div",oControl);
+		oRm.class("sapMToDoCard");
+		oRm.class(sStateClass);
+		if (sState !== LoadState.Disabled) {
+			oRm.attr("tabindex", "0");
+		}
+		if (sAriaRoleDescription) {
+			oRm.attr("aria-roledescription", sAriaRoleDescription );
+		}
+		if (sAriaRole) {
+			oRm.attr("role", sAriaRole);
+		} else {
+			oRm.attr("role", bHasPress ? "button" : "presentation");
+		}
+		oRm.openEnd();
+		if (sState === LoadState.Loading) {
+			this._renderLoadingShimmers(oRm,oControl);
+		} else {
+			this._renderHeader(oRm, oControl);
+			this._renderContent(oRm, oControl);
+			this._renderButton(oRm,oControl);
+		}
+		if (sState !== LoadState.Disabled) {
+			this._renderFocusDiv(oRm, oControl);
+		}
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the header.
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+	ToDoCardRenderer._renderHeader = function(oRm, oControl) {
+		oRm.openStart("div", oControl.getId() + "-hdr-text");
+		oRm.class("sapMGTHdrContent");
+		oRm.openEnd();
+		oRm.renderControl(oControl._oTitle);
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the content inside the ActionTile.
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+	ToDoCardRenderer._renderContent = function(oRm, oControl) {
+		oControl.getTileContent().forEach(function(oContent){
+			oRm.renderControl(oContent);
+		});
+	};
+
+	/**
+	 * Renders the focus div for the ActionTile.
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+
+	ToDoCardRenderer._renderFocusDiv = function(oRm, oControl) {
+		oRm.openStart("div", oControl.getId() + "-focus");
+		oRm.class("sapMATFocusDiv");
+		oRm.openEnd();
+		oRm.close("div");
+	};
+
+	/**
+	 *Renders the buttons inside the ActionTile
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+
+	ToDoCardRenderer._renderButton = function(oRm, oControl) {
+		oRm.openStart("div", oControl.getId() + "-actionButtons");
+			oRm.class("sapMATActionModeContainer");
+			oRm.openEnd();
+			oControl.getActionButtons().forEach(function (oActionButton) {
+				oRm.renderControl(oActionButton);
+			});
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the loading state shimmers on the ActionTile
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+	ToDoCardRenderer._renderLoadingShimmers = function(oRm, oControl) {
+		oRm.openStart("div").class("sapMGTContentShimmerPlaceholderItem");
+		oRm.class("sapMGTContentShimmerPlaceholderWithDescription");
+		oRm.openEnd();
+		for (var i = 0; i < 5; i++) {
+			this._renderShimmer(oRm,oControl);
+		}
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the individual shimmer on the ActionTile in the loading state
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
+	 * @param {sap.m.ActionTile} oControl The control that is rendered
+	 * @private
+	 */
+	ToDoCardRenderer._renderShimmer = function(oRm, oControl) {
+		oRm.openStart("div")
+		.class("sapMGTContentShimmerPlaceholderRows")
+		.openEnd();
+		oRm.openStart("div")
+		.class("sapMGTContentShimmerPlaceholderItemHeader")
+		.class("sapMGTLoadingShimmer")
+		.openEnd()
+		.close("div");
+		oRm.openStart("div")
+		.class("sapMGTContentShimmerPlaceholderItemText")
+		.class("sapMGTLoadingShimmer")
+		.openEnd()
+		.close("div");
+		oRm.close("div");
+	};
+
+
+	return ToDoCardRenderer;
+
+}, /* bExport= */true);

package/src/sap/m/ToggleButton.js

@@ -32,40 +32,43 @@ sap.ui.define([
 	 * @extends sap.m.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.ToggleButton
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/button/ Toggle Button}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var ToggleButton = Button.extend("sap.m.ToggleButton", /** @lends sap.m.ToggleButton.prototype */ { metadata : {
-
-		library : "sap.m",
-		designtime: "sap/m/designtime/ToggleButton.designtime",
-		properties : {
-
-			/**
-			 * The property is “true” when the control is toggled. The default state of this property is "false".
-			 */
-			pressed : {type : "boolean", group : "Data", defaultValue : false}
-		},
-		events: {
-			/**
-			 * Fired when the user clicks or taps on the control.
-			 */
-			press: {
-				parameters: {
-
-					/**
-					 * The current pressed state of the control.
-					 */
-					pressed: { type: "boolean" }
+	var ToggleButton = Button.extend("sap.m.ToggleButton", /** @lends sap.m.ToggleButton.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			designtime: "sap/m/designtime/ToggleButton.designtime",
+			properties : {
+
+				/**
+				 * The property is “true” when the control is toggled. The default state of this property is "false".
+				 */
+				pressed : {type : "boolean", group : "Data", defaultValue : false}
+			},
+			events: {
+				/**
+				 * Fired when the user clicks or taps on the control.
+				 */
+				press: {
+					parameters: {
+
+						/**
+						 * The current pressed state of the control.
+						 */
+						pressed: { type: "boolean" }
+					}
 				}
 			}
-		}
-	}});
+		},
+
+		renderer: ToggleButtonRenderer
+	});
 
 	EnabledPropagator.call(ToggleButton.prototype);
 

package/src/sap/m/Token.js

@@ -50,111 +50,114 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.Token
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/token/ Token}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var Token = Control.extend("sap.m.Token", /** @lends sap.m.Token.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * Indicates the current selection status of the token.
-			 */
-			selected : {type : "boolean", group : "Misc", defaultValue : false},
-
-			/**
-			 * Key of the token.
-			 */
-			key : {type : "string", group : "Misc", defaultValue : ""},
-
-			/**
-			 * Displayed text of the token.
-			 */
-			text : {type : "string", group : "Misc", defaultValue : ""},
-
-			/**
-			 * Indicates the editable status of the token. If it is set to <code>true</code>, token displays a delete icon.
-			 */
-			editable : {type : "boolean", group : "Misc", defaultValue : true},
-
-			/**
-			 * This property specifies the text directionality with enumerated options. By default, the control inherits text direction from the DOM.
-			 * @since 1.28.0
-			 */
-			textDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit},
-
-			/**
-			 * Indicates the editable status of the token's parent (Tokenizer). If it is set to <code>true</code>, the ARIA attributes of the token are updated accordingly.
-			 */
-			editableParent : {type : "boolean", group : "Behavior", defaultValue : true, visibility: "hidden"},
-
-			/**
-			 * Indicates if the token's text should be truncated.
-			 */
-			truncated : {type : "boolean", group : "Appearance", defaultValue : false, visibility: "hidden"},
-
-			/**
-			 * Indicates the position of a token. Used for aria attributes.
-			 * @private
-			 */
-			posinset : { type: "int", visibility: "hidden" },
-
-			/**
-			 * Indicates the count of the token. Used for aria attributes.
-			 * @private
-			 */
-			setsize : { type: "int", visibility: "hidden" }
-		},
-		aggregations : {
-
-			/**
-			 * The delete icon.
-			 */
-			deleteIcon : {type : "sap.ui.core.Icon", 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 : {
+	var Token = Control.extend("sap.m.Token", /** @lends sap.m.Token.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * Indicates the current selection status of the token.
+				 */
+				selected : {type : "boolean", group : "Misc", defaultValue : false},
+
+				/**
+				 * Key of the token.
+				 */
+				key : {type : "string", group : "Misc", defaultValue : ""},
+
+				/**
+				 * Displayed text of the token.
+				 */
+				text : {type : "string", group : "Misc", defaultValue : ""},
+
+				/**
+				 * Indicates the editable status of the token. If it is set to <code>true</code>, token displays a delete icon.
+				 */
+				editable : {type : "boolean", group : "Misc", defaultValue : true},
+
+				/**
+				 * This property specifies the text directionality with enumerated options. By default, the control inherits text direction from the DOM.
+				 * @since 1.28.0
+				 */
+				textDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit},
+
+				/**
+				 * Indicates the editable status of the token's parent (Tokenizer). If it is set to <code>true</code>, the ARIA attributes of the token are updated accordingly.
+				 */
+				editableParent : {type : "boolean", group : "Behavior", defaultValue : true, visibility: "hidden"},
+
+				/**
+				 * Indicates if the token's text should be truncated.
+				 */
+				truncated : {type : "boolean", group : "Appearance", defaultValue : false, visibility: "hidden"},
+
+				/**
+				 * Indicates the position of a token. Used for aria attributes.
+				 * @private
+				 */
+				posinset : { type: "int", visibility: "hidden" },
+
+				/**
+				 * Indicates the count of the token. Used for aria attributes.
+				 * @private
+				 */
+				setsize : { type: "int", visibility: "hidden" }
+			},
+			aggregations : {
 
-			/**
-			 * This event is fired if the user clicks the token's delete icon.
-			 */
-			"delete" : {
-				enableEventBubbling: true
+				/**
+				 * The delete icon.
+				 */
+				deleteIcon : {type : "sap.ui.core.Icon", multiple : false, visibility : "hidden"}
 			},
+			associations : {
 
-			/**
-			 * This event is fired when the user clicks on the token.
-			 */
-			press : {},
+				/**
+				 * Association to controls / IDs which describe this control (see WAI-ARIA attribute aria-describedby).
+				 */
+				ariaDescribedBy: {type: "sap.ui.core.Control", multiple: true, singularName: "ariaDescribedBy"},
 
-			/**
-			 * This event is fired when the token gets selected.
-			 */
-			select : {},
+				/**
+				 * 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 : {
+
+				/**
+				 * This event is fired if the user clicks the token's delete icon.
+				 */
+				"delete" : {
+					enableEventBubbling: true
+				},
+
+				/**
+				 * This event is fired when the user clicks on the token.
+				 */
+				press : {},
+
+				/**
+				 * This event is fired when the token gets selected.
+				 */
+				select : {},
+
+				/**
+				 * This event is fired when the token gets deselected.
+				 */
+				deselect : {}
+			}
+		},
 
-			/**
-			 * This event is fired when the token gets deselected.
-			 */
-			deselect : {}
-		}
-	}});
+		renderer: TokenRenderer
+	});
 
 	Token.prototype.init = function() {
 		var oDeleteIcon = new Icon({