@sapui5/sap.suite.ui.commons 1.102.4 → 1.105.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapui5/sap.suite.ui.commons",
-  "version": "1.102.4",
+  "version": "1.105.0",
   "description": "SAPUI5 Library sap.suite.ui.commons",
   "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
   "author": "SAP SE (https://www.sap.com)",

package/src/sap/suite/ui/commons/.library

@@ -7,7 +7,7 @@
 		SAP UI development toolkit for HTML5 (SAPUI5)
 		(c) Copyright 2009-2015 SAP SE. All rights reserved
 	</copyright>
-	<version>1.102.4</version>
+	<version>1.105.0</version>
 
 	<documentation>SAP UI library: sap.suite.ui.commons</documentation>
 

package/src/sap/suite/ui/commons/AriaProperties.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.102.4
+	 * @version 1.105.0
 	 * @since 1.65.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilder.js

@@ -124,7 +124,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.4
+	 * @version 1.105.0
 	 * @since 1.56.0
 	 *
 	 * @constructor
@@ -334,63 +334,68 @@ sap.ui.define([
 				afterValidation: {}
 			}
 		},
-		renderer: function (oRm, oCalculationBuilder) {
-			var sWrapItemsClass = oCalculationBuilder.getWrapItemsInExpression() ? " sapCalculationBuilderWrapItems " : "",
-				bIsLayoutTextualOnly = oCalculationBuilder.getLayoutType() === LayoutTypes.TextualOnly,
-				bDisplayInput = oCalculationBuilder._bShowInput || bIsLayoutTextualOnly,
-				bIsExpressionVisible = oCalculationBuilder._isExpressionVisible(),
-				bIsInputVisible = oCalculationBuilder._isInputVisible(),
-				bIsReadOnly = oCalculationBuilder.getReadOnly();
-
-			oRm.write("<div");
-			oRm.writeControlData(oCalculationBuilder);
-			oRm.addClass("sapCalculationBuilder");
-			if (oCalculationBuilder.getReadOnly()) {
-				oRm.addClass("sapCalculationBuilderReadOnly");
-			}
-
-			oRm.writeClasses(oCalculationBuilder);
-			oRm.write(">");
+		renderer: {
+			apiVersion: 2,
+			render: function(oRm, oCalculationBuilder) {
+			var sWrapItemsClass = oCalculationBuilder.getWrapItemsInExpression() ? "sapCalculationBuilderWrapItems" : "",
+			bIsLayoutTextualOnly = oCalculationBuilder.getLayoutType() === LayoutTypes.TextualOnly,
+			bDisplayInput = oCalculationBuilder._bShowInput || bIsLayoutTextualOnly,
+			bIsExpressionVisible = oCalculationBuilder._isExpressionVisible(),
+			bIsInputVisible = oCalculationBuilder._isInputVisible(),
+			bIsReadOnly = oCalculationBuilder.getReadOnly();
+
+		oRm.openStart("div",oCalculationBuilder);
+		oRm.class("sapCalculationBuilder");
+		if (oCalculationBuilder.getReadOnly()) {
+			oRm.class("sapCalculationBuilderReadOnly");
+		}
+		oRm.class("oCalculationBuilder");
+		oRm.openEnd();
 
-			if (oCalculationBuilder.getShowToolbar() && !bIsLayoutTextualOnly) {
-				oRm.renderControl(oCalculationBuilder.getToolbar());
-			}
+		if (oCalculationBuilder.getShowToolbar() && !bIsLayoutTextualOnly) {
+			oRm.renderControl(oCalculationBuilder.getToolbar());
+		}
 
-			if (bIsExpressionVisible) {
-				oCalculationBuilder._oExpressionBuilder._bReadOnly = bIsReadOnly;
-				oRm.write("<div class=\"sapCalculationBuilderInsideWrapper" + sWrapItemsClass + "\">");
-				oRm.renderControl(oCalculationBuilder._oExpressionBuilder);
-				oRm.write("</div>");
-			}
+		if (bIsExpressionVisible) {
+			oCalculationBuilder._oExpressionBuilder._bReadOnly = bIsReadOnly;
+			oRm.openStart("div");
+			oRm.class("sapCalculationBuilderInsideWrapper").class(sWrapItemsClass);
+			oRm.openEnd();
+			oRm.renderControl(oCalculationBuilder._oExpressionBuilder);
+			oRm.close("div");
+		}
 
-			if (bIsExpressionVisible && bIsInputVisible) {
-				oRm.write("<div class=\"sapCalculationBuilderDelimiterLine\"></div>");
-			}
+		if (bIsExpressionVisible && bIsInputVisible) {
+			oRm.openStart("div");
+			oRm.class("sapCalculationBuilderDelimiterLine");
+			oRm.openEnd();
+			oRm.close("div");
+		}
 
-			if (bIsInputVisible) {
-				oCalculationBuilder._oInput._bReadOnly = bIsReadOnly || (oCalculationBuilder.getLayoutType() === LayoutTypes.VisualTextualReadOnly);
+		if (bIsInputVisible) {
+			oCalculationBuilder._oInput._bReadOnly = bIsReadOnly || (oCalculationBuilder.getLayoutType() === LayoutTypes.VisualTextualReadOnly);
 
-				oRm.write("<div");
-				oRm.addClass("sapCalculationBuilderInputOuterWrapper");
-				if (oCalculationBuilder._oInput._bReadOnly) {
-					oRm.addClass("sapCalculationBuilderReadOnly");
-				}
-
-				if (oCalculationBuilder.getLayoutType() === LayoutTypes.Default || oCalculationBuilder.getLayoutType() === LayoutTypes.VisualTextualReadOnly) {
-					oRm.addClass("sapCalculationBuilderInputOuterWrapperMargin");
-				}
+			oRm.openStart("div");
+			oRm.class("sapCalculationBuilderInputOuterWrapper");
+			if (oCalculationBuilder._oInput._bReadOnly) {
+				oRm.class("sapCalculationBuilderReadOnly");
+			}
 
-				if (!bDisplayInput) {
-					oRm.addClass("sapCalculationBuilderDisplayNone");
-				}
-				oRm.writeClasses();
+			if (oCalculationBuilder.getLayoutType() === LayoutTypes.Default || oCalculationBuilder.getLayoutType() === LayoutTypes.VisualTextualReadOnly) {
+				oRm.class("sapCalculationBuilderInputOuterWrapperMargin");
+			}
 
-				oRm.write(">");
-				oRm.renderControl(oCalculationBuilder._oInput);
-				oRm.write("</div>");
+			if (!bDisplayInput) {
+				oRm.class("sapCalculationBuilderDisplayNone");
 			}
 
-			oRm.write("</div>");
+			oRm.openEnd();
+			oRm.renderControl(oCalculationBuilder._oInput);
+			oRm.close("div");
+		}
+
+		oRm.close("div");
+		}
 		}
 	});
 
@@ -892,10 +897,20 @@ sap.ui.define([
 			press: function (oEvent) {
 				var oToggleButton = oEvent.getSource();
 
-				this._toggleFullScreen(oToggleButton);
-				oToggleButton.setTooltip(this._bIsFullScreen ? oResourceBundle.getText("CALCULATION_BUILDER_EXIT_FULL_SCREEN_BUTTON") : oResourceBundle.getText("CALCULATION_BUILDER_ENTER_FULL_SCREEN_BUTTON"));
-				oToggleButton.setIcon(this._bIsFullScreen ? Icons.EXIT_FULL_SCREEN : Icons.FULL_SCREEN);
-			}.bind(this)
+				this._toggleFullScreen();
+            oToggleButton.setAggregation("tooltip",
+              this._bIsFullScreen
+                ? oResourceBundle.getText(
+                    "CALCULATION_BUILDER_EXIT_FULL_SCREEN_BUTTON"
+                  )
+                : oResourceBundle.getText(
+                    "CALCULATION_BUILDER_ENTER_FULL_SCREEN_BUTTON"
+                  ),
+                  true
+            );
+            oToggleButton.setProperty("icon", this._bIsFullScreen ? Icons.EXIT_FULL_SCREEN : Icons.FULL_SCREEN, true);
+            oToggleButton.focus();
+		}.bind(this)
 		}));
 
 		this.addDependent(this._oToolbar);

package/src/sap/suite/ui/commons/CalculationBuilderExpression.js

@@ -56,18 +56,9 @@ sap.ui.define([
 	// shortcut for sap.m.ListMode
 	var ListMode = MobileLibrary.ListMode;
 
-	// shortcut for sap.m.InputType
-	var InputType = MobileLibrary.InputType;
-
-	// shortcut for sap.m.FlexAlignItems
-	var FlexAlignItems = MobileLibrary.FlexAlignItems;
-
 	// shortcut for sap.m.FlexRendertype
 	var FlexRendertype = MobileLibrary.FlexRendertype;
 
-	// shortcut for sap.m.ButtonType
-	var ButtonType = MobileLibrary.ButtonType;
-
 	// shortcut for sap.ui.core.TextAlign
 	var TextAlign = coreLibrary.TextAlign;
 
@@ -120,7 +111,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.4
+	 * @version 1.105.0
 	 * @since 1.56.0
 	 *
 	 * @constructor
@@ -181,32 +172,36 @@ sap.ui.define([
 				change: {}
 			}
 		},
-		renderer: function (oRm, oCalculationBuilderExpression) {
-			oRm.write("<div");
-			oRm.writeControlData(oCalculationBuilderExpression);
-			oRm.addClass("sapCalculationBuilderInner");
-			oRm.writeClasses(oCalculationBuilderExpression);
-			oRm.write(">");
-
-			oRm.write(oCalculationBuilderExpression._renderDelimiter(0));
+		renderer: {
+			apiVersion: 2,
+			render: function(oRm, oCalculationBuilderExpression) {
+			oRm.openStart("div", oCalculationBuilderExpression);
+			oRm.class("sapCalculationBuilderInner");
+			oRm.openEnd();
+			oCalculationBuilderExpression._renderDelimiter(oRm, 0);
 
 			oCalculationBuilderExpression.getItems().forEach(function (oItem, i) {
 				oItem._iIndex = i;
 				oItem._bReadOnly = oCalculationBuilderExpression._bReadOnly;
 				oRm.renderControl(oItem);
-				oRm.write(oCalculationBuilderExpression._renderDelimiter(i + 1));
+				 oCalculationBuilderExpression._renderDelimiter(oRm, i + 1);
 			}, this);
 
 			if (!oCalculationBuilderExpression._bReadOnly) {
 				oRm.renderControl(oCalculationBuilderExpression._getNewItem());
 			}
-
-			oRm.write("<div class=\"sapCalculationBuilderSelected\"></div>");
-			oRm.write("</div>");
-
-			oRm.write("<div id=\"" + oCalculationBuilderExpression.getId() + "-erroricon\"  class=\"sapCalculationBuilderExpressionErrorIcon\">");
+			oRm.openStart("div");
+			oRm.class("sapCalculationBuilderSelected");
+			oRm.openEnd();
+			oRm.close("div");
+			oRm.close("div");
+
+			oRm.openStart("div",oCalculationBuilderExpression.getId() + "-erroricon");
+			oRm.class("sapCalculationBuilderExpressionErrorIcon");
+			oRm.openEnd();
 			oRm.renderControl(oCalculationBuilderExpression._getErrorIcon());
-			oRm.write("</div>");
+			oRm.close("div");
+		}
 		}
 	});
 
@@ -227,21 +222,31 @@ sap.ui.define([
 		this._bIsCalculationBuilderRendering = false;
 	};
 
-	CalculationBuilderExpression.prototype._renderDelimiter = function (iIndex) {
-		var sHtml = "";
-
-		sHtml += "<div class=\"sapCalculationBuilderDelimiter sapCalculationBuilderDroppable\" index=\"" + iIndex + "\">";
-		sHtml += "<div class=\"sapCalculationBuilderDroppableLine\"></div>";
-		sHtml += "<div class=\"sapCalculationBuilderDroppableCircle\"></div>";
-
-		sHtml += "<div class=\"sapCalculationBuilderDelimiterNewButton\">";
-		sHtml += "<span role=\"presentation\" aria-hidden=\"true\" data-sap-ui-icon-content=\"\"" +
-			"class=\"sapUiIcon sapUiIconMirrorInRTL sapCalculationBuilderDelimiterNewButtonIcon sapCalculationBuilderExpressionSAPFont\"></span>";
-
-		sHtml += "</div>";
-		sHtml += "</div>";
-
-		return sHtml;
+	CalculationBuilderExpression.prototype._renderDelimiter = function (oRm, iIndex) {
+		oRm.openStart("div");
+		oRm.attr("index", iIndex);
+		oRm.class("sapCalculationBuilderDelimiter").class("sapCalculationBuilderDroppable");
+		oRm.openEnd();
+		oRm.openStart("div");
+		oRm.class("sapCalculationBuilderDroppableLine");
+		oRm.openEnd();
+		oRm.close("div");
+		oRm.openStart("div");
+		oRm.class("sapCalculationBuilderDroppableCircle");
+		oRm.openEnd();
+		oRm.close("div");
+		oRm.openStart("div");
+		oRm.class("sapCalculationBuilderDelimiterNewButton");
+		oRm.openEnd();
+		oRm.openStart("span");
+		oRm.attr("role", "presentation");
+		oRm.attr("aria-hidden", "true");
+		oRm.attr("data-sap-ui-icon-content", "");
+		oRm.class("sapUiIcon").class("sapUiIconMirrorInRTL").class("sapCalculationBuilderDelimiterNewButtonIcon").class("sapCalculationBuilderExpressionSAPFont");
+		oRm.openEnd();
+		oRm.close("span");
+		oRm.close("div");
+		oRm.close("div");
 	};
 
 
@@ -1975,11 +1980,12 @@ sap.ui.define([
 
 
 	CalculationBuilderExpression.prototype._smartRender = function (aNewItems) {
-		var sHtml = "",
+		var i,
 			$this = this.$(),
 			aAddedItems = [],
 			aItems = this.getItems(),
-			iOriginalLength = aItems.length;
+			iOriginalLength = aItems.length,
+			oRm = sap.ui.getCore().createRenderManager();
 
 		var fnAddNew = function (oNewItem) {
 			oNewItem = this._convertFromNewItem(oNewItem);
@@ -1987,8 +1993,8 @@ sap.ui.define([
 			this.addAggregation("items", oNewItem, true);
 			oNewItem._iIndex = i;
 			if ($this[0]) {
-				sHtml += oNewItem._render();
-				sHtml += this._renderDelimiter(i + 1);
+				oNewItem._render(oRm);
+				this._renderDelimiter(oRm, i + 1);
 			}
 
 			oNewItem.bOutput = true;
@@ -2020,8 +2026,8 @@ sap.ui.define([
 
 				var $item = oItem.$();
 
-				$item[0].innerHTML = oItem._innerRender();
-				$item.attr("class", oItem._getClass());
+				oItem._innerRender(oRm, $item[0]);
+				$item.attr("class", oItem._getClass(null, oRm, true));
 				$item.attr("title", oItem._getTooltip());
 
 				oItem._setEvents();
@@ -2039,7 +2045,7 @@ sap.ui.define([
 		}
 
 		if ($this[0] && aAddedItems.length > 0) {
-			$this.find(".sapCalculationBuilderDelimiter").last().after(sHtml);
+			oRm.flush($this[0], false, $this.children().index( $this.find(".sapCalculationBuilderDelimiter").last()[0] ) + 1);
 
 			aAddedItems.forEach(function (oItem) {
 				oItem._afterRendering();

package/src/sap/suite/ui/commons/CalculationBuilderFunction.js

@@ -18,7 +18,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.4
+	 * @version 1.105.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilderGroup.js

@@ -15,7 +15,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.4
+	 * @version 1.105.0
 	 * @since 1.60.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilderInput.js

@@ -102,31 +102,38 @@ sap.ui.define([
 				}
 			}
 		},
-		renderer: function (oRm, oInput) {
-			var sEditable = "contenteditable=\"true\"";
-
-			if (oInput.getParent().getShowInputToolbar() && !oInput._bReadOnly) {
-				oRm.write("<div class=\"sapCalculationBuilderInputToolbarWrapper\">");
+		renderer: {
+			apiVersion: 2,
+			render: function(oRm, oInput) {
+				if (oInput.getParent().getShowInputToolbar() && !oInput._bReadOnly) {
+				oRm.openStart("div");
+				oRm.class("sapCalculationBuilderInputToolbarWrapper");
+				oRm.openEnd();
 				oRm.renderControl(oInput._oInputToolbar);
-				oRm.write("</div>");
-			}
-
-			oRm.write("<div");
-			oRm.writeControlData(oInput);
-			oRm.addClass("sapCalculationBuilderInputWrapper");
-
-			if (oInput._bReadOnly) {
-				sEditable = "";
+				oRm.close("div");
+				}
+				oRm.openStart("div",oInput);
+				oRm.class("sapCalculationBuilderInputWrapper");
+				oRm.attr("aria-label", "");
+				oRm.openEnd();
+				oRm.openStart("div");
+				oRm.attr("aria-label", "");
+				oRm.attr("aria-describedby",oInput.getId() + "-error");
+				oRm.attr("spellcheck", "false");
+				if (!oInput._bReadOnly) {
+					oRm.attr("contenteditable", "true");
+				}
+				oRm.attr("id", oInput.getId() + "-input");
+				oRm.class("sapCalculationBuilderInput");
+				oRm.openEnd();
+				oRm.close("div");
+				oRm.openStart("div");
+				oRm.attr("id", oInput.getId() + "-error");
+				oRm.class("sapCalculationBuilderInputErrorArea");
+				oRm.openEnd();
+				oRm.close("div");
+				oRm.close("div");
 			}
-
-			oRm.writeClasses(oInput);
-			oRm.write(" aria-label=\"\" >");
-
-			oRm.write("<div aria-label=\"\" aria-describedby=\"" + oInput.getId() + "-error\" spellcheck=\"false\"" + sEditable + " id=\"" + oInput.getId() + "-input\" class=\"sapCalculationBuilderInput\"></div>");
-
-			oRm.write("<div id=\"" + oInput.getId() + "-error\" class=\"sapCalculationBuilderInputErrorArea\"></div>");
-
-			oRm.write("</div>");
 		}
 	});
 
@@ -268,7 +275,7 @@ sap.ui.define([
 
 		var oNewItemSpan = jQuery('<span></span>', {
 			title: oError ? oError.title : "",
-			"class": fnGetItemClass(),
+			"class": fnGetItemClass()
 		})[sFnName](sKey || EMPTY_STRING);
 
 		return oNewItemSpan;