handsontable 0.0.0-next-02c94b0-20240416 → 0.0.0-next-534415d-20240418

package/dist/handsontable.full.js

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-02c94b0-20240416
- * Release date: 16/04/2024 (built at 16/04/2024 08:48:15)
+ * Version: 0.0.0-next-534415d-20240418
+ * Release date: 16/04/2024 (built at 18/04/2024 11:28:10)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -42644,8 +42644,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "16/04/2024 08:48:15";
-Handsontable.version = "0.0.0-next-02c94b0-20240416";
+Handsontable.buildDate = "18/04/2024 11:28:10";
+Handsontable.version = "0.0.0-next-534415d-20240418";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,
@@ -52620,7 +52620,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-02c94b0-20240416";
+  const hotVersion = "0.0.0-next-534415d-20240418";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -66842,15 +66842,12 @@ class TableView {
 
   /**
    * Adjust overlays elements size and master table size.
-   *
-   * @param {boolean} [force=false] When `true`, it adjust the DOM nodes sizes for all overlays.
    */
   adjustElementsSize() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     if (this.hot.isRenderSuspended()) {
       this.postponedAdjustElementsSize = true;
     } else {
-      this._wt.wtOverlays.adjustElementsSize(force);
+      this._wt.wtOverlays.adjustElementsSize();
     }
   }
 
@@ -68394,9 +68391,9 @@ class ViewportColumnsCalculator {
     const inlineStartColumnOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? firstVisibleColumnWidth : 0;
     if (
     // the table is to the left of the viewport
-    mostRightScrollOffset < -1 * _classPrivateFieldGet(_options, this).inlineStartOffset || scrollOffset > startPositions.at(-1) + inlineEndColumnOffset ||
+    mostRightScrollOffset < -1 * _classPrivateFieldGet(_options, this).inlineStartOffset || scrollOffset >= startPositions.at(-1) + inlineEndColumnOffset ||
     // the table is to the right of the viewport
-    -1 * _classPrivateFieldGet(_options, this).scrollOffset - _classPrivateFieldGet(_options, this).viewportWidth > -1 * inlineStartColumnOffset) {
+    -1 * _classPrivateFieldGet(_options, this).scrollOffset - _classPrivateFieldGet(_options, this).viewportWidth >= -1 * inlineStartColumnOffset) {
       this.isVisibleInTrimmingContainer = false;
     } else {
       this.isVisibleInTrimmingContainer = true;
@@ -68812,7 +68809,7 @@ class ViewportRowsCalculator {
     const mostBottomScrollOffset = scrollOffset + viewportHeight - horizontalScrollbarHeight;
     const topRowOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? firstVisibleRowHeight : 0;
     const bottomRowOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? 0 : lastVisibleRowHeight;
-    if (mostBottomScrollOffset < topRowOffset || scrollOffset > startPositions.at(-1) + bottomRowOffset) {
+    if (mostBottomScrollOffset <= topRowOffset || scrollOffset >= startPositions.at(-1) + bottomRowOffset) {
       this.isVisibleInTrimmingContainer = false;
     } else {
       this.isVisibleInTrimmingContainer = true;
@@ -70627,6 +70624,7 @@ var _default = exports["default"] = Event;
 
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
+__webpack_require__(204);
 __webpack_require__(286);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(454));
 var _element = __webpack_require__(303);
@@ -70635,9 +70633,16 @@ var _array = __webpack_require__(445);
 var _unicode = __webpack_require__(458);
 var _browser = __webpack_require__(448);
 var _overlay = __webpack_require__(498);
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { 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; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+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"); }
 /**
  * @class Overlays
  */
+var _overlays = /*#__PURE__*/new WeakMap();
+var _hasRenderingStateChanged = /*#__PURE__*/new WeakMap();
 class Overlays {
   /**
    * @param {Walkontable} wotInstance The Walkontable instance. @todo refactoring remove.
@@ -70655,6 +70660,12 @@ class Overlays {
      * @type {Walkontable}
      */
     (0, _defineProperty2.default)(this, "wot", null);
+    /**
+     * An array of the all overlays.
+     *
+     * @type {Overlay[]}
+     */
+    _classPrivateFieldInitSpec(this, _overlays, []);
     /**
      * Refer to the TopOverlay instance.
      *
@@ -70704,6 +70715,12 @@ class Overlays {
      * @type {Settings}
      */
     (0, _defineProperty2.default)(this, "wtSettings", null);
+    /**
+     * Indicates whether the rendering state has changed for one of the overlays.
+     *
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _hasRenderingStateChanged, false);
     /**
      * The instance of the ResizeObserver that observes the size of the Walkontable wrapper element.
      * In case of the size change detection the `onContainerElementResize` is fired.
@@ -70763,7 +70780,7 @@ class Overlays {
    */
   getOverlays() {
     let includeMaster = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    const overlays = [this.topOverlay, this.topInlineStartCornerOverlay, this.inlineStartOverlay, this.bottomOverlay, this.bottomInlineStartCornerOverlay];
+    const overlays = [..._classPrivateFieldGet(_overlays, this)];
     if (includeMaster) {
       overlays.push(this.wtTable);
     }
@@ -70808,29 +70825,31 @@ class Overlays {
     // TODO cond. Has no any visual impact. They're initially hidden in same way like left, top, and bottom overlays.
     this.topInlineStartCornerOverlay = new _overlay.TopInlineStartCornerOverlay(...args, this.topOverlay, this.inlineStartOverlay);
     this.bottomInlineStartCornerOverlay = new _overlay.BottomInlineStartCornerOverlay(...args, this.bottomOverlay, this.inlineStartOverlay);
+    _classPrivateFieldSet(_overlays, this, [this.topOverlay, this.bottomOverlay, this.inlineStartOverlay, this.topInlineStartCornerOverlay, this.bottomInlineStartCornerOverlay]);
   }
 
   /**
-   * Update state of rendering, check if changed.
-   *
-   * @package
-   * @returns {boolean} Returns `true` if changes applied to overlay needs scroll synchronization.
+   * Runs logic for the overlays before the table is drawn.
    */
-  updateStateOfRendering() {
-    let syncScroll = this.topOverlay.updateStateOfRendering();
-    syncScroll = this.bottomOverlay.updateStateOfRendering() || syncScroll;
-    syncScroll = this.inlineStartOverlay.updateStateOfRendering() || syncScroll;
+  beforeDraw() {
+    _classPrivateFieldSet(_hasRenderingStateChanged, this, _classPrivateFieldGet(_overlays, this).reduce((acc, overlay) => {
+      return overlay.hasRenderingStateChanged() || acc;
+    }, false));
+    _classPrivateFieldGet(_overlays, this).forEach(overlay => overlay.updateStateOfRendering('before'));
+  }
 
-    // todo refactoring: move conditions into updateStateOfRendering(),
-    if (this.inlineStartOverlay.needFullRender) {
-      if (this.topOverlay.needFullRender) {
-        syncScroll = this.topInlineStartCornerOverlay.updateStateOfRendering() || syncScroll;
-      }
-      if (this.bottomOverlay.needFullRender) {
-        syncScroll = this.bottomInlineStartCornerOverlay.updateStateOfRendering() || syncScroll;
+  /**
+   * Runs logic for the overlays after the table is drawn.
+   */
+  afterDraw() {
+    this.syncScrollWithMaster();
+    _classPrivateFieldGet(_overlays, this).forEach(overlay => {
+      const hasRenderingStateChanged = overlay.hasRenderingStateChanged();
+      overlay.updateStateOfRendering('after');
+      if (hasRenderingStateChanged && !overlay.needFullRender) {
+        overlay.reset();
       }
-    }
-    return syncScroll;
+    });
   }
 
   /**
@@ -71070,6 +71089,9 @@ class Overlays {
    * Synchronize overlay scrollbars with the master scrollbar.
    */
   syncScrollWithMaster() {
+    if (!_classPrivateFieldGet(_hasRenderingStateChanged, this)) {
+      return;
+    }
     const master = this.topOverlay.mainTableScrollableElement;
     const {
       scrollLeft,
@@ -71084,6 +71106,7 @@ class Overlays {
     if (this.inlineStartOverlay.needFullRender) {
       this.inlineStartOverlay.clone.wtTable.holder.scrollTop = scrollTop; // todo rethink, *overlay.setScroll*()
     }
+    _classPrivateFieldSet(_hasRenderingStateChanged, this, false);
   }
 
   /**
@@ -71174,11 +71197,8 @@ class Overlays {
 
   /**
    * Adjust overlays elements size and master table size.
-   *
-   * @param {boolean} [force=false] When `true`, it adjust the DOM nodes sizes for all overlays.
    */
   adjustElementsSize() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const {
       wtViewport
     } = this.wot;
@@ -71228,9 +71248,9 @@ class Overlays {
         this.hasScrollbarRight = true;
       }
     }
-    this.topOverlay.adjustElementsSize(force);
-    this.inlineStartOverlay.adjustElementsSize(force);
-    this.bottomOverlay.adjustElementsSize(force);
+    this.topOverlay.adjustElementsSize();
+    this.inlineStartOverlay.adjustElementsSize();
+    this.bottomOverlay.adjustElementsSize();
   }
 
   /**
@@ -71753,7 +71773,6 @@ class Table {
     const rowHeadersCount = rowHeaders.length;
     const columnHeaders = wtSettings.getSetting('columnHeaders');
     const columnHeadersCount = columnHeaders.length;
-    let syncScroll = false;
     let runFastDraw = fastDraw;
     if (this.isMaster) {
       this.holderOffset = (0, _element.offset)(this.holder);
@@ -71768,7 +71787,7 @@ class Table {
       }
     }
     if (this.isMaster) {
-      syncScroll = wtOverlays.updateStateOfRendering();
+      wtOverlays.beforeDraw();
     }
     if (runFastDraw) {
       if (this.isMaster) {
@@ -71809,7 +71828,7 @@ class Table {
         let workspaceWidth;
         if (this.isMaster) {
           workspaceWidth = this.dataAccessObject.workspaceWidth;
-          this.dataAccessObject.wtViewport.containerWidth = null;
+          wtViewport.containerWidth = null;
           this.markOversizedColumnHeaders();
         }
         this.adjustColumnHeaderHeights();
@@ -71817,10 +71836,10 @@ class Table {
           this.markOversizedRows();
         }
         if (this.isMaster) {
-          this.dataAccessObject.wtViewport.createVisibleCalculators();
-          this.dataAccessObject.wtViewport.createPartiallyVisibleCalculators();
-          this.dataAccessObject.wtOverlays.refresh(false);
-          this.dataAccessObject.wtOverlays.applyToDOM();
+          wtViewport.createVisibleCalculators();
+          wtViewport.createPartiallyVisibleCalculators();
+          wtOverlays.refresh(false);
+          wtOverlays.applyToDOM();
           const hiderWidth = (0, _element.outerWidth)(this.hider);
           const tableWidth = (0, _element.outerWidth)(this.TABLE);
           if (hiderWidth !== 0 && tableWidth !== hiderWidth) {
@@ -71828,9 +71847,9 @@ class Table {
             this.columnUtils.calculateWidths();
             this.tableRenderer.renderer.colGroup.render();
           }
-          if (workspaceWidth !== this.dataAccessObject.wtViewport.getWorkspaceWidth()) {
+          if (workspaceWidth !== wtViewport.getWorkspaceWidth()) {
             // workspace width changed though to shown/hidden vertical scrollbar. Let's reapply stretching
-            this.dataAccessObject.wtViewport.containerWidth = null;
+            wtViewport.containerWidth = null;
             this.columnUtils.calculateWidths();
             this.tableRenderer.renderer.colGroup.render();
           }
@@ -71863,8 +71882,8 @@ class Table {
     } else {
       this.dataAccessObject.selectionManager.setActiveOverlay(this.facadeGetter()).render(runFastDraw);
     }
-    if (syncScroll) {
-      wtOverlays.syncScrollWithMaster();
+    if (this.isMaster) {
+      wtOverlays.afterDraw();
     }
     this.dataAccessObject.drawn = true;
     return this;
@@ -74920,7 +74939,6 @@ __webpack_require__(204);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(454));
 var _element = __webpack_require__(303);
 var _object = __webpack_require__(449);
-var _array = __webpack_require__(445);
 var _console = __webpack_require__(462);
 var _constants = __webpack_require__(525);
 var _clone = _interopRequireDefault(__webpack_require__(526));
@@ -74973,24 +74991,35 @@ class Overlay {
     this.holder = holder;
     this.wtRootElement = wtRootElement;
     this.trimmingContainer = (0, _element.getTrimmingContainer)(this.hider.parentNode.parentNode);
-    this.updateStateOfRendering();
+    this.needFullRender = this.shouldBeRendered();
     this.clone = this.makeClone();
   }
 
   /**
-   * Update internal state of object with an information about the need of full rendering of the overlay.
+   * Checks if the overlay rendering state has changed.
    *
-   * @returns {boolean} Returns `true` if the state has changed since the last check.
+   * @returns {boolean}
    */
-  updateStateOfRendering() {
-    // todo refactoring: conceive introducing final state machine, normal -> changed (once) -> needs-full-render -> ...? -> normal
-    const previousState = this.needFullRender;
-    this.needFullRender = this.shouldBeRendered();
-    const changed = previousState !== this.needFullRender;
-    if (changed && !this.needFullRender) {
-      this.reset();
+  hasRenderingStateChanged() {
+    return this.needFullRender !== this.shouldBeRendered();
+  }
+
+  /**
+   * Updates internal state with an information about the need of full rendering of the overlay in the next draw cycles.
+   *
+   * If the state is changed to render the overlay, the `needFullRender` property is set to `true` which means that
+   * the overlay will be fully rendered in the current draw cycle. If the state is changed to not render the overlay,
+   * the `needFullRender` property is set to `false` which means that the overlay will be fully rendered in the
+   * current draw cycle but it will not be rendered in the next draw cycles.
+   *
+   * @param {'before' | 'after'} drawPhase The phase of the rendering process.
+   */
+  updateStateOfRendering(drawPhase) {
+    if (drawPhase === 'before' && this.shouldBeRendered()) {
+      this.needFullRender = true;
+    } else if (drawPhase === 'after' && !this.shouldBeRendered()) {
+      this.needFullRender = false;
     }
-    return changed;
   }
 
   /**
@@ -75217,27 +75246,21 @@ class Overlay {
    */
   refresh() {
     let fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    // When hot settings are changed we allow to refresh overlay once before blocking
-    const nextCycleRenderFlag = this.shouldBeRendered();
-    if (this.clone && (this.needFullRender || nextCycleRenderFlag)) {
+    if (this.needFullRender) {
       this.clone.draw(fastDraw);
     }
-    this.needFullRender = nextCycleRenderFlag;
   }
 
   /**
    * Reset overlay styles to initial values.
    */
   reset() {
-    if (!this.clone) {
-      return;
-    }
     const holder = this.clone.wtTable.holder; // todo refactoring: DEMETER
     const hider = this.clone.wtTable.hider; // todo refactoring: DEMETER
     const holderStyle = holder.style;
     const hiderStyle = hider.style;
     const rootStyle = holder.parentNode.style;
-    (0, _array.arrayEach)([holderStyle, hiderStyle, rootStyle], style => {
+    [holderStyle, hiderStyle, rootStyle].forEach(style => {
       style.width = '';
       style.height = '';
     });
@@ -76057,7 +76080,7 @@ class BottomOverlay extends _base.Overlay {
    * @returns {boolean}
    */
   resetFixedPosition() {
-    if (!this.needFullRender || !this.wot.wtTable.holder.parentNode) {
+    if (!this.needFullRender || !this.shouldBeRendered() || !this.wot.wtTable.holder.parentNode) {
       // removed from DOM
       return false;
     }
@@ -76154,14 +76177,11 @@ class BottomOverlay extends _base.Overlay {
   }
 
   /**
-   * Adjust overlay root element, childs and master table element sizes (width, height).
-   *
-   * @param {boolean} [force=false] When `true`, it adjusts the DOM nodes sizes for that overlay.
+   * Adjust overlay root element, children and master table element sizes (width, height).
    */
   adjustElementsSize() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.updateTrimmingContainer();
-    if (this.needFullRender || force) {
+    if (this.needFullRender) {
       this.adjustRootElementSize();
       this.adjustRootChildrenSize();
     }
@@ -76574,7 +76594,7 @@ class InlineStartOverlay extends _base.Overlay {
     const {
       wtTable
     } = this.wot;
-    if (!this.needFullRender || !wtTable.holder.parentNode) {
+    if (!this.needFullRender || !this.shouldBeRendered() || !wtTable.holder.parentNode) {
       // removed from DOM
       return false;
     }
@@ -76646,14 +76666,11 @@ class InlineStartOverlay extends _base.Overlay {
   }
 
   /**
-   * Adjust overlay root element, childs and master table element sizes (width, height).
-   *
-   * @param {boolean} [force=false] When `true`, it adjusts the DOM nodes sizes for that overlay.
+   * Adjust overlay root element, children and master table element sizes (width, height).
    */
   adjustElementsSize() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.updateTrimmingContainer();
-    if (this.needFullRender || force) {
+    if (this.needFullRender) {
       this.adjustRootElementSize();
       this.adjustRootChildrenSize();
     }
@@ -78878,7 +78895,7 @@ class TopOverlay extends _base.Overlay {
    * @returns {boolean}
    */
   resetFixedPosition() {
-    if (!this.needFullRender || !this.wot.wtTable.holder.parentNode) {
+    if (!this.needFullRender || !this.shouldBeRendered() || !this.wot.wtTable.holder.parentNode) {
       // removed from DOM
       return false;
     }
@@ -78966,14 +78983,11 @@ class TopOverlay extends _base.Overlay {
   }
 
   /**
-   * Adjust overlay root element, childs and master table element sizes (width, height).
-   *
-   * @param {boolean} [force=false] When `true`, it adjusts the DOM nodes sizes for that overlay.
+   * Adjust overlay root element, children and master table element sizes (width, height).
    */
   adjustElementsSize() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.updateTrimmingContainer();
-    if (this.needFullRender || force) {
+    if (this.needFullRender) {
       this.adjustRootElementSize();
       this.adjustRootChildrenSize();
     }
@@ -93601,7 +93615,13 @@ exports.DynamicCellMetaMod = DynamicCellMetaMod;
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 __webpack_require__(204);
+__webpack_require__(286);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(454));
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+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"); }
+var _initOnlyCallback = /*#__PURE__*/new WeakMap();
 /**
  * @class ExtendMetaPropertiesMod
  */
@@ -93619,11 +93639,7 @@ class ExtendMetaPropertiesMod {
      * @type {Map}
      */
     (0, _defineProperty2.default)(this, "propDescriptors", new Map([['ariaTags', {
-      onChange(propName, value, isInitialChange) {
-        if (!isInitialChange) {
-          throw new Error(`The \`${propName}\` option can not be updated after the Handsontable instance was initialized.`);
-        }
-      }
+      initOnly: true
     }], ['fixedColumnsLeft', {
       target: 'fixedColumnsStart',
       onChange(propName) {
@@ -93636,48 +93652,52 @@ class ExtendMetaPropertiesMod {
         }
       }
     }], ['layoutDirection', {
-      onChange(propName, value, isInitialChange) {
-        if (!isInitialChange) {
-          throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
-        }
+      initOnly: true
+    }], ['renderAllColumns', {
+      initOnly: true
+    }], ['renderAllRows', {
+      initOnly: true
+    }]]));
+    /**
+     * Callback called when the prop is marked as `initOnly`.
+     *
+     * @param {string} propName The property name.
+     * @param {*} value The new value.
+     * @param {boolean} isInitialChange Is the change initial.
+     */
+    _classPrivateFieldInitSpec(this, _initOnlyCallback, (propName, value, isInitialChange) => {
+      if (!isInitialChange) {
+        throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
       }
-    }]
-    // Temporary commented out due to the bug in the React wrapper.
-    // ['renderAllColumns', {
-    //   onChange(propName, value, isInitialChange) {
-    //     if (!isInitialChange) {
-    //       throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
-    //     }
-    //   }
-    // }],
-    // ['renderAllRows', {
-    //   onChange(propName, value, isInitialChange) {
-    //     if (!isInitialChange) {
-    //       throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
-    //     }
-    //   }
-    // }],
-    ]));
+    });
     this.metaManager = metaManager;
     this.extendMetaProps();
   }
-
   /**
    * Extends the meta options based on the object descriptors from the `propDescriptors` list.
    */
   extendMetaProps() {
     this.propDescriptors.forEach((descriptor, alias) => {
       const {
+        initOnly,
         target,
-        onChange = () => {}
+        onChange
       } = descriptor;
       const hasTarget = typeof target === 'string';
       const targetProp = hasTarget ? target : alias;
       const origProp = `_${targetProp}`;
       this.metaManager.globalMeta.meta[origProp] = this.metaManager.globalMeta.meta[targetProp];
-      this.installPropWatcher(alias, origProp, onChange);
-      if (hasTarget) {
-        this.installPropWatcher(target, origProp, onChange);
+      if (onChange) {
+        this.installPropWatcher(alias, origProp, onChange);
+        if (hasTarget) {
+          this.installPropWatcher(target, origProp, onChange);
+        }
+      } else if (initOnly) {
+        this.installPropWatcher(alias, origProp, _classPrivateFieldGet(_initOnlyCallback, this));
+        if (!this.metaManager.globalMeta.meta._initOnlySettings) {
+          this.metaManager.globalMeta.meta._initOnlySettings = [];
+        }
+        this.metaManager.globalMeta.meta._initOnlySettings.push(alias);
       }
     });
   }
@@ -105291,7 +105311,7 @@ class AutoRowSize extends _base.BasePlugin {
         this.inProgress = false;
 
         // @TODO Should call once per render cycle, currently fired separately in different plugins
-        this.hot.view.adjustElementsSize(true);
+        this.hot.view.adjustElementsSize();
 
         // tmp
         if (this.hot.view._wt.wtOverlays.inlineStartOverlay.needFullRender) {
@@ -105315,7 +105335,7 @@ class AutoRowSize extends _base.BasePlugin {
       loop();
     } else {
       this.inProgress = false;
-      this.hot.view.adjustElementsSize(false);
+      this.hot.view.adjustElementsSize();
     }
   }
 
@@ -106313,7 +106333,7 @@ class CollapsibleColumns extends _base.BasePlugin {
     }
     this.hot.runHooks(actionTranslator.afterHook, currentCollapsedColumns, destinationCollapsedColumns, isActionPossible, isActionPerformed);
     this.hot.render();
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
   }
 
   /**
@@ -109344,10 +109364,7 @@ class Comments extends _base.BasePlugin {
         this.hide();
         manager.setActiveContextName('grid');
       },
-      runOnlyIf: () => {
-        var _this$hot$getSelected2;
-        return ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight.isCell()) && _classPrivateFieldGet(_editor, this).isVisible();
-      },
+      runOnlyIf: () => _classPrivateFieldGet(_editor, this).isVisible() && _classPrivateFieldGet(_editor, this).isFocused(),
       group: SHORTCUTS_GROUP
     });
     pluginContext.addShortcut({
@@ -109356,10 +109373,7 @@ class Comments extends _base.BasePlugin {
         this.hide();
         manager.setActiveContextName('grid');
       },
-      runOnlyIf: () => {
-        var _this$hot$getSelected3;
-        return ((_this$hot$getSelected3 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected3 === void 0 ? void 0 : _this$hot$getSelected3.highlight.isCell()) && _classPrivateFieldGet(_editor, this).isVisible();
-      },
+      runOnlyIf: () => _classPrivateFieldGet(_editor, this).isVisible() && _classPrivateFieldGet(_editor, this).isFocused(),
       group: SHORTCUTS_GROUP
     });
   }
@@ -118290,7 +118304,7 @@ class Filters extends _base.BasePlugin {
       }
     }
     this.hot.runHooks('afterFilter', conditions);
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
     this.hot.render();
     if (this.hot.selection.isSelected()) {
       this.hot.selectCell(navigableHeaders ? -1 : 0, this.hot.getSelectedRangeLast().highlight.col);
@@ -121429,7 +121443,6 @@ __webpack_require__(204);
 __webpack_require__(286);
 var _element = __webpack_require__(303);
 var _object = __webpack_require__(449);
-var _array = __webpack_require__(445);
 var _unicode = __webpack_require__(458);
 var _function = __webpack_require__(447);
 var _data = __webpack_require__(555);
@@ -121675,6 +121688,7 @@ class MultipleSelectUI extends _base.BaseUI {
         beforeOnCellMouseUp: () => {
           _classPrivateFieldGet(_itemsBox, this).listen();
         },
+        hiddenRows: true,
         maxCols: 1,
         autoWrapCol: true,
         height: 110,
@@ -121766,13 +121780,16 @@ class MultipleSelectUI extends _base.BaseUI {
 exports.MultipleSelectUI = MultipleSelectUI;
 function _onInput(event) {
   const value = event.target.value.toLocaleLowerCase(this.getLocale());
-  let filteredItems;
-  if (value === '') {
-    filteredItems = [..._classPrivateFieldGet(_items, this)];
-  } else {
-    filteredItems = (0, _array.arrayFilter)(_classPrivateFieldGet(_items, this), item => `${item.value}`.toLocaleLowerCase(this.getLocale()).indexOf(value) >= 0);
-  }
-  _classPrivateFieldGet(_itemsBox, this).loadData(filteredItems);
+  const hiddenRows = _classPrivateFieldGet(_itemsBox, this).getPlugin('hiddenRows');
+  hiddenRows.showRows(hiddenRows.getHiddenRows());
+  _classPrivateFieldGet(_items, this).forEach((item, index) => {
+    item.checked = `${item.value}`.toLocaleLowerCase(this.getLocale()).indexOf(value) >= 0;
+    if (!item.checked) {
+      hiddenRows.hideRow(index);
+    }
+  });
+  _classPrivateFieldGet(_itemsBox, this).view.adjustElementsSize();
+  _classPrivateFieldGet(_itemsBox, this).render();
 }
 /**
  * 'keydown' event listener for input element.
@@ -121797,7 +121814,7 @@ function _onInputKeyDown(event) {
 function _onSelectAllClick(event) {
   const changes = [];
   event.preventDefault();
-  (0, _array.arrayEach)(_classPrivateFieldGet(_itemsBox, this).getSourceData(), (row, rowIndex) => {
+  _classPrivateFieldGet(_itemsBox, this).getSourceData().forEach((row, rowIndex) => {
     row.checked = true;
     changes.push((0, _data.dataRowToChangesArray)(row, rowIndex)[0]);
   });
@@ -121811,7 +121828,7 @@ function _onSelectAllClick(event) {
 function _onClearAllClick(event) {
   const changes = [];
   event.preventDefault();
-  (0, _array.arrayEach)(_classPrivateFieldGet(_itemsBox, this).getSourceData(), (row, rowIndex) => {
+  _classPrivateFieldGet(_itemsBox, this).getSourceData().forEach((row, rowIndex) => {
     row.checked = false;
     changes.push((0, _data.dataRowToChangesArray)(row, rowIndex)[0]);
   });
@@ -121827,7 +121844,7 @@ var _default = exports["default"] = MultipleSelectUI;
  */
 function valueToItems(availableItems, selectedValue) {
   const arrayAssertion = (0, _utils.createArrayAssertion)(selectedValue);
-  return (0, _array.arrayMap)(availableItems, item => {
+  return availableItems.map(item => {
     item.checked = arrayAssertion(item.value);
     return item;
   });
@@ -121841,7 +121858,7 @@ function valueToItems(availableItems, selectedValue) {
  */
 function itemsToValue(availableItems) {
   const items = [];
-  (0, _array.arrayEach)(availableItems, item => {
+  availableItems.forEach(item => {
     if (item.checked) {
       items.push(item.value);
     }
@@ -125662,7 +125679,7 @@ function hideColumnItem(hiddenColumnsPlugin) {
         this.deselectCell();
       }
       this.render();
-      this.view.adjustElementsSize(true);
+      this.view.adjustElementsSize();
     },
     disabled: false,
     hidden() {
@@ -125714,7 +125731,7 @@ function showColumnItem(hiddenColumnsPlugin) {
       // We render columns at first. It was needed for getting fixed columns.
       // Please take a look at #6864 for broader description.
       this.render();
-      this.view.adjustElementsSize(true);
+      this.view.adjustElementsSize();
       const allColumnsSelected = endVisualColumn - startVisualColumn + 1 === this.countCols();
 
       // When all headers needs to be selected then do nothing. The header selection is
@@ -126354,7 +126371,7 @@ function hideRowItem(hiddenRowsPlugin) {
         this.deselectCell();
       }
       this.render();
-      this.view.adjustElementsSize(true);
+      this.view.adjustElementsSize();
     },
     disabled: false,
     hidden() {
@@ -126406,7 +126423,7 @@ function showRowItem(hiddenRowsPlugin) {
       // We render rows at first. It was needed for getting fixed rows.
       // Please take a look at #6864 for broader description.
       this.render();
-      this.view.adjustElementsSize(true);
+      this.view.adjustElementsSize();
       const allRowsSelected = endVisualRow - startVisualRow + 1 === this.countRows();
 
       // When all headers needs to be selected then do nothing. The header selection is
@@ -126720,7 +126737,7 @@ function freezeColumnItem(manualColumnFreezePlugin) {
       }] = selected;
       manualColumnFreezePlugin.freezeColumn(selectedColumn);
       this.render();
-      this.view.adjustElementsSize(true);
+      this.view.adjustElementsSize();
     },
     hidden() {
       const selection = this.getSelectedRange();
@@ -126767,7 +126784,7 @@ function unfreezeColumnItem(manualColumnFreezePlugin) {
       }] = selected;
       manualColumnFreezePlugin.unfreezeColumn(selectedColumn);
       this.render();
-      this.view.adjustElementsSize(true);
+      this.view.adjustElementsSize();
     },
     hidden() {
       const selection = this.getSelectedRange();
@@ -127469,7 +127486,7 @@ function _onMouseUp() {
   if (movePerformed === true) {
     this.persistentStateSave();
     this.hot.render();
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
     const selectionStart = this.hot.toVisualColumn(firstMovedPhysicalColumn);
     const selectionEnd = selectionStart + columnsLen - 1;
     this.hot.selectColumns(selectionStart, selectionEnd);
@@ -128165,7 +128182,7 @@ class ManualColumnResize extends _base.BasePlugin {
     const render = () => {
       this.hot.forceFullRender = true;
       this.hot.view.render(); // updates all
-      this.hot.view.adjustElementsSize(true);
+      this.hot.view.adjustElementsSize();
     };
     const resize = (column, forceRender) => {
       const hookNewSize = this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(_newSize, this), column, true);
@@ -128330,7 +128347,7 @@ function _onMouseUp() {
   const render = () => {
     this.hot.forceFullRender = true;
     this.hot.view.render(); // updates all
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
   };
   const resize = (column, forceRender) => {
     this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(_newSize, this), column, false);
@@ -129052,7 +129069,7 @@ function _onMouseUp() {
   if (movePerformed === true) {
     this.persistentStateSave();
     this.hot.render();
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
     const selectionStart = this.hot.toVisualRow(firstMovedPhysicalRow);
     const selectionEnd = selectionStart + rowsLen - 1;
     this.hot.selectRows(selectionStart, selectionEnd);
@@ -129739,7 +129756,7 @@ class ManualRowResize extends _base.BasePlugin {
     const render = () => {
       this.hot.forceFullRender = true;
       this.hot.view.render(); // updates all
-      this.hot.view.adjustElementsSize(true);
+      this.hot.view.adjustElementsSize();
     };
     const resize = (row, forceRender) => {
       const hookNewSize = this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, true);
@@ -129868,7 +129885,7 @@ function _onMouseUp() {
   const render = () => {
     this.hot.forceFullRender = true;
     this.hot.view.render(); // updates all
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
   };
   const runHooks = (row, forceRender) => {
     this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, false);