handsontable 14.3.0-next-dda3c4b-20240415 → 14.4.0-next-f62dd73-20240521

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

@@ -9,12 +9,19 @@ var _array = require("../../../helpers/array");
 var _unicode = require("../../../helpers/unicode");
 var _browser = require("../../../helpers/browser");
 var _overlay = require("./overlay");
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _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.
@@ -32,6 +39,12 @@ class Overlays {
      * @type {Walkontable}
      */
     _defineProperty(this, "wot", null);
+    /**
+     * An array of the all overlays.
+     *
+     * @type {Overlay[]}
+     */
+    _classPrivateFieldInitSpec(this, _overlays, []);
     /**
      * Refer to the TopOverlay instance.
      *
@@ -81,6 +94,12 @@ class Overlays {
      * @type {Settings}
      */
     _defineProperty(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.
@@ -140,7 +159,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);
     }
@@ -185,29 +204,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;
+    });
   }
 
   /**
@@ -447,6 +468,9 @@ class Overlays {
    * Synchronize overlay scrollbars with the master scrollbar.
    */
   syncScrollWithMaster() {
+    if (!_classPrivateFieldGet(_hasRenderingStateChanged, this)) {
+      return;
+    }
     const master = this.topOverlay.mainTableScrollableElement;
     const {
       scrollLeft,
@@ -461,6 +485,7 @@ class Overlays {
     if (this.inlineStartOverlay.needFullRender) {
       this.inlineStartOverlay.clone.wtTable.holder.scrollTop = scrollTop; // todo rethink, *overlay.setScroll*()
     }
+    _classPrivateFieldSet(_hasRenderingStateChanged, this, false);
   }
 
   /**
@@ -551,11 +576,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;
@@ -605,9 +627,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();
   }
 
   /**

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

@@ -1,8 +1,13 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _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"); }
 import { getScrollableElement, getScrollbarWidth } from "../../../helpers/dom/element.mjs";
 import { requestAnimationFrame } from "../../../helpers/feature.mjs";
 import { arrayEach } from "../../../helpers/array.mjs";
@@ -12,6 +17,8 @@ import { InlineStartOverlay, TopOverlay, TopInlineStartCornerOverlay, BottomOver
 /**
  * @class Overlays
  */
+var _overlays = /*#__PURE__*/new WeakMap();
+var _hasRenderingStateChanged = /*#__PURE__*/new WeakMap();
 class Overlays {
   /**
    * @param {Walkontable} wotInstance The Walkontable instance. @todo refactoring remove.
@@ -29,6 +36,12 @@ class Overlays {
      * @type {Walkontable}
      */
     _defineProperty(this, "wot", null);
+    /**
+     * An array of the all overlays.
+     *
+     * @type {Overlay[]}
+     */
+    _classPrivateFieldInitSpec(this, _overlays, []);
     /**
      * Refer to the TopOverlay instance.
      *
@@ -78,6 +91,12 @@ class Overlays {
      * @type {Settings}
      */
     _defineProperty(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.
@@ -137,7 +156,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);
     }
@@ -182,29 +201,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 TopInlineStartCornerOverlay(...args, this.topOverlay, this.inlineStartOverlay);
     this.bottomInlineStartCornerOverlay = new 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;
+    });
   }
 
   /**
@@ -444,6 +465,9 @@ class Overlays {
    * Synchronize overlay scrollbars with the master scrollbar.
    */
   syncScrollWithMaster() {
+    if (!_classPrivateFieldGet(_hasRenderingStateChanged, this)) {
+      return;
+    }
     const master = this.topOverlay.mainTableScrollableElement;
     const {
       scrollLeft,
@@ -458,6 +482,7 @@ class Overlays {
     if (this.inlineStartOverlay.needFullRender) {
       this.inlineStartOverlay.clone.wtTable.holder.scrollTop = scrollTop; // todo rethink, *overlay.setScroll*()
     }
+    _classPrivateFieldSet(_hasRenderingStateChanged, this, false);
   }
 
   /**
@@ -548,11 +573,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;
@@ -602,9 +624,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();
   }
 
   /**

package/3rdparty/walkontable/src/selection/manager.js

@@ -4,6 +4,13 @@ exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.unscopables.flat.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _element = require("../../../../helpers/dom/element");
 var _scanner2 = require("./scanner");
 var _border = _interopRequireDefault(require("./border/border"));

package/3rdparty/walkontable/src/selection/manager.mjs

@@ -1,6 +1,13 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.array.unscopables.flat.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 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"); } }

package/3rdparty/walkontable/src/selection/scanner.js

@@ -2,6 +2,13 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _element = require("../../../../helpers/dom/element");
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }

package/3rdparty/walkontable/src/selection/scanner.mjs

@@ -1,4 +1,11 @@
 import "core-js/modules/es.error.cause.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 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"); } }

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

@@ -251,7 +251,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);
@@ -266,7 +265,7 @@ class Table {
       }
     }
     if (this.isMaster) {
-      syncScroll = wtOverlays.updateStateOfRendering();
+      wtOverlays.beforeDraw();
     }
     if (runFastDraw) {
       if (this.isMaster) {
@@ -307,7 +306,7 @@ class Table {
         let workspaceWidth;
         if (this.isMaster) {
           workspaceWidth = this.dataAccessObject.workspaceWidth;
-          this.dataAccessObject.wtViewport.containerWidth = null;
+          wtViewport.containerWidth = null;
           this.markOversizedColumnHeaders();
         }
         this.adjustColumnHeaderHeights();
@@ -315,10 +314,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) {
@@ -326,9 +325,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();
           }
@@ -361,8 +360,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;

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

@@ -247,7 +247,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 = offset(this.holder);
@@ -262,7 +261,7 @@ class Table {
       }
     }
     if (this.isMaster) {
-      syncScroll = wtOverlays.updateStateOfRendering();
+      wtOverlays.beforeDraw();
     }
     if (runFastDraw) {
       if (this.isMaster) {
@@ -303,7 +302,7 @@ class Table {
         let workspaceWidth;
         if (this.isMaster) {
           workspaceWidth = this.dataAccessObject.workspaceWidth;
-          this.dataAccessObject.wtViewport.containerWidth = null;
+          wtViewport.containerWidth = null;
           this.markOversizedColumnHeaders();
         }
         this.adjustColumnHeaderHeights();
@@ -311,10 +310,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 = outerWidth(this.hider);
           const tableWidth = outerWidth(this.TABLE);
           if (hiderWidth !== 0 && tableWidth !== hiderWidth) {
@@ -322,9 +321,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();
           }
@@ -357,8 +356,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;

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

@@ -105,6 +105,10 @@ class ColumnStretching {
     if (_classPrivateFieldGet(_stretchMode, this).call(this) === 'none') {
       return;
     }
+    this.stretchAllRatio = 0;
+    this.stretchAllColumnsWidth = [];
+    this.needVerifyLastColumnWidth = true;
+    this.stretchLastWidth = 0;
     _classPrivateFieldSet(_totalTargetWidth, this, totalWidth);
     let sumAll = 0;
     for (let i = 0; i < _classPrivateFieldGet(_totalColumns, this).call(this); i++) {

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

@@ -102,6 +102,10 @@ export class ColumnStretching {
     if (_classPrivateFieldGet(_stretchMode, this).call(this) === 'none') {
       return;
     }
+    this.stretchAllRatio = 0;
+    this.stretchAllColumnsWidth = [];
+    this.needVerifyLastColumnWidth = true;
+    this.stretchLastWidth = 0;
     _classPrivateFieldSet(_totalTargetWidth, this, totalWidth);
     let sumAll = 0;
     for (let i = 0; i < _classPrivateFieldGet(_totalColumns, this).call(this); i++) {

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

@@ -398,15 +398,19 @@ class Viewport {
     if (!this.rowsVisibleCalculator) {
       return false;
     }
-    const {
+    let {
       startRow,
-      endRow,
-      isVisibleInTrimmingContainer
+      endRow
     } = proposedRowsVisibleCalculator;
 
-    // if there are no fully visible rows at all, return false
+    // if there are no fully visible rows at all...
     if (startRow === null && endRow === null) {
-      return !isVisibleInTrimmingContainer;
+      if (!proposedRowsVisibleCalculator.isVisibleInTrimmingContainer) {
+        return true;
+      }
+      // ...use partially visible rows calculator to determine what render type is needed
+      startRow = this.rowsPartiallyVisibleCalculator.startRow;
+      endRow = this.rowsPartiallyVisibleCalculator.endRow;
     }
     const {
       startRow: renderedStartRow,
@@ -432,15 +436,19 @@ class Viewport {
     if (!this.columnsVisibleCalculator) {
       return false;
     }
-    const {
+    let {
       startColumn,
-      endColumn,
-      isVisibleInTrimmingContainer
+      endColumn
     } = proposedColumnsVisibleCalculator;
 
-    // if there are no fully visible columns at all, return false
+    // if there are no fully visible columns at all...
     if (startColumn === null && endColumn === null) {
-      return !isVisibleInTrimmingContainer;
+      if (!proposedColumnsVisibleCalculator.isVisibleInTrimmingContainer) {
+        return true;
+      }
+      // ...use partially visible columns calculator to determine what render type is needed
+      startColumn = this.columnsPartiallyVisibleCalculator.startColumn;
+      endColumn = this.columnsPartiallyVisibleCalculator.endColumn;
     }
     const {
       startColumn: renderedStartColumn,

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

@@ -395,15 +395,19 @@ class Viewport {
     if (!this.rowsVisibleCalculator) {
       return false;
     }
-    const {
+    let {
       startRow,
-      endRow,
-      isVisibleInTrimmingContainer
+      endRow
     } = proposedRowsVisibleCalculator;
 
-    // if there are no fully visible rows at all, return false
+    // if there are no fully visible rows at all...
     if (startRow === null && endRow === null) {
-      return !isVisibleInTrimmingContainer;
+      if (!proposedRowsVisibleCalculator.isVisibleInTrimmingContainer) {
+        return true;
+      }
+      // ...use partially visible rows calculator to determine what render type is needed
+      startRow = this.rowsPartiallyVisibleCalculator.startRow;
+      endRow = this.rowsPartiallyVisibleCalculator.endRow;
     }
     const {
       startRow: renderedStartRow,
@@ -429,15 +433,19 @@ class Viewport {
     if (!this.columnsVisibleCalculator) {
       return false;
     }
-    const {
+    let {
       startColumn,
-      endColumn,
-      isVisibleInTrimmingContainer
+      endColumn
     } = proposedColumnsVisibleCalculator;
 
-    // if there are no fully visible columns at all, return false
+    // if there are no fully visible columns at all...
     if (startColumn === null && endColumn === null) {
-      return !isVisibleInTrimmingContainer;
+      if (!proposedColumnsVisibleCalculator.isVisibleInTrimmingContainer) {
+        return true;
+      }
+      // ...use partially visible columns calculator to determine what render type is needed
+      startColumn = this.columnsPartiallyVisibleCalculator.startColumn;
+      endColumn = this.columnsPartiallyVisibleCalculator.endColumn;
     }
     const {
       startColumn: renderedStartColumn,