handsontable 0.0.0-next-802f59c-20241024 → 0.0.0-next-adeb5a2-20241025

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.getColumnWidth(column) || defaultColumnWidth;
+      sum += this.wot.wtTable.getStretchedColumnWidth(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.getColumnWidth(column) || defaultColumnWidth;
+      sum += this.wot.wtTable.getStretchedColumnWidth(column) || defaultColumnWidth;
       column += 1;
     }
     return sum;

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

@@ -329,14 +329,13 @@ class Overlays {
     });
     let resizeTimeout;
     this.eventManager.addEventListener(rootWindow, 'resize', () => {
-      (0, _feature.requestAnimationFrame)(() => {
-        clearTimeout(resizeTimeout);
+      clearTimeout(resizeTimeout);
+      resizeTimeout = setTimeout(() => {
         this.wtSettings.getSetting('onWindowResize');
-        resizeTimeout = setTimeout(() => {
-          // Remove resizing the window from the ResizeObserver's endless-loop-blocking logic.
-          _classPrivateFieldSet(_containerDomResizeCount, this, 0);
-        }, 200);
-      });
+
+        // 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,14 +326,13 @@ class Overlays {
     });
     let resizeTimeout;
     this.eventManager.addEventListener(rootWindow, 'resize', () => {
-      requestAnimationFrame(() => {
-        clearTimeout(resizeTimeout);
+      clearTimeout(resizeTimeout);
+      resizeTimeout = setTimeout(() => {
         this.wtSettings.getSetting('onWindowResize');
-        resizeTimeout = setTimeout(() => {
-          // Remove resizing the window from the ResizeObserver's endless-loop-blocking logic.
-          _classPrivateFieldSet(_containerDomResizeCount, this, 0);
-        }, 200);
-      });
+
+        // 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.getWidth(sourceColumnIndex);
+      const width = this.table.columnUtils.getStretchedColumnWidth(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.getWidth(sourceColumnIndex);
+      const width = this.table.columnUtils.getStretchedColumnWidth(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 to prepare proper values
+    // After the cells are rendered calculate columns width (or columns stretch 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 to prepare proper values
+    // After the cells are rendered calculate columns width (or columns stretch width) to prepare proper values
     // for colGroup renderer (which renders COL elements).
     this.columnUtils.calculateWidths();
     this.colGroup.render();

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

@@ -24,6 +24,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @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,6 +33,7 @@ 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`.
@@ -42,6 +44,7 @@ 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`.
@@ -134,6 +137,8 @@ class Settings {
       isDataViewInstance: true,
       // presentation mode
       externalRowCalculator: false,
+      stretchH: 'none',
+      // values: all, last, none
       currentRowClassName: null,
       currentColumnClassName: null,
       preventOverflow() {
@@ -142,6 +147,7 @@ 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.
@@ -217,6 +223,7 @@ class Settings {
       //
       onBeforeTouchScroll: null,
       onAfterMomentumScroll: null,
+      onBeforeStretchingColumnWidth: width => width,
       onModifyRowHeaderWidth: null,
       onModifyGetCellCoords: null,
       onModifyGetCoordsElement: null,

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

@@ -21,6 +21,7 @@ import { objectEach } from "../../../helpers/object.mjs";
  * @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,6 +30,7 @@ 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`.
@@ -39,6 +41,7 @@ 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`.
@@ -129,6 +132,8 @@ export default class Settings {
       isDataViewInstance: true,
       // presentation mode
       externalRowCalculator: false,
+      stretchH: 'none',
+      // values: all, last, none
       currentRowClassName: null,
       currentColumnClassName: null,
       preventOverflow() {
@@ -137,6 +142,7 @@ 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.
@@ -212,6 +218,7 @@ export default class Settings {
       //
       onBeforeTouchScroll: null,
       onAfterMomentumScroll: null,
+      onBeforeStretchingColumnWidth: width => width,
       onModifyRowHeaderWidth: null,
       onModifyGetCellCoords: null,
       onModifyGetCoordsElement: null,

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

@@ -296,7 +296,10 @@ 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();
@@ -309,6 +312,19 @@ 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();
@@ -897,6 +913,14 @@ 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,7 +292,10 @@ 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();
@@ -305,6 +308,19 @@ 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();
@@ -893,6 +909,14 @@ 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/utils/column.js

@@ -2,6 +2,8 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
+var _element = require("./../../../../helpers/dom/element");
+var _columnStretching = require("./columnStretching");
 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); }
@@ -28,8 +30,18 @@ class ColumnUtils {
      * @type {Map<number, number>}
      */
     _defineProperty(this, "headerWidths", new Map());
+    /**
+     * @type {ColumnStretching}
+     */
+    _defineProperty(this, "stretching", void 0);
     this.dataAccessObject = dataAccessObject;
     this.wtSettings = wtSettings;
+    this.stretching = new _columnStretching.ColumnStretching({
+      totalColumns: () => this.wtSettings.getSetting('totalColumns'),
+      stretchMode: () => this.wtSettings.getSetting('stretchH'),
+      stretchingColumnWidthFn: (stretchedWidth, column) => this.wtSettings.getSetting('onBeforeStretchingColumnWidth', stretchedWidth, column),
+      columnWidthFn: sourceCol => this.dataAccessObject.wtTable.getColumnWidth(sourceCol)
+    });
   }
 
   /**
@@ -43,6 +55,21 @@ class ColumnUtils {
     return width;
   }
 
+  /**
+   * Returns stretched column width based on passed source index.
+   *
+   * @param {number} sourceIndex Column source index.
+   * @returns {number}
+   */
+  getStretchedColumnWidth(sourceIndex) {
+    let width = this.getWidth(sourceIndex);
+    const stretchedWidth = this.stretching.getStretchedColumnWidth(sourceIndex, width);
+    if (stretchedWidth) {
+      width = stretchedWidth;
+    }
+    return width;
+  }
+
   /**
    * Returns column header height based on passed header level.
    *
@@ -68,6 +95,20 @@ class ColumnUtils {
     return this.headerWidths.get(this.dataAccessObject.wtTable.columnFilter.sourceToRendered(sourceIndex));
   }
 
+  /**
+   * Refreshes the stretching column width by recalculating the widths of the columns.
+   */
+  refreshStretching() {
+    const {
+      wtTable,
+      wtViewport,
+      cloneSource
+    } = this.dataAccessObject;
+    const mainHolder = cloneSource ? cloneSource.wtTable.holder : wtTable.holder;
+    const scrollbarCompensation = mainHolder.offsetHeight < mainHolder.scrollHeight ? (0, _element.getScrollbarWidth)() : 0;
+    this.stretching.refreshStretching(wtViewport.getViewportWidth() - scrollbarCompensation);
+  }
+
   /**
    * Calculates column header widths that can be retrieved from the cache.
    */
@@ -76,6 +117,7 @@ class ColumnUtils {
       wtSettings
     } = this;
     let rowHeaderWidthSetting = wtSettings.getSetting('rowHeaderWidth');
+    this.refreshStretching();
     rowHeaderWidthSetting = wtSettings.getSetting('onModifyRowHeaderWidth', rowHeaderWidthSetting);
     if (rowHeaderWidthSetting !== null && rowHeaderWidthSetting !== undefined) {
       const rowHeadersCount = wtSettings.getSetting('rowHeaders').length;

package/3rdparty/walkontable/src/utils/column.mjs

@@ -2,6 +2,8 @@ import "core-js/modules/es.error.cause.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 { getScrollbarWidth } from "./../../../../helpers/dom/element.mjs";
+import { ColumnStretching } from "./columnStretching.mjs";
 /**
  * Column utils class contains all necessary information about sizes of the columns.
  *
@@ -25,8 +27,18 @@ export default class ColumnUtils {
      * @type {Map<number, number>}
      */
     _defineProperty(this, "headerWidths", new Map());
+    /**
+     * @type {ColumnStretching}
+     */
+    _defineProperty(this, "stretching", void 0);
     this.dataAccessObject = dataAccessObject;
     this.wtSettings = wtSettings;
+    this.stretching = new ColumnStretching({
+      totalColumns: () => this.wtSettings.getSetting('totalColumns'),
+      stretchMode: () => this.wtSettings.getSetting('stretchH'),
+      stretchingColumnWidthFn: (stretchedWidth, column) => this.wtSettings.getSetting('onBeforeStretchingColumnWidth', stretchedWidth, column),
+      columnWidthFn: sourceCol => this.dataAccessObject.wtTable.getColumnWidth(sourceCol)
+    });
   }
 
   /**
@@ -40,6 +52,21 @@ export default class ColumnUtils {
     return width;
   }
 
+  /**
+   * Returns stretched column width based on passed source index.
+   *
+   * @param {number} sourceIndex Column source index.
+   * @returns {number}
+   */
+  getStretchedColumnWidth(sourceIndex) {
+    let width = this.getWidth(sourceIndex);
+    const stretchedWidth = this.stretching.getStretchedColumnWidth(sourceIndex, width);
+    if (stretchedWidth) {
+      width = stretchedWidth;
+    }
+    return width;
+  }
+
   /**
    * Returns column header height based on passed header level.
    *
@@ -65,6 +92,20 @@ export default class ColumnUtils {
     return this.headerWidths.get(this.dataAccessObject.wtTable.columnFilter.sourceToRendered(sourceIndex));
   }
 
+  /**
+   * Refreshes the stretching column width by recalculating the widths of the columns.
+   */
+  refreshStretching() {
+    const {
+      wtTable,
+      wtViewport,
+      cloneSource
+    } = this.dataAccessObject;
+    const mainHolder = cloneSource ? cloneSource.wtTable.holder : wtTable.holder;
+    const scrollbarCompensation = mainHolder.offsetHeight < mainHolder.scrollHeight ? getScrollbarWidth() : 0;
+    this.stretching.refreshStretching(wtViewport.getViewportWidth() - scrollbarCompensation);
+  }
+
   /**
    * Calculates column header widths that can be retrieved from the cache.
    */
@@ -73,6 +114,7 @@ export default class ColumnUtils {
       wtSettings
     } = this;
     let rowHeaderWidthSetting = wtSettings.getSetting('rowHeaderWidth');
+    this.refreshStretching();
     rowHeaderWidthSetting = wtSettings.getSetting('onModifyRowHeaderWidth', rowHeaderWidthSetting);
     if (rowHeaderWidthSetting !== null && rowHeaderWidthSetting !== undefined) {
       const rowHeadersCount = wtSettings.getSetting('rowHeaders').length;

package/3rdparty/walkontable/src/utils/columnStretching.js

@@ -0,0 +1,197 @@
+"use strict";
+
+exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
+var _calculator = require("../calculator");
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+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); }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+/**
+ * @typedef {object} ColumnStretchingOptions
+ * @property {number} totalColumns Total number of columns.
+ * @property {Function} columnWidthFn Function that returns the width of the column at a given index (in px).
+ * @property {'all' | 'last' | 'none'} stretchMode Stretch mode 'all', 'last' or 'none'.
+ * @property {Function} stretchingColumnWidthFn Function that returns the new width of the stretched column.
+ */
+/**
+ * @class ColumnStretching
+ */
+var _totalTargetWidth = /*#__PURE__*/new WeakMap();
+var _totalColumns = /*#__PURE__*/new WeakMap();
+var _stretchingColumnWidthFn = /*#__PURE__*/new WeakMap();
+var _columnWidthFn = /*#__PURE__*/new WeakMap();
+var _stretchMode = /*#__PURE__*/new WeakMap();
+class ColumnStretching {
+  /**
+   * @param {ColumnStretchingOptions} options Object with all options specified for column viewport calculation.
+   */
+  constructor(_ref) {
+    let {
+      totalColumns,
+      stretchMode,
+      stretchingColumnWidthFn,
+      columnWidthFn
+    } = _ref;
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "stretchAllRatio", 0);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "stretchLastWidth", 0);
+    /**
+     * @type {number[]}
+     */
+    _defineProperty(this, "stretchAllColumnsWidth", []);
+    /**
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _totalTargetWidth, 0);
+    /**
+     * @type {boolean}
+     */
+    _defineProperty(this, "needVerifyLastColumnWidth", true);
+    /**
+     * The total number of columns.
+     *
+     * @type {function(): number}
+     */
+    _classPrivateFieldInitSpec(this, _totalColumns, () => 0);
+    /**
+     * Function that returns the width of the stretched column at a given index (in px).
+     *
+     * @type {function(): number}
+     */
+    _classPrivateFieldInitSpec(this, _stretchingColumnWidthFn, width => width);
+    /**
+     * Function that returns the width of the column at a given index (in px).
+     *
+     * @type {function(): number}
+     */
+    _classPrivateFieldInitSpec(this, _columnWidthFn, width => width);
+    /**
+     * Stretch mode.
+     *
+     * @type {function(): 'all' | 'last' | 'none'}
+     */
+    _classPrivateFieldInitSpec(this, _stretchMode, () => 'none');
+    _classPrivateFieldSet(_totalColumns, this, totalColumns);
+    _classPrivateFieldSet(_stretchMode, this, stretchMode);
+    _classPrivateFieldSet(_stretchingColumnWidthFn, this, stretchingColumnWidthFn !== null && stretchingColumnWidthFn !== void 0 ? stretchingColumnWidthFn : _classPrivateFieldGet(_stretchingColumnWidthFn, this));
+    _classPrivateFieldSet(_columnWidthFn, this, columnWidthFn !== null && columnWidthFn !== void 0 ? columnWidthFn : _classPrivateFieldGet(_columnWidthFn, this));
+  }
+
+  /**
+   * Recalculate columns stretching.
+   *
+   * @param {number} totalWidth The total width of the table.
+   */
+  refreshStretching(totalWidth) {
+    if (_classPrivateFieldGet(_stretchMode, this).call(this) === 'none') {
+      return;
+    }
+    this.stretchAllRatio = 0;
+    this.stretchAllColumnsWidth = [];
+    this.needVerifyLastColumnWidth = true;
+    this.stretchLastWidth = 0;
+    _classPrivateFieldSet(_totalTargetWidth, this, totalWidth);
+    let sumAll = 0;
+    for (let i = 0; i < _classPrivateFieldGet(_totalColumns, this).call(this); i++) {
+      const columnWidth = this._getColumnWidth(i);
+      const permanentColumnWidth = _classPrivateFieldGet(_stretchingColumnWidthFn, this).call(this, undefined, i);
+      if (typeof permanentColumnWidth === 'number') {
+        totalWidth -= permanentColumnWidth;
+      } else {
+        sumAll += columnWidth;
+      }
+    }
+    const remainingSize = totalWidth - sumAll;
+    if (_classPrivateFieldGet(_stretchMode, this).call(this) === 'all' && remainingSize > 0) {
+      this.stretchAllRatio = totalWidth / sumAll;
+      this.stretchAllColumnsWidth = [];
+      this.needVerifyLastColumnWidth = true;
+    } else if (_classPrivateFieldGet(_stretchMode, this).call(this) === 'last' && totalWidth !== Infinity) {
+      const columnWidth = this._getColumnWidth(_classPrivateFieldGet(_totalColumns, this).call(this) - 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(_stretchMode, this).call(this) === 'all' && this.stretchAllRatio !== 0) {
+      result = this._getStretchedAllColumnWidth(column, baseWidth);
+    } else if (_classPrivateFieldGet(_stretchMode, this).call(this) === '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;
+    if (!this.stretchAllColumnsWidth[column]) {
+      const stretchedWidth = Math.round(baseWidth * this.stretchAllRatio);
+      const newStretchedWidth = _classPrivateFieldGet(_stretchingColumnWidthFn, this).call(this, stretchedWidth, column);
+      if (newStretchedWidth === undefined) {
+        this.stretchAllColumnsWidth[column] = stretchedWidth;
+      } else {
+        this.stretchAllColumnsWidth[column] = isNaN(newStretchedWidth) ? this._getColumnWidth(column) : newStretchedWidth;
+      }
+    }
+    if (this.stretchAllColumnsWidth.length === _classPrivateFieldGet(_totalColumns, this).call(this) && this.needVerifyLastColumnWidth) {
+      this.needVerifyLastColumnWidth = false;
+      for (let i = 0; i < this.stretchAllColumnsWidth.length; i++) {
+        sumRatioWidth += this.stretchAllColumnsWidth[i];
+      }
+      if (sumRatioWidth !== _classPrivateFieldGet(_totalTargetWidth, this)) {
+        this.stretchAllColumnsWidth[this.stretchAllColumnsWidth.length - 1] += _classPrivateFieldGet(_totalTargetWidth, this) - sumRatioWidth;
+      }
+    }
+    return this.stretchAllColumnsWidth[column];
+  }
+
+  /**
+   * @param {number} column The visual column index.
+   * @returns {number|null}
+   * @private
+   */
+  _getStretchedLastColumnWidth(column) {
+    if (column === _classPrivateFieldGet(_totalColumns, this).call(this) - 1) {
+      return this.stretchLastWidth;
+    }
+    return null;
+  }
+
+  /**
+   * @param {number} column The visual column index.
+   * @returns {number}
+   * @private
+   */
+  _getColumnWidth(column) {
+    let width = _classPrivateFieldGet(_columnWidthFn, this).call(this, column);
+    if (isNaN(width)) {
+      width = _calculator.DEFAULT_COLUMN_WIDTH;
+    }
+    return width;
+  }
+}
+exports.ColumnStretching = ColumnStretching;