handsontable 0.0.0-next-b96fb9f-20231207 → 0.0.0-next-3d099da-20231208

package/3rdparty/walkontable/src/calculator/index.js

@@ -2,23 +2,18 @@
 
 exports.__esModule = true;
 var _exportNames = {
-  RenderAllColumnsCalculator: true,
-  RenderAllRowsCalculator: true,
   ViewportColumnsCalculator: true,
   ViewportRowsCalculator: true
 };
-var _renderAllColumns = require("./renderAllColumns");
-exports.RenderAllColumnsCalculator = _renderAllColumns.RenderAllColumnsCalculator;
-var _renderAllRows = require("./renderAllRows");
-exports.RenderAllRowsCalculator = _renderAllRows.RenderAllRowsCalculator;
-var _viewportColumns = require("./viewportColumns");
-exports.ViewportColumnsCalculator = _viewportColumns.ViewportColumnsCalculator;
-var _viewportRows = require("./viewportRows");
-exports.ViewportRowsCalculator = _viewportRows.ViewportRowsCalculator;
+var _viewportColumns = _interopRequireDefault(require("./viewportColumns"));
+exports.ViewportColumnsCalculator = _viewportColumns.default;
+var _viewportRows = _interopRequireDefault(require("./viewportRows"));
+exports.ViewportRowsCalculator = _viewportRows.default;
 var _constants = require("./constants");
 Object.keys(_constants).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _constants[key]) return;
   exports[key] = _constants[key];
-});
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/3rdparty/walkontable/src/calculator/index.mjs

@@ -1,6 +1,4 @@
-import { RenderAllColumnsCalculator } from "./renderAllColumns.mjs";
-import { RenderAllRowsCalculator } from "./renderAllRows.mjs";
-import { ViewportColumnsCalculator } from "./viewportColumns.mjs";
-import { ViewportRowsCalculator } from "./viewportRows.mjs";
+import ViewportColumnsCalculator from "./viewportColumns.mjs";
+import ViewportRowsCalculator from "./viewportRows.mjs";
 export * from "./constants.mjs";
-export { RenderAllColumnsCalculator, RenderAllRowsCalculator, ViewportColumnsCalculator, ViewportRowsCalculator };
+export { ViewportColumnsCalculator, ViewportRowsCalculator };

package/3rdparty/walkontable/src/calculator/viewportColumns.js

@@ -34,6 +34,7 @@ function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.
  *
  * @class ViewportColumnsCalculator
  */
+var _totalTargetWidth = /*#__PURE__*/new WeakMap();
 var _options = /*#__PURE__*/new WeakMap();
 class ViewportColumnsCalculator {
   /**
@@ -80,6 +81,29 @@ class ViewportColumnsCalculator {
      * @type {boolean}
      */
     _defineProperty(this, "isVisibleInTrimmingContainer", false);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "stretchAllRatio", 0);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "stretchLastWidth", 0);
+    /**
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _totalTargetWidth, {
+      writable: true,
+      value: 0
+    });
+    /**
+     * @type {boolean}
+     */
+    _defineProperty(this, "needVerifyLastColumnWidth", true);
+    /**
+     * @type {number[]}
+     */
+    _defineProperty(this, "stretchAllColumnsWidth", []);
     /**
      * The calculator options.
      *
@@ -90,6 +114,9 @@ class ViewportColumnsCalculator {
       value: void 0
     });
     _classPrivateFieldSet(this, _options, options);
+    if (typeof _classPrivateFieldGet(this, _options).stretchingColumnWidthFn !== 'function') {
+      _classPrivateFieldGet(this, _options).stretchingColumnWidthFn = width => width;
+    }
     this.calculate();
   }
 
@@ -178,6 +205,100 @@ class ViewportColumnsCalculator {
     }
   }
 
+  /**
+   * Recalculate columns stretching.
+   *
+   * @param {number} totalWidth The total width of the table.
+   */
+  refreshStretching(totalWidth) {
+    if (_classPrivateFieldGet(this, _options).stretchMode === 'none') {
+      return;
+    }
+    let totalColumnsWidth = totalWidth;
+    _classPrivateFieldSet(this, _totalTargetWidth, totalColumnsWidth);
+    const totalColumns = _classPrivateFieldGet(this, _options).totalColumns;
+    let sumAll = 0;
+    for (let i = 0; i < totalColumns; i++) {
+      const columnWidth = this._getColumnWidth(i);
+      const permanentColumnWidth = _classPrivateFieldGet(this, _options).stretchingColumnWidthFn(undefined, i);
+      if (typeof permanentColumnWidth === 'number') {
+        totalColumnsWidth -= permanentColumnWidth;
+      } else {
+        sumAll += columnWidth;
+      }
+    }
+    const remainingSize = totalColumnsWidth - sumAll;
+    if (_classPrivateFieldGet(this, _options).stretchMode === 'all' && remainingSize > 0) {
+      this.stretchAllRatio = totalColumnsWidth / sumAll;
+      this.stretchAllColumnsWidth = [];
+      this.needVerifyLastColumnWidth = true;
+    } else if (_classPrivateFieldGet(this, _options).stretchMode === 'last' && totalColumnsWidth !== Infinity) {
+      const columnWidth = this._getColumnWidth(totalColumns - 1);
+      const lastColumnWidth = remainingSize + columnWidth;
+      this.stretchLastWidth = lastColumnWidth >= 0 ? lastColumnWidth : columnWidth;
+    }
+  }
+
+  /**
+   * Get stretched column width based on stretchH (all or last) setting passed in handsontable instance.
+   *
+   * @param {number} column The visual column index.
+   * @param {number} baseWidth The default column width.
+   * @returns {number|null}
+   */
+  getStretchedColumnWidth(column, baseWidth) {
+    let result = null;
+    if (_classPrivateFieldGet(this, _options).stretchMode === 'all' && this.stretchAllRatio !== 0) {
+      result = this._getStretchedAllColumnWidth(column, baseWidth);
+    } else if (_classPrivateFieldGet(this, _options).stretchMode === 'last' && this.stretchLastWidth !== 0) {
+      result = this._getStretchedLastColumnWidth(column);
+    }
+    return result;
+  }
+
+  /**
+   * @param {number} column The visual column index.
+   * @param {number} baseWidth The default column width.
+   * @returns {number}
+   * @private
+   */
+  _getStretchedAllColumnWidth(column, baseWidth) {
+    let sumRatioWidth = 0;
+    const totalColumns = _classPrivateFieldGet(this, _options).totalColumns;
+    if (!this.stretchAllColumnsWidth[column]) {
+      const stretchedWidth = Math.round(baseWidth * this.stretchAllRatio);
+      const newStretchedWidth = _classPrivateFieldGet(this, _options).stretchingColumnWidthFn(stretchedWidth, column);
+      if (newStretchedWidth === undefined) {
+        this.stretchAllColumnsWidth[column] = stretchedWidth;
+      } else {
+        this.stretchAllColumnsWidth[column] = isNaN(newStretchedWidth) ? this._getColumnWidth(column) : newStretchedWidth;
+      }
+    }
+    if (this.stretchAllColumnsWidth.length === totalColumns && this.needVerifyLastColumnWidth) {
+      this.needVerifyLastColumnWidth = false;
+      for (let i = 0; i < this.stretchAllColumnsWidth.length; i++) {
+        sumRatioWidth += this.stretchAllColumnsWidth[i];
+      }
+      if (sumRatioWidth !== _classPrivateFieldGet(this, _totalTargetWidth)) {
+        this.stretchAllColumnsWidth[this.stretchAllColumnsWidth.length - 1] += _classPrivateFieldGet(this, _totalTargetWidth) - sumRatioWidth;
+      }
+    }
+    return this.stretchAllColumnsWidth[column];
+  }
+
+  /**
+   * @param {number} column The visual column index.
+   * @returns {number|null}
+   * @private
+   */
+  _getStretchedLastColumnWidth(column) {
+    const totalColumns = _classPrivateFieldGet(this, _options).totalColumns;
+    if (column === totalColumns - 1) {
+      return this.stretchLastWidth;
+    }
+    return null;
+  }
+
   /**
    * @param {number} column The visual column index.
    * @returns {number}
@@ -191,4 +312,4 @@ class ViewportColumnsCalculator {
     return width;
   }
 }
-exports.ViewportColumnsCalculator = ViewportColumnsCalculator;
+var _default = exports.default = ViewportColumnsCalculator;

package/3rdparty/walkontable/src/calculator/viewportColumns.mjs

@@ -31,8 +31,9 @@ import { RENDER_TYPE, FULLY_VISIBLE_TYPE } from "./constants.mjs";
  *
  * @class ViewportColumnsCalculator
  */
+var _totalTargetWidth = /*#__PURE__*/new WeakMap();
 var _options = /*#__PURE__*/new WeakMap();
-export class ViewportColumnsCalculator {
+class ViewportColumnsCalculator {
   /**
    * Default column width.
    *
@@ -77,6 +78,29 @@ export class ViewportColumnsCalculator {
      * @type {boolean}
      */
     _defineProperty(this, "isVisibleInTrimmingContainer", false);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "stretchAllRatio", 0);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "stretchLastWidth", 0);
+    /**
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _totalTargetWidth, {
+      writable: true,
+      value: 0
+    });
+    /**
+     * @type {boolean}
+     */
+    _defineProperty(this, "needVerifyLastColumnWidth", true);
+    /**
+     * @type {number[]}
+     */
+    _defineProperty(this, "stretchAllColumnsWidth", []);
     /**
      * The calculator options.
      *
@@ -87,6 +111,9 @@ export class ViewportColumnsCalculator {
       value: void 0
     });
     _classPrivateFieldSet(this, _options, options);
+    if (typeof _classPrivateFieldGet(this, _options).stretchingColumnWidthFn !== 'function') {
+      _classPrivateFieldGet(this, _options).stretchingColumnWidthFn = width => width;
+    }
     this.calculate();
   }
 
@@ -175,6 +202,100 @@ export class ViewportColumnsCalculator {
     }
   }
 
+  /**
+   * Recalculate columns stretching.
+   *
+   * @param {number} totalWidth The total width of the table.
+   */
+  refreshStretching(totalWidth) {
+    if (_classPrivateFieldGet(this, _options).stretchMode === 'none') {
+      return;
+    }
+    let totalColumnsWidth = totalWidth;
+    _classPrivateFieldSet(this, _totalTargetWidth, totalColumnsWidth);
+    const totalColumns = _classPrivateFieldGet(this, _options).totalColumns;
+    let sumAll = 0;
+    for (let i = 0; i < totalColumns; i++) {
+      const columnWidth = this._getColumnWidth(i);
+      const permanentColumnWidth = _classPrivateFieldGet(this, _options).stretchingColumnWidthFn(undefined, i);
+      if (typeof permanentColumnWidth === 'number') {
+        totalColumnsWidth -= permanentColumnWidth;
+      } else {
+        sumAll += columnWidth;
+      }
+    }
+    const remainingSize = totalColumnsWidth - sumAll;
+    if (_classPrivateFieldGet(this, _options).stretchMode === 'all' && remainingSize > 0) {
+      this.stretchAllRatio = totalColumnsWidth / sumAll;
+      this.stretchAllColumnsWidth = [];
+      this.needVerifyLastColumnWidth = true;
+    } else if (_classPrivateFieldGet(this, _options).stretchMode === 'last' && totalColumnsWidth !== Infinity) {
+      const columnWidth = this._getColumnWidth(totalColumns - 1);
+      const lastColumnWidth = remainingSize + columnWidth;
+      this.stretchLastWidth = lastColumnWidth >= 0 ? lastColumnWidth : columnWidth;
+    }
+  }
+
+  /**
+   * Get stretched column width based on stretchH (all or last) setting passed in handsontable instance.
+   *
+   * @param {number} column The visual column index.
+   * @param {number} baseWidth The default column width.
+   * @returns {number|null}
+   */
+  getStretchedColumnWidth(column, baseWidth) {
+    let result = null;
+    if (_classPrivateFieldGet(this, _options).stretchMode === 'all' && this.stretchAllRatio !== 0) {
+      result = this._getStretchedAllColumnWidth(column, baseWidth);
+    } else if (_classPrivateFieldGet(this, _options).stretchMode === 'last' && this.stretchLastWidth !== 0) {
+      result = this._getStretchedLastColumnWidth(column);
+    }
+    return result;
+  }
+
+  /**
+   * @param {number} column The visual column index.
+   * @param {number} baseWidth The default column width.
+   * @returns {number}
+   * @private
+   */
+  _getStretchedAllColumnWidth(column, baseWidth) {
+    let sumRatioWidth = 0;
+    const totalColumns = _classPrivateFieldGet(this, _options).totalColumns;
+    if (!this.stretchAllColumnsWidth[column]) {
+      const stretchedWidth = Math.round(baseWidth * this.stretchAllRatio);
+      const newStretchedWidth = _classPrivateFieldGet(this, _options).stretchingColumnWidthFn(stretchedWidth, column);
+      if (newStretchedWidth === undefined) {
+        this.stretchAllColumnsWidth[column] = stretchedWidth;
+      } else {
+        this.stretchAllColumnsWidth[column] = isNaN(newStretchedWidth) ? this._getColumnWidth(column) : newStretchedWidth;
+      }
+    }
+    if (this.stretchAllColumnsWidth.length === totalColumns && this.needVerifyLastColumnWidth) {
+      this.needVerifyLastColumnWidth = false;
+      for (let i = 0; i < this.stretchAllColumnsWidth.length; i++) {
+        sumRatioWidth += this.stretchAllColumnsWidth[i];
+      }
+      if (sumRatioWidth !== _classPrivateFieldGet(this, _totalTargetWidth)) {
+        this.stretchAllColumnsWidth[this.stretchAllColumnsWidth.length - 1] += _classPrivateFieldGet(this, _totalTargetWidth) - sumRatioWidth;
+      }
+    }
+    return this.stretchAllColumnsWidth[column];
+  }
+
+  /**
+   * @param {number} column The visual column index.
+   * @returns {number|null}
+   * @private
+   */
+  _getStretchedLastColumnWidth(column) {
+    const totalColumns = _classPrivateFieldGet(this, _options).totalColumns;
+    if (column === totalColumns - 1) {
+      return this.stretchLastWidth;
+    }
+    return null;
+  }
+
   /**
    * @param {number} column The visual column index.
    * @returns {number}
@@ -187,4 +308,5 @@ export class ViewportColumnsCalculator {
     }
     return width;
   }
-}
+}
+export default ViewportColumnsCalculator;

package/3rdparty/walkontable/src/calculator/viewportRows.js

@@ -181,4 +181,4 @@ class ViewportRowsCalculator {
     }
   }
 }
-exports.ViewportRowsCalculator = ViewportRowsCalculator;
+var _default = exports.default = ViewportRowsCalculator;

package/3rdparty/walkontable/src/calculator/viewportRows.mjs

@@ -29,7 +29,7 @@ import { RENDER_TYPE, FULLY_VISIBLE_TYPE } from "./constants.mjs";
  * @class ViewportRowsCalculator
  */
 var _options = /*#__PURE__*/new WeakMap();
-export class ViewportRowsCalculator {
+class ViewportRowsCalculator {
   /**
    * Default row height.
    *
@@ -177,4 +177,5 @@ export class ViewportRowsCalculator {
       this.count = this.endRow - this.startRow + 1;
     }
   }
-}
+}
+export default ViewportRowsCalculator;

package/3rdparty/walkontable/src/core/_base.js

@@ -234,24 +234,30 @@ class CoreAbstract {
       get drawn() {
         return wot.drawn; // TODO refactoring: consider about injecting `isDrawn` function : ()=>return wot.drawn. (it'll enables remove dao layer)
       },
+
       get topOverlay() {
         return wot.wtOverlays.topOverlay; // TODO refactoring: move outside dao, use IOC
       },
+
       get inlineStartOverlay() {
         return wot.wtOverlays.inlineStartOverlay; // TODO refactoring: move outside dao, use IOC
       },
+
       get wtTable() {
         return wot.wtTable; // TODO refactoring: move outside dao, use IOC
       },
+
       get wtViewport() {
         return wot.wtViewport; // TODO refactoring: move outside dao, use IOC
       },
+
       get wtSettings() {
         return wot.wtSettings;
       },
       get rootWindow() {
         return wot.domBindings.rootWindow; // TODO refactoring: move outside dao
       },
+
       // TODO refactoring, consider about using injecting wtSettings into scroll (it'll enables remove dao layer)
       get totalRows() {
         return wot.wtSettings.getSetting('totalRows');
@@ -287,21 +293,26 @@ class CoreAbstract {
       get parentTableOffset() {
         return wot.cloneSource.wtTable.tableOffset; // TODO rethink: cloneSource exists only in Clone type.
       },
+
       get cloneSource() {
         return wot.cloneSource; // TODO rethink: cloneSource exists only in Clone type.
       },
+
       get workspaceWidth() {
         return wot.wtViewport.getWorkspaceWidth();
       },
       get wtViewport() {
         return wot.wtViewport; // TODO refactoring: move outside dao, use IOC
       },
+
       get wtOverlays() {
         return wot.wtOverlays; // TODO refactoring: move outside dao, use IOC
       },
+
       get selectionManager() {
         return wot.selectionManager; // TODO refactoring: move outside dao, use IOC
       },
+
       get drawn() {
         return wot.drawn;
       },
@@ -312,6 +323,7 @@ class CoreAbstract {
       get wtTable() {
         return wot.wtTable; // TODO refactoring: it provides itself
       },
+
       get startColumnRendered() {
         return wot.wtViewport.columnsRenderCalculator.startColumn;
       },

package/3rdparty/walkontable/src/core/_base.mjs

@@ -230,24 +230,30 @@ export default class CoreAbstract {
       get drawn() {
         return wot.drawn; // TODO refactoring: consider about injecting `isDrawn` function : ()=>return wot.drawn. (it'll enables remove dao layer)
       },
+
       get topOverlay() {
         return wot.wtOverlays.topOverlay; // TODO refactoring: move outside dao, use IOC
       },
+
       get inlineStartOverlay() {
         return wot.wtOverlays.inlineStartOverlay; // TODO refactoring: move outside dao, use IOC
       },
+
       get wtTable() {
         return wot.wtTable; // TODO refactoring: move outside dao, use IOC
       },
+
       get wtViewport() {
         return wot.wtViewport; // TODO refactoring: move outside dao, use IOC
       },
+
       get wtSettings() {
         return wot.wtSettings;
       },
       get rootWindow() {
         return wot.domBindings.rootWindow; // TODO refactoring: move outside dao
       },
+
       // TODO refactoring, consider about using injecting wtSettings into scroll (it'll enables remove dao layer)
       get totalRows() {
         return wot.wtSettings.getSetting('totalRows');
@@ -283,21 +289,26 @@ export default class CoreAbstract {
       get parentTableOffset() {
         return wot.cloneSource.wtTable.tableOffset; // TODO rethink: cloneSource exists only in Clone type.
       },
+
       get cloneSource() {
         return wot.cloneSource; // TODO rethink: cloneSource exists only in Clone type.
       },
+
       get workspaceWidth() {
         return wot.wtViewport.getWorkspaceWidth();
       },
       get wtViewport() {
         return wot.wtViewport; // TODO refactoring: move outside dao, use IOC
       },
+
       get wtOverlays() {
         return wot.wtOverlays; // TODO refactoring: move outside dao, use IOC
       },
+
       get selectionManager() {
         return wot.selectionManager; // TODO refactoring: move outside dao, use IOC
       },
+
       get drawn() {
         return wot.drawn;
       },
@@ -308,6 +319,7 @@ export default class CoreAbstract {
       get wtTable() {
         return wot.wtTable; // TODO refactoring: it provides itself
       },
+
       get startColumnRendered() {
         return wot.wtViewport.columnsRenderCalculator.startColumn;
       },

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

@@ -85,9 +85,11 @@ class Walkontable extends _base.default {
       get topOverlay() {
         return wot.wtOverlays.topOverlay; // TODO refactoring: move outside dao, use IOC
       },
+
       get inlineStartOverlay() {
         return wot.wtOverlays.inlineStartOverlay; // TODO refactoring: move outside dao, use IOC
       },
+
       get bottomOverlay() {
         return wot.wtOverlays.bottomOverlay; // TODO refactoring: move outside dao, use IOC
       }

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

@@ -81,9 +81,11 @@ export default class Walkontable extends CoreAbstract {
       get topOverlay() {
         return wot.wtOverlays.topOverlay; // TODO refactoring: move outside dao, use IOC
       },
+
       get inlineStartOverlay() {
         return wot.wtOverlays.inlineStartOverlay; // TODO refactoring: move outside dao, use IOC
       },
+
       get bottomOverlay() {
         return wot.wtOverlays.bottomOverlay; // TODO refactoring: move outside dao, use IOC
       }

package/3rdparty/walkontable/src/facade/core.js

@@ -41,30 +41,39 @@ class WalkontableFacade {
   get wtSettings() {
     return this._wot.wtSettings; // todo create facade
   }
+
   get cloneSource() {
     return this._wot.cloneSource; // todo create facade
   }
+
   get cloneOverlay() {
     return this._wot.cloneOverlay; // todo create facade
   }
+
   get selectionManager() {
     return this._wot.selectionManager; // todo create facade
   }
+
   get wtViewport() {
     return this._wot.wtViewport; // todo create facade
   }
+
   get wtOverlays() {
     return this._wot.wtOverlays; // todo create facade
   }
+
   get wtTable() {
     return this._wot.wtTable; // todo create facade
   }
+
   get wtEvent() {
     return this._wot.wtEvent; // todo create facade
   }
+
   get wtScroll() {
     return this._wot.wtScroll; // todo create facade
   }
+
   get drawn() {
     return this._wot.drawn;
   }

package/3rdparty/walkontable/src/facade/core.mjs

@@ -37,30 +37,39 @@ export default class WalkontableFacade {
   get wtSettings() {
     return this._wot.wtSettings; // todo create facade
   }
+
   get cloneSource() {
     return this._wot.cloneSource; // todo create facade
   }
+
   get cloneOverlay() {
     return this._wot.cloneOverlay; // todo create facade
   }
+
   get selectionManager() {
     return this._wot.selectionManager; // todo create facade
   }
+
   get wtViewport() {
     return this._wot.wtViewport; // todo create facade
   }
+
   get wtOverlays() {
     return this._wot.wtOverlays; // todo create facade
   }
+
   get wtTable() {
     return this._wot.wtTable; // todo create facade
   }
+
   get wtEvent() {
     return this._wot.wtEvent; // todo create facade
   }
+
   get wtScroll() {
     return this._wot.wtScroll; // todo create facade
   }
+
   get drawn() {
     return this._wot.drawn;
   }

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

@@ -1,9 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-var _calculator = require("./calculator");
-exports.ViewportColumnsCalculator = _calculator.ViewportColumnsCalculator;
-exports.ViewportRowsCalculator = _calculator.ViewportRowsCalculator;
+var _viewportColumns = _interopRequireDefault(require("./calculator/viewportColumns"));
+exports.ViewportColumnsCalculator = _viewportColumns.default;
+var _viewportRows = _interopRequireDefault(require("./calculator/viewportRows"));
+exports.ViewportRowsCalculator = _viewportRows.default;
 var _coords = _interopRequireDefault(require("./cell/coords"));
 exports.CellCoords = _coords.default;
 var _range = _interopRequireDefault(require("./cell/range"));

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

@@ -1,4 +1,5 @@
-import { ViewportColumnsCalculator, ViewportRowsCalculator } from "./calculator/index.mjs";
+import ViewportColumnsCalculator from "./calculator/viewportColumns.mjs";
+import ViewportRowsCalculator from "./calculator/viewportRows.mjs";
 import CellCoords from "./cell/coords.mjs";
 import CellRange from "./cell/range.mjs";
 import Walkontable from "./facade/core.mjs";

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

@@ -226,6 +226,7 @@ class Overlays {
     if (this.verticalScrolling) {
       this.inlineStartOverlay.onScroll(); // todo the inlineStartOverlay.onScroll() fires hook. Why is it needed there, not in any another place?
     }
+
     if (this.horizontalScrolling) {
       this.topOverlay.onScroll();
     }
@@ -455,9 +456,11 @@ class Overlays {
     if (this.topOverlay.needFullRender) {
       this.topOverlay.clone.wtTable.holder.scrollLeft = scrollLeft; // todo rethink, *overlay.setScroll*()
     }
+
     if (this.bottomOverlay.needFullRender) {
       this.bottomOverlay.clone.wtTable.holder.scrollLeft = scrollLeft; // todo rethink, *overlay.setScroll*()
     }
+
     if (this.inlineStartOverlay.needFullRender) {
       this.inlineStartOverlay.clone.wtTable.holder.scrollTop = scrollTop; // todo rethink, *overlay.setScroll*()
     }

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

@@ -223,6 +223,7 @@ class Overlays {
     if (this.verticalScrolling) {
       this.inlineStartOverlay.onScroll(); // todo the inlineStartOverlay.onScroll() fires hook. Why is it needed there, not in any another place?
     }
+
     if (this.horizontalScrolling) {
       this.topOverlay.onScroll();
     }
@@ -452,9 +453,11 @@ class Overlays {
     if (this.topOverlay.needFullRender) {
       this.topOverlay.clone.wtTable.holder.scrollLeft = scrollLeft; // todo rethink, *overlay.setScroll*()
     }
+
     if (this.bottomOverlay.needFullRender) {
       this.bottomOverlay.clone.wtTable.holder.scrollLeft = scrollLeft; // todo rethink, *overlay.setScroll*()
     }
+
     if (this.inlineStartOverlay.needFullRender) {
       this.inlineStartOverlay.clone.wtTable.holder.scrollTop = scrollTop; // todo rethink, *overlay.setScroll*()
     }
@@ -642,4 +645,5 @@ class Overlays {
     });
   }
 }
+
 export default Overlays;