handsontable 0.0.0-next-3e0b40d-20241017 → 0.0.0-next-802f59c-20241024

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

@@ -7,8 +7,7 @@ var _viewportBase = require("./viewportBase");
 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); }
-// eslint-disable-next-line import/no-mutable-exports
-let DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 23;
+const DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 23;
 
 /**
  * @typedef {object} ViewportRowsCalculatorOptions
@@ -35,13 +34,10 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
       viewportHeight,
       scrollOffset,
       totalRows,
-      defaultRowHeight,
       rowHeightFn,
       overrideFn,
       horizontalScrollbarHeight
     } = _ref;
-    // Replace the default height of `23px` with a value from the current theme.
-    exports.DEFAULT_HEIGHT = DEFAULT_HEIGHT = defaultRowHeight;
     super(calculationTypes);
     _defineProperty(this, "viewportHeight", 0);
     _defineProperty(this, "scrollOffset", 0);

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

@@ -3,8 +3,8 @@ import "core-js/modules/es.array.push.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); }
-import { ViewportBaseCalculator } from "./viewportBase.mjs"; // eslint-disable-next-line import/no-mutable-exports
-export let DEFAULT_HEIGHT = 23;
+import { ViewportBaseCalculator } from "./viewportBase.mjs";
+export const DEFAULT_HEIGHT = 23;
 
 /**
  * @typedef {object} ViewportRowsCalculatorOptions
@@ -31,13 +31,10 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
       viewportHeight,
       scrollOffset,
       totalRows,
-      defaultRowHeight,
       rowHeightFn,
       overrideFn,
       horizontalScrollbarHeight
     } = _ref;
-    // Replace the default height of `23px` with a value from the current theme.
-    DEFAULT_HEIGHT = defaultRowHeight;
     super(calculationTypes);
     _defineProperty(this, "viewportHeight", 0);
     _defineProperty(this, "scrollOffset", 0);

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

@@ -33,7 +33,6 @@ class Clone extends _base.default {
     this.wtTable = this.cloneOverlay.createTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
     this.wtViewport = clone.viewport;
     this.selectionManager = clone.selectionManager;
-    this.stylesHandler = clone.stylesHandler;
     this.wtEvent = new _event.default(facadeGetter, this.domBindings, this.wtSettings, this.eventManager, this.wtTable, this.selectionManager, clone.event);
     this.findOriginalHeaders();
   }

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

@@ -29,7 +29,6 @@ export default class Clone extends CoreAbstract {
     this.wtTable = this.cloneOverlay.createTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
     this.wtViewport = clone.viewport;
     this.selectionManager = clone.selectionManager;
-    this.stylesHandler = clone.stylesHandler;
     this.wtEvent = new Event(facadeGetter, this.domBindings, this.wtSettings, this.eventManager, this.wtTable, this.selectionManager, clone.event);
     this.findOriginalHeaders();
   }

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

@@ -12,7 +12,6 @@ var _base = _interopRequireDefault(require("./_base"));
 var _manager = require("../selection/manager");
 var _object = require("../../../../helpers/object");
 var _element = require("../../../../helpers/dom/element");
-var _stylesHandler = require("../utils/stylesHandler");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * @class Walkontable
@@ -24,7 +23,6 @@ class Walkontable extends _base.default {
    */
   constructor(table, settings) {
     super(table, new _settings.default(settings));
-    this.stylesHandler = new _stylesHandler.StylesHandler(this.domBindings);
     const facadeGetter = this.wtSettings.getSetting('facade', this); // todo rethink. I would like to have no access to facade from the internal scope.
 
     this.wtTable = new _master.default(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);

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

@@ -9,7 +9,6 @@ import CoreAbstract from "./_base.mjs";
 import { SelectionManager } from "../selection/manager.mjs";
 import { objectEach } from "../../../../helpers/object.mjs";
 import { addClass, removeClass } from "../../../../helpers/dom/element.mjs";
-import { StylesHandler } from "../utils/stylesHandler.mjs";
 /**
  * @class Walkontable
  */
@@ -20,7 +19,6 @@ export default class Walkontable extends CoreAbstract {
    */
   constructor(table, settings) {
     super(table, new Settings(settings));
-    this.stylesHandler = new StylesHandler(this.domBindings);
     const facadeGetter = this.wtSettings.getSetting('facade', this); // todo rethink. I would like to have no access to facade from the internal scope.
 
     this.wtTable = new MasterTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);

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

@@ -302,9 +302,7 @@ class Overlay {
       // todo ioc , or factor func if used only here
       event: this.wot.wtEvent,
       // todo ioc , or factory func if used only here
-      selectionManager: this.wot.selectionManager,
-      // todo ioc , or factory func if used only here
-      stylesHandler: this.wot.stylesHandler
+      selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
     });
   }
 

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

@@ -298,9 +298,7 @@ export class Overlay {
       // todo ioc , or factor func if used only here
       event: this.wot.wtEvent,
       // todo ioc , or factory func if used only here
-      selectionManager: this.wot.selectionManager,
-      // todo ioc , or factory func if used only here
-      stylesHandler: this.wot.stylesHandler
+      selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
     });
   }
 

package/3rdparty/walkontable/src/overlay/bottom.js

@@ -144,9 +144,9 @@ class BottomOverlay extends _base.Overlay {
   sumCellSizes(from, to) {
     const {
       wtTable,
-      stylesHandler
+      wtSettings
     } = this.wot;
-    const defaultRowHeight = stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = wtSettings.getSetting('defaultRowHeight');
     let row = from;
     let sum = 0;
     while (row < to) {

package/3rdparty/walkontable/src/overlay/bottom.mjs

@@ -140,9 +140,9 @@ export class BottomOverlay extends Overlay {
   sumCellSizes(from, to) {
     const {
       wtTable,
-      stylesHandler
+      wtSettings
     } = this.wot;
-    const defaultRowHeight = stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = wtSettings.getSetting('defaultRowHeight');
     let row = from;
     let sum = 0;
     while (row < to) {

package/3rdparty/walkontable/src/overlay/inlineStart.js

@@ -119,7 +119,7 @@ class InlineStartOverlay extends _base.Overlay {
     let column = from;
     let sum = 0;
     while (column < to) {
-      sum += this.wot.wtTable.getStretchedColumnWidth(column) || defaultColumnWidth;
+      sum += this.wot.wtTable.getColumnWidth(column) || defaultColumnWidth;
       column += 1;
     }
     return sum;

package/3rdparty/walkontable/src/overlay/inlineStart.mjs

@@ -115,7 +115,7 @@ export class InlineStartOverlay extends Overlay {
     let column = from;
     let sum = 0;
     while (column < to) {
-      sum += this.wot.wtTable.getStretchedColumnWidth(column) || defaultColumnWidth;
+      sum += this.wot.wtTable.getColumnWidth(column) || defaultColumnWidth;
       column += 1;
     }
     return sum;

package/3rdparty/walkontable/src/overlay/top.js

@@ -138,7 +138,7 @@ class TopOverlay extends _base.Overlay {
    * @returns {number} Height sum.
    */
   sumCellSizes(from, to) {
-    const defaultRowHeight = this.wot.stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = this.wtSettings.getSetting('defaultRowHeight');
     let row = from;
     let sum = 0;
     while (row < to) {

package/3rdparty/walkontable/src/overlay/top.mjs

@@ -134,7 +134,7 @@ export class TopOverlay extends Overlay {
    * @returns {number} Height sum.
    */
   sumCellSizes(from, to) {
-    const defaultRowHeight = this.wot.stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = this.wtSettings.getSetting('defaultRowHeight');
     let row = from;
     let sum = 0;
     while (row < to) {

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

@@ -329,13 +329,14 @@ class Overlays {
     });
     let resizeTimeout;
     this.eventManager.addEventListener(rootWindow, 'resize', () => {
-      clearTimeout(resizeTimeout);
-      resizeTimeout = setTimeout(() => {
+      (0, _feature.requestAnimationFrame)(() => {
+        clearTimeout(resizeTimeout);
         this.wtSettings.getSetting('onWindowResize');
-
-        // Remove resizing the window from the ResizeObserver's endless-loop-blocking logic.
-        _classPrivateFieldSet(_containerDomResizeCount, this, 0);
-      }, 200);
+        resizeTimeout = setTimeout(() => {
+          // Remove resizing the window from the ResizeObserver's endless-loop-blocking logic.
+          _classPrivateFieldSet(_containerDomResizeCount, this, 0);
+        }, 200);
+      });
     });
     if (!isScrollOnWindow) {
       this.resizeObserver.observe(this.wtTable.wtRootElement.parentElement);

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

@@ -326,13 +326,14 @@ class Overlays {
     });
     let resizeTimeout;
     this.eventManager.addEventListener(rootWindow, 'resize', () => {
-      clearTimeout(resizeTimeout);
-      resizeTimeout = setTimeout(() => {
+      requestAnimationFrame(() => {
+        clearTimeout(resizeTimeout);
         this.wtSettings.getSetting('onWindowResize');
-
-        // Remove resizing the window from the ResizeObserver's endless-loop-blocking logic.
-        _classPrivateFieldSet(_containerDomResizeCount, this, 0);
-      }, 200);
+        resizeTimeout = setTimeout(() => {
+          // Remove resizing the window from the ResizeObserver's endless-loop-blocking logic.
+          _classPrivateFieldSet(_containerDomResizeCount, this, 0);
+        }, 200);
+      });
     });
     if (!isScrollOnWindow) {
       this.resizeObserver.observe(this.wtTable.wtRootElement.parentElement);

package/3rdparty/walkontable/src/renderer/colGroup.js

@@ -70,7 +70,7 @@ class ColGroupRenderer extends _base.default {
     // Render column nodes for cells
     for (let visibleColumnIndex = 0; visibleColumnIndex < columnsToRender; visibleColumnIndex++) {
       const sourceColumnIndex = this.table.renderedColumnToSource(visibleColumnIndex);
-      const width = this.table.columnUtils.getStretchedColumnWidth(sourceColumnIndex);
+      const width = this.table.columnUtils.getWidth(sourceColumnIndex);
       this.rootNode.childNodes[visibleColumnIndex + rowHeadersCount].style.width = `${width}px`;
     }
     const firstChild = this.rootNode.firstChild;

package/3rdparty/walkontable/src/renderer/colGroup.mjs

@@ -66,7 +66,7 @@ export default class ColGroupRenderer extends BaseRenderer {
     // Render column nodes for cells
     for (let visibleColumnIndex = 0; visibleColumnIndex < columnsToRender; visibleColumnIndex++) {
       const sourceColumnIndex = this.table.renderedColumnToSource(visibleColumnIndex);
-      const width = this.table.columnUtils.getStretchedColumnWidth(sourceColumnIndex);
+      const width = this.table.columnUtils.getWidth(sourceColumnIndex);
       this.rootNode.childNodes[visibleColumnIndex + rowHeadersCount].style.width = `${width}px`;
     }
     const firstChild = this.rootNode.firstChild;

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

@@ -301,7 +301,7 @@ class TableRenderer {
     this.rowHeaders.render();
     this.cells.render();
 
-    // After the cells are rendered calculate columns width (or columns stretch width) to prepare proper values
+    // After the cells are rendered calculate columns width to prepare proper values
     // for colGroup renderer (which renders COL elements).
     this.columnUtils.calculateWidths();
     this.colGroup.render();

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

@@ -298,7 +298,7 @@ export default class TableRenderer {
     this.rowHeaders.render();
     this.cells.render();
 
-    // After the cells are rendered calculate columns width (or columns stretch width) to prepare proper values
+    // After the cells are rendered calculate columns width to prepare proper values
     // for colGroup renderer (which renders COL elements).
     this.columnUtils.calculateWidths();
     this.colGroup.render();

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

@@ -19,11 +19,11 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @property {Option} currentRowClassName Option `currentRowClassName`.
  * @property {Option} data Option `data`.
  * @property {Option} defaultColumnWidth Option `defaultColumnWidth`.
+ * @property {Option} defaultRowHeight Option `defaultRowHeight`.
  * @property {Option} externalRowCalculator Option `externalRowCalculator`.
  * @property {Option} fixedColumnsStart Option `fixedColumnsStart`.
  * @property {Option} fixedRowsBottom Option `fixedRowsBottom`.
  * @property {Option} fixedRowsTop Option `fixedRowsTop`.
- * @property {Option} freezeOverlays Option `freezeOverlays`.
  * @property {Option} groups Option `groups`.
  * @property {Option} hideBorderOnMouseDownOver Option `hideBorderOnMouseDownOver`.
  * @property {Option} isRtl Option `isRtl`.
@@ -32,7 +32,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @property {Option} onBeforeHighlightingColumnHeader Option `onBeforeHighlightingColumnHeader`.
  * @property {Option} onBeforeHighlightingRowHeader Option `onBeforeHighlightingRowHeader`.
  * @property {Option} onBeforeRemoveCellClassNames Option `onBeforeRemoveCellClassNames`.
- * @property {Option} onBeforeStretchingColumnWidth Option `onBeforeStretchingColumnWidth`.
  * @property {Option} preventOverflow Option `preventOverflow`.
  * @property {Option} preventWheel Option `preventWheel`.
  * @property {Option} renderAllColumns Option `renderAllColumns`.
@@ -43,7 +42,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @property {Option} shouldRenderBottomOverlay Option `shouldRenderBottomOverlay`.
  * @property {Option} shouldRenderInlineStartOverlay Option `shouldRenderInlineStartOverlay`.
  * @property {Option} shouldRenderTopOverlay Option `shouldRenderTopOverlay`.
- * @property {Option} stretchH Option `stretchH`.
  * @property {Option} table Option `table`.
  * @property {Option} totalColumns Option `totalColumns`.
  * @property {Option} totalRows Option `totalRows`.
@@ -136,8 +134,6 @@ class Settings {
       isDataViewInstance: true,
       // presentation mode
       externalRowCalculator: false,
-      stretchH: 'none',
-      // values: all, last, none
       currentRowClassName: null,
       currentColumnClassName: null,
       preventOverflow() {
@@ -146,7 +142,6 @@ class Settings {
       preventWheel: false,
       // data source
       data: undefined,
-      freezeOverlays: false,
       // Number of renderable columns for the left overlay.
       fixedColumnsStart: 0,
       // Number of renderable rows for the top overlay.
@@ -190,6 +185,7 @@ class Settings {
       rowHeightByOverlayName() {
         // return undefined means use default size for the rendered cell content
       },
+      defaultRowHeight: 23,
       defaultColumnWidth: 50,
       selections: null,
       hideBorderOnMouseDownOver: false,
@@ -221,7 +217,6 @@ class Settings {
       //
       onBeforeTouchScroll: null,
       onAfterMomentumScroll: null,
-      onBeforeStretchingColumnWidth: width => width,
       onModifyRowHeaderWidth: null,
       onModifyGetCellCoords: null,
       onModifyGetCoordsElement: null,

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

@@ -16,11 +16,11 @@ import { objectEach } from "../../../helpers/object.mjs";
  * @property {Option} currentRowClassName Option `currentRowClassName`.
  * @property {Option} data Option `data`.
  * @property {Option} defaultColumnWidth Option `defaultColumnWidth`.
+ * @property {Option} defaultRowHeight Option `defaultRowHeight`.
  * @property {Option} externalRowCalculator Option `externalRowCalculator`.
  * @property {Option} fixedColumnsStart Option `fixedColumnsStart`.
  * @property {Option} fixedRowsBottom Option `fixedRowsBottom`.
  * @property {Option} fixedRowsTop Option `fixedRowsTop`.
- * @property {Option} freezeOverlays Option `freezeOverlays`.
  * @property {Option} groups Option `groups`.
  * @property {Option} hideBorderOnMouseDownOver Option `hideBorderOnMouseDownOver`.
  * @property {Option} isRtl Option `isRtl`.
@@ -29,7 +29,6 @@ import { objectEach } from "../../../helpers/object.mjs";
  * @property {Option} onBeforeHighlightingColumnHeader Option `onBeforeHighlightingColumnHeader`.
  * @property {Option} onBeforeHighlightingRowHeader Option `onBeforeHighlightingRowHeader`.
  * @property {Option} onBeforeRemoveCellClassNames Option `onBeforeRemoveCellClassNames`.
- * @property {Option} onBeforeStretchingColumnWidth Option `onBeforeStretchingColumnWidth`.
  * @property {Option} preventOverflow Option `preventOverflow`.
  * @property {Option} preventWheel Option `preventWheel`.
  * @property {Option} renderAllColumns Option `renderAllColumns`.
@@ -40,7 +39,6 @@ import { objectEach } from "../../../helpers/object.mjs";
  * @property {Option} shouldRenderBottomOverlay Option `shouldRenderBottomOverlay`.
  * @property {Option} shouldRenderInlineStartOverlay Option `shouldRenderInlineStartOverlay`.
  * @property {Option} shouldRenderTopOverlay Option `shouldRenderTopOverlay`.
- * @property {Option} stretchH Option `stretchH`.
  * @property {Option} table Option `table`.
  * @property {Option} totalColumns Option `totalColumns`.
  * @property {Option} totalRows Option `totalRows`.
@@ -131,8 +129,6 @@ export default class Settings {
       isDataViewInstance: true,
       // presentation mode
       externalRowCalculator: false,
-      stretchH: 'none',
-      // values: all, last, none
       currentRowClassName: null,
       currentColumnClassName: null,
       preventOverflow() {
@@ -141,7 +137,6 @@ export default class Settings {
       preventWheel: false,
       // data source
       data: undefined,
-      freezeOverlays: false,
       // Number of renderable columns for the left overlay.
       fixedColumnsStart: 0,
       // Number of renderable rows for the top overlay.
@@ -185,6 +180,7 @@ export default class Settings {
       rowHeightByOverlayName() {
         // return undefined means use default size for the rendered cell content
       },
+      defaultRowHeight: 23,
       defaultColumnWidth: 50,
       selections: null,
       hideBorderOnMouseDownOver: false,
@@ -216,7 +212,6 @@ export default class Settings {
       //
       onBeforeTouchScroll: null,
       onAfterMomentumScroll: null,
-      onBeforeStretchingColumnWidth: width => width,
       onModifyRowHeaderWidth: null,
       onModifyGetCellCoords: null,
       onModifyGetCoordsElement: null,

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

@@ -296,10 +296,7 @@ class Table {
         }
         this.resetOversizedRows();
         this.tableRenderer.setActiveOverlayName(this.name).setViewportSize(this.getRenderedRowsCount(), this.getRenderedColumnsCount()).setFilters(this.rowFilter, this.columnFilter).render();
-        let workspaceWidth;
         if (this.isMaster) {
-          workspaceWidth = this.dataAccessObject.workspaceWidth;
-          wtViewport.containerWidth = null;
           this.markOversizedColumnHeaders();
         }
         this.adjustColumnHeaderHeights();
@@ -312,19 +309,6 @@ class Table {
           }
           wtOverlays.refresh(false);
           wtOverlays.applyToDOM();
-          const hiderWidth = (0, _element.outerWidth)(this.hider);
-          const tableWidth = (0, _element.outerWidth)(this.TABLE);
-          if (hiderWidth !== 0 && tableWidth !== hiderWidth) {
-            // Recalculate the column widths, if width changes made in the overlays removed the scrollbar, thus changing the viewport width.
-            this.columnUtils.calculateWidths();
-            this.tableRenderer.renderer.colGroup.render();
-          }
-          if (workspaceWidth !== wtViewport.getWorkspaceWidth()) {
-            // workspace width changed though to shown/hidden vertical scrollbar. Let's reapply stretching
-            wtViewport.containerWidth = null;
-            this.columnUtils.calculateWidths();
-            this.tableRenderer.renderer.colGroup.render();
-          }
           this.wtSettings.getSetting('onDraw', true);
         } else if (this.is(_overlay.CLONE_BOTTOM)) {
           this.dataAccessObject.cloneSource.wtOverlays.adjustElementsSize();
@@ -367,7 +351,7 @@ class Table {
   markIfOversizedColumnHeader(col) {
     const sourceColIndex = this.columnFilter.renderedToSource(col);
     let level = this.wtSettings.getSetting('columnHeaders').length;
-    const defaultRowHeight = this.wot.stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = this.wtSettings.getSetting('defaultRowHeight');
     let previousColHeaderHeight;
     let currentHeader;
     let currentHeaderHeight;
@@ -645,13 +629,10 @@ class Table {
       return;
     }
     let rowCount = this.TBODY.childNodes.length;
-    const expectedTableHeight = rowCount * this.wot.stylesHandler.getDefaultRowHeight();
+    const expectedTableHeight = rowCount * this.wtSettings.getSetting('defaultRowHeight');
     const actualTableHeight = (0, _element.innerHeight)(this.TBODY) - 1;
-    const borderBoxSizing = this.wot.stylesHandler.getStyleForTD('box-sizing') === 'border-box';
-    const rowHeightFn = borderBoxSizing ? _element.outerHeight : _element.innerHeight;
-    const borderCompensation = borderBoxSizing ? 0 : 1;
     let previousRowHeight;
-    let rowCurrentHeight;
+    let rowInnerHeight;
     let sourceRowIndex;
     let currentTr;
     let rowHeader;
@@ -666,13 +647,13 @@ class Table {
       currentTr = this.getTrForRow(sourceRowIndex);
       rowHeader = currentTr.querySelector('th');
       if (rowHeader) {
-        rowCurrentHeight = rowHeightFn(rowHeader);
+        rowInnerHeight = (0, _element.innerHeight)(rowHeader);
       } else {
-        rowCurrentHeight = rowHeightFn(currentTr) - borderCompensation;
+        rowInnerHeight = (0, _element.innerHeight)(currentTr) - 1;
       }
-      if (!previousRowHeight && this.wot.stylesHandler.getDefaultRowHeight() < rowCurrentHeight || previousRowHeight < rowCurrentHeight) {
-        rowCurrentHeight += 1;
-        this.dataAccessObject.wtViewport.oversizedRows[sourceRowIndex] = rowCurrentHeight;
+      if (!previousRowHeight && this.wtSettings.getSetting('defaultRowHeight') < rowInnerHeight || previousRowHeight < rowInnerHeight) {
+        rowInnerHeight += 1;
+        this.dataAccessObject.wtViewport.oversizedRows[sourceRowIndex] = rowInnerHeight;
       }
     }
   }
@@ -916,14 +897,6 @@ class Table {
     return this.columnUtils.getWidth(sourceColumn);
   }
 
-  /**
-   * @param {number} sourceColumn The physical column index.
-   * @returns {number}
-   */
-  getStretchedColumnWidth(sourceColumn) {
-    return this.columnUtils.getStretchedColumnWidth(sourceColumn);
-  }
-
   /**
    * Checks if the table has defined size. It returns `true` when the table has width and height
    * set bigger than `0px`.

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

@@ -292,10 +292,7 @@ class Table {
         }
         this.resetOversizedRows();
         this.tableRenderer.setActiveOverlayName(this.name).setViewportSize(this.getRenderedRowsCount(), this.getRenderedColumnsCount()).setFilters(this.rowFilter, this.columnFilter).render();
-        let workspaceWidth;
         if (this.isMaster) {
-          workspaceWidth = this.dataAccessObject.workspaceWidth;
-          wtViewport.containerWidth = null;
           this.markOversizedColumnHeaders();
         }
         this.adjustColumnHeaderHeights();
@@ -308,19 +305,6 @@ class Table {
           }
           wtOverlays.refresh(false);
           wtOverlays.applyToDOM();
-          const hiderWidth = outerWidth(this.hider);
-          const tableWidth = outerWidth(this.TABLE);
-          if (hiderWidth !== 0 && tableWidth !== hiderWidth) {
-            // Recalculate the column widths, if width changes made in the overlays removed the scrollbar, thus changing the viewport width.
-            this.columnUtils.calculateWidths();
-            this.tableRenderer.renderer.colGroup.render();
-          }
-          if (workspaceWidth !== wtViewport.getWorkspaceWidth()) {
-            // workspace width changed though to shown/hidden vertical scrollbar. Let's reapply stretching
-            wtViewport.containerWidth = null;
-            this.columnUtils.calculateWidths();
-            this.tableRenderer.renderer.colGroup.render();
-          }
           this.wtSettings.getSetting('onDraw', true);
         } else if (this.is(CLONE_BOTTOM)) {
           this.dataAccessObject.cloneSource.wtOverlays.adjustElementsSize();
@@ -363,7 +347,7 @@ class Table {
   markIfOversizedColumnHeader(col) {
     const sourceColIndex = this.columnFilter.renderedToSource(col);
     let level = this.wtSettings.getSetting('columnHeaders').length;
-    const defaultRowHeight = this.wot.stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = this.wtSettings.getSetting('defaultRowHeight');
     let previousColHeaderHeight;
     let currentHeader;
     let currentHeaderHeight;
@@ -641,13 +625,10 @@ class Table {
       return;
     }
     let rowCount = this.TBODY.childNodes.length;
-    const expectedTableHeight = rowCount * this.wot.stylesHandler.getDefaultRowHeight();
+    const expectedTableHeight = rowCount * this.wtSettings.getSetting('defaultRowHeight');
     const actualTableHeight = innerHeight(this.TBODY) - 1;
-    const borderBoxSizing = this.wot.stylesHandler.getStyleForTD('box-sizing') === 'border-box';
-    const rowHeightFn = borderBoxSizing ? outerHeight : innerHeight;
-    const borderCompensation = borderBoxSizing ? 0 : 1;
     let previousRowHeight;
-    let rowCurrentHeight;
+    let rowInnerHeight;
     let sourceRowIndex;
     let currentTr;
     let rowHeader;
@@ -662,13 +643,13 @@ class Table {
       currentTr = this.getTrForRow(sourceRowIndex);
       rowHeader = currentTr.querySelector('th');
       if (rowHeader) {
-        rowCurrentHeight = rowHeightFn(rowHeader);
+        rowInnerHeight = innerHeight(rowHeader);
       } else {
-        rowCurrentHeight = rowHeightFn(currentTr) - borderCompensation;
+        rowInnerHeight = innerHeight(currentTr) - 1;
       }
-      if (!previousRowHeight && this.wot.stylesHandler.getDefaultRowHeight() < rowCurrentHeight || previousRowHeight < rowCurrentHeight) {
-        rowCurrentHeight += 1;
-        this.dataAccessObject.wtViewport.oversizedRows[sourceRowIndex] = rowCurrentHeight;
+      if (!previousRowHeight && this.wtSettings.getSetting('defaultRowHeight') < rowInnerHeight || previousRowHeight < rowInnerHeight) {
+        rowInnerHeight += 1;
+        this.dataAccessObject.wtViewport.oversizedRows[sourceRowIndex] = rowInnerHeight;
       }
     }
   }
@@ -912,14 +893,6 @@ class Table {
     return this.columnUtils.getWidth(sourceColumn);
   }
 
-  /**
-   * @param {number} sourceColumn The physical column index.
-   * @returns {number}
-   */
-  getStretchedColumnWidth(sourceColumn) {
-    return this.columnUtils.getStretchedColumnWidth(sourceColumn);
-  }
-
   /**
    * Checks if the table has defined size. It returns `true` when the table has width and height
    * set bigger than `0px`.