@sapui5/sap.zen.crosstab 1.107.0 → 1.108.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapui5/sap.zen.crosstab",
-  "version": "1.107.0",
+  "version": "1.108.0",
   "description": "SAPUI5 Library sap.zen.crosstab",
   "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
   "author": "SAP SE (https://www.sap.com)",

package/src/sap/zen/crosstab/.library

@@ -3,7 +3,7 @@
   <name>sap.zen.crosstab</name>
   <vendor>SAP SE</vendor>
   <copyright>(c) Copyright 2010-2019 SAP SE or an SAP affiliate company.</copyright>
-  <version>1.107.0</version>
+  <version>1.108.0</version>
   <documentation>Design Studio Crosstab library.  NOT INTENDED FOR STANDALONE USAGE.</documentation>
   <appData>
     <jsdoc xmlns="http://www.sap.com/ui5/buildext/jsdoc" >

package/src/sap/zen/crosstab/BaseArea.js

@@ -822,68 +822,64 @@ sap.ui.define(
       return this.iLoadingPageCnt;
     };
     sap.zen.crosstab.BaseArea.prototype.openContainerCell = function (oRm, sClass) {
-      oRm.write("<td");
-      oRm.addStyle("border-spacing", "0px");
-      oRm.addStyle("padding", "0px");
-      oRm.addStyle("border-width", "0px");
-      oRm.addStyle("margin", "0px");
-      oRm.writeStyles();
+      oRm.openStart("td");
+      oRm.style("border-spacing", "0px");
+      oRm.style("padding", "0px");
+      oRm.style("border-width", "0px");
+      oRm.style("margin", "0px");
       if (sClass) {
-        oRm.writeAttributeEscaped("class", sClass);
+        oRm.attr("class", sClass);
       }
-      oRm.write(">");
+      oRm.openEnd();
     };
     sap.zen.crosstab.BaseArea.prototype.closeContainerCell = function (oRm) {
-      oRm.write("</td>");
+      oRm.close("td");
     };
     sap.zen.crosstab.BaseArea.prototype.openContainerTable = function (oRm) {
-      oRm.write("<table");
-      oRm.writeAttributeEscaped("id", this.sId + "_container");
-      oRm.addStyle("border-collapse", "collapse");
-      oRm.addStyle("border-spacing", "0px");
-      oRm.addStyle("padding", "0px");
-      oRm.addStyle("border-width", "0px");
-      oRm.addStyle("margin", "0px");
-      oRm.writeStyles();
-      oRm.write(">");
+      oRm.openStart("table", this.sId + "_container");
+      oRm.style("border-collapse", "collapse");
+      oRm.style("border-spacing", "0px");
+      oRm.style("padding", "0px");
+      oRm.style("border-width", "0px");
+      oRm.style("margin", "0px");
+      oRm.openEnd();
     };
     sap.zen.crosstab.BaseArea.prototype.closeContainerTable = function (oRm) {
-      oRm.write("</table>");
+      oRm.close("table");
     };
     sap.zen.crosstab.BaseArea.prototype.renderContainerStructure = function (oRm, sStyle, bVCutOff, bHCutOff) {
       this.openContainerTable(oRm);
       // first row
-      oRm.write("<tr>");
+      oRm.openStart("tr").openEnd();
       this.openContainerCell(oRm);
-      oRm.write("<table");
-      oRm.writeAttributeEscaped("id", this.sId);
-      oRm.writeAttributeEscaped("class", sStyle);
-      oRm.write(">");
-      oRm.write("</table>");
+      oRm.openStart("table", this.sId);
+      oRm.attr("class", sStyle);
+      oRm.openEnd();
+      oRm.close("table");
       this.closeContainerCell(oRm);
       if (bHCutOff) {
         this.openContainerCell(oRm, "sapzencrosstab-HorizontalCutOff-" + this.getAreaType());
-        oRm.write("<div");
-        oRm.writeAttributeEscaped("class", "sapzencrosstab-HorizontalCutOffSpacer");
-        oRm.write(">");
-        oRm.write("</div>");
+        oRm.openStart("div");
+        oRm.class("sapzencrosstab-HorizontalCutOffSpacer");
+        oRm.openEnd();
+        oRm.close("div");
         this.closeContainerCell(oRm);
       }
-      oRm.write("</tr>");
+      oRm.close("tr");
       if (bVCutOff) {
         // second row
-        oRm.write("<tr>");
+        oRm.openStart("tr").openEnd();
         this.openContainerCell(oRm, "sapzencrosstab-VerticalCutOff-" + this.getAreaType());
-        oRm.write("<div");
-        oRm.writeAttribute("class", "sapzencrosstab-VerticalCutOffSpacer");
-        oRm.write(">");
-        oRm.write("</div>");
+        oRm.openStart("div");
+        oRm.class("sapzencrosstab-VerticalCutOffSpacer");
+        oRm.openEnd();
+        oRm.close("div");
         this.closeContainerCell(oRm);
         if (bHCutOff) {
           this.openContainerCell(oRm, "sapzencrosstab-CutOffCorner");
           this.closeContainerCell(oRm);
         }
-        oRm.write("</tr>");
+        oRm.close("tr");
       }
       this.closeContainerTable(oRm);
     };

package/src/sap/zen/crosstab/CrosstabRenderer.js

@@ -24,15 +24,9 @@ sap.ui.define(
      * @param {sap.ui.core.Control}
      *            oControl an object representation of the control that should be rendered
      */
-    sap.zen.crosstab.CrosstabRenderer.render = function (oRenderManager, oControl) {
-      "use strict";
-
+    sap.zen.crosstab.CrosstabRenderer.render = function (rm, oControl) {
       oControl.prepareContainer();
 
-      // convenience variable
-      var rm = oRenderManager;
-      var sClasses = "";
-
       var sCrosstabWidth = oControl.getWidth();
       if (sCrosstabWidth === "auto") {
         sCrosstabWidth = "100%";
@@ -43,60 +37,46 @@ sap.ui.define(
       }
 
       // write the HTML into the render manager
-      rm.write("<div");
-      rm.writeControlData(oControl);
-      rm.addStyle("overflow", "hidden");
+      rm.openStart("div", oControl);
+      rm.style("overflow", "hidden");
       if (sCrosstabWidth) {
-        rm.addStyle("width", sCrosstabWidth);
+        rm.style("width", sCrosstabWidth);
       }
       if (sCrosstabHeight) {
-        rm.addStyle("height", sCrosstabHeight);
+        rm.style("height", sCrosstabHeight);
       }
       if (Utils.isMainMode()) {
-        sClasses = "sapzencrosstab-FontSize-MainMode ";
+        rm.class("sapzencrosstab-FontSize-MainMode");
       }
-      sClasses += "sapzencrosstab-CrosstabComponent ";
+      rm.class("sapzencrosstab-CrosstabComponent");
       if(oControl.getTransferDataCommand() && oControl.getTransferDataCommand().length > 0){
-        sClasses += "sapzencrosstab-InputEnabled ";
-      }
-      if (oControl.aCustomStyleClasses && oControl.aCustomStyleClasses.length > 0) {
-        var i = 0;
-        for (i = 0; i < oControl.aCustomStyleClasses.length; i++) {
-          sClasses = sClasses + oControl.aCustomStyleClasses[i] + " ";
-        }
+        rm.class("sapzencrosstab-InputEnabled");
       }
 
       if (oControl.getRenderMode() === RenderingConstants.RENDERMODE_FILL) {
-        rm.addStyle("visibility", "hidden");
-        sClasses += "sapzencrosstab-TableDiv sapzencrosstab-TableDivBackground";
+        rm.style("visibility", "hidden");
+        rm.class("sapzencrosstab-TableDiv").class("sapzencrosstab-TableDivBackground");
       }
-      rm.writeAttributeEscaped("class", sClasses);
-      rm.writeStyles();
-      rm.write(">");
+      rm.openEnd();
       if (oControl.getRenderMode() === RenderingConstants.RENDERMODE_COMPACT) {
-        rm.write("<div");
-        rm.writeAttributeEscaped("id", oControl.getId() + "_altRenderModeTableDiv");
-        rm.addStyle("visibility", "hidden");
-        rm.addStyle("width", "100%");
-        rm.addStyle("height", "100%");
-        rm.writeAttributeEscaped("class", "sapzencrosstab-TableDiv sapzencrosstab-TableDivBackground");
-        rm.writeStyles();
-        rm.write(">");
+        rm.openStart("div", oControl.getId() + "_altRenderModeTableDiv");
+        rm.style("visibility", "hidden");
+        rm.style("width", "100%");
+        rm.style("height", "100%");
+        rm.class("sapzencrosstab-TableDiv").class("sapzencrosstab-TableDivBackground");
+        rm.openEnd();
       }
-      rm.write("<div");
-      rm.writeAttributeEscaped("id", oControl.getId() + "_renderSizeDiv");
-      rm.writeAttribute("class", "sapzencrosstab-RenderSizeDiv");
-      rm.write(">");
+      rm.openStart("div", oControl.getId() + "_renderSizeDiv");
+      rm.class("sapzencrosstab-RenderSizeDiv");
+      rm.openEnd();
 
-      rm.write("<table");
-      rm.writeAttributeEscaped("id", oControl.getId() + "_table");
-      rm.writeAttribute("class", "sapzencrosstab-Crosstab");
-      rm.write(">"); // table element
+      rm.openStart("table", oControl.getId() + "_table");
+      rm.class("sapzencrosstab-Crosstab");
+      rm.openEnd(); // table element
 
       // first row
-      rm.write("<tr");
-      rm.writeAttributeEscaped("id", oControl.getId() + "_upperSection");
-      rm.write(">");
+      rm.openStart("tr", oControl.getId() + "_upperSection");
+      rm.openEnd();
 
       sap.zen.crosstab.CrosstabRenderer.writeCell(
         rm, oControl.getId() + "_upperLeft", oControl.getDimensionHeaderArea(),
@@ -107,12 +87,11 @@ sap.ui.define(
         oControl
       );
 
-      rm.write("</tr>");
+      rm.close("tr");
 
       // second row
-      rm.write("<tr");
-      rm.writeAttributeEscaped("id", oControl.getId() + "_lowerSection");
-      rm.write(">");
+      rm.openStart("tr", oControl.getId() + "_lowerSection");
+      rm.openEnd();
 
       sap.zen.crosstab.CrosstabRenderer.writeCell(
         rm, oControl.getId() + "_lowerLeft", oControl.getRowHeaderArea(),
@@ -120,137 +99,115 @@ sap.ui.define(
       );
       sap.zen.crosstab.CrosstabRenderer.writeCell(rm, oControl.getId() + "_lowerRight", oControl.getDataArea(), oControl);
 
-      rm.write("</tr>");
+      rm.close("tr");
 
-      rm.write("</table>");
-      rm.write("</div>");
+      rm.close("table");
+      rm.close("div");
 
       // Toolbar
       if (oControl.getPropertyBag().hasToolbar()) {
-        rm.write("<div");
-        rm.writeAttributeEscaped("id", oControl.getId() + "_toolbar");
-        rm.writeAttributeEscaped("class", "sapzencrosstab-ToolbarDiv");
-        rm.addStyle("position", "absolute");
-        rm.addStyle("bottom", "0px");
-        rm.writeStyles();
-        rm.write(">");
-        rm.write("</div>");
+        rm.openStart("div", oControl.getId() + "_toolbar");
+        rm.class("sapzencrosstab-ToolbarDiv");
+        rm.style("position", "absolute");
+        rm.style("bottom", "0px");
+        rm.openEnd();
+        rm.close("div");
       }
 
-      rm.write("<div");
-      rm.writeAttribute("id", oControl.getId() + "_loadingAnimationDiv");
-      rm.writeAttribute("class", "sapzencrosstab-loadingAnimationDiv");
-      rm.addStyle("visibility", "hidden");
-      rm.writeStyles();
-      rm.write(">");
+      rm.openStart("div", oControl.getId() + "_loadingAnimationDiv");
+      rm.class("sapzencrosstab-loadingAnimationDiv");
+      rm.style("visibility", "hidden");
+      rm.openEnd();
 
-      rm.write("<div");
-      rm.writeAttribute("class", "sapzencrosstab-loadingAnimation");
-      rm.write(">");
-      rm.write("</div>");
+      rm.openStart("div");
+      rm.class("sapzencrosstab-loadingAnimation");
+      rm.openEnd();
+      rm.close("div");
 
-      rm.write("</div>");
+      rm.close("div");
 
       // measure div to determine hierarchy width/height
-      rm.write("<div");
-      rm.writeAttribute("id", oControl.getId() + "_measureDiv");
-      rm.writeAttribute("class", oControl.getPropertyBag().isCozyMode() ? "sapzencrosstab-HierarchyIndentCozy" : "sapzencrosstab-HierarchyIndent");
-      rm.addStyle("visibility", "none");
-      rm.writeStyles();
-      rm.write(">");
-      rm.write("</div>");
+      rm.openStart("div", oControl.getId() + "_measureDiv");
+      rm.class(oControl.getPropertyBag().isCozyMode() ? "sapzencrosstab-HierarchyIndentCozy" : "sapzencrosstab-HierarchyIndent");
+      rm.style("visibility", "none");
+      rm.openEnd();
+      rm.close("div");
 
       // exception measure div to determine symbol width
-      rm.write("<div");
-      rm.writeAttribute("id", oControl.getId() + "_exceptionMeasureDiv");
-      rm.writeAttribute("class", "sapzencrosstab-SymbolAlertDimensions");
-      rm.addStyle("visibility", "none");
-      rm.writeStyles();
-      rm.write(">");
-      rm.write("</div>");
+      rm.openStart("div", oControl.getId() + "_exceptionMeasureDiv");
+      rm.class("sapzencrosstab-SymbolAlertDimensions");
+      rm.style("visibility", "none");
+      rm.openEnd();
+      rm.close("div");
 
       // Resize div for moveable header resizer if the header can be resized by the user
       if (oControl.isUserHeaderResizeAllowed() && (oControl.hasDataArea() || oControl.hasColHeaderArea()) && (oControl.hasDimensionHeaderArea() || oControl.hasRowHeaderArea())) {
-        rm.write("<div");
-        rm.writeAttribute("id", oControl.getId() + "_headerResizeHandle");
-        rm.writeAttribute("class", "sapzencrosstab-headerResizeHandleWidth");
-        rm.addStyle("position", "absolute");
-        rm.addStyle("top", "0px");
-        rm.addStyle("height", "100%");
-        rm.writeStyles();
-        rm.write(">");
-        rm.write("</div>");
+        rm.openStart("div", oControl.getId() + "_headerResizeHandle");
+        rm.class("sapzencrosstab-headerResizeHandleWidth");
+        rm.style("position", "absolute");
+        rm.style("top", "0px");
+        rm.style("height", "100%");
+        rm.openEnd();
+        rm.close("div");
       }
 
       // Column resize ruler
       if (oControl.getPropertyBag().isEnableColResize()) {
-        rm.write("<div");
-        rm.writeAttribute("id", oControl.getId() + "_colResizeRuler");
-        rm.writeAttribute("class", "sapzencrosstab-colResizeRuler");
-        rm.addStyle("visibility", "hidden");
-        rm.writeStyles();
-        rm.write(">");
-        rm.write("</div>");
+        rm.openStart("div", oControl.getId() + "_colResizeRuler");
+        rm.class("sapzencrosstab-colResizeRuler");
+        rm.style("visibility", "hidden");
+        rm.openEnd();
+        rm.close("div");
       }
 
       if (oControl.getRenderMode() === RenderingConstants.RENDERMODE_COMPACT) {
-        rm.write("</div>");
+        rm.close("div");
       }
 
-      rm.write("<div");
-      rm.writeAttribute("id", oControl.getId() + "_resizeFrame");
-      rm.writeAttribute("class", "sapzencrosstab-TableDiv");
-      rm.addStyle("visibility", "hidden");
-      rm.addStyle("width", sCrosstabWidth);
-      rm.addStyle("height", sCrosstabHeight);
-      rm.writeStyles();
-      rm.write(">");
-      rm.write("</div>");
-
-      rm.write("<div");
-      rm.writeAttribute("id", oControl.getId() + "_resizeDiv");
-      rm.writeAttribute("class", "sapzencrosstab-ResizeDiv");
-      rm.addStyle("width", "100%");
-      rm.addStyle("height", "100%");
-      rm.addStyle("visibility", "hidden");
-      rm.writeStyles();
-      rm.write(">");
-      rm.write("</div>");
+      rm.openStart("div", oControl.getId() + "_resizeFrame");
+      rm.class("sapzencrosstab-TableDiv");
+      rm.style("visibility", "hidden");
+      rm.style("width", sCrosstabWidth);
+      rm.style("height", sCrosstabHeight);
+      rm.openEnd();
+      rm.close("div");
+
+      rm.openStart("div", oControl.getId() + "_resizeDiv");
+      rm.class("sapzencrosstab-ResizeDiv");
+      rm.style("width", "100%");
+      rm.style("height", "100%");
+      rm.style("visibility", "hidden");
+      rm.openEnd();
+      rm.close("div");
 
       if (oControl.getGlassPane().length === 0) {
-        rm.write("<div");
-        rm.writeAttribute("id", oControl.getId() + "_glassPane");
-        rm.addStyle("position", "absolute");
-        rm.addStyle("top", "0px");
+        rm.openStart("div", oControl.getId() + "_glassPane");
+        rm.style("position", "absolute");
+        rm.style("top", "0px");
         if (oControl.getPropertyBag().isRtl()) {
-          rm.addStyle("right", "0px");
+          rm.style("right", "0px");
         } else {
-          rm.addStyle("left", "0px");
+          rm.style("left", "0px");
         }
-        rm.addStyle("width", "100%");
-        rm.addStyle("height", "100%");
-        rm.writeStyles();
-        rm.write(">");
-        rm.write("</div>");
+        rm.style("width", "100%");
+        rm.style("height", "100%");
+        rm.openEnd();
+        rm.close("div");
       }
 
-      rm.write("</div>");
+      rm.close("div");
     };
 
     sap.zen.crosstab.CrosstabRenderer.writeCell = function (rm, sId, oArea, oControl) {
-      rm.write("<td");
-      rm.writeAttribute("id", sId);
-      rm.addStyle("padding", "0px");
-      rm.writeStyles();
-      rm.write(">");
-      rm.write("<div");
-      rm.writeAttribute("id", sId + "_scrollDiv");
-      rm.addStyle("overflow", "hidden");
-      rm.writeStyles();
-      rm.write(">");
+      rm.openStart("td", sId);
+      rm.style("padding", "0px");
+      rm.openEnd();
+      rm.openStart("div", sId + "_scrollDiv");
+      rm.style("overflow", "hidden");
+      rm.openEnd();
       oArea.renderArea(rm, oControl);
-      rm.write("</div>");
-      rm.write("</td>");
+      rm.close("div");
+      rm.close("td");
     };
     return sap.zen.crosstab.CrosstabRenderer;
   }