@sapui5/sap.zen.crosstab 1.84.33 → 1.84.50

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

@@ -0,0 +1,258 @@
+/*!
+ * SAPUI5
+ * (c) Copyright 2009-2024 SAP SE. All rights reserved.
+ */
+/*global sap*/
+sap.ui.define(
+  [
+    "jquery.sap.global",
+    "sap/zen/crosstab/rendering/RenderingConstants",
+    "sap/zen/crosstab/utils/Utils"
+  ],
+  function(jQuery, RenderingConstants, Utils){
+    "use strict";
+    jQuery.sap.declare("sap.zen.crosstab.CrosstabRenderer");
+    /**
+     * @class Crosstab renderer.
+     * @static
+     */
+    sap.zen.crosstab.CrosstabRenderer = {};
+    /**
+     * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
+     *
+     * @param {sap.ui.core.RenderManager}
+     *            oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
+     * @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";
+
+      oControl.prepareContainer();
+
+      // convenience variable
+      var rm = oRenderManager;
+      var sClasses = "";
+
+      var sCrosstabWidth = oControl.getWidth();
+      if (sCrosstabWidth === "auto") {
+        sCrosstabWidth = "100%";
+      }
+      var sCrosstabHeight = oControl.getHeight();
+      if (sCrosstabHeight === "auto") {
+        sCrosstabHeight = "100%";
+      }
+
+      // write the HTML into the render manager
+      rm.write("<div");
+      rm.writeControlData(oControl);
+      rm.addStyle("overflow", "hidden");
+      if (sCrosstabWidth) {
+        rm.addStyle("width", sCrosstabWidth);
+      }
+      if (sCrosstabHeight) {
+        rm.addStyle("height", sCrosstabHeight);
+      }
+      if (Utils.isMainMode()) {
+        sClasses = "sapzencrosstab-FontSize-MainMode ";
+      }
+      sClasses += "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] + " ";
+        }
+      }
+
+      if (oControl.getRenderMode() === RenderingConstants.RENDERMODE_FILL) {
+        rm.addStyle("visibility", "hidden");
+        sClasses += "sapzencrosstab-TableDiv sapzencrosstab-TableDivBackground";
+      }
+      rm.writeAttributeEscaped("class", sClasses);
+      rm.writeStyles();
+      rm.write(">");
+      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.write("<div");
+      rm.writeAttributeEscaped("id", oControl.getId() + "_renderSizeDiv");
+      rm.writeAttribute("class", "sapzencrosstab-RenderSizeDiv");
+      rm.write(">");
+
+      rm.write("<table");
+      rm.writeAttributeEscaped("id", oControl.getId() + "_table");
+      rm.writeAttribute("class", "sapzencrosstab-Crosstab");
+      rm.write(">"); // table element
+
+      // first row
+      rm.write("<tr");
+      rm.writeAttributeEscaped("id", oControl.getId() + "_upperSection");
+      rm.write(">");
+
+      sap.zen.crosstab.CrosstabRenderer.writeCell(
+        rm, oControl.getId() + "_upperLeft", oControl.getDimensionHeaderArea(),
+        oControl
+      );
+      sap.zen.crosstab.CrosstabRenderer.writeCell(
+        rm, oControl.getId() + "_upperRight", oControl.getColumnHeaderArea(),
+        oControl
+      );
+
+      rm.write("</tr>");
+
+      // second row
+      rm.write("<tr");
+      rm.writeAttributeEscaped("id", oControl.getId() + "_lowerSection");
+      rm.write(">");
+
+      sap.zen.crosstab.CrosstabRenderer.writeCell(
+        rm, oControl.getId() + "_lowerLeft", oControl.getRowHeaderArea(),
+        oControl
+      );
+      sap.zen.crosstab.CrosstabRenderer.writeCell(rm, oControl.getId() + "_lowerRight", oControl.getDataArea(), oControl);
+
+      rm.write("</tr>");
+
+      rm.write("</table>");
+      rm.write("</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.write("<div");
+      rm.writeAttribute("id", oControl.getId() + "_loadingAnimationDiv");
+      rm.writeAttribute("class", "sapzencrosstab-loadingAnimationDiv");
+      rm.addStyle("visibility", "hidden");
+      rm.writeStyles();
+      rm.write(">");
+
+      rm.write("<div");
+      rm.writeAttribute("class", "sapzencrosstab-loadingAnimation");
+      rm.write(">");
+      rm.write("</div>");
+
+      rm.write("</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>");
+
+      // 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>");
+
+      // 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>");
+      }
+
+      // 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>");
+      }
+
+      if (oControl.getRenderMode() === RenderingConstants.RENDERMODE_COMPACT) {
+        rm.write("</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>");
+
+      if (oControl.getGlassPane().length === 0) {
+        rm.write("<div");
+        rm.writeAttribute("id", oControl.getId() + "_glassPane");
+        rm.addStyle("position", "absolute");
+        rm.addStyle("top", "0px");
+        if (oControl.getPropertyBag().isRtl()) {
+          rm.addStyle("right", "0px");
+        } else {
+          rm.addStyle("left", "0px");
+        }
+        rm.addStyle("width", "100%");
+        rm.addStyle("height", "100%");
+        rm.writeStyles();
+        rm.write(">");
+        rm.write("</div>");
+      }
+
+      rm.write("</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(">");
+      oArea.renderArea(rm, oControl);
+      rm.write("</div>");
+      rm.write("</td>");
+    };
+    return sap.zen.crosstab.CrosstabRenderer;
+  }
+);

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

@@ -0,0 +1,64 @@
+/*!
+ * SAPUI5
+ * (c) Copyright 2009-2024 SAP SE. All rights reserved.
+ */
+/*global sap*/
+sap.ui.define(
+  [
+    "jquery.sap.global",
+    "sap/zen/crosstab/ColResizer"
+  ],
+  function(jQuery, ColResizer){
+    "use strict";
+    jQuery.sap.declare("sap.zen.crosstab.CrosstabTestProxy");
+    sap.zen.crosstab.CrosstabTestProxy = function(oCrosstab, oEventHandler) {
+      var bTestAction = false;
+      var oColResizer = new ColResizer(oCrosstab);
+      function fireHoverOrSelect(oArea, iRow, iCol, fAction) {
+        var oCell = oArea.getDataModel().getCellWithSpan(iRow, iCol);
+        if (oCell) {
+          var e = {};
+          var oDomCell = jQuery(document.getElementById(oCell.getId()));
+          if (oDomCell && oDomCell.length > 0) {
+            e.target = oDomCell[0];
+            fAction(e);
+          }
+        }
+      }
+      this.hoverCell = function (oArea, iRow, iCol) {
+        fireHoverOrSelect(oArea, iRow, iCol, oEventHandler.executeOnMouseEnter);
+      };
+      this.selectCell = function (oArea, iRow, iCol) {
+        fireHoverOrSelect(oArea, iRow, iCol, oEventHandler.executeOnClickAction);
+      };
+      this.setTestAction = function(bIsTestAction) {
+        bTestAction = bIsTestAction;
+      };
+      this.getTestAction = function() {
+        return bTestAction;
+      };
+      this.testClickSortOrHierarchy = function(oArea, iRow, iCol) {
+        var oCell = oArea.getDataModel().getCellWithSpan(iRow, iCol);
+        if (oCell) {
+          var oTarget = jQuery("#sort_" + oCell.getId());
+          if (oTarget && oTarget.length > 0) {
+            var e = {};
+            e.target = oTarget[0];
+            oEventHandler.executeOnClickAction(e);
+          }
+        }
+      };
+      this.doubleClickColResize = function (iRow, iCol) {
+        var oCell = oCrosstab.getColumnHeaderArea().getCell(iRow, iCol);
+        if (oCell) {
+          var sId = "resi_" + oCell.getId();
+          var e = {};
+          e.target = {};
+          e.target.id = sId;
+          oColResizer.onDoubleClick(e);
+        }
+      };
+    };
+    return sap.zen.crosstab.CrosstabTestProxy;
+  }
+);

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

@@ -0,0 +1,76 @@
+/*!
+ * SAPUI5
+ * (c) Copyright 2009-2024 SAP SE. All rights reserved.
+ */
+/*global sap*/
+sap.ui.define(
+  [
+    "jquery.sap.global",
+    "sap/zen/crosstab/BaseArea",
+    "sap/zen/crosstab/rendering/RenderingConstants"
+  ],
+  function(jQuery, BaseArea, RenderingConstants){
+    "use strict";
+    jQuery.sap.declare("sap.zen.crosstab.DataArea");
+    sap.zen.crosstab.DataArea = function (oCrosstab) {
+      BaseArea.call(this, oCrosstab);
+      this.sAreaType = RenderingConstants.TYPE_DATA_AREA;
+    };
+
+    sap.zen.crosstab.DataArea.prototype = jQuery.sap.newObject(BaseArea.prototype);
+    sap.zen.crosstab.DataArea.prototype.renderArea = function (oRenderManager) {
+      this.renderContainerStructure(
+        oRenderManager, "sapzencrosstab-DataArea",
+        this.oCrosstab.isVCutOff(), this.oCrosstab.isHCutOff()
+      );
+    };
+    sap.zen.crosstab.DataArea.prototype.insertCell = function (oCell, iRow, iCol) {
+      sap.zen.crosstab.BaseArea.prototype.insertCell.call(this, oCell, iRow, iCol);
+      if (iCol === this.oDataModel.getColCnt() - 1 && oCell) {
+        oCell.addStyle(RenderingConstants.STYLE_LAST_IN_ROW);
+      }
+      if (iRow === this.oDataModel.getRowCnt() - 1 && oCell) {
+        oCell.addStyle(RenderingConstants.STYLE_LAST_IN_COL);
+      }
+    };
+    sap.zen.crosstab.DataArea.prototype.getSelectedCellsByHeaderSelection = function (oHeaderCell, bRemoveSelection) {
+      var oResultCells = {};
+      var oArea = oHeaderCell.getArea();
+      if (oArea.isRowHeaderArea()) {
+        var iStartRow = oHeaderCell.getRow();
+        var iEndRow = 0;
+        var iStartCol = 0;
+        if (!bRemoveSelection) {
+          iEndRow = Math.min((iStartRow + oHeaderCell.getRowSpan()), (this.getRenderStartRow() + this.getRenderRowCnt()));
+          iStartCol = this.getRenderStartCol();
+
+        } else {
+          iEndRow = iStartRow + oHeaderCell.getRowSpan();
+        }
+
+        for (var i = iStartRow; i < iEndRow; i++) {
+          var aCellsInRow =  this.oDataModel.getAllLoadedCellsByRow(this, i);
+          for(var j = 0; j < aCellsInRow.length; j++) {
+            oResultCells[aCellsInRow[j].getId()] = aCellsInRow[j];
+          }
+        }
+      } else if (oArea.isColHeaderArea()) {
+        var iEndCol = 0;
+        if (!bRemoveSelection) {
+          iEndCol = Math.min((iStartCol + oHeaderCell.getColSpan()), (this.getRenderStartCol() + this.getRenderColCnt()));
+          iStartRow = this.getRenderStartRow();
+        } else {
+          iEndCol = iStartCol + oHeaderCell.getColSpan();
+        }
+        for (i = iStartCol; i < iEndCol; i++) {
+          var aCellsInCol = this.oDataModel.getAllLoadedCellsByCol(this, i);
+          for( j = 0; j < aCellsInCol.length; j++){
+            oResultCells[aCellsInCol[j].getId()] = aCellsInCol[j];
+          }
+        }
+      }
+      return oResultCells;
+    };
+    return sap.zen.crosstab.DataArea;
+  }
+);

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

@@ -0,0 +1,187 @@
+/*!
+ * SAPUI5
+ * (c) Copyright 2009-2024 SAP SE. All rights reserved.
+ */
+/*global sap*/
+sap.ui.define(
+  [
+    "jquery.sap.global",
+    "sap/ui/core/Control",
+    "sap/zen/crosstab/CellStyleHandler",
+    "sap/zen/crosstab/rendering/RenderingConstants",
+    "sap/zen/crosstab/utils/Utils",
+    "sap/zen/crosstab/library"
+  ],
+  function (jQuery, Control, CellStyleHandler, RenderingConstants, Utils) {
+    "use strict";
+    // Provides control sap.zen.crosstab.DataCell.
+    jQuery.sap.declare("sap.zen.crosstab.DataCell");
+    /**
+     * Constructor for a new DataCell.
+     *
+     * @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
+     * Add your documentation for the new DataCell
+     * @extends sap.ui.core.Control
+     *
+     * @constructor
+     * @public
+     * @name sap.zen.crosstab.DataCell
+     */
+    Control.extend("sap.zen.crosstab.DataCell", /** @lends sap.zen.crosstab.DataCell.prototype */ {
+      metadata: {
+        library: "sap.zen.crosstab",
+        properties: {
+          /**
+           * the text of the data cell
+           */
+          text: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+           * the area of the data cell
+           */
+          area: { type: "object", group: "Misc", defaultValue: null },
+
+          /**
+           * the row of the data cell
+           */
+          row: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+           * the column of the data cell
+           */
+          col: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+           * the table row of the data cell
+           */
+          tableRow: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+           * the table column of the data cell
+           */
+          tableCol: { type: "int", group: "Misc", defaultValue: null }
+        }
+      }
+    });
+
+
+    /**
+     *
+     * @name sap.zen.crosstab.DataCell#addStyle
+     * @function
+     * @param {string} sSStyle
+     * @type void
+     * @public
+     */
+
+    ///**
+    // * This file defines behavior for the control,
+    // */
+
+    sap.zen.crosstab.DataCell.prototype.init = function () {
+      "use strict";
+      this.aStyles = [];
+      this.bLoading = false;
+      this.bIsEntryEnabled = false;
+      this.sUnit = "";
+      this.sPassiveCellType = RenderingConstants.PASSIVE_CELL_TYPE_NORMAL;
+      this.iNumberOfLineBreaks = 0;
+    };
+    sap.zen.crosstab.DataCell.prototype.getCellType = function () {
+      return RenderingConstants.TYPE_DATA_CELL;
+    };
+    sap.zen.crosstab.DataCell.prototype.isHeaderCell = function () {
+      return false;
+    };
+    sap.zen.crosstab.DataCell.prototype.getCssClassNames = function (bIsIE8, bIsRtl, bIsMsIE) {
+      return CellStyleHandler.getCssClasses(this.aStyles, bIsIE8, bIsRtl, bIsMsIE);
+    };
+    sap.zen.crosstab.DataCell.prototype.getStyleIdList = function () {
+      return this.aStyles;
+    };
+    sap.zen.crosstab.DataCell.prototype.setStyleIdList = function (aNewStyles) {
+      this.aStyles = aNewStyles;
+    };
+    sap.zen.crosstab.DataCell.prototype.addStyle = function (sStyle) {
+      var iStyleId = CellStyleHandler.getStyleId(
+        sStyle,
+        RenderingConstants.TYPE_DATA_CELL
+      );
+      if (this.aStyles.indexOf(iStyleId) === -1) {
+        this.aStyles.push(iStyleId);
+      }
+    };
+    sap.zen.crosstab.DataCell.prototype.removeStyle = function (sStyle) {
+      var iStyleId = CellStyleHandler.getStyleId(
+        sStyle, RenderingConstants.TYPE_DATA_CELL
+      );
+      var iIndex = this.aStyles.indexOf(iStyleId);
+      if (iIndex !== -1) {
+        this.aStyles.splice(iIndex, 1);
+      }
+    };
+    sap.zen.crosstab.DataCell.prototype.hasStyle = function (sStyle) {
+      var iStyleId = CellStyleHandler.getStyleId(
+        sStyle, RenderingConstants.TYPE_DATA_CELL
+      );
+      var iIndex = this.aStyles.indexOf(iStyleId);
+      if (iIndex === -1) {
+        return false;
+      } else {
+        return true;
+      }
+    };
+    sap.zen.crosstab.DataCell.prototype.getColSpan = function () {
+      return 1;
+    };
+    sap.zen.crosstab.DataCell.prototype.getRowSpan = function () {
+      return 1;
+    };
+    sap.zen.crosstab.DataCell.prototype.getEffectiveColSpan = function () {
+      return 1;
+    };
+    sap.zen.crosstab.DataCell.prototype.getEffectiveRowSpan = function () {
+      return 1;
+    };
+    sap.zen.crosstab.DataCell.prototype.isLoading = function () {
+      return this.bLoading;
+    };
+    sap.zen.crosstab.DataCell.prototype.setLoading = function (bLoading) {
+      this.bLoading = bLoading;
+    };
+    sap.zen.crosstab.DataCell.prototype.isSelectable = function () {
+      return false;
+    };
+    sap.zen.crosstab.DataCell.prototype.getUnescapedText = function () {
+      return Utils.unEscapeDisplayString(this.getText());
+    };
+    sap.zen.crosstab.DataCell.prototype.setEntryEnabled = function (bIsEntryEnabled) {
+      this.bIsEntryEnabled = bIsEntryEnabled;
+    };
+    sap.zen.crosstab.DataCell.prototype.isEntryEnabled = function () {
+      return this.bIsEntryEnabled;
+    };
+    sap.zen.crosstab.DataCell.prototype.setUnit = function (sUnit) {
+      this.sUnit = sUnit;
+    };
+    sap.zen.crosstab.DataCell.prototype.getUnit = function () {
+      return this.sUnit;
+    };
+    sap.zen.crosstab.DataCell.prototype.getPassiveCellType = function () {
+      return this.sPassiveCellType;
+    };
+    sap.zen.crosstab.DataCell.prototype.setPassiveCellType = function (sPCellType) {
+      this.sPassiveCellType = sPCellType;
+    };
+    sap.zen.crosstab.DataCell.prototype.setNumberOfLineBreaks = function (iNumberOfLineBreaks) {
+      this.iNumberOfLineBreaks = iNumberOfLineBreaks;
+    };
+    sap.zen.crosstab.DataCell.prototype.getNumberOfLineBreaks = function () {
+      return this.iNumberOfLineBreaks;
+    };
+    return sap.zen.crosstab.DataCell;
+  }
+);

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

@@ -0,0 +1,70 @@
+/*!
+ * SAPUI5
+ * (c) Copyright 2009-2024 SAP SE. All rights reserved.
+ */
+/*global sap*/
+sap.ui.define(
+  [
+    "jquery.sap.global",
+    "sap/zen/crosstab/rendering/RenderingConstants",
+    "sap/zen/crosstab/IDataCell"
+  ],
+  function(jQuery, RenderingConstants, IDataCell){
+    "use strict";
+    jQuery.sap.declare("sap.zen.crosstab.DataCellRenderer");
+    /**
+     * @class DataCell renderer.
+     * @static
+     */
+    sap.zen.crosstab.DataCellRenderer = {};
+    /**
+     * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
+     *
+     * @param {sap.ui.core.RenderManager}
+     *            oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
+     * @param {sap.ui.core.Control}
+     *            oControl an object representation of the control that should be rendered
+     */
+    sap.zen.crosstab.DataCellRenderer.render = function (oRenderManager, oControl) {
+      "use strict";
+      var oArea = oControl.getArea();
+      var oCrosstab = oArea.getCrosstab();
+      var fRenderCallback = oArea.getRenderCellCallback();
+      var sRenderText = oControl.getText();
+      var oAdditionalStyles = null;
+      if (fRenderCallback) {
+        var oCallbackResult = fRenderCallback(new IDataCell(oControl));
+        oAdditionalStyles = oCallbackResult.additionalStyles;
+        sRenderText = oCallbackResult.renderText;
+      }
+      // convenience variable
+      var rm = oRenderManager;
+      // write the HTML into the render manager
+      rm.write("<td");
+      rm.writeControlData(oControl);
+      var sCssClasses = oControl.getCssClassNames(oCrosstab.isIE8Mode(), oCrosstab.getPropertyBag().isRtl(), oCrosstab.getUtils().isMsIE());
+      rm.writeAttributeEscaped("class", sCssClasses);
+      rm.writeAttributeEscaped("tabindex", RenderingConstants.TABINDEX);
+      rm.write(">"); // SPAN element
+      rm.write("<div");
+      rm.writeAttributeEscaped("id", oControl.getId() + "_contentDiv");
+      rm.writeAttributeEscaped("tabindex", RenderingConstants.TABINDEX);
+      var sClasses = "sapzencrosstab-DataCellContentDiv";
+      if (oControl.isLoading()) {
+        sClasses += " sapzencrosstab-LoadingCellContentDiv";
+      }
+      rm.writeAttributeEscaped("class", sClasses);
+      if (oAdditionalStyles) {
+        for ( var sStyleKey in oAdditionalStyles) {
+          rm.addStyle(sStyleKey, oAdditionalStyles[sStyleKey]);
+        }
+      }
+      rm.writeStyles();
+      rm.write(">");
+      rm.writeEscaped(sRenderText);
+      rm.write("</div>");
+      rm.write("</td>");
+    };
+    return sap.zen.crosstab.DataCellRenderer;
+  }
+);

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

@@ -0,0 +1,34 @@
+/*!
+ * SAPUI5
+ * (c) Copyright 2009-2024 SAP SE. All rights reserved.
+ */
+/*global sap*/
+sap.ui.define(
+  [
+    "jquery.sap.global",
+    "sap/zen/crosstab/BaseArea",
+    "sap/zen/crosstab/rendering/RenderingConstants"
+  ],
+  function(jQuery,BaseArea, RenderingConstants){
+    "use strict";
+    jQuery.sap.declare("sap.zen.crosstab.DimensionHeaderArea");
+    sap.zen.crosstab.DimensionHeaderArea = function (oCrosstab) {
+      BaseArea.call(this, oCrosstab);
+      this.sAreaType = RenderingConstants.TYPE_DIMENSION_HEADER_AREA;
+    };
+    sap.zen.crosstab.DimensionHeaderArea.prototype = jQuery.sap.newObject(BaseArea.prototype);
+    sap.zen.crosstab.DimensionHeaderArea.prototype.renderArea = function (oRenderManager) {
+      var sClasses = "sapzencrosstab-DimensionHeaderArea";
+      if (this.oCrosstab.getPropertyBag().isMobileMode()) {
+        sClasses += " sapzencrosstab-MobileHeaderSeparator";
+      }
+      this.renderContainerStructure(oRenderManager, sClasses, false, false);
+    };
+    sap.zen.crosstab.DimensionHeaderArea.prototype.getPageManager = function () {
+      // runtime contract: dim header will always be completely on the first page.
+      // Hence, we don't need a page manager.
+      return null;
+    };
+    return sap.zen.crosstab.DimensionHeaderArea;
+  }
+);