handsontable 0.0.0-next-5a535ed-20240403 → 0.0.0-next-c2810a1-20240403

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

@@ -1,11 +1,9 @@
 import "core-js/modules/es.error.cause.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 _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 import { closestDown, hasClass, isChildOf, getParent } from "../../../helpers/dom/element.mjs";
 import { partial } from "../../../helpers/function.mjs";
 import { isTouchSupported } from "../../../helpers/feature.mjs";
@@ -36,35 +34,17 @@ class Event {
    */
   constructor(facadeGetter, domBindings, wtSettings, eventManager, wtTable, selectionManager) {
     let parent = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
-    _classPrivateFieldInitSpec(this, _wtSettings, {
-      writable: true,
-      value: void 0
-    });
-    _classPrivateFieldInitSpec(this, _domBindings, {
-      writable: true,
-      value: void 0
-    });
-    _classPrivateFieldInitSpec(this, _wtTable, {
-      writable: true,
-      value: void 0
-    });
-    _classPrivateFieldInitSpec(this, _selectionManager, {
-      writable: true,
-      value: void 0
-    });
-    _classPrivateFieldInitSpec(this, _parent, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _wtSettings, void 0);
+    _classPrivateFieldInitSpec(this, _domBindings, void 0);
+    _classPrivateFieldInitSpec(this, _wtTable, void 0);
+    _classPrivateFieldInitSpec(this, _selectionManager, void 0);
+    _classPrivateFieldInitSpec(this, _parent, void 0);
     /**
      * Instance of {@link EventManager}.
      *
      * @type {EventManager}
      */
-    _classPrivateFieldInitSpec(this, _eventManager, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _eventManager, void 0);
     /**
      * Should be use only for passing face called external origin methods, like registered event listeners.
      * It provides backward compatibility by getting instance facade.
@@ -75,38 +55,26 @@ class Event {
      *
      * @type {FacadeGetter}
      */
-    _classPrivateFieldInitSpec(this, _facadeGetter, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _facadeGetter, void 0);
     /**
      * @type {boolean}
      */
-    _classPrivateFieldInitSpec(this, _selectedCellBeforeTouchEnd, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _selectedCellBeforeTouchEnd, void 0);
     /**
      * @type {number[]}
      */
-    _classPrivateFieldInitSpec(this, _dblClickTimeout, {
-      writable: true,
-      value: [null, null]
-    });
+    _classPrivateFieldInitSpec(this, _dblClickTimeout, [null, null]);
     /**
      * @type {number[]}
      */
-    _classPrivateFieldInitSpec(this, _dblClickOrigin, {
-      writable: true,
-      value: [null, null]
-    });
-    _classPrivateFieldSet(this, _wtSettings, wtSettings);
-    _classPrivateFieldSet(this, _domBindings, domBindings);
-    _classPrivateFieldSet(this, _wtTable, wtTable);
-    _classPrivateFieldSet(this, _selectionManager, selectionManager);
-    _classPrivateFieldSet(this, _parent, parent);
-    _classPrivateFieldSet(this, _eventManager, eventManager);
-    _classPrivateFieldSet(this, _facadeGetter, facadeGetter);
+    _classPrivateFieldInitSpec(this, _dblClickOrigin, [null, null]);
+    _classPrivateFieldSet(_wtSettings, this, wtSettings);
+    _classPrivateFieldSet(_domBindings, this, domBindings);
+    _classPrivateFieldSet(_wtTable, this, wtTable);
+    _classPrivateFieldSet(_selectionManager, this, selectionManager);
+    _classPrivateFieldSet(_parent, this, parent);
+    _classPrivateFieldSet(_eventManager, this, eventManager);
+    _classPrivateFieldSet(_facadeGetter, this, facadeGetter);
     this.registerEvents();
   }
 
@@ -116,32 +84,32 @@ class Event {
    * @private
    */
   registerEvents() {
-    _classPrivateFieldGet(this, _eventManager).addEventListener(_classPrivateFieldGet(this, _wtTable).holder, 'contextmenu', event => this.onContextMenu(event));
-    _classPrivateFieldGet(this, _eventManager).addEventListener(_classPrivateFieldGet(this, _wtTable).TABLE, 'mouseover', event => this.onMouseOver(event));
-    _classPrivateFieldGet(this, _eventManager).addEventListener(_classPrivateFieldGet(this, _wtTable).TABLE, 'mouseout', event => this.onMouseOut(event));
+    _classPrivateFieldGet(_eventManager, this).addEventListener(_classPrivateFieldGet(_wtTable, this).holder, 'contextmenu', event => this.onContextMenu(event));
+    _classPrivateFieldGet(_eventManager, this).addEventListener(_classPrivateFieldGet(_wtTable, this).TABLE, 'mouseover', event => this.onMouseOver(event));
+    _classPrivateFieldGet(_eventManager, this).addEventListener(_classPrivateFieldGet(_wtTable, this).TABLE, 'mouseout', event => this.onMouseOut(event));
     const initTouchEvents = () => {
-      _classPrivateFieldGet(this, _eventManager).addEventListener(_classPrivateFieldGet(this, _wtTable).holder, 'touchstart', event => this.onTouchStart(event));
-      _classPrivateFieldGet(this, _eventManager).addEventListener(_classPrivateFieldGet(this, _wtTable).holder, 'touchend', event => this.onTouchEnd(event));
+      _classPrivateFieldGet(_eventManager, this).addEventListener(_classPrivateFieldGet(_wtTable, this).holder, 'touchstart', event => this.onTouchStart(event));
+      _classPrivateFieldGet(_eventManager, this).addEventListener(_classPrivateFieldGet(_wtTable, this).holder, 'touchend', event => this.onTouchEnd(event));
       if (!this.momentumScrolling) {
         this.momentumScrolling = {};
       }
-      _classPrivateFieldGet(this, _eventManager).addEventListener(_classPrivateFieldGet(this, _wtTable).holder, 'scroll', () => {
+      _classPrivateFieldGet(_eventManager, this).addEventListener(_classPrivateFieldGet(_wtTable, this).holder, 'scroll', () => {
         clearTimeout(this.momentumScrolling._timeout);
         if (!this.momentumScrolling.ongoing) {
-          _classPrivateFieldGet(this, _wtSettings).getSetting('onBeforeTouchScroll');
+          _classPrivateFieldGet(_wtSettings, this).getSetting('onBeforeTouchScroll');
         }
         this.momentumScrolling.ongoing = true;
         this.momentumScrolling._timeout = setTimeout(() => {
           if (!this.touchApplied) {
             this.momentumScrolling.ongoing = false;
-            _classPrivateFieldGet(this, _wtSettings).getSetting('onAfterMomentumScroll');
+            _classPrivateFieldGet(_wtSettings, this).getSetting('onAfterMomentumScroll');
           }
         }, 200);
       });
     };
     const initMouseEvents = () => {
-      _classPrivateFieldGet(this, _eventManager).addEventListener(_classPrivateFieldGet(this, _wtTable).holder, 'mouseup', event => this.onMouseUp(event));
-      _classPrivateFieldGet(this, _eventManager).addEventListener(_classPrivateFieldGet(this, _wtTable).holder, 'mousedown', event => this.onMouseDown(event));
+      _classPrivateFieldGet(_eventManager, this).addEventListener(_classPrivateFieldGet(_wtTable, this).holder, 'mouseup', event => this.onMouseUp(event));
+      _classPrivateFieldGet(_eventManager, this).addEventListener(_classPrivateFieldGet(_wtTable, this).holder, 'mousedown', event => this.onMouseDown(event));
     };
     if (isMobileBrowser()) {
       initTouchEvents();
@@ -164,9 +132,9 @@ class Event {
   selectedCellWasTouched(touchTarget) {
     const cellUnderFinger = this.parentCell(touchTarget);
     const coordsOfCellUnderFinger = cellUnderFinger.coords;
-    if (_classPrivateFieldGet(this, _selectedCellBeforeTouchEnd) && coordsOfCellUnderFinger) {
-      const [rowTouched, rowSelected] = [coordsOfCellUnderFinger.row, _classPrivateFieldGet(this, _selectedCellBeforeTouchEnd).from.row];
-      const [colTouched, colSelected] = [coordsOfCellUnderFinger.col, _classPrivateFieldGet(this, _selectedCellBeforeTouchEnd).from.col];
+    if (_classPrivateFieldGet(_selectedCellBeforeTouchEnd, this) && coordsOfCellUnderFinger) {
+      const [rowTouched, rowSelected] = [coordsOfCellUnderFinger.row, _classPrivateFieldGet(_selectedCellBeforeTouchEnd, this).from.row];
+      const [colTouched, colSelected] = [coordsOfCellUnderFinger.col, _classPrivateFieldGet(_selectedCellBeforeTouchEnd, this).from.col];
       return rowTouched === rowSelected && colTouched === colSelected;
     }
     return false;
@@ -181,18 +149,18 @@ class Event {
    */
   parentCell(elem) {
     const cell = {};
-    const TABLE = _classPrivateFieldGet(this, _wtTable).TABLE;
+    const TABLE = _classPrivateFieldGet(_wtTable, this).TABLE;
     const TD = closestDown(elem, ['TD', 'TH'], TABLE);
     if (TD) {
-      cell.coords = _classPrivateFieldGet(this, _wtTable).getCoords(TD);
+      cell.coords = _classPrivateFieldGet(_wtTable, this).getCoords(TD);
       cell.TD = TD;
     } else if (hasClass(elem, 'wtBorder') && hasClass(elem, 'current')) {
-      cell.coords = _classPrivateFieldGet(this, _selectionManager).getFocusSelection().cellRange.highlight;
-      cell.TD = _classPrivateFieldGet(this, _wtTable).getCell(cell.coords);
+      cell.coords = _classPrivateFieldGet(_selectionManager, this).getFocusSelection().cellRange.highlight;
+      cell.TD = _classPrivateFieldGet(_wtTable, this).getCell(cell.coords);
     } else if (hasClass(elem, 'wtBorder') && hasClass(elem, 'area')) {
-      if (_classPrivateFieldGet(this, _selectionManager).getAreaSelection().cellRange) {
-        cell.coords = _classPrivateFieldGet(this, _selectionManager).getAreaSelection().cellRange.to;
-        cell.TD = _classPrivateFieldGet(this, _wtTable).getCell(cell.coords);
+      if (_classPrivateFieldGet(_selectionManager, this).getAreaSelection().cellRange) {
+        cell.coords = _classPrivateFieldGet(_selectionManager, this).getAreaSelection().cellRange.to;
+        cell.TD = _classPrivateFieldGet(_wtTable, this).getCell(cell.coords);
       }
     }
     return cell;
@@ -205,7 +173,7 @@ class Event {
    * @param {MouseEvent} event The mouse event object.
    */
   onMouseDown(event) {
-    const activeElement = _classPrivateFieldGet(this, _domBindings).rootDocument.activeElement;
+    const activeElement = _classPrivateFieldGet(_domBindings, this).rootDocument.activeElement;
     const getParentNode = partial(getParent, event.target);
     const realTarget = event.target;
 
@@ -216,17 +184,17 @@ class Event {
     }
     const cell = this.parentCell(realTarget);
     if (hasClass(realTarget, 'corner')) {
-      _classPrivateFieldGet(this, _wtSettings).getSetting('onCellCornerMouseDown', event, realTarget);
-    } else if (cell.TD && _classPrivateFieldGet(this, _wtSettings).has('onCellMouseDown')) {
+      _classPrivateFieldGet(_wtSettings, this).getSetting('onCellCornerMouseDown', event, realTarget);
+    } else if (cell.TD && _classPrivateFieldGet(_wtSettings, this).has('onCellMouseDown')) {
       this.callListener('onCellMouseDown', event, cell.coords, cell.TD);
     }
 
     // doubleclick reacts only for left mouse button or from touch events
     if ((event.button === 0 || this.touchApplied) && cell.TD) {
-      _classPrivateFieldGet(this, _dblClickOrigin)[0] = cell.TD;
-      clearTimeout(_classPrivateFieldGet(this, _dblClickTimeout)[0]);
-      _classPrivateFieldGet(this, _dblClickTimeout)[0] = setTimeout(() => {
-        _classPrivateFieldGet(this, _dblClickOrigin)[0] = null;
+      _classPrivateFieldGet(_dblClickOrigin, this)[0] = cell.TD;
+      clearTimeout(_classPrivateFieldGet(_dblClickTimeout, this)[0]);
+      _classPrivateFieldGet(_dblClickTimeout, this)[0] = setTimeout(() => {
+        _classPrivateFieldGet(_dblClickOrigin, this)[0] = null;
       }, 1000);
     }
   }
@@ -238,7 +206,7 @@ class Event {
    * @param {MouseEvent} event The mouse event object.
    */
   onContextMenu(event) {
-    if (_classPrivateFieldGet(this, _wtSettings).has('onCellContextMenu')) {
+    if (_classPrivateFieldGet(_wtSettings, this).has('onCellContextMenu')) {
       const cell = this.parentCell(event.target);
       if (cell.TD) {
         this.callListener('onCellContextMenu', event, cell.coords, cell.TD);
@@ -253,15 +221,15 @@ class Event {
    * @param {MouseEvent} event The mouse event object.
    */
   onMouseOver(event) {
-    if (!_classPrivateFieldGet(this, _wtSettings).has('onCellMouseOver')) {
+    if (!_classPrivateFieldGet(_wtSettings, this).has('onCellMouseOver')) {
       return;
     }
-    const table = _classPrivateFieldGet(this, _wtTable).TABLE;
+    const table = _classPrivateFieldGet(_wtTable, this).TABLE;
     const td = closestDown(event.target, ['TD', 'TH'], table);
-    const parent = _classPrivateFieldGet(this, _parent) || this;
+    const parent = _classPrivateFieldGet(_parent, this) || this;
     if (td && td !== parent.lastMouseOver && isChildOf(td, table)) {
       parent.lastMouseOver = td;
-      this.callListener('onCellMouseOver', event, _classPrivateFieldGet(this, _wtTable).getCoords(td), td);
+      this.callListener('onCellMouseOver', event, _classPrivateFieldGet(_wtTable, this).getCoords(td), td);
     }
   }
 
@@ -272,15 +240,15 @@ class Event {
    * @param {MouseEvent} event The mouse event object.
    */
   onMouseOut(event) {
-    if (!_classPrivateFieldGet(this, _wtSettings).has('onCellMouseOut')) {
+    if (!_classPrivateFieldGet(_wtSettings, this).has('onCellMouseOut')) {
       return;
     }
-    const table = _classPrivateFieldGet(this, _wtTable).TABLE;
+    const table = _classPrivateFieldGet(_wtTable, this).TABLE;
     const lastTD = closestDown(event.target, ['TD', 'TH'], table);
     const nextTD = closestDown(event.relatedTarget, ['TD', 'TH'], table);
-    const parent = _classPrivateFieldGet(this, _parent) || this;
+    const parent = _classPrivateFieldGet(_parent, this) || this;
     if (lastTD && lastTD !== nextTD && isChildOf(lastTD, table)) {
-      this.callListener('onCellMouseOut', event, _classPrivateFieldGet(this, _wtTable).getCoords(lastTD), lastTD);
+      this.callListener('onCellMouseOut', event, _classPrivateFieldGet(_wtTable, this).getCoords(lastTD), lastTD);
       if (nextTD === null) {
         parent.lastMouseOver = null;
       }
@@ -295,7 +263,7 @@ class Event {
    */
   onMouseUp(event) {
     const cell = this.parentCell(event.target);
-    if (cell.TD && _classPrivateFieldGet(this, _wtSettings).has('onCellMouseUp')) {
+    if (cell.TD && _classPrivateFieldGet(_wtSettings, this).has('onCellMouseUp')) {
       this.callListener('onCellMouseUp', event, cell.coords, cell.TD);
     }
 
@@ -303,19 +271,19 @@ class Event {
     if (event.button !== 0 && !this.touchApplied) {
       return;
     }
-    if (cell.TD === _classPrivateFieldGet(this, _dblClickOrigin)[0] && cell.TD === _classPrivateFieldGet(this, _dblClickOrigin)[1]) {
+    if (cell.TD === _classPrivateFieldGet(_dblClickOrigin, this)[0] && cell.TD === _classPrivateFieldGet(_dblClickOrigin, this)[1]) {
       if (hasClass(event.target, 'corner')) {
         this.callListener('onCellCornerDblClick', event, cell.coords, cell.TD);
       } else {
         this.callListener('onCellDblClick', event, cell.coords, cell.TD);
       }
-      _classPrivateFieldGet(this, _dblClickOrigin)[0] = null;
-      _classPrivateFieldGet(this, _dblClickOrigin)[1] = null;
-    } else if (cell.TD === _classPrivateFieldGet(this, _dblClickOrigin)[0]) {
-      _classPrivateFieldGet(this, _dblClickOrigin)[1] = cell.TD;
-      clearTimeout(_classPrivateFieldGet(this, _dblClickTimeout)[1]);
-      _classPrivateFieldGet(this, _dblClickTimeout)[1] = setTimeout(() => {
-        _classPrivateFieldGet(this, _dblClickOrigin)[1] = null;
+      _classPrivateFieldGet(_dblClickOrigin, this)[0] = null;
+      _classPrivateFieldGet(_dblClickOrigin, this)[1] = null;
+    } else if (cell.TD === _classPrivateFieldGet(_dblClickOrigin, this)[0]) {
+      _classPrivateFieldGet(_dblClickOrigin, this)[1] = cell.TD;
+      clearTimeout(_classPrivateFieldGet(_dblClickTimeout, this)[1]);
+      _classPrivateFieldGet(_dblClickTimeout, this)[1] = setTimeout(() => {
+        _classPrivateFieldGet(_dblClickOrigin, this)[1] = null;
       }, 500);
     }
   }
@@ -327,7 +295,7 @@ class Event {
    * @param {MouseEvent} event The mouse event object.
    */
   onTouchStart(event) {
-    _classPrivateFieldSet(this, _selectedCellBeforeTouchEnd, _classPrivateFieldGet(this, _selectionManager).getFocusSelection().cellRange);
+    _classPrivateFieldSet(_selectedCellBeforeTouchEnd, this, _classPrivateFieldGet(_selectionManager, this).getFocusSelection().cellRange);
     this.touchApplied = true;
     this.onMouseDown(event);
   }
@@ -343,7 +311,7 @@ class Event {
     const target = event.target;
     const parentCellCoords = (_this$parentCell = this.parentCell(target)) === null || _this$parentCell === void 0 ? void 0 : _this$parentCell.coords;
     const isCellsRange = isDefined(parentCellCoords) && parentCellCoords.row >= 0 && parentCellCoords.col >= 0;
-    const isEventCancelable = event.cancelable && isCellsRange && _classPrivateFieldGet(this, _wtSettings).getSetting('isDataViewInstance');
+    const isEventCancelable = event.cancelable && isCellsRange && _classPrivateFieldGet(_wtSettings, this).getSetting('isDataViewInstance');
 
     // To prevent accidental redirects or other actions that the interactive elements (e.q "A" link) do
     // while the cell is highlighted, all touch events that are triggered on different cells are
@@ -379,9 +347,9 @@ class Event {
    * @param {HTMLElement} target Event target.
    */
   callListener(name, event, coords, target) {
-    const listener = _classPrivateFieldGet(this, _wtSettings).getSettingPure(name);
+    const listener = _classPrivateFieldGet(_wtSettings, this).getSettingPure(name);
     if (listener) {
-      listener(event, coords, target, _classPrivateFieldGet(this, _facadeGetter).call(this));
+      listener(event, coords, target, _classPrivateFieldGet(_facadeGetter, this).call(this));
     }
   }
 
@@ -389,9 +357,9 @@ class Event {
    * Clears double-click timeouts and destroys the internal eventManager instance.
    */
   destroy() {
-    clearTimeout(_classPrivateFieldGet(this, _dblClickTimeout)[0]);
-    clearTimeout(_classPrivateFieldGet(this, _dblClickTimeout)[1]);
-    _classPrivateFieldGet(this, _eventManager).destroy();
+    clearTimeout(_classPrivateFieldGet(_dblClickTimeout, this)[0]);
+    clearTimeout(_classPrivateFieldGet(_dblClickTimeout, this)[1]);
+    _classPrivateFieldGet(_eventManager, this).destroy();
   }
 }
 export default Event;

package/3rdparty/walkontable/src/overlay/inlineStart.js

@@ -227,9 +227,15 @@ class InlineStartOverlay extends _base.Overlay {
    * @returns {boolean}
    */
   scrollTo(sourceCol, beyondRendered) {
-    let newX = this.getTableParentOffset();
+    const {
+      wtSettings
+    } = this;
+    const rowHeaders = wtSettings.getSetting('rowHeaders');
+    const fixedColumnsStart = wtSettings.getSetting('fixedColumnsStart');
     const sourceInstance = this.wot.cloneSource ? this.wot.cloneSource : this.wot;
     const mainHolder = sourceInstance.wtTable.holder;
+    const rowHeaderBorderCompensation = fixedColumnsStart === 0 && rowHeaders.length > 0 && !(0, _element.hasClass)(mainHolder.parentNode, 'innerBorderInlineStart') ? 1 : 0;
+    let newX = this.getTableParentOffset();
     let scrollbarCompensation = 0;
     if (beyondRendered) {
       const columnWidth = this.wot.wtTable.getColumnWidth(sourceCol);
@@ -244,10 +250,18 @@ class InlineStartOverlay extends _base.Overlay {
     if (beyondRendered) {
       newX += this.sumCellSizes(0, sourceCol + 1);
       newX -= this.wot.wtViewport.getViewportWidth();
+      // Compensate for the right header border if scrolled from the absolute left.
+      newX += rowHeaderBorderCompensation;
     } else {
       newX += this.sumCellSizes(this.wtSettings.getSetting('fixedColumnsStart'), sourceCol);
     }
     newX += scrollbarCompensation;
+
+    // If the table is scrolled all the way left when starting the scroll and going to be scrolled to the far right,
+    // we need to compensate for the potential header border width.
+    if ((0, _element.getMaximumScrollLeft)(this.mainTableScrollableElement) === newX - rowHeaderBorderCompensation && rowHeaderBorderCompensation > 0) {
+      this.wot.wtOverlays.expandHiderHorizontallyBy(rowHeaderBorderCompensation);
+    }
     return this.setScrollPosition(newX);
   }
 

package/3rdparty/walkontable/src/overlay/inlineStart.mjs

@@ -1,5 +1,5 @@
 import "core-js/modules/es.error.cause.js";
-import { addClass, getScrollbarWidth, getScrollLeft, getWindowScrollTop, hasClass, outerWidth, removeClass, setOverlayPosition, resetCssTransform } from "../../../../helpers/dom/element.mjs";
+import { addClass, getScrollbarWidth, getScrollLeft, getMaximumScrollLeft, getWindowScrollTop, hasClass, outerWidth, removeClass, setOverlayPosition, resetCssTransform } from "../../../../helpers/dom/element.mjs";
 import InlineStartOverlayTable from "../table/inlineStart.mjs";
 import { Overlay } from "./_base.mjs";
 import { CORNER_DEFAULT_STYLE } from "../selection/index.mjs";
@@ -223,9 +223,15 @@ export class InlineStartOverlay extends Overlay {
    * @returns {boolean}
    */
   scrollTo(sourceCol, beyondRendered) {
-    let newX = this.getTableParentOffset();
+    const {
+      wtSettings
+    } = this;
+    const rowHeaders = wtSettings.getSetting('rowHeaders');
+    const fixedColumnsStart = wtSettings.getSetting('fixedColumnsStart');
     const sourceInstance = this.wot.cloneSource ? this.wot.cloneSource : this.wot;
     const mainHolder = sourceInstance.wtTable.holder;
+    const rowHeaderBorderCompensation = fixedColumnsStart === 0 && rowHeaders.length > 0 && !hasClass(mainHolder.parentNode, 'innerBorderInlineStart') ? 1 : 0;
+    let newX = this.getTableParentOffset();
     let scrollbarCompensation = 0;
     if (beyondRendered) {
       const columnWidth = this.wot.wtTable.getColumnWidth(sourceCol);
@@ -240,10 +246,18 @@ export class InlineStartOverlay extends Overlay {
     if (beyondRendered) {
       newX += this.sumCellSizes(0, sourceCol + 1);
       newX -= this.wot.wtViewport.getViewportWidth();
+      // Compensate for the right header border if scrolled from the absolute left.
+      newX += rowHeaderBorderCompensation;
     } else {
       newX += this.sumCellSizes(this.wtSettings.getSetting('fixedColumnsStart'), sourceCol);
     }
     newX += scrollbarCompensation;
+
+    // If the table is scrolled all the way left when starting the scroll and going to be scrolled to the far right,
+    // we need to compensate for the potential header border width.
+    if (getMaximumScrollLeft(this.mainTableScrollableElement) === newX - rowHeaderBorderCompensation && rowHeaderBorderCompensation > 0) {
+      this.wot.wtOverlays.expandHiderHorizontallyBy(rowHeaderBorderCompensation);
+    }
     return this.setScrollPosition(newX);
   }
 

package/3rdparty/walkontable/src/overlay/top.js

@@ -259,6 +259,9 @@ class TopOverlay extends _base.Overlay {
     } = this;
     const sourceInstance = wot.cloneSource ? wot.cloneSource : wot;
     const mainHolder = sourceInstance.wtTable.holder;
+    const columnHeaders = wtSettings.getSetting('columnHeaders');
+    const fixedRowsTop = wtSettings.getSetting('fixedRowsTop');
+    const columnHeaderBorderCompensation = fixedRowsTop === 0 && columnHeaders.length > 0 && !(0, _element.hasClass)(mainHolder.parentNode, 'innerBorderTop') ? 1 : 0;
     let newY = this.getTableParentOffset();
     let scrollbarCompensation = 0;
     if (bottomEdge) {
@@ -278,10 +281,18 @@ class TopOverlay extends _base.Overlay {
       newY -= wot.wtViewport.getViewportHeight() - this.sumCellSizes(totalRows - fixedRowsBottom, totalRows);
       // Fix 1 pixel offset when cell is selected
       newY += 1;
+      // Compensate for the bottom header border if scrolled from the absolute top.
+      newY += columnHeaderBorderCompensation;
     } else {
       newY += this.sumCellSizes(wtSettings.getSetting('fixedRowsTop'), sourceRow);
     }
     newY += scrollbarCompensation;
+
+    // If the table is scrolled all the way up when starting the scroll and going to be scrolled to the bottom,
+    // we need to compensate for the potential header bottom border height.
+    if ((0, _element.getMaximumScrollTop)(this.mainTableScrollableElement) === newY - columnHeaderBorderCompensation && columnHeaderBorderCompensation > 0) {
+      this.wot.wtOverlays.expandHiderVerticallyBy(columnHeaderBorderCompensation);
+    }
     return this.setScrollPosition(newY);
   }
 

package/3rdparty/walkontable/src/overlay/top.mjs

@@ -2,7 +2,7 @@ import "core-js/modules/es.error.cause.js";
 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 : String(i); }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { addClass, getScrollbarWidth, getScrollTop, getWindowScrollLeft, hasClass, outerHeight, removeClass, setOverlayPosition, resetCssTransform } from "../../../../helpers/dom/element.mjs";
+import { addClass, getMaximumScrollTop, getScrollbarWidth, getScrollTop, getWindowScrollLeft, hasClass, outerHeight, removeClass, setOverlayPosition, resetCssTransform } from "../../../../helpers/dom/element.mjs";
 import TopOverlayTable from "./../table/top.mjs";
 import { Overlay } from "./_base.mjs";
 import { CORNER_DEFAULT_STYLE } from "../selection/index.mjs";
@@ -255,6 +255,9 @@ export class TopOverlay extends Overlay {
     } = this;
     const sourceInstance = wot.cloneSource ? wot.cloneSource : wot;
     const mainHolder = sourceInstance.wtTable.holder;
+    const columnHeaders = wtSettings.getSetting('columnHeaders');
+    const fixedRowsTop = wtSettings.getSetting('fixedRowsTop');
+    const columnHeaderBorderCompensation = fixedRowsTop === 0 && columnHeaders.length > 0 && !hasClass(mainHolder.parentNode, 'innerBorderTop') ? 1 : 0;
     let newY = this.getTableParentOffset();
     let scrollbarCompensation = 0;
     if (bottomEdge) {
@@ -274,10 +277,18 @@ export class TopOverlay extends Overlay {
       newY -= wot.wtViewport.getViewportHeight() - this.sumCellSizes(totalRows - fixedRowsBottom, totalRows);
       // Fix 1 pixel offset when cell is selected
       newY += 1;
+      // Compensate for the bottom header border if scrolled from the absolute top.
+      newY += columnHeaderBorderCompensation;
     } else {
       newY += this.sumCellSizes(wtSettings.getSetting('fixedRowsTop'), sourceRow);
     }
     newY += scrollbarCompensation;
+
+    // If the table is scrolled all the way up when starting the scroll and going to be scrolled to the bottom,
+    // we need to compensate for the potential header bottom border height.
+    if (getMaximumScrollTop(this.mainTableScrollableElement) === newY - columnHeaderBorderCompensation && columnHeaderBorderCompensation > 0) {
+      this.wot.wtOverlays.expandHiderVerticallyBy(columnHeaderBorderCompensation);
+    }
     return this.setScrollPosition(newY);
   }
 

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

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.array.push.js");
 var _element = require("../../../helpers/dom/element");
 var _feature = require("../../../helpers/feature");
 var _array = require("../../../helpers/array");
@@ -562,13 +562,31 @@ class Overlays {
     const {
       wtTable
     } = this;
+    const {
+      rootWindow
+    } = this.domBindings;
+    const isWindowScrolled = this.scrollableElement === rootWindow;
     const totalColumns = this.wtSettings.getSetting('totalColumns');
     const totalRows = this.wtSettings.getSetting('totalRows');
     const headerRowSize = wtViewport.getRowHeaderWidth();
     const headerColumnSize = wtViewport.getColumnHeaderHeight();
-    const hiderStyle = wtTable.hider.style;
-    hiderStyle.width = `${headerRowSize + this.inlineStartOverlay.sumCellSizes(0, totalColumns)}px`;
-    hiderStyle.height = `${headerColumnSize + this.topOverlay.sumCellSizes(0, totalRows) + 1}px`;
+    const proposedHiderHeight = headerColumnSize + this.topOverlay.sumCellSizes(0, totalRows) + 1;
+    const proposedHiderWidth = headerRowSize + this.inlineStartOverlay.sumCellSizes(0, totalColumns);
+    const hiderElement = wtTable.hider;
+    const hiderStyle = hiderElement.style;
+    const isScrolledBeyondHiderHeight = () => {
+      return isWindowScrolled ? false : this.scrollableElement.scrollTop > Math.max(0, proposedHiderHeight - wtTable.holder.clientHeight);
+    };
+    const isScrolledBeyondHiderWidth = () => {
+      return isWindowScrolled ? false : this.scrollableElement.scrollLeft > Math.max(0, proposedHiderWidth - wtTable.holder.clientWidth);
+    };
+    const columnHeaderBorderCompensation = isScrolledBeyondHiderHeight() ? 1 : 0;
+    const rowHeaderBorderCompensation = isScrolledBeyondHiderWidth() ? 1 : 0;
+
+    // If the elements are being adjusted after scrolling the table from the very beginning to the very end,
+    // we need to adjust the hider dimensions by the header border size. (https://github.com/handsontable/dev-handsontable/issues/1772)
+    hiderStyle.width = `${proposedHiderWidth + rowHeaderBorderCompensation}px`;
+    hiderStyle.height = `${proposedHiderHeight + columnHeaderBorderCompensation}px`;
     if (this.scrollbarSize > 0) {
       // todo refactoring, looking as a part of logic which should be moved outside the class
       const {
@@ -592,6 +610,30 @@ class Overlays {
     this.bottomOverlay.adjustElementsSize(force);
   }
 
+  /**
+   * Expand the hider vertically element by the provided delta value.
+   *
+   * @param {number} heightDelta The delta value to expand the hider element by.
+   */
+  expandHiderVerticallyBy(heightDelta) {
+    const {
+      wtTable
+    } = this;
+    wtTable.hider.style.height = `${parseInt(wtTable.hider.style.height, 10) + heightDelta}px`;
+  }
+
+  /**
+   * Expand the hider horizontally element by the provided delta value.
+   *
+   * @param {number} widthDelta The delta value to expand the hider element by.
+   */
+  expandHiderHorizontallyBy(widthDelta) {
+    const {
+      wtTable
+    } = this;
+    wtTable.hider.style.width = `${parseInt(wtTable.hider.style.width, 10) + widthDelta}px`;
+  }
+
   /**
    *
    */

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

@@ -1,5 +1,5 @@
-import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.error.cause.js";
+import "core-js/modules/es.array.push.js";
 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 : String(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); }
@@ -559,13 +559,31 @@ class Overlays {
     const {
       wtTable
     } = this;
+    const {
+      rootWindow
+    } = this.domBindings;
+    const isWindowScrolled = this.scrollableElement === rootWindow;
     const totalColumns = this.wtSettings.getSetting('totalColumns');
     const totalRows = this.wtSettings.getSetting('totalRows');
     const headerRowSize = wtViewport.getRowHeaderWidth();
     const headerColumnSize = wtViewport.getColumnHeaderHeight();
-    const hiderStyle = wtTable.hider.style;
-    hiderStyle.width = `${headerRowSize + this.inlineStartOverlay.sumCellSizes(0, totalColumns)}px`;
-    hiderStyle.height = `${headerColumnSize + this.topOverlay.sumCellSizes(0, totalRows) + 1}px`;
+    const proposedHiderHeight = headerColumnSize + this.topOverlay.sumCellSizes(0, totalRows) + 1;
+    const proposedHiderWidth = headerRowSize + this.inlineStartOverlay.sumCellSizes(0, totalColumns);
+    const hiderElement = wtTable.hider;
+    const hiderStyle = hiderElement.style;
+    const isScrolledBeyondHiderHeight = () => {
+      return isWindowScrolled ? false : this.scrollableElement.scrollTop > Math.max(0, proposedHiderHeight - wtTable.holder.clientHeight);
+    };
+    const isScrolledBeyondHiderWidth = () => {
+      return isWindowScrolled ? false : this.scrollableElement.scrollLeft > Math.max(0, proposedHiderWidth - wtTable.holder.clientWidth);
+    };
+    const columnHeaderBorderCompensation = isScrolledBeyondHiderHeight() ? 1 : 0;
+    const rowHeaderBorderCompensation = isScrolledBeyondHiderWidth() ? 1 : 0;
+
+    // If the elements are being adjusted after scrolling the table from the very beginning to the very end,
+    // we need to adjust the hider dimensions by the header border size. (https://github.com/handsontable/dev-handsontable/issues/1772)
+    hiderStyle.width = `${proposedHiderWidth + rowHeaderBorderCompensation}px`;
+    hiderStyle.height = `${proposedHiderHeight + columnHeaderBorderCompensation}px`;
     if (this.scrollbarSize > 0) {
       // todo refactoring, looking as a part of logic which should be moved outside the class
       const {
@@ -589,6 +607,30 @@ class Overlays {
     this.bottomOverlay.adjustElementsSize(force);
   }
 
+  /**
+   * Expand the hider vertically element by the provided delta value.
+   *
+   * @param {number} heightDelta The delta value to expand the hider element by.
+   */
+  expandHiderVerticallyBy(heightDelta) {
+    const {
+      wtTable
+    } = this;
+    wtTable.hider.style.height = `${parseInt(wtTable.hider.style.height, 10) + heightDelta}px`;
+  }
+
+  /**
+   * Expand the hider horizontally element by the provided delta value.
+   *
+   * @param {number} widthDelta The delta value to expand the hider element by.
+   */
+  expandHiderHorizontallyBy(widthDelta) {
+    const {
+      wtTable
+    } = this;
+    wtTable.hider.style.width = `${parseInt(wtTable.hider.style.width, 10) + widthDelta}px`;
+  }
+
   /**
    *
    */