handsontable 0.0.0-next-8d01ccc-20250117 → 0.0.0-next-f52ab71-20250121

package/3rdparty/walkontable/src/table.js

@@ -5,6 +5,7 @@ require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _element = require("../../../helpers/dom/element");
 var _function = require("../../../helpers/function");
 var _column = _interopRequireDefault(require("./filter/column"));
@@ -21,7 +22,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 /**
  * @todo These mixes are never added to the class Table, however their members are used here.
  * @todo Continue: Potentially it works only, because some of these mixes are added to every inherited class.
- * @todo Refactoring, move code from `if(this.isMaster)` into MasterTable, and others like that.
  * @mixes stickyColumnsStart
  * @mixes stickyRowsBottom
  * @mixes stickyRowsTop
@@ -78,7 +78,6 @@ class Table {
      *
      * @type {boolean}
      */
-    this.isMaster = name === 'master';
     this.name = name;
     this.dataAccessObject = dataAccessObject;
     this.facadeGetter = facadeGetter;
@@ -95,9 +94,7 @@ class Table {
     this.hider = this.createHider(this.spreader);
     this.holder = this.createHolder(this.hider);
     this.wtRootElement = this.holder.parentNode;
-    if (this.isMaster) {
-      this.alignOverlaysWithTrimmingContainer(); // todo wow, It calls method from child class (MasterTable).
-    }
+    this.alignOverlaysWithTrimmingContainer(); // todo wow, It calls method from child class (MasterTable).
     this.fixTableDomTree();
     this.rowFilter = null; // TODO refactoring, eliminate all (re)creations of this object, then updates state when needed.
     this.columnFilter = null; // TODO refactoring, eliminate all (re)creations of this object, then updates state when needed.
@@ -117,7 +114,31 @@ class Table {
       TBODY: this.TBODY,
       rowUtils: this.rowUtils,
       columnUtils: this.columnUtils,
-      cellRenderer: this.wtSettings.getSettingPure('cellRenderer'),
+      cellRenderer: (row, column, TD) => {
+        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
+        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
+        this.wtSettings.getSettingPure('cellRenderer')(row, column, TD);
+        if (column < fixedColumnsStart) {
+          const left = this.dataAccessObject.wtViewport.getRowHeaderWidth() + this.dataAccessObject.wtOverlays.inlineStartOverlay.sumCellSizes(0, column);
+          TD.style.position = 'sticky';
+          TD.style.left = `${left}px`;
+          if (row < fixedRowsTop) {
+            TD.style.zIndex = '9';
+          } else {
+            TD.style.zIndex = '5';
+          }
+        }
+        if (row < fixedRowsTop) {
+          const top = this.dataAccessObject.wtViewport.getColumnHeaderHeight() + this.dataAccessObject.wtOverlays.topOverlay.sumCellSizes(0, row);
+          TD.style.position = 'sticky';
+          TD.style.top = `${top}px`;
+          if (column < fixedColumnsStart) {
+            TD.style.zIndex = '10';
+          } else {
+            TD.style.zIndex = '6';
+          }
+        }
+      },
       stylesHandler: this.dataAccessObject.stylesHandler
     });
   }
@@ -217,12 +238,10 @@ class Table {
         // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it
         parent.insertBefore(holder, hider);
       }
-      if (this.isMaster) {
-        holder.parentNode.className += 'ht_master handsontable';
-        holder.parentNode.setAttribute('dir', this.wtSettings.getSettingPure('rtlMode') ? 'rtl' : 'ltr');
-        if (this.wtSettings.getSetting('ariaTags')) {
-          (0, _element.setAttribute)(holder.parentNode, [(0, _a11y.A11Y_PRESENTATION)()]);
-        }
+      holder.parentNode.className += 'ht_master handsontable';
+      holder.parentNode.setAttribute('dir', this.wtSettings.getSettingPure('rtlMode') ? 'rtl' : 'ltr');
+      if (this.wtSettings.getSetting('ariaTags')) {
+        (0, _element.setAttribute)(holder.parentNode, [(0, _a11y.A11Y_PRESENTATION)()]);
       }
       holder.appendChild(hider);
     }
@@ -250,100 +269,89 @@ class Table {
     } = this.dataAccessObject;
     const totalRows = wtSettings.getSetting('totalRows');
     const totalColumns = wtSettings.getSetting('totalColumns');
-    const rowHeaders = wtSettings.getSetting('rowHeaders');
+    const rowHeaders = wtSettings.getSetting('rowHeaders').map(origRowRenderer => {
+      return (row, TH, column) => {
+        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
+        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
+        if (row < fixedRowsTop) {
+          let top = 0;
+          if (row >= 0) {
+            top = this.dataAccessObject.wtViewport.getColumnHeaderHeight() + this.dataAccessObject.wtOverlays.topOverlay.sumCellSizes(0, row);
+          }
+          TH.style.top = `${top}px`;
+          if (column < fixedColumnsStart) {
+            TH.style.zIndex = '20';
+          } else {
+            TH.style.zIndex = '10';
+          }
+        } else {
+          TH.style.top = '0px';
+          TH.style.zIndex = '3';
+        }
+        origRowRenderer(row, TH, column);
+        TH.style.position = 'sticky';
+        TH.style.left = '0px';
+      };
+    });
     const rowHeadersCount = rowHeaders.length;
-    const columnHeaders = wtSettings.getSetting('columnHeaders');
+    const columnHeaders = wtSettings.getSetting('columnHeaders').map(origColumnRenderer => {
+      return (column, TH, row) => {
+        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
+        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
+        if (column < fixedColumnsStart) {
+          let left = 0;
+          if (column >= 0) {
+            left = this.dataAccessObject.wtViewport.getRowHeaderWidth() + this.dataAccessObject.wtOverlays.inlineStartOverlay.sumCellSizes(0, column);
+          }
+          TH.style.left = `${left}px`;
+          if (row < fixedRowsTop) {
+            TH.style.zIndex = '20';
+          } else {
+            TH.style.zIndex = '10';
+          }
+        } else {
+          TH.style.zIndex = '3';
+          TH.style.left = '0px';
+        }
+        origColumnRenderer(column, TH, row);
+        TH.style.position = 'sticky';
+        TH.style.top = '0px';
+      };
+    });
     const columnHeadersCount = columnHeaders.length;
     let runFastDraw = fastDraw;
-    if (this.isMaster) {
-      wtOverlays.beforeDraw();
-      this.holderOffset = (0, _element.offset)(this.holder);
-      runFastDraw = wtViewport.createCalculators(runFastDraw);
-      if (rowHeadersCount && !wtSettings.getSetting('fixedColumnsStart')) {
-        const leftScrollPos = wtOverlays.inlineStartOverlay.getScrollPosition();
-        const previousState = this.correctHeaderWidth;
-        this.correctHeaderWidth = leftScrollPos !== 0;
-        if (previousState !== this.correctHeaderWidth) {
-          runFastDraw = false;
-        }
-      }
-    }
-    if (runFastDraw) {
-      if (this.isMaster) {
-        wtOverlays.refresh(true);
-      }
-    } else {
-      if (this.isMaster) {
-        this.tableOffset = (0, _element.offset)(this.TABLE);
-      } else {
-        this.tableOffset = this.dataAccessObject.parentTableOffset;
-      }
+    wtOverlays.beforeDraw();
+    this.holderOffset = (0, _element.offset)(this.holder);
+    runFastDraw = wtViewport.createCalculators(runFastDraw);
+    if (!runFastDraw) {
+      this.tableOffset = (0, _element.offset)(this.TABLE);
       const startRow = totalRows > 0 ? this.getFirstRenderedRow() : 0;
       const startColumn = totalColumns > 0 ? this.getFirstRenderedColumn() : 0;
       this.rowFilter = new _row.default(startRow, totalRows, columnHeadersCount);
       this.columnFilter = new _column.default(startColumn, totalColumns, rowHeadersCount);
       let performRedraw = true;
-
-      // Only master table rendering can be skipped
-      if (this.isMaster) {
-        this.alignOverlaysWithTrimmingContainer(); // todo It calls method from child class (MasterTable).
-        const skipRender = {};
-        this.wtSettings.getSetting('beforeDraw', true, skipRender);
-        performRedraw = skipRender.skipRender !== true;
-      }
+      this.alignOverlaysWithTrimmingContainer(); // todo It calls method from child class (MasterTable).
+      const skipRender = {};
+      this.wtSettings.getSetting('beforeDraw', true, skipRender);
+      performRedraw = skipRender.skipRender !== true;
       if (performRedraw) {
         this.tableRenderer.setHeaderContentRenderers(rowHeaders, columnHeaders);
-        if (this.is(_overlay.CLONE_BOTTOM) || this.is(_overlay.CLONE_BOTTOM_INLINE_START_CORNER)) {
-          // do NOT render headers on the bottom or bottom-left corner overlay
-          this.tableRenderer.setHeaderContentRenderers(rowHeaders, []);
-        }
         this.resetOversizedRows();
         this.tableRenderer.setActiveOverlayName(this.name).setViewportSize(this.getRenderedRowsCount(), this.getRenderedColumnsCount()).setFilters(this.rowFilter, this.columnFilter).render();
-        if (this.isMaster) {
-          this.markOversizedColumnHeaders();
-        }
+        this.markOversizedColumnHeaders();
         this.adjustColumnHeaderHeights();
-        if (this.isMaster || this.is(_overlay.CLONE_BOTTOM)) {
-          this.markOversizedRows();
+        this.markOversizedRows();
+        if (!this.wtSettings.getSetting('externalRowCalculator')) {
+          wtViewport.createVisibleCalculators();
         }
-        if (this.isMaster) {
-          if (!this.wtSettings.getSetting('externalRowCalculator')) {
-            wtViewport.createVisibleCalculators();
-          }
-          wtOverlays.refresh(false);
-          wtOverlays.applyToDOM();
-          this.wtSettings.getSetting('onDraw', true);
-        } else if (this.is(_overlay.CLONE_BOTTOM)) {
-          this.dataAccessObject.cloneSource.wtOverlays.adjustElementsSize();
-        }
-      }
-    }
-    let positionChanged = false;
-    if (this.isMaster) {
-      positionChanged = wtOverlays.topOverlay.resetFixedPosition();
-      if (wtOverlays.bottomOverlay.clone) {
-        positionChanged = wtOverlays.bottomOverlay.resetFixedPosition() || positionChanged;
-      }
-      positionChanged = wtOverlays.inlineStartOverlay.resetFixedPosition() || positionChanged;
-      if (wtOverlays.topInlineStartCornerOverlay) {
-        wtOverlays.topInlineStartCornerOverlay.resetFixedPosition();
-      }
-      if (wtOverlays.bottomInlineStartCornerOverlay && wtOverlays.bottomInlineStartCornerOverlay.clone) {
-        wtOverlays.bottomInlineStartCornerOverlay.resetFixedPosition();
+        wtOverlays.adjustElementsSize();
+        // wtOverlays.draw(fastDraw);
+
+        this.wtSettings.getSetting('onDraw', true);
       }
     }
-    if (positionChanged) {
-      // It refreshes the cells borders caused by a 1px shift (introduced by overlays which add or
-      // remove `innerBorderTop` and `innerBorderInlineStart` CSS classes to the DOM element. This happens
-      // when there is a switch between rendering from 0 to N rows/columns and vice versa).
-      wtOverlays.refreshAll(); // `refreshAll()` internally already calls `refreshSelections()` method
-      wtOverlays.adjustElementsSize();
-    } else {
-      this.dataAccessObject.selectionManager.setActiveOverlay(this.facadeGetter()).render(runFastDraw);
-    }
-    if (this.isMaster) {
-      wtOverlays.afterDraw();
-    }
+    this.dataAccessObject.selectionManager.setActiveOverlay(this.facadeGetter()).render(runFastDraw);
+    wtOverlays.afterDraw();
     this.dataAccessObject.drawn = true;
     return this;
   }
@@ -415,9 +423,6 @@ class Table {
     const {
       wtViewport
     } = this.dataAccessObject;
-    if (!this.isMaster && !this.is(_overlay.CLONE_BOTTOM)) {
-      return;
-    }
     if (!wtSettings.getSetting('externalRowCalculator')) {
       const rowsToRender = this.getRenderedRowsCount();
 
@@ -453,7 +458,7 @@ class Table {
   getCell(coords) {
     let row = coords.row;
     let column = coords.col;
-    const hookResult = this.wtSettings.getSetting('onModifyGetCellCoords', row, column, !this.isMaster, 'render');
+    const hookResult = this.wtSettings.getSetting('onModifyGetCellCoords', row, column, false, 'render');
     if (hookResult && Array.isArray(hookResult)) {
       [row, column] = hookResult;
     }

package/3rdparty/walkontable/src/table.mjs

@@ -2,6 +2,7 @@ import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/esnext.iterator.map.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -17,7 +18,6 @@ import { A11Y_PRESENTATION } from "../../../helpers/a11y.mjs";
 /**
  * @todo These mixes are never added to the class Table, however their members are used here.
  * @todo Continue: Potentially it works only, because some of these mixes are added to every inherited class.
- * @todo Refactoring, move code from `if(this.isMaster)` into MasterTable, and others like that.
  * @mixes stickyColumnsStart
  * @mixes stickyRowsBottom
  * @mixes stickyRowsTop
@@ -74,7 +74,6 @@ class Table {
      *
      * @type {boolean}
      */
-    this.isMaster = name === 'master';
     this.name = name;
     this.dataAccessObject = dataAccessObject;
     this.facadeGetter = facadeGetter;
@@ -91,9 +90,7 @@ class Table {
     this.hider = this.createHider(this.spreader);
     this.holder = this.createHolder(this.hider);
     this.wtRootElement = this.holder.parentNode;
-    if (this.isMaster) {
-      this.alignOverlaysWithTrimmingContainer(); // todo wow, It calls method from child class (MasterTable).
-    }
+    this.alignOverlaysWithTrimmingContainer(); // todo wow, It calls method from child class (MasterTable).
     this.fixTableDomTree();
     this.rowFilter = null; // TODO refactoring, eliminate all (re)creations of this object, then updates state when needed.
     this.columnFilter = null; // TODO refactoring, eliminate all (re)creations of this object, then updates state when needed.
@@ -113,7 +110,31 @@ class Table {
       TBODY: this.TBODY,
       rowUtils: this.rowUtils,
       columnUtils: this.columnUtils,
-      cellRenderer: this.wtSettings.getSettingPure('cellRenderer'),
+      cellRenderer: (row, column, TD) => {
+        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
+        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
+        this.wtSettings.getSettingPure('cellRenderer')(row, column, TD);
+        if (column < fixedColumnsStart) {
+          const left = this.dataAccessObject.wtViewport.getRowHeaderWidth() + this.dataAccessObject.wtOverlays.inlineStartOverlay.sumCellSizes(0, column);
+          TD.style.position = 'sticky';
+          TD.style.left = `${left}px`;
+          if (row < fixedRowsTop) {
+            TD.style.zIndex = '9';
+          } else {
+            TD.style.zIndex = '5';
+          }
+        }
+        if (row < fixedRowsTop) {
+          const top = this.dataAccessObject.wtViewport.getColumnHeaderHeight() + this.dataAccessObject.wtOverlays.topOverlay.sumCellSizes(0, row);
+          TD.style.position = 'sticky';
+          TD.style.top = `${top}px`;
+          if (column < fixedColumnsStart) {
+            TD.style.zIndex = '10';
+          } else {
+            TD.style.zIndex = '6';
+          }
+        }
+      },
       stylesHandler: this.dataAccessObject.stylesHandler
     });
   }
@@ -213,12 +234,10 @@ class Table {
         // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it
         parent.insertBefore(holder, hider);
       }
-      if (this.isMaster) {
-        holder.parentNode.className += 'ht_master handsontable';
-        holder.parentNode.setAttribute('dir', this.wtSettings.getSettingPure('rtlMode') ? 'rtl' : 'ltr');
-        if (this.wtSettings.getSetting('ariaTags')) {
-          setAttribute(holder.parentNode, [A11Y_PRESENTATION()]);
-        }
+      holder.parentNode.className += 'ht_master handsontable';
+      holder.parentNode.setAttribute('dir', this.wtSettings.getSettingPure('rtlMode') ? 'rtl' : 'ltr');
+      if (this.wtSettings.getSetting('ariaTags')) {
+        setAttribute(holder.parentNode, [A11Y_PRESENTATION()]);
       }
       holder.appendChild(hider);
     }
@@ -246,100 +265,89 @@ class Table {
     } = this.dataAccessObject;
     const totalRows = wtSettings.getSetting('totalRows');
     const totalColumns = wtSettings.getSetting('totalColumns');
-    const rowHeaders = wtSettings.getSetting('rowHeaders');
+    const rowHeaders = wtSettings.getSetting('rowHeaders').map(origRowRenderer => {
+      return (row, TH, column) => {
+        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
+        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
+        if (row < fixedRowsTop) {
+          let top = 0;
+          if (row >= 0) {
+            top = this.dataAccessObject.wtViewport.getColumnHeaderHeight() + this.dataAccessObject.wtOverlays.topOverlay.sumCellSizes(0, row);
+          }
+          TH.style.top = `${top}px`;
+          if (column < fixedColumnsStart) {
+            TH.style.zIndex = '20';
+          } else {
+            TH.style.zIndex = '10';
+          }
+        } else {
+          TH.style.top = '0px';
+          TH.style.zIndex = '3';
+        }
+        origRowRenderer(row, TH, column);
+        TH.style.position = 'sticky';
+        TH.style.left = '0px';
+      };
+    });
     const rowHeadersCount = rowHeaders.length;
-    const columnHeaders = wtSettings.getSetting('columnHeaders');
+    const columnHeaders = wtSettings.getSetting('columnHeaders').map(origColumnRenderer => {
+      return (column, TH, row) => {
+        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
+        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
+        if (column < fixedColumnsStart) {
+          let left = 0;
+          if (column >= 0) {
+            left = this.dataAccessObject.wtViewport.getRowHeaderWidth() + this.dataAccessObject.wtOverlays.inlineStartOverlay.sumCellSizes(0, column);
+          }
+          TH.style.left = `${left}px`;
+          if (row < fixedRowsTop) {
+            TH.style.zIndex = '20';
+          } else {
+            TH.style.zIndex = '10';
+          }
+        } else {
+          TH.style.zIndex = '3';
+          TH.style.left = '0px';
+        }
+        origColumnRenderer(column, TH, row);
+        TH.style.position = 'sticky';
+        TH.style.top = '0px';
+      };
+    });
     const columnHeadersCount = columnHeaders.length;
     let runFastDraw = fastDraw;
-    if (this.isMaster) {
-      wtOverlays.beforeDraw();
-      this.holderOffset = offset(this.holder);
-      runFastDraw = wtViewport.createCalculators(runFastDraw);
-      if (rowHeadersCount && !wtSettings.getSetting('fixedColumnsStart')) {
-        const leftScrollPos = wtOverlays.inlineStartOverlay.getScrollPosition();
-        const previousState = this.correctHeaderWidth;
-        this.correctHeaderWidth = leftScrollPos !== 0;
-        if (previousState !== this.correctHeaderWidth) {
-          runFastDraw = false;
-        }
-      }
-    }
-    if (runFastDraw) {
-      if (this.isMaster) {
-        wtOverlays.refresh(true);
-      }
-    } else {
-      if (this.isMaster) {
-        this.tableOffset = offset(this.TABLE);
-      } else {
-        this.tableOffset = this.dataAccessObject.parentTableOffset;
-      }
+    wtOverlays.beforeDraw();
+    this.holderOffset = offset(this.holder);
+    runFastDraw = wtViewport.createCalculators(runFastDraw);
+    if (!runFastDraw) {
+      this.tableOffset = offset(this.TABLE);
       const startRow = totalRows > 0 ? this.getFirstRenderedRow() : 0;
       const startColumn = totalColumns > 0 ? this.getFirstRenderedColumn() : 0;
       this.rowFilter = new RowFilter(startRow, totalRows, columnHeadersCount);
       this.columnFilter = new ColumnFilter(startColumn, totalColumns, rowHeadersCount);
       let performRedraw = true;
-
-      // Only master table rendering can be skipped
-      if (this.isMaster) {
-        this.alignOverlaysWithTrimmingContainer(); // todo It calls method from child class (MasterTable).
-        const skipRender = {};
-        this.wtSettings.getSetting('beforeDraw', true, skipRender);
-        performRedraw = skipRender.skipRender !== true;
-      }
+      this.alignOverlaysWithTrimmingContainer(); // todo It calls method from child class (MasterTable).
+      const skipRender = {};
+      this.wtSettings.getSetting('beforeDraw', true, skipRender);
+      performRedraw = skipRender.skipRender !== true;
       if (performRedraw) {
         this.tableRenderer.setHeaderContentRenderers(rowHeaders, columnHeaders);
-        if (this.is(CLONE_BOTTOM) || this.is(CLONE_BOTTOM_INLINE_START_CORNER)) {
-          // do NOT render headers on the bottom or bottom-left corner overlay
-          this.tableRenderer.setHeaderContentRenderers(rowHeaders, []);
-        }
         this.resetOversizedRows();
         this.tableRenderer.setActiveOverlayName(this.name).setViewportSize(this.getRenderedRowsCount(), this.getRenderedColumnsCount()).setFilters(this.rowFilter, this.columnFilter).render();
-        if (this.isMaster) {
-          this.markOversizedColumnHeaders();
-        }
+        this.markOversizedColumnHeaders();
         this.adjustColumnHeaderHeights();
-        if (this.isMaster || this.is(CLONE_BOTTOM)) {
-          this.markOversizedRows();
+        this.markOversizedRows();
+        if (!this.wtSettings.getSetting('externalRowCalculator')) {
+          wtViewport.createVisibleCalculators();
         }
-        if (this.isMaster) {
-          if (!this.wtSettings.getSetting('externalRowCalculator')) {
-            wtViewport.createVisibleCalculators();
-          }
-          wtOverlays.refresh(false);
-          wtOverlays.applyToDOM();
-          this.wtSettings.getSetting('onDraw', true);
-        } else if (this.is(CLONE_BOTTOM)) {
-          this.dataAccessObject.cloneSource.wtOverlays.adjustElementsSize();
-        }
-      }
-    }
-    let positionChanged = false;
-    if (this.isMaster) {
-      positionChanged = wtOverlays.topOverlay.resetFixedPosition();
-      if (wtOverlays.bottomOverlay.clone) {
-        positionChanged = wtOverlays.bottomOverlay.resetFixedPosition() || positionChanged;
-      }
-      positionChanged = wtOverlays.inlineStartOverlay.resetFixedPosition() || positionChanged;
-      if (wtOverlays.topInlineStartCornerOverlay) {
-        wtOverlays.topInlineStartCornerOverlay.resetFixedPosition();
-      }
-      if (wtOverlays.bottomInlineStartCornerOverlay && wtOverlays.bottomInlineStartCornerOverlay.clone) {
-        wtOverlays.bottomInlineStartCornerOverlay.resetFixedPosition();
+        wtOverlays.adjustElementsSize();
+        // wtOverlays.draw(fastDraw);
+
+        this.wtSettings.getSetting('onDraw', true);
       }
     }
-    if (positionChanged) {
-      // It refreshes the cells borders caused by a 1px shift (introduced by overlays which add or
-      // remove `innerBorderTop` and `innerBorderInlineStart` CSS classes to the DOM element. This happens
-      // when there is a switch between rendering from 0 to N rows/columns and vice versa).
-      wtOverlays.refreshAll(); // `refreshAll()` internally already calls `refreshSelections()` method
-      wtOverlays.adjustElementsSize();
-    } else {
-      this.dataAccessObject.selectionManager.setActiveOverlay(this.facadeGetter()).render(runFastDraw);
-    }
-    if (this.isMaster) {
-      wtOverlays.afterDraw();
-    }
+    this.dataAccessObject.selectionManager.setActiveOverlay(this.facadeGetter()).render(runFastDraw);
+    wtOverlays.afterDraw();
     this.dataAccessObject.drawn = true;
     return this;
   }
@@ -411,9 +419,6 @@ class Table {
     const {
       wtViewport
     } = this.dataAccessObject;
-    if (!this.isMaster && !this.is(CLONE_BOTTOM)) {
-      return;
-    }
     if (!wtSettings.getSetting('externalRowCalculator')) {
       const rowsToRender = this.getRenderedRowsCount();
 
@@ -449,7 +454,7 @@ class Table {
   getCell(coords) {
     let row = coords.row;
     let column = coords.col;
-    const hookResult = this.wtSettings.getSetting('onModifyGetCellCoords', row, column, !this.isMaster, 'render');
+    const hookResult = this.wtSettings.getSetting('onModifyGetCellCoords', row, column, false, 'render');
     if (hookResult && Array.isArray(hookResult)) {
       [row, column] = hookResult;
     }

package/base.js

@@ -45,8 +45,8 @@ Handsontable.hooks = _hooks.Hooks.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "17/01/2025 12:23:25";
-Handsontable.version = "0.0.0-next-8d01ccc-20250117";
+Handsontable.buildDate = "21/01/2025 09:22:44";
+Handsontable.version = "0.0.0-next-f52ab71-20250121";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,

package/base.mjs

@@ -35,8 +35,8 @@ Handsontable.hooks = Hooks.getSingleton();
 Handsontable.CellCoords = CellCoords;
 Handsontable.CellRange = CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "17/01/2025 12:23:31";
-Handsontable.version = "0.0.0-next-8d01ccc-20250117";
+Handsontable.buildDate = "21/01/2025 09:22:49";
+Handsontable.version = "0.0.0-next-f52ab71-20250121";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/dist/handsontable.css

@@ -25,9 +25,11 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-8d01ccc-20250117
- * Release date: 16/12/2024 (built at 17/01/2025 12:23:54)
+ * Version: 0.0.0-next-f52ab71-20250121
+ * Release date: 16/12/2024 (built at 21/01/2025 09:23:12)
  */
+@charset "UTF-8";
+
 /**
  * Fix for bootstrap styles
  */
@@ -356,20 +358,12 @@ innerBorderBottom - Property controlled by bottom overlay
   overflow: auto;
 }
 
-.handsontable .ht_master table.htCore > thead,
-.handsontable .ht_master table.htCore > tbody > tr > th,
-.handsontable .ht_clone_inline_start table.htCore > thead {
-  visibility: hidden;
-}
-
 .ht_clone_top .wtHolder,
 .ht_clone_inline_start .wtHolder,
 .ht_clone_bottom .wtHolder {
   overflow: hidden;
 }
 
-@charset "UTF-8";
-
 .handsontable {
   position: relative;
   touch-action: manipulation;
@@ -1165,8 +1159,6 @@ textarea.HandsontableCopyPaste {
   outline: 0 none !important;
 }
 
-@charset "UTF-8";
-
 /*!
  * Handsontable DropdownMenu
  */
@@ -1315,8 +1307,6 @@ textarea.HandsontableCopyPaste {
   overflow: hidden;
 }
 
-@charset "UTF-8";
-
 /*!
  * Handsontable Filters
  */
@@ -1662,8 +1652,6 @@ textarea.HandsontableCopyPaste {
   padding-bottom: 5px;
 }
 
-@charset "UTF-8";
-
 /*
  * Handsontable HiddenColumns
  */
@@ -1722,8 +1710,6 @@ textarea.HandsontableCopyPaste {
   content: "◀"; /* left arrow */
 }
 
-@charset "UTF-8";
-
 /*!
  * Handsontable HiddenRows
  */
@@ -1990,8 +1976,6 @@ textarea.HandsontableCopyPaste {
   display: none;
 }
 
-@charset "UTF-8";
-
 .handsontable th.ht_nestingLevels {
   text-align: left;
   padding-left: 7px;