handsontable 15.2.0 → 15.3.0-next-6f5f494-20250424

package/editorManager.js

@@ -80,13 +80,7 @@ class EditorManager {
     this.selection = _selection;
     this.eventManager = new _eventManager.default(hotInstance);
     this.hot.addHook('afterDocumentKeyDown', event => _assertClassBrand(_EditorManager_brand, this, _onAfterDocumentKeyDown).call(this, event));
-
-    // Open editor when text composition is started (IME editor)
-    this.eventManager.addEventListener(this.hot.rootDocument.documentElement, 'compositionstart', event => {
-      if (!this.destroyed && this.hot.isListening()) {
-        this.openEditor('', event);
-      }
-    });
+    this.hot.addHook('beforeCompositionStart', event => _assertClassBrand(_EditorManager_brand, this, _onAfterDocumentKeyDown).call(this, event));
     this.hot.view._wt.update('onCellDblClick', (event, coords, elem) => _assertClassBrand(_EditorManager_brand, this, _onCellDblClick).call(this, event, coords, elem));
   }
 

package/editorManager.mjs

@@ -76,13 +76,7 @@ class EditorManager {
     this.selection = _selection;
     this.eventManager = new EventManager(hotInstance);
     this.hot.addHook('afterDocumentKeyDown', event => _assertClassBrand(_EditorManager_brand, this, _onAfterDocumentKeyDown).call(this, event));
-
-    // Open editor when text composition is started (IME editor)
-    this.eventManager.addEventListener(this.hot.rootDocument.documentElement, 'compositionstart', event => {
-      if (!this.destroyed && this.hot.isListening()) {
-        this.openEditor('', event);
-      }
-    });
+    this.hot.addHook('beforeCompositionStart', event => _assertClassBrand(_EditorManager_brand, this, _onAfterDocumentKeyDown).call(this, event));
     this.hot.view._wt.update('onCellDblClick', (event, coords, elem) => _assertClassBrand(_EditorManager_brand, this, _onCellDblClick).call(this, event, coords, elem));
   }
 

package/editors/autocompleteEditor/autocompleteEditor.js

@@ -15,6 +15,7 @@ var _string = require("../../helpers/string");
 var _unicode = require("../../helpers/unicode");
 var _textRenderer = require("../../renderers/textRenderer");
 var _a11y = require("../../helpers/a11y");
+var _function = require("../../helpers/function");
 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"); }
@@ -30,6 +31,7 @@ const EDITOR_TYPE = exports.EDITOR_TYPE = 'autocomplete';
  * @class AutocompleteEditor
  */
 var _idPrefix = /*#__PURE__*/new WeakMap();
+var _focusDebounced = /*#__PURE__*/new WeakMap();
 var _AutocompleteEditor_brand = /*#__PURE__*/new WeakSet();
 class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
   constructor() {
@@ -62,6 +64,12 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
      * @type {string}
      */
     _classPrivateFieldInitSpec(this, _idPrefix, this.hot.guid.slice(0, 9));
+    /**
+     * Runs focus method after debounce.
+     */
+    _classPrivateFieldInitSpec(this, _focusDebounced, (0, _function.debounce)(() => {
+      this.focus();
+    }, 100));
     /**
      * Filters and sorts by relevance.
      *
@@ -147,7 +155,6 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     }
     return this.TEXTAREA.value;
   }
-
   /**
    * Creates an editor's elements and adds necessary CSS classnames.
    */
@@ -193,10 +200,10 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     this.showEditableElement();
     this.focus();
     this.addHook('beforeKeyDown', event => this.onBeforeKeyDown(event));
+    this.htEditor.addHook('afterScroll', _classPrivateFieldGet(_focusDebounced, this));
     this.htEditor.updateSettings({
       colWidths: trimDropdown ? [(0, _element.outerWidth)(this.TEXTAREA) - 2] : undefined,
       autoColumnSize: true,
-      autoRowSize: true,
       renderer: (hotInstance, TD, row, col, prop, value, cellProperties) => {
         (0, _textRenderer.textRenderer)(hotInstance, TD, row, col, prop, value, cellProperties);
         const {
@@ -224,9 +231,21 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
       },
       afterSelectionEnd: (startRow, startCol) => {
         if (rootInstanceAriaTagsEnabled) {
+          const setA11yAttributes = TD => {
+            (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_SELECTED)()]);
+            (0, _element.setAttribute)(this.TEXTAREA, ...(0, _a11y.A11Y_ACTIVEDESCENDANT)(TD.id));
+          };
           const TD = this.htEditor.getCell(startRow, startCol, true);
-          (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_SELECTED)()]);
-          (0, _element.setAttribute)(this.TEXTAREA, ...(0, _a11y.A11Y_ACTIVEDESCENDANT)(TD.id));
+          if (TD !== null) {
+            setA11yAttributes(TD);
+          } else {
+            // If TD is null, it means that the cell is not (yet) in the viewport.
+            // Moving the logic to after it's been scrolled to the requested cell.
+            this.htEditor.addHookOnce('afterScrollVertically', () => {
+              const renderedTD = this.htEditor.getCell(startRow, startCol, true);
+              setA11yAttributes(renderedTD);
+            });
+          }
         }
       }
     });
@@ -304,7 +323,9 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     }
     const orderByRelevanceLength = Array.isArray(orderByRelevance) ? orderByRelevance.length : 0;
     if (filterSetting === false) {
-      highlightIndex = orderByRelevanceLength > 0 ? orderByRelevance[0] : 0;
+      if (orderByRelevanceLength) {
+        highlightIndex = orderByRelevance[0];
+      }
     } else {
       const sorted = [];
       for (let i = 0, choicesCount = choices.length; i < choicesCount; i++) {
@@ -468,7 +489,10 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     const maxItems = Math.min(this.cellProperties.visibleRows, this.strippedChoices.length);
     const height = Array.from({
       length: maxItems
-    }, (_, i) => i).reduce((h, index) => h + this.htEditor.getRowHeight(index), 0);
+    }, (_, i) => i).reduce((totalHeight, index) => {
+      const rowHeight = this.htEditor.getRowHeight(index) || this.htEditor.view.getDefaultRowHeight();
+      return totalHeight + rowHeight;
+    }, 0);
     return height + borderVerticalCompensation + 1;
   }
 
@@ -566,7 +590,7 @@ exports.AutocompleteEditor = AutocompleteEditor;
 function _fixDropdownWidth() {
   if (this.htEditor.view.hasVerticalScroll()) {
     this.htEditor.updateSettings({
-      width: this.htEditor.getSettings().width + (0, _element.getScrollbarWidth)(this.hot.rootDocument)
+      width: this.getWidth() + (0, _element.getScrollbarWidth)(this.hot.rootDocument)
     });
   }
 }

package/editors/autocompleteEditor/autocompleteEditor.mjs

@@ -20,6 +20,7 @@ import { stripTags } from "../../helpers/string.mjs";
 import { KEY_CODES, isPrintableChar } from "../../helpers/unicode.mjs";
 import { textRenderer } from "../../renderers/textRenderer/index.mjs";
 import { A11Y_ACTIVEDESCENDANT, A11Y_AUTOCOMPLETE, A11Y_COMBOBOX, A11Y_CONTROLS, A11Y_EXPANDED, A11Y_HASPOPUP, A11Y_LISTBOX, A11Y_LIVE, A11Y_OPTION, A11Y_POSINSET, A11Y_PRESENTATION, A11Y_RELEVANT, A11Y_SELECTED, A11Y_SETSIZE, A11Y_TEXT } from "../../helpers/a11y.mjs";
+import { debounce } from "../../helpers/function.mjs";
 export const EDITOR_TYPE = 'autocomplete';
 
 /**
@@ -27,6 +28,7 @@ export const EDITOR_TYPE = 'autocomplete';
  * @class AutocompleteEditor
  */
 var _idPrefix = /*#__PURE__*/new WeakMap();
+var _focusDebounced = /*#__PURE__*/new WeakMap();
 var _AutocompleteEditor_brand = /*#__PURE__*/new WeakSet();
 export class AutocompleteEditor extends HandsontableEditor {
   constructor() {
@@ -59,6 +61,12 @@ export class AutocompleteEditor extends HandsontableEditor {
      * @type {string}
      */
     _classPrivateFieldInitSpec(this, _idPrefix, this.hot.guid.slice(0, 9));
+    /**
+     * Runs focus method after debounce.
+     */
+    _classPrivateFieldInitSpec(this, _focusDebounced, debounce(() => {
+      this.focus();
+    }, 100));
     /**
      * Filters and sorts by relevance.
      *
@@ -144,7 +152,6 @@ export class AutocompleteEditor extends HandsontableEditor {
     }
     return this.TEXTAREA.value;
   }
-
   /**
    * Creates an editor's elements and adds necessary CSS classnames.
    */
@@ -190,10 +197,10 @@ export class AutocompleteEditor extends HandsontableEditor {
     this.showEditableElement();
     this.focus();
     this.addHook('beforeKeyDown', event => this.onBeforeKeyDown(event));
+    this.htEditor.addHook('afterScroll', _classPrivateFieldGet(_focusDebounced, this));
     this.htEditor.updateSettings({
       colWidths: trimDropdown ? [outerWidth(this.TEXTAREA) - 2] : undefined,
       autoColumnSize: true,
-      autoRowSize: true,
       renderer: (hotInstance, TD, row, col, prop, value, cellProperties) => {
         textRenderer(hotInstance, TD, row, col, prop, value, cellProperties);
         const {
@@ -221,9 +228,21 @@ export class AutocompleteEditor extends HandsontableEditor {
       },
       afterSelectionEnd: (startRow, startCol) => {
         if (rootInstanceAriaTagsEnabled) {
+          const setA11yAttributes = TD => {
+            setAttribute(TD, [A11Y_SELECTED()]);
+            setAttribute(this.TEXTAREA, ...A11Y_ACTIVEDESCENDANT(TD.id));
+          };
           const TD = this.htEditor.getCell(startRow, startCol, true);
-          setAttribute(TD, [A11Y_SELECTED()]);
-          setAttribute(this.TEXTAREA, ...A11Y_ACTIVEDESCENDANT(TD.id));
+          if (TD !== null) {
+            setA11yAttributes(TD);
+          } else {
+            // If TD is null, it means that the cell is not (yet) in the viewport.
+            // Moving the logic to after it's been scrolled to the requested cell.
+            this.htEditor.addHookOnce('afterScrollVertically', () => {
+              const renderedTD = this.htEditor.getCell(startRow, startCol, true);
+              setA11yAttributes(renderedTD);
+            });
+          }
         }
       }
     });
@@ -301,7 +320,9 @@ export class AutocompleteEditor extends HandsontableEditor {
     }
     const orderByRelevanceLength = Array.isArray(orderByRelevance) ? orderByRelevance.length : 0;
     if (filterSetting === false) {
-      highlightIndex = orderByRelevanceLength > 0 ? orderByRelevance[0] : 0;
+      if (orderByRelevanceLength) {
+        highlightIndex = orderByRelevance[0];
+      }
     } else {
       const sorted = [];
       for (let i = 0, choicesCount = choices.length; i < choicesCount; i++) {
@@ -465,7 +486,10 @@ export class AutocompleteEditor extends HandsontableEditor {
     const maxItems = Math.min(this.cellProperties.visibleRows, this.strippedChoices.length);
     const height = Array.from({
       length: maxItems
-    }, (_, i) => i).reduce((h, index) => h + this.htEditor.getRowHeight(index), 0);
+    }, (_, i) => i).reduce((totalHeight, index) => {
+      const rowHeight = this.htEditor.getRowHeight(index) || this.htEditor.view.getDefaultRowHeight();
+      return totalHeight + rowHeight;
+    }, 0);
     return height + borderVerticalCompensation + 1;
   }
 
@@ -562,7 +586,7 @@ export class AutocompleteEditor extends HandsontableEditor {
 function _fixDropdownWidth() {
   if (this.htEditor.view.hasVerticalScroll()) {
     this.htEditor.updateSettings({
-      width: this.htEditor.getSettings().width + getScrollbarWidth(this.hot.rootDocument)
+      width: this.getWidth() + getScrollbarWidth(this.hot.rootDocument)
     });
   }
 }

package/focusManager.js

@@ -214,8 +214,10 @@ class FocusManager {
       (_classPrivateFieldGet6 = _classPrivateFieldGet(_hot, this).getActiveEditor()) === null || _classPrivateFieldGet6 === void 0 || (_classPrivateFieldGet7 = _classPrivateFieldGet6.refreshValue) === null || _classPrivateFieldGet7 === void 0 || _classPrivateFieldGet7.call(_classPrivateFieldGet6);
       if (!_classPrivateFieldGet(_debouncedSelect, this).has(delay)) {
         _classPrivateFieldGet(_debouncedSelect, this).set(delay, (0, _function.debounce)(() => {
-          var _this$getRefocusEleme;
-          (_this$getRefocusEleme = this.getRefocusElement()) === null || _this$getRefocusEleme === void 0 || _this$getRefocusEleme.select();
+          if (!_classPrivateFieldGet(_hot, this).isDestroyed) {
+            var _this$getRefocusEleme;
+            (_this$getRefocusEleme = this.getRefocusElement()) === null || _this$getRefocusEleme === void 0 || _this$getRefocusEleme.select();
+          }
         }, delay));
       }
       _classPrivateFieldGet(_debouncedSelect, this).get(delay)();

package/focusManager.mjs

@@ -211,8 +211,10 @@ export class FocusManager {
       (_classPrivateFieldGet6 = _classPrivateFieldGet(_hot, this).getActiveEditor()) === null || _classPrivateFieldGet6 === void 0 || (_classPrivateFieldGet7 = _classPrivateFieldGet6.refreshValue) === null || _classPrivateFieldGet7 === void 0 || _classPrivateFieldGet7.call(_classPrivateFieldGet6);
       if (!_classPrivateFieldGet(_debouncedSelect, this).has(delay)) {
         _classPrivateFieldGet(_debouncedSelect, this).set(delay, debounce(() => {
-          var _this$getRefocusEleme;
-          (_this$getRefocusEleme = this.getRefocusElement()) === null || _this$getRefocusEleme === void 0 || _this$getRefocusEleme.select();
+          if (!_classPrivateFieldGet(_hot, this).isDestroyed) {
+            var _this$getRefocusEleme;
+            (_this$getRefocusEleme = this.getRefocusElement()) === null || _this$getRefocusEleme === void 0 || _this$getRefocusEleme.select();
+          }
         }, delay));
       }
       _classPrivateFieldGet(_debouncedSelect, this).get(delay)();

package/helpers/browser.js

@@ -41,7 +41,7 @@ const platforms = {
   mac: tester(platform => /^Mac/.test(platform)),
   win: tester(platform => /^Win/.test(platform)),
   linux: tester(platform => /^Linux/.test(platform)),
-  ios: tester(ua => /iPhone|iPad|iPod/i.test(ua))
+  ios: tester(platform => /iPhone|iPad|iPod/i.test(platform))
 };
 
 /**

package/helpers/browser.mjs

@@ -23,7 +23,7 @@ const platforms = {
   mac: tester(platform => /^Mac/.test(platform)),
   win: tester(platform => /^Win/.test(platform)),
   linux: tester(platform => /^Linux/.test(platform)),
-  ios: tester(ua => /iPhone|iPad|iPod/i.test(ua))
+  ios: tester(platform => /iPhone|iPad|iPod/i.test(platform))
 };
 
 /**

package/helpers/dom/element.d.ts

@@ -38,6 +38,7 @@ export function setCaretPosition(element: Element, pos: number, endPos: number):
 export function getScrollbarWidth(rootDocument?: Document): number;
 export function hasVerticalScrollbar(element: HTMLElement): boolean;
 export function hasHorizontalScrollbar(element: HTMLElement): boolean;
+export function hasZeroHeight(element: HTMLElement): boolean;
 export function setOverlayPosition(overlayElem: HTMLElement, left: string | number, top: string | number): void;
 export function getCssTransform(element: HTMLElement): number;
 export function resetCssTransform(element: HTMLElement): void;

package/helpers/dom/element.js

@@ -31,6 +31,7 @@ exports.hasAccessToParentWindow = hasAccessToParentWindow;
 exports.hasClass = hasClass;
 exports.hasHorizontalScrollbar = hasHorizontalScrollbar;
 exports.hasVerticalScrollbar = hasVerticalScrollbar;
+exports.hasZeroHeight = hasZeroHeight;
 exports.index = index;
 exports.innerHeight = innerHeight;
 exports.innerWidth = innerWidth;
@@ -553,6 +554,25 @@ function isVisible(element) {
   return true;
 }
 
+/**
+ * Returns true if the element has the height set to `0` or `0px` and overflow to `hidden` (height deliberately set to be 0).
+ *
+ * @param {HTMLElement} element The element to check.
+ * @returns {boolean} `true` if the element has height set to `0` or `0px` and overflow is set to `hidden`, `false` otherwise.
+ */
+function hasZeroHeight(element) {
+  const rootDocument = element.ownerDocument;
+  const rootWindow = rootDocument.defaultView;
+  let currentElement = element;
+  while (currentElement.parentNode) {
+    if (currentElement.style.height === '0px' || currentElement.style.height === '0') {
+      return rootWindow.getComputedStyle(currentElement).overflow === 'hidden';
+    }
+    currentElement = currentElement.parentNode;
+  }
+  return false;
+}
+
 /**
  * Returns elements top and left offset relative to the document. Function is not compatible with jQuery offset.
  *

package/helpers/dom/element.mjs

@@ -492,6 +492,25 @@ export function isVisible(element) {
   return true;
 }
 
+/**
+ * Returns true if the element has the height set to `0` or `0px` and overflow to `hidden` (height deliberately set to be 0).
+ *
+ * @param {HTMLElement} element The element to check.
+ * @returns {boolean} `true` if the element has height set to `0` or `0px` and overflow is set to `hidden`, `false` otherwise.
+ */
+export function hasZeroHeight(element) {
+  const rootDocument = element.ownerDocument;
+  const rootWindow = rootDocument.defaultView;
+  let currentElement = element;
+  while (currentElement.parentNode) {
+    if (currentElement.style.height === '0px' || currentElement.style.height === '0') {
+      return rootWindow.getComputedStyle(currentElement).overflow === 'hidden';
+    }
+    currentElement = currentElement.parentNode;
+  }
+  return false;
+}
+
 /**
  * Returns elements top and left offset relative to the document. Function is not compatible with jQuery offset.
  *

package/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "15.2.0";
+  const hotVersion = "15.3.0-next-6f5f494-20250424";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -142,7 +142,7 @@ function _injectProductInfo(key, element) {
   const schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      const releaseDate = (0, _moment.default)("19/03/2025", 'DD/MM/YYYY');
+      const releaseDate = (0, _moment.default)("29/04/2025", 'DD/MM/YYYY');
       const releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       const keyValidityDays = _extractTime(key);
       keyValidityDate = (0, _moment.default)((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "15.2.0";
+  const hotVersion = "15.3.0-next-6f5f494-20250424";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -132,7 +132,7 @@ export function _injectProductInfo(key, element) {
   const schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      const releaseDate = moment("19/03/2025", 'DD/MM/YYYY');
+      const releaseDate = moment("29/04/2025", 'DD/MM/YYYY');
       const releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       const keyValidityDays = _extractTime(key);
       keyValidityDate = moment((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

package/helpers/object.js

@@ -281,6 +281,9 @@ function getProperty(object, name) {
  * @param {*} value Value to be assigned at the provided property.
  */
 function setProperty(object, name, value) {
+  if (typeof name !== 'string') {
+    return;
+  }
   const names = name.split('.');
   let workingObject = object;
   names.forEach((propName, index) => {

package/helpers/object.mjs

@@ -262,6 +262,9 @@ export function getProperty(object, name) {
  * @param {*} value Value to be assigned at the provided property.
  */
 export function setProperty(object, name, value) {
+  if (typeof name !== 'string') {
+    return;
+  }
   const names = name.split('.');
   let workingObject = object;
   names.forEach((propName, index) => {

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "15.2.0",
+  "version": "15.3.0-next-6f5f494-20250424",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/plugins/autoColumnSize/autoColumnSize.js

@@ -129,6 +129,7 @@ const COLUMN_SIZE_MAP_NAME = 'autoColumnSize';
  * :::
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
+var _isInitialized = /*#__PURE__*/new WeakMap();
 var _cachedColumnHeaders = /*#__PURE__*/new WeakMap();
 var _visualColumnsToRefresh = /*#__PURE__*/new WeakMap();
 var _AutoColumnSize_brand = /*#__PURE__*/new WeakSet();
@@ -218,6 +219,12 @@ class AutoColumnSize extends _base.BasePlugin {
      * @type {PhysicalIndexToValueMap}
      */
     _defineProperty(this, "columnWidthsMap", new _translations.PhysicalIndexToValueMap());
+    /**
+     * `true` value indicates that the #onInit() function has been already called.
+     *
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _isInitialized, false);
     /**
      * Cached column header names. It is used to diff current column headers with previous state and detect which
      * columns width should be updated.
@@ -318,7 +325,7 @@ class AutoColumnSize extends _base.BasePlugin {
     if (firstVisibleColumn === -1 || lastVisibleColumn === -1) {
       return;
     }
-    const overwriteCache = this.hot.renderCall;
+    const overwriteCache = this.hot.forceFullRender;
     this.calculateColumnsWidth({
       from: firstVisibleColumn,
       to: lastVisibleColumn
@@ -356,17 +363,11 @@ class AutoColumnSize extends _base.BasePlugin {
         physicalColumn = visualColumn;
       }
       if (overwriteCache || this.columnWidthsMap.getValueAtIndex(physicalColumn) === null && !this.hot._getColWidthFromSettings(physicalColumn)) {
-        const samples = this.samplesGenerator.generateColumnSamples(visualColumn, rowsRange);
-        samples.forEach((sample, column) => this.ghostTable.addColumn(column, sample));
+        _assertClassBrand(_AutoColumnSize_brand, this, _fillGhostTableWithSamples).call(this, visualColumn, rowsRange);
       }
     });
     if (this.ghostTable.columns.length) {
-      this.hot.batchExecution(() => {
-        this.ghostTable.getWidths((visualColumn, width) => {
-          const physicalColumn = this.hot.toPhysicalColumn(visualColumn);
-          this.columnWidthsMap.setValueAtIndex(physicalColumn, width);
-        });
-      }, true);
+      _assertClassBrand(_AutoColumnSize_brand, this, _updateColumnWidthsMapBasedOnGhostTable).call(this);
       this.measuredColumns = columnsRange.to + 1;
       this.ghostTable.clean();
     }
@@ -577,20 +578,36 @@ function _calculateSpecificColumnsWidth(visualColumns) {
       return;
     }
     if (!this.hot._getColWidthFromSettings(physicalColumn)) {
-      const samples = this.samplesGenerator.generateColumnSamples(visualColumn, rowsRange);
-      samples.forEach((sample, column) => this.ghostTable.addColumn(column, sample));
+      _assertClassBrand(_AutoColumnSize_brand, this, _fillGhostTableWithSamples).call(this, visualColumn, rowsRange);
     }
   });
   if (this.ghostTable.columns.length) {
-    this.hot.batchExecution(() => {
-      this.ghostTable.getWidths((visualColumn, width) => {
-        const physicalColumn = this.hot.toPhysicalColumn(visualColumn);
-        this.columnWidthsMap.setValueAtIndex(physicalColumn, width);
-      });
-    }, true);
+    _assertClassBrand(_AutoColumnSize_brand, this, _updateColumnWidthsMapBasedOnGhostTable).call(this);
     this.ghostTable.clean();
   }
 }
+/**
+ * Processes a single column for width calculation.
+ *
+ * @param {number} visualColumn Visual column index.
+ * @param {object} rowsRange Range of rows to process.
+ */
+function _fillGhostTableWithSamples(visualColumn, rowsRange) {
+  const samples = this.samplesGenerator.generateColumnSamples(visualColumn, rowsRange);
+  samples.forEach((sample, column) => this.ghostTable.addColumn(column, sample));
+}
+/**
+ * Updates the column widths map with calculated widths from the ghost table.
+ *
+ */
+function _updateColumnWidthsMapBasedOnGhostTable() {
+  this.hot.batchExecution(() => {
+    this.ghostTable.getWidths((visualColumn, width) => {
+      const physicalColumn = this.hot.toPhysicalColumn(visualColumn);
+      this.columnWidthsMap.setValueAtIndex(physicalColumn, width);
+    });
+  }, true);
+}
 function _onBeforeRender() {
   this.calculateVisibleColumnsWidth();
   if (!this.inProgress) {
@@ -647,6 +664,7 @@ function _onBeforeColumnResize(size, column, isDblClick) {
 function _onInit() {
   _classPrivateFieldSet(_cachedColumnHeaders, this, this.hot.getColHeader());
   this.recalculateAllColumnsWidth();
+  _classPrivateFieldSet(_isInitialized, this, true);
 }
 /**
  * After formulas values updated listener.
@@ -654,6 +672,9 @@ function _onInit() {
  * @param {Array} changes An array of modified data.
  */
 function _onAfterFormulasValuesUpdate(changes) {
+  if (!_classPrivateFieldGet(_isInitialized, this)) {
+    return;
+  }
   const changedColumns = changes.reduce((acc, change) => {
     var _change$address;
     const physicalColumn = (_change$address = change.address) === null || _change$address === void 0 ? void 0 : _change$address.col;

package/plugins/autoColumnSize/autoColumnSize.mjs

@@ -125,6 +125,7 @@ const COLUMN_SIZE_MAP_NAME = 'autoColumnSize';
  * :::
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
+var _isInitialized = /*#__PURE__*/new WeakMap();
 var _cachedColumnHeaders = /*#__PURE__*/new WeakMap();
 var _visualColumnsToRefresh = /*#__PURE__*/new WeakMap();
 var _AutoColumnSize_brand = /*#__PURE__*/new WeakSet();
@@ -214,6 +215,12 @@ export class AutoColumnSize extends BasePlugin {
      * @type {PhysicalIndexToValueMap}
      */
     _defineProperty(this, "columnWidthsMap", new IndexToValueMap());
+    /**
+     * `true` value indicates that the #onInit() function has been already called.
+     *
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _isInitialized, false);
     /**
      * Cached column header names. It is used to diff current column headers with previous state and detect which
      * columns width should be updated.
@@ -314,7 +321,7 @@ export class AutoColumnSize extends BasePlugin {
     if (firstVisibleColumn === -1 || lastVisibleColumn === -1) {
       return;
     }
-    const overwriteCache = this.hot.renderCall;
+    const overwriteCache = this.hot.forceFullRender;
     this.calculateColumnsWidth({
       from: firstVisibleColumn,
       to: lastVisibleColumn
@@ -352,17 +359,11 @@ export class AutoColumnSize extends BasePlugin {
         physicalColumn = visualColumn;
       }
       if (overwriteCache || this.columnWidthsMap.getValueAtIndex(physicalColumn) === null && !this.hot._getColWidthFromSettings(physicalColumn)) {
-        const samples = this.samplesGenerator.generateColumnSamples(visualColumn, rowsRange);
-        samples.forEach((sample, column) => this.ghostTable.addColumn(column, sample));
+        _assertClassBrand(_AutoColumnSize_brand, this, _fillGhostTableWithSamples).call(this, visualColumn, rowsRange);
       }
     });
     if (this.ghostTable.columns.length) {
-      this.hot.batchExecution(() => {
-        this.ghostTable.getWidths((visualColumn, width) => {
-          const physicalColumn = this.hot.toPhysicalColumn(visualColumn);
-          this.columnWidthsMap.setValueAtIndex(physicalColumn, width);
-        });
-      }, true);
+      _assertClassBrand(_AutoColumnSize_brand, this, _updateColumnWidthsMapBasedOnGhostTable).call(this);
       this.measuredColumns = columnsRange.to + 1;
       this.ghostTable.clean();
     }
@@ -572,20 +573,36 @@ function _calculateSpecificColumnsWidth(visualColumns) {
       return;
     }
     if (!this.hot._getColWidthFromSettings(physicalColumn)) {
-      const samples = this.samplesGenerator.generateColumnSamples(visualColumn, rowsRange);
-      samples.forEach((sample, column) => this.ghostTable.addColumn(column, sample));
+      _assertClassBrand(_AutoColumnSize_brand, this, _fillGhostTableWithSamples).call(this, visualColumn, rowsRange);
     }
   });
   if (this.ghostTable.columns.length) {
-    this.hot.batchExecution(() => {
-      this.ghostTable.getWidths((visualColumn, width) => {
-        const physicalColumn = this.hot.toPhysicalColumn(visualColumn);
-        this.columnWidthsMap.setValueAtIndex(physicalColumn, width);
-      });
-    }, true);
+    _assertClassBrand(_AutoColumnSize_brand, this, _updateColumnWidthsMapBasedOnGhostTable).call(this);
     this.ghostTable.clean();
   }
 }
+/**
+ * Processes a single column for width calculation.
+ *
+ * @param {number} visualColumn Visual column index.
+ * @param {object} rowsRange Range of rows to process.
+ */
+function _fillGhostTableWithSamples(visualColumn, rowsRange) {
+  const samples = this.samplesGenerator.generateColumnSamples(visualColumn, rowsRange);
+  samples.forEach((sample, column) => this.ghostTable.addColumn(column, sample));
+}
+/**
+ * Updates the column widths map with calculated widths from the ghost table.
+ *
+ */
+function _updateColumnWidthsMapBasedOnGhostTable() {
+  this.hot.batchExecution(() => {
+    this.ghostTable.getWidths((visualColumn, width) => {
+      const physicalColumn = this.hot.toPhysicalColumn(visualColumn);
+      this.columnWidthsMap.setValueAtIndex(physicalColumn, width);
+    });
+  }, true);
+}
 function _onBeforeRender() {
   this.calculateVisibleColumnsWidth();
   if (!this.inProgress) {
@@ -642,6 +659,7 @@ function _onBeforeColumnResize(size, column, isDblClick) {
 function _onInit() {
   _classPrivateFieldSet(_cachedColumnHeaders, this, this.hot.getColHeader());
   this.recalculateAllColumnsWidth();
+  _classPrivateFieldSet(_isInitialized, this, true);
 }
 /**
  * After formulas values updated listener.
@@ -649,6 +667,9 @@ function _onInit() {
  * @param {Array} changes An array of modified data.
  */
 function _onAfterFormulasValuesUpdate(changes) {
+  if (!_classPrivateFieldGet(_isInitialized, this)) {
+    return;
+  }
   const changedColumns = changes.reduce((acc, change) => {
     var _change$address;
     const physicalColumn = (_change$address = change.address) === null || _change$address === void 0 ? void 0 : _change$address.col;