handsontable 14.6.1 → 15.0.0-next-4472a60-20241203

package/plugins/nestedHeaders/nestedHeaders.mjs

@@ -1,5 +1,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";
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 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 + ""; }
@@ -71,6 +73,7 @@ var _stateManager = /*#__PURE__*/new WeakMap();
 var _hidingIndexMapObserver = /*#__PURE__*/new WeakMap();
 var _focusInitialCoords = /*#__PURE__*/new WeakMap();
 var _isColumnsSelectionInProgress = /*#__PURE__*/new WeakMap();
+var _recentlyHighlightCoords = /*#__PURE__*/new WeakMap();
 var _NestedHeaders_brand = /*#__PURE__*/new WeakSet();
 export class NestedHeaders extends BasePlugin {
   constructor() {
@@ -105,6 +108,14 @@ export class NestedHeaders extends BasePlugin {
      * @type {boolean}
      */
     _classPrivateFieldInitSpec(this, _isColumnsSelectionInProgress, false);
+    /**
+     * Keeps the last highlight position made by column selection. The coords are necessary to scroll
+     * the viewport to the correct position when the nested header is clicked when the `navigableHeaders`
+     * option is disabled.
+     *
+     * @type {CellCoords | null}
+     */
+    _classPrivateFieldInitSpec(this, _recentlyHighlightCoords, null);
     /**
      * Custom helper for getting widths of the nested headers.
      *
@@ -524,9 +535,13 @@ function _updateFocusHighlightPosition() {
  * indexes are used.
  *
  * @param {number} visualColumn A visual column index to which the viewport will be scrolled.
+ * @param {{ value: 'auto' | 'start' | 'end' }} snapping If `'start'`, viewport is scrolled to show
+ * the cell on the left of the table. If `'end'`, viewport is scrolled to show the cell on the right of
+ * the table. When `'auto'`, the viewport is scrolled only when the column is outside of the viewport.
  * @returns {number}
  */
-function _onBeforeViewportScrollHorizontally(visualColumn) {
+function _onBeforeViewportScrollHorizontally(visualColumn, snapping) {
+  var _classPrivateFieldGet4;
   const selection = this.hot.getSelectedRangeLast();
   if (!selection) {
     return visualColumn;
@@ -534,20 +549,50 @@ function _onBeforeViewportScrollHorizontally(visualColumn) {
   const {
     highlight
   } = selection;
-  const isNestedHeadersRange = highlight.isHeader() && highlight.col >= 0;
+  const {
+    navigableHeaders
+  } = this.hot.getSettings();
+  const isSelectedByColumnHeader = this.hot.selection.isSelectedByColumnHeader();
+  const highlightRow = navigableHeaders ? highlight.row : (_classPrivateFieldGet4 = _classPrivateFieldGet(_recentlyHighlightCoords, this)) === null || _classPrivateFieldGet4 === void 0 ? void 0 : _classPrivateFieldGet4.row;
+  const highlightColumn = isSelectedByColumnHeader ? visualColumn : highlight.col;
+  const isNestedHeadersRange = highlightRow < 0 && highlightColumn >= 0;
+  _classPrivateFieldSet(_recentlyHighlightCoords, this, null);
   if (!isNestedHeadersRange) {
     return visualColumn;
   }
-  const firstColumn = this.hot.view.getFirstFullyVisibleColumn();
-  const lastColumn = this.hot.view.getLastFullyVisibleColumn();
-  const mostLeftColumnIndex = _classPrivateFieldGet(_stateManager, this).findLeftMostColumnIndex(highlight.row, highlight.col);
-  const mostRightColumnIndex = _classPrivateFieldGet(_stateManager, this).findRightMostColumnIndex(highlight.row, highlight.col);
+  const firstVisibleColumn = this.hot.getFirstFullyVisibleColumn();
+  const lastVisibleColumn = this.hot.getLastFullyVisibleColumn();
+  const viewportWidth = lastVisibleColumn - firstVisibleColumn + 1;
+  const mostLeftColumnIndex = _classPrivateFieldGet(_stateManager, this).findLeftMostColumnIndex(highlightRow, highlightColumn);
+  const mostRightColumnIndex = _classPrivateFieldGet(_stateManager, this).findRightMostColumnIndex(highlightRow, highlightColumn);
+  const headerWidth = mostRightColumnIndex - mostLeftColumnIndex + 1;
 
-  // do not scroll the viewport when the header is wider than the viewport
-  if (mostLeftColumnIndex < firstColumn && mostRightColumnIndex > lastColumn) {
-    return visualColumn;
+  // scroll the viewport always to the left when the header is wider than the viewport
+  if (mostLeftColumnIndex < firstVisibleColumn && mostRightColumnIndex > lastVisibleColumn) {
+    return mostLeftColumnIndex;
+  }
+  if (isSelectedByColumnHeader) {
+    let scrollColumnIndex = null;
+    if (mostLeftColumnIndex >= firstVisibleColumn && mostRightColumnIndex > lastVisibleColumn) {
+      if (headerWidth > viewportWidth) {
+        snapping.value = 'start';
+        scrollColumnIndex = mostLeftColumnIndex;
+      } else {
+        snapping.value = 'end';
+        scrollColumnIndex = mostRightColumnIndex;
+      }
+    } else if (mostLeftColumnIndex < firstVisibleColumn && mostRightColumnIndex <= lastVisibleColumn) {
+      if (headerWidth > viewportWidth) {
+        snapping.value = 'end';
+        scrollColumnIndex = mostRightColumnIndex;
+      } else {
+        snapping.value = 'start';
+        scrollColumnIndex = mostLeftColumnIndex;
+      }
+    }
+    return scrollColumnIndex;
   }
-  return mostLeftColumnIndex < firstColumn ? mostLeftColumnIndex : mostRightColumnIndex;
+  return mostLeftColumnIndex <= firstVisibleColumn ? mostLeftColumnIndex : mostRightColumnIndex;
 }
 /**
  * Allows to control which header DOM element will be used to highlight.
@@ -618,13 +663,13 @@ function _onBeforeCopy(data, copyableRanges, _ref2) {
     }
     for (let column = startCol; column <= endCol; column++) {
       for (let row = startRow; row <= endRow; row++) {
-        var _classPrivateFieldGet4;
+        var _classPrivateFieldGet5;
         const zeroBasedColumnHeaderLevel = rowsCount + row;
         const zeroBasedColumnIndex = column - startCol;
         if (zeroBasedColumnIndex === 0) {
           continue; // eslint-disable-line no-continue
         }
-        const isRoot = (_classPrivateFieldGet4 = _classPrivateFieldGet(_stateManager, this).getHeaderTreeNodeData(row, column)) === null || _classPrivateFieldGet4 === void 0 ? void 0 : _classPrivateFieldGet4.isRoot;
+        const isRoot = (_classPrivateFieldGet5 = _classPrivateFieldGet(_stateManager, this).getHeaderTreeNodeData(row, column)) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.isRoot;
         if (isRoot === false) {
           data[zeroBasedColumnHeaderLevel][zeroBasedColumnIndex] = '';
         }
@@ -702,7 +747,7 @@ function _onAfterOnCellMouseDown(event, coords) {
  *                            a boolean value that allows or disallows changing the selection for that particular area.
  */
 function _onBeforeOnCellMouseOver(event, coords, TD, controller) {
-  if (!this.hot.view.isMouseDown()) {
+  if (!this.hot.view.isMouseDown() || controller.column) {
     return;
   }
   const headerNodeData = this._getHeaderTreeNodeDataByCoords(coords);
@@ -810,8 +855,9 @@ function _onModifyTransformStart(delta) {
  *
  * @param {CellCoords} from The coords object where the selection starts.
  * @param {CellCoords} to The coords object where the selection ends.
+ * @param {CellCoords} highlight The coords object where the focus is.
  */
-function _onBeforeSelectColumns(from, to) {
+function _onBeforeSelectColumns(from, to, highlight) {
   const headerLevel = from.row;
   const startNodeData = this._getHeaderTreeNodeDataByCoords({
     row: headerLevel,
@@ -821,6 +867,7 @@ function _onBeforeSelectColumns(from, to) {
     row: headerLevel,
     col: to.col
   });
+  _classPrivateFieldSet(_recentlyHighlightCoords, this, highlight.clone());
   if (to.col < from.col) {
     // Column selection from right to left
     if (startNodeData) {
@@ -905,10 +952,10 @@ function _onModifyColWidth(width, column) {
  * @returns {string} Returns the column header value to update.
  */
 function _onModifyColumnHeaderValue(value, visualColumnIndex, headerLevel) {
-  var _classPrivateFieldGet5;
+  var _classPrivateFieldGet6;
   const {
     label
-  } = (_classPrivateFieldGet5 = _classPrivateFieldGet(_stateManager, this).getHeaderTreeNodeData(headerLevel, visualColumnIndex)) !== null && _classPrivateFieldGet5 !== void 0 ? _classPrivateFieldGet5 : {
+  } = (_classPrivateFieldGet6 = _classPrivateFieldGet(_stateManager, this).getHeaderTreeNodeData(headerLevel, visualColumnIndex)) !== null && _classPrivateFieldGet6 !== void 0 ? _classPrivateFieldGet6 : {
     label: ''
   };
   return label;

package/plugins/nestedHeaders/stateManager/index.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _array = require("../../../helpers/array");
 var _sourceSettings2 = _interopRequireDefault(require("./sourceSettings"));
 var _headersTree2 = _interopRequireDefault(require("./headersTree"));

package/plugins/nestedHeaders/stateManager/index.mjs

@@ -1,5 +1,6 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.iterator.map.js";
 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 _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }

package/plugins/nestedRows/nestedRows.js

@@ -10,6 +10,9 @@ require("core-js/modules/es.set.is-subset-of.v2.js");
 require("core-js/modules/es.set.is-superset-of.v2.js");
 require("core-js/modules/es.set.symmetric-difference.v2.js");
 require("core-js/modules/es.set.union.v2.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.reduce.js");
 var _base = require("../base");
 var _dataManager = _interopRequireDefault(require("./data/dataManager"));
 var _collapsing = _interopRequireDefault(require("./ui/collapsing"));

package/plugins/nestedRows/nestedRows.mjs

@@ -7,6 +7,9 @@ import "core-js/modules/es.set.is-subset-of.v2.js";
 import "core-js/modules/es.set.is-superset-of.v2.js";
 import "core-js/modules/es.set.symmetric-difference.v2.js";
 import "core-js/modules/es.set.union.v2.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/esnext.iterator.reduce.js";
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 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"); }

package/plugins/nestedRows/ui/headers.js

@@ -125,7 +125,13 @@ class HeadersUI extends _base.default {
     if (!deepestLevelIndex) {
       deepestLevelIndex = this.dataManager.cache.levelCount;
     }
-    this.rowHeaderWidthCache = Math.max(50, 11 + 10 * deepestLevelIndex + 25);
+    const stylesHandler = this.hot.view.getStylesHandler();
+    let completeVerticalPadding = 11;
+    if (!stylesHandler.isClassicTheme()) {
+      const verticalPadding = stylesHandler.getCSSVariableValue('cell-horizontal-padding');
+      completeVerticalPadding = verticalPadding * 2;
+    }
+    this.rowHeaderWidthCache = Math.max(50, completeVerticalPadding + 10 * deepestLevelIndex + 25);
     this.hot.render();
   }
 }

package/plugins/nestedRows/ui/headers.mjs

@@ -121,7 +121,13 @@ class HeadersUI extends BaseUI {
     if (!deepestLevelIndex) {
       deepestLevelIndex = this.dataManager.cache.levelCount;
     }
-    this.rowHeaderWidthCache = Math.max(50, 11 + 10 * deepestLevelIndex + 25);
+    const stylesHandler = this.hot.view.getStylesHandler();
+    let completeVerticalPadding = 11;
+    if (!stylesHandler.isClassicTheme()) {
+      const verticalPadding = stylesHandler.getCSSVariableValue('cell-horizontal-padding');
+      completeVerticalPadding = verticalPadding * 2;
+    }
+    this.rowHeaderWidthCache = Math.max(50, completeVerticalPadding + 10 * deepestLevelIndex + 25);
     this.hot.render();
   }
 }

package/plugins/nestedRows/utils/rowMoveController.js

@@ -3,6 +3,10 @@
 exports.__esModule = true;
 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");
+require("core-js/modules/esnext.iterator.some.js");
 var _mixed = require("../../../helpers/mixed");
 var _console = require("../../../helpers/console");
 var _templateLiteralTag = require("../../../helpers/templateLiteralTag");

package/plugins/nestedRows/utils/rowMoveController.mjs

@@ -1,5 +1,9 @@
 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";
+import "core-js/modules/esnext.iterator.some.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); }

package/plugins/persistentState/persistentState.js

@@ -4,14 +4,14 @@ exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 var _base = require("../base");
 var _storage = _interopRequireDefault(require("./storage"));
-var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
+var _hooks = require("../../core/hooks");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
-_pluginHooks.default.getSingleton().register('persistentStateSave');
-_pluginHooks.default.getSingleton().register('persistentStateLoad');
-_pluginHooks.default.getSingleton().register('persistentStateReset');
+_hooks.Hooks.getSingleton().register('persistentStateSave');
+_hooks.Hooks.getSingleton().register('persistentStateLoad');
+_hooks.Hooks.getSingleton().register('persistentStateReset');
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'persistentState';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 0;
 

package/plugins/persistentState/persistentState.mjs

@@ -4,7 +4,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { BasePlugin } from "../base/index.mjs";
 import Storage from "./storage.mjs";
-import Hooks from "../../pluginHooks.mjs";
+import { Hooks } from "../../core/hooks/index.mjs";
 Hooks.getSingleton().register('persistentStateSave');
 Hooks.getSingleton().register('persistentStateLoad');
 Hooks.getSingleton().register('persistentStateReset');

package/plugins/stretchColumns/calculator.js

@@ -0,0 +1,162 @@
+"use strict";
+
+exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+var _src = require("../../3rdparty/walkontable/src");
+var _element = require("../../helpers/dom/element");
+var _all = require("./strategies/all");
+var _last = require("./strategies/last");
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+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 _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"); }
+const STRETCH_WIDTH_MAP_NAME = 'stretchColumns';
+
+/**
+ * The class responsible for calculating the column widths based on the specified column stretching strategy.
+ *
+ * @private
+ * @class StretchCalculator
+ */
+var _hot = /*#__PURE__*/new WeakMap();
+var _widthsMap = /*#__PURE__*/new WeakMap();
+var _stretchStrategies = /*#__PURE__*/new WeakMap();
+var _activeStrategy = /*#__PURE__*/new WeakMap();
+var _StretchCalculator_brand = /*#__PURE__*/new WeakSet();
+class StretchCalculator {
+  constructor(hotInstance) {
+    /**
+     * Checks if the vertical scrollbar will appear. Based on the current data and viewport size
+     * the method calculates if the vertical scrollbar will appear after the table is rendered.
+     * The method is a workaround for the issue in the Walkontable that returns unstable viewport
+     * size.
+     *
+     * @returns {boolean}
+     */
+    _classPrivateMethodInitSpec(this, _StretchCalculator_brand);
+    /**
+     * The Handsontable instance.
+     *
+     * @type {Core}
+     */
+    _classPrivateFieldInitSpec(this, _hot, void 0);
+    /**
+     * The map that stores the calculated column widths.
+     *
+     * @type {IndexToValueMap}
+     */
+    _classPrivateFieldInitSpec(this, _widthsMap, void 0);
+    /**
+     * The map that stores the available stretch strategies.
+     *
+     * @type {Map<string, StretchAllStrategy | StretchLastStrategy>}
+     */
+    _classPrivateFieldInitSpec(this, _stretchStrategies, new Map([['all', new _all.StretchAllStrategy(_assertClassBrand(_StretchCalculator_brand, this, _overwriteColumnWidthFn).bind(this))], ['last', new _last.StretchLastStrategy(_assertClassBrand(_StretchCalculator_brand, this, _overwriteColumnWidthFn).bind(this))]]));
+    /**
+     * The active stretch mode.
+     *
+     * @type {'all' | 'last' | 'none'}
+     */
+    _classPrivateFieldInitSpec(this, _activeStrategy, 'none');
+    _classPrivateFieldSet(_hot, this, hotInstance);
+    _classPrivateFieldSet(_widthsMap, this, _classPrivateFieldGet(_hot, this).columnIndexMapper.createAndRegisterIndexMap(STRETCH_WIDTH_MAP_NAME, 'physicalIndexToValue'));
+  }
+
+  /**
+   * Sets the active stretch strategy.
+   *
+   * @param {'all' | 'last' | 'none'} strategyName The stretch strategy to use.
+   */
+  useStrategy(strategyName) {
+    _classPrivateFieldSet(_activeStrategy, this, _classPrivateFieldGet(_stretchStrategies, this).has(strategyName) ? strategyName : 'none');
+  }
+
+  /**
+   * Recalculates the column widths.
+   */
+  refreshStretching() {
+    if (_classPrivateFieldGet(_activeStrategy, this) === 'none') {
+      _classPrivateFieldGet(_widthsMap, this).clear();
+      return;
+    }
+    _classPrivateFieldGet(_hot, this).batchExecution(() => {
+      _classPrivateFieldGet(_widthsMap, this).clear();
+      const stretchStrategy = _classPrivateFieldGet(_stretchStrategies, this).get(_classPrivateFieldGet(_activeStrategy, this));
+      const view = _classPrivateFieldGet(_hot, this).view;
+      let viewportWidth = view.getViewportWidth();
+      if (_assertClassBrand(_StretchCalculator_brand, this, _willVerticalScrollAppear).call(this)) {
+        viewportWidth -= (0, _element.getScrollbarWidth)(_classPrivateFieldGet(_hot, this).rootDocument);
+      }
+      stretchStrategy.prepare({
+        viewportWidth
+      });
+      for (let columnIndex = 0; columnIndex < _classPrivateFieldGet(_hot, this).countCols(); columnIndex++) {
+        if (!_classPrivateFieldGet(_hot, this).columnIndexMapper.isHidden(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnIndex))) {
+          stretchStrategy.setColumnBaseWidth(columnIndex, _assertClassBrand(_StretchCalculator_brand, this, _getWidthWithoutStretching).call(this, columnIndex));
+        }
+      }
+      stretchStrategy.calculate();
+      stretchStrategy.getWidths().forEach(_ref => {
+        let [columnIndex, width] = _ref;
+        _classPrivateFieldGet(_widthsMap, this).setValueAtIndex(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnIndex), width);
+      });
+    }, true);
+  }
+
+  /**
+   * Gets the calculated column width.
+   *
+   * @param {number} columnVisualIndex Column visual index.
+   * @returns {number | null}
+   */
+  getStretchedWidth(columnVisualIndex) {
+    return _classPrivateFieldGet(_widthsMap, this).getValueAtIndex(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnVisualIndex));
+  }
+}
+exports.StretchCalculator = StretchCalculator;
+function _willVerticalScrollAppear() {
+  const {
+    view
+  } = _classPrivateFieldGet(_hot, this);
+  if (view.isVerticallyScrollableByWindow()) {
+    return false;
+  }
+  const viewportHeight = view.getViewportHeight();
+  const totalRows = _classPrivateFieldGet(_hot, this).countRows();
+  const defaultRowHeight = view.getStylesHandler().getDefaultRowHeight();
+  let totalHeight = 0;
+  let hasVerticalScroll = false;
+  for (let row = 0; row < totalRows; row++) {
+    var _classPrivateFieldGet2;
+    totalHeight += ((_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getRowHeight(row)) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : defaultRowHeight) + (row === 0 ? 1 : 0);
+    if (totalHeight > viewportHeight) {
+      hasVerticalScroll = true;
+      break;
+    }
+  }
+  return hasVerticalScroll;
+}
+/**
+ * Gets the column width from the Handsontable API without logic related to stretching.
+ *
+ * @param {number} columnVisualIndex Column visual index.
+ * @returns {number}
+ */
+function _getWidthWithoutStretching(columnVisualIndex) {
+  var _classPrivateFieldGet3;
+  return (_classPrivateFieldGet3 = _classPrivateFieldGet(_hot, this).getColWidth(columnVisualIndex, 'StretchColumns')) !== null && _classPrivateFieldGet3 !== void 0 ? _classPrivateFieldGet3 : _src.DEFAULT_COLUMN_WIDTH;
+}
+/**
+ * Executes the hook that allows to overwrite the column width.
+ *
+ * @param {number} columnWidth The column width.
+ * @param {number} columnVisualIndex Column visual index.
+ * @returns {number}
+ */
+function _overwriteColumnWidthFn(columnWidth, columnVisualIndex) {
+  return _classPrivateFieldGet(_hot, this).runHooks('beforeStretchingColumnWidth', columnWidth, columnVisualIndex);
+}

package/plugins/stretchColumns/calculator.mjs

@@ -0,0 +1,158 @@
+import "core-js/modules/es.error.cause.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+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 _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"); }
+import { DEFAULT_COLUMN_WIDTH } from "../../3rdparty/walkontable/src/index.mjs";
+import { getScrollbarWidth } from "../../helpers/dom/element.mjs";
+import { StretchAllStrategy } from "./strategies/all.mjs";
+import { StretchLastStrategy } from "./strategies/last.mjs";
+const STRETCH_WIDTH_MAP_NAME = 'stretchColumns';
+
+/**
+ * The class responsible for calculating the column widths based on the specified column stretching strategy.
+ *
+ * @private
+ * @class StretchCalculator
+ */
+var _hot = /*#__PURE__*/new WeakMap();
+var _widthsMap = /*#__PURE__*/new WeakMap();
+var _stretchStrategies = /*#__PURE__*/new WeakMap();
+var _activeStrategy = /*#__PURE__*/new WeakMap();
+var _StretchCalculator_brand = /*#__PURE__*/new WeakSet();
+export class StretchCalculator {
+  constructor(hotInstance) {
+    /**
+     * Checks if the vertical scrollbar will appear. Based on the current data and viewport size
+     * the method calculates if the vertical scrollbar will appear after the table is rendered.
+     * The method is a workaround for the issue in the Walkontable that returns unstable viewport
+     * size.
+     *
+     * @returns {boolean}
+     */
+    _classPrivateMethodInitSpec(this, _StretchCalculator_brand);
+    /**
+     * The Handsontable instance.
+     *
+     * @type {Core}
+     */
+    _classPrivateFieldInitSpec(this, _hot, void 0);
+    /**
+     * The map that stores the calculated column widths.
+     *
+     * @type {IndexToValueMap}
+     */
+    _classPrivateFieldInitSpec(this, _widthsMap, void 0);
+    /**
+     * The map that stores the available stretch strategies.
+     *
+     * @type {Map<string, StretchAllStrategy | StretchLastStrategy>}
+     */
+    _classPrivateFieldInitSpec(this, _stretchStrategies, new Map([['all', new StretchAllStrategy(_assertClassBrand(_StretchCalculator_brand, this, _overwriteColumnWidthFn).bind(this))], ['last', new StretchLastStrategy(_assertClassBrand(_StretchCalculator_brand, this, _overwriteColumnWidthFn).bind(this))]]));
+    /**
+     * The active stretch mode.
+     *
+     * @type {'all' | 'last' | 'none'}
+     */
+    _classPrivateFieldInitSpec(this, _activeStrategy, 'none');
+    _classPrivateFieldSet(_hot, this, hotInstance);
+    _classPrivateFieldSet(_widthsMap, this, _classPrivateFieldGet(_hot, this).columnIndexMapper.createAndRegisterIndexMap(STRETCH_WIDTH_MAP_NAME, 'physicalIndexToValue'));
+  }
+
+  /**
+   * Sets the active stretch strategy.
+   *
+   * @param {'all' | 'last' | 'none'} strategyName The stretch strategy to use.
+   */
+  useStrategy(strategyName) {
+    _classPrivateFieldSet(_activeStrategy, this, _classPrivateFieldGet(_stretchStrategies, this).has(strategyName) ? strategyName : 'none');
+  }
+
+  /**
+   * Recalculates the column widths.
+   */
+  refreshStretching() {
+    if (_classPrivateFieldGet(_activeStrategy, this) === 'none') {
+      _classPrivateFieldGet(_widthsMap, this).clear();
+      return;
+    }
+    _classPrivateFieldGet(_hot, this).batchExecution(() => {
+      _classPrivateFieldGet(_widthsMap, this).clear();
+      const stretchStrategy = _classPrivateFieldGet(_stretchStrategies, this).get(_classPrivateFieldGet(_activeStrategy, this));
+      const view = _classPrivateFieldGet(_hot, this).view;
+      let viewportWidth = view.getViewportWidth();
+      if (_assertClassBrand(_StretchCalculator_brand, this, _willVerticalScrollAppear).call(this)) {
+        viewportWidth -= getScrollbarWidth(_classPrivateFieldGet(_hot, this).rootDocument);
+      }
+      stretchStrategy.prepare({
+        viewportWidth
+      });
+      for (let columnIndex = 0; columnIndex < _classPrivateFieldGet(_hot, this).countCols(); columnIndex++) {
+        if (!_classPrivateFieldGet(_hot, this).columnIndexMapper.isHidden(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnIndex))) {
+          stretchStrategy.setColumnBaseWidth(columnIndex, _assertClassBrand(_StretchCalculator_brand, this, _getWidthWithoutStretching).call(this, columnIndex));
+        }
+      }
+      stretchStrategy.calculate();
+      stretchStrategy.getWidths().forEach(_ref => {
+        let [columnIndex, width] = _ref;
+        _classPrivateFieldGet(_widthsMap, this).setValueAtIndex(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnIndex), width);
+      });
+    }, true);
+  }
+
+  /**
+   * Gets the calculated column width.
+   *
+   * @param {number} columnVisualIndex Column visual index.
+   * @returns {number | null}
+   */
+  getStretchedWidth(columnVisualIndex) {
+    return _classPrivateFieldGet(_widthsMap, this).getValueAtIndex(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnVisualIndex));
+  }
+}
+function _willVerticalScrollAppear() {
+  const {
+    view
+  } = _classPrivateFieldGet(_hot, this);
+  if (view.isVerticallyScrollableByWindow()) {
+    return false;
+  }
+  const viewportHeight = view.getViewportHeight();
+  const totalRows = _classPrivateFieldGet(_hot, this).countRows();
+  const defaultRowHeight = view.getStylesHandler().getDefaultRowHeight();
+  let totalHeight = 0;
+  let hasVerticalScroll = false;
+  for (let row = 0; row < totalRows; row++) {
+    var _classPrivateFieldGet2;
+    totalHeight += ((_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getRowHeight(row)) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : defaultRowHeight) + (row === 0 ? 1 : 0);
+    if (totalHeight > viewportHeight) {
+      hasVerticalScroll = true;
+      break;
+    }
+  }
+  return hasVerticalScroll;
+}
+/**
+ * Gets the column width from the Handsontable API without logic related to stretching.
+ *
+ * @param {number} columnVisualIndex Column visual index.
+ * @returns {number}
+ */
+function _getWidthWithoutStretching(columnVisualIndex) {
+  var _classPrivateFieldGet3;
+  return (_classPrivateFieldGet3 = _classPrivateFieldGet(_hot, this).getColWidth(columnVisualIndex, 'StretchColumns')) !== null && _classPrivateFieldGet3 !== void 0 ? _classPrivateFieldGet3 : DEFAULT_COLUMN_WIDTH;
+}
+/**
+ * Executes the hook that allows to overwrite the column width.
+ *
+ * @param {number} columnWidth The column width.
+ * @param {number} columnVisualIndex Column visual index.
+ * @returns {number}
+ */
+function _overwriteColumnWidthFn(columnWidth, columnVisualIndex) {
+  return _classPrivateFieldGet(_hot, this).runHooks('beforeStretchingColumnWidth', columnWidth, columnVisualIndex);
+}

package/plugins/stretchColumns/index.d.ts

@@ -0,0 +1 @@
+export * from './stretchColumns';

package/plugins/stretchColumns/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+var _stretchColumns = require("./stretchColumns");
+exports.PLUGIN_KEY = _stretchColumns.PLUGIN_KEY;
+exports.PLUGIN_PRIORITY = _stretchColumns.PLUGIN_PRIORITY;
+exports.StretchColumns = _stretchColumns.StretchColumns;

package/plugins/stretchColumns/index.mjs

@@ -0,0 +1 @@
+export { PLUGIN_KEY, PLUGIN_PRIORITY, StretchColumns } from "./stretchColumns.mjs";