handsontable 14.6.1 → 15.0.0-next-fdd4480-20241205

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

@@ -1,8 +1,8 @@
-import { addClass, hasClass, removeClass, getComputedStyle, getTrimmingContainer, innerWidth, innerHeight, offset, outerHeight, outerWidth } from "../../../../../helpers/dom/element.mjs";
+import { addClass, hasClass, removeClass, getTrimmingContainer, innerWidth, innerHeight, offset, outerHeight, outerWidth } from "../../../../../helpers/dom/element.mjs";
 import { stopImmediatePropagation } from "../../../../../helpers/dom/event.mjs";
 import { objectEach } from "../../../../../helpers/object.mjs";
 import { isMobileBrowser } from "../../../../../helpers/browser.mjs";
-import { CORNER_DEFAULT_STYLE } from "./constants.mjs";
+import { getCornerStyle } from "./utils.mjs";
 /**
  *
  */
@@ -32,9 +32,9 @@ class Border {
     this.bottomStyle = null;
     this.startStyle = null;
     this.endStyle = null;
-    this.cornerDefaultStyle = CORNER_DEFAULT_STYLE;
+    this.cornerDefaultStyle = getCornerStyle(this.instance);
     // Offset to moving the corner to be centered relative to the grid.
-    this.cornerCenterPointOffset = -(parseInt(this.cornerDefaultStyle.width, 10) / 2);
+    this.cornerCenterPointOffset = -Math.ceil(parseInt(this.cornerDefaultStyle.width, 10) / 2);
     this.corner = null;
     this.cornerStyle = null;
     this.createBorders(settings);
@@ -163,9 +163,9 @@ class Border {
     this.corner = this.main.childNodes[4];
     this.corner.className += ' corner';
     this.cornerStyle = this.corner.style;
-    this.cornerStyle.width = this.cornerDefaultStyle.width;
-    this.cornerStyle.height = this.cornerDefaultStyle.height;
-    this.cornerStyle.border = [this.cornerDefaultStyle.borderWidth, this.cornerDefaultStyle.borderStyle, this.cornerDefaultStyle.borderColor].join(' ');
+    this.cornerStyle.width = `${this.cornerDefaultStyle.width}px`;
+    this.cornerStyle.height = `${this.cornerDefaultStyle.height}px`;
+    this.cornerStyle.border = [`${this.cornerDefaultStyle.borderWidth}px`, this.cornerDefaultStyle.borderStyle, this.cornerDefaultStyle.borderColor].join(' ');
     if (isMobileBrowser() && this.instance.getSetting('isDataViewInstance')) {
       this.createMultipleSelectorHandles();
     }
@@ -319,66 +319,52 @@ class Border {
     if (this.disabled) {
       return;
     }
+    let [fromRow, fromColumn, toRow, toColumn] = corners;
+
+    // borders can not be rendered on headers so hide them
+    if (fromRow < 0 && toRow < 0 || fromColumn < 0 && toColumn < 0) {
+      this.disappear();
+      return;
+    }
     const {
       wtTable,
       rootDocument,
       rootWindow
-    } = this.wot; // todo refactoring: consider about using internal facade (it is given by external code)
-    let fromRow;
-    let toRow;
-    let fromColumn;
-    let toColumn;
-    let rowHeader;
-    let columnHeader;
-    const rowsCount = wtTable.getRenderedRowsCount();
-    for (let i = 0; i < rowsCount; i += 1) {
-      const s = wtTable.rowFilter.renderedToSource(i);
-      if (s >= corners[0] && s <= corners[2]) {
-        fromRow = s;
-        rowHeader = corners[0];
-        break;
-      }
-    }
-    for (let i = rowsCount - 1; i >= 0; i -= 1) {
-      const s = wtTable.rowFilter.renderedToSource(i);
-      if (s >= corners[0] && s <= corners[2]) {
-        toRow = s;
-        break;
-      }
-    }
-    const columnsCount = wtTable.getRenderedColumnsCount();
-    for (let i = 0; i < columnsCount; i += 1) {
-      const s = wtTable.columnFilter.renderedToSource(i);
-      if (s >= corners[1] && s <= corners[3]) {
-        fromColumn = s;
-        columnHeader = corners[1];
-        break;
+    } = this.wot;
+    const isMultiple = fromRow !== toRow || fromColumn !== toColumn;
+    const firstRenderedRow = wtTable.getFirstRenderedRow();
+    const lastRenderedRow = wtTable.getLastRenderedRow();
+    const firstRenderedColumn = wtTable.getFirstRenderedColumn();
+    const lastRenderedColumn = wtTable.getLastRenderedColumn();
+    let fromTD;
+    if (isMultiple) {
+      fromColumn = Math.max(fromColumn, firstRenderedColumn);
+      toColumn = Math.min(toColumn, lastRenderedColumn);
+      fromRow = Math.max(fromRow, firstRenderedRow);
+      toRow = Math.min(toRow, lastRenderedRow);
+      if (toColumn < fromColumn || toRow < fromRow) {
+        this.disappear();
+        return;
       }
-    }
-    for (let i = columnsCount - 1; i >= 0; i -= 1) {
-      const s = wtTable.columnFilter.renderedToSource(i);
-      if (s >= corners[1] && s <= corners[3]) {
-        toColumn = s;
-        break;
+      fromTD = wtTable.getCell(this.wot.createCellCoords(fromRow, fromColumn));
+    } else {
+      fromTD = wtTable.getCell(this.wot.createCellCoords(fromRow, fromColumn));
+      if (!(fromTD instanceof HTMLElement)) {
+        this.disappear();
+        return;
       }
     }
-    if (fromRow === undefined || fromColumn === undefined) {
-      this.disappear();
-      return;
-    }
-    let fromTD = wtTable.getCell(this.wot.createCellCoords(fromRow, fromColumn));
-    const isMultiple = fromRow !== toRow || fromColumn !== toColumn;
     const toTD = isMultiple ? wtTable.getCell(this.wot.createCellCoords(toRow, toColumn)) : fromTD;
     const fromOffset = offset(fromTD);
     const toOffset = isMultiple ? offset(toTD) : fromOffset;
     const containerOffset = offset(wtTable.TABLE);
-    const containerWidth = outerWidth(wtTable.TABLE);
     const minTop = fromOffset.top;
     const minLeft = fromOffset.left;
     const isRtl = this.wot.wtSettings.getSetting('rtlMode');
     let inlineStartPos = 0;
     let width = 0;
     if (isRtl) {
+      const containerWidth = outerWidth(wtTable.TABLE);
       const fromWidth = outerWidth(fromTD);
       const gridRightPos = rootWindow.innerWidth - containerOffset.left - containerWidth;
       width = minLeft + fromWidth - toOffset.left;
@@ -388,6 +374,7 @@ class Border {
       inlineStartPos = minLeft - containerOffset.left - 1;
     }
     if (this.isEntireColumnSelected(fromRow, toRow)) {
+      const rowHeader = fromRow;
       const modifiedValues = this.getDimensionsFromHeader('columns', fromColumn, toColumn, rowHeader, containerOffset);
       let fromTH = null;
       if (modifiedValues) {
@@ -400,6 +387,7 @@ class Border {
     let top = minTop - containerOffset.top - 1;
     let height = toOffset.top + outerHeight(toTD) - minTop;
     if (this.isEntireRowSelected(fromColumn, toColumn)) {
+      const columnHeader = fromColumn;
       const modifiedValues = this.getDimensionsFromHeader('rows', fromRow, toRow, columnHeader, containerOffset);
       let fromTH = null;
       if (modifiedValues) {
@@ -409,7 +397,7 @@ class Border {
         fromTD = fromTH;
       }
     }
-    const style = getComputedStyle(fromTD, rootWindow);
+    const style = rootWindow.getComputedStyle(fromTD);
     if (parseInt(style.borderTopWidth, 10) > 0) {
       top += 1;
       height = height > 0 ? height - 1 : 0;
@@ -438,7 +426,7 @@ class Border {
     this.endStyle.display = 'block';
     let cornerVisibleSetting = this.settings.border.cornerVisible;
     cornerVisibleSetting = typeof cornerVisibleSetting === 'function' ? cornerVisibleSetting(this.settings.layerLevel) : cornerVisibleSetting;
-    const hookResult = this.wot.getSetting('onModifyGetCellCoords', toRow, toColumn);
+    const hookResult = this.wot.getSetting('onModifyGetCellCoords', toRow, toColumn, false, 'render');
     let [checkRow, checkCol] = [toRow, toColumn];
     if (hookResult && Array.isArray(hookResult)) {
       [,, checkRow, checkCol] = hookResult;
@@ -446,9 +434,11 @@ class Border {
     if (isMobileBrowser() || !cornerVisibleSetting || this.isPartRange(checkRow, checkCol)) {
       this.cornerStyle.display = 'none';
     } else {
-      this.cornerStyle.top = `${top + height + this.cornerCenterPointOffset - 1}px`;
-      this.cornerStyle[inlinePosProperty] = `${inlineStartPos + width + this.cornerCenterPointOffset - 1}px`;
-      this.cornerStyle.borderRightWidth = this.cornerDefaultStyle.borderWidth;
+      this.cornerStyle.top = `${top + height + this.cornerCenterPointOffset - this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle[inlinePosProperty] = `${inlineStartPos + width + this.cornerCenterPointOffset - this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle.borderRightWidth = `${this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle.borderLeftWidth = `${this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle.borderBottomWidth = `${this.cornerDefaultStyle.borderWidth}px`;
       this.cornerStyle.width = this.cornerDefaultStyle.width;
 
       // Hide the fill handle, so the possible further adjustments won't force unneeded scrollbars.
@@ -458,8 +448,12 @@ class Border {
       if (trimToWindow) {
         trimmingContainer = rootDocument.documentElement;
       }
-      const cornerHalfWidth = parseInt(this.cornerDefaultStyle.width, 10) / 2;
-      const cornerHalfHeight = parseInt(this.cornerDefaultStyle.height, 10) / 2;
+
+      // -1 was initially removed from the base position to compansate for the table border. We need to exclude it from
+      // the corner width.
+      const cornerBorderCompensation = parseInt(this.cornerDefaultStyle.borderWidth, 10) - 1;
+      const cornerHalfWidth = Math.ceil(parseInt(this.cornerDefaultStyle.width, 10) / 2);
+      const cornerHalfHeight = Math.ceil(parseInt(this.cornerDefaultStyle.height, 10) / 2);
       if (toColumn === this.wot.getSetting('totalColumns') - 1) {
         const toTdOffsetLeft = trimToWindow ? toTD.getBoundingClientRect().left : toTD.offsetLeft;
         let cornerOverlappingContainer = false;
@@ -472,7 +466,7 @@ class Border {
           cornerOverlappingContainer = cornerEdge >= innerWidth(trimmingContainer);
         }
         if (cornerOverlappingContainer) {
-          this.cornerStyle[inlinePosProperty] = `${Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth)}px`;
+          this.cornerStyle[inlinePosProperty] = `${Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth - cornerBorderCompensation)}px`;
           this.cornerStyle[isRtl ? 'borderLeftWidth' : 'borderRightWidth'] = 0;
         }
       }
@@ -481,7 +475,7 @@ class Border {
         const cornerBottomEdge = toTdOffsetTop + outerHeight(toTD) + parseInt(this.cornerDefaultStyle.height, 10) / 2;
         const cornerOverlappingContainer = cornerBottomEdge >= innerHeight(trimmingContainer);
         if (cornerOverlappingContainer) {
-          this.cornerStyle.top = `${Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight)}px`;
+          this.cornerStyle.top = `${Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight - cornerBorderCompensation)}px`;
           this.cornerStyle.borderBottomWidth = 0;
         }
       }

package/3rdparty/walkontable/src/selection/border/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+const getCornerStyle = wot => {
+  const stylesHandler = wot.stylesHandler;
+  if (stylesHandler.isClassicTheme()) {
+    return Object.freeze({
+      width: 6,
+      height: 6,
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: '#FFF'
+    });
+  }
+  const cornerSizeFromVar = stylesHandler.getCSSVariableValue('cell-autofill-size');
+  const cornerBorderWidthFromVar = stylesHandler.getCSSVariableValue('cell-autofill-border-width');
+  const cornerColorFromVar = stylesHandler.getCSSVariableValue('cell-autofill-border-color');
+  return Object.freeze({
+    width: cornerSizeFromVar,
+    height: cornerSizeFromVar,
+    borderWidth: cornerBorderWidthFromVar,
+    borderStyle: 'solid',
+    borderColor: cornerColorFromVar
+  });
+};
+exports.getCornerStyle = getCornerStyle;

package/3rdparty/walkontable/src/selection/border/utils.mjs

@@ -0,0 +1,22 @@
+export const getCornerStyle = wot => {
+  const stylesHandler = wot.stylesHandler;
+  if (stylesHandler.isClassicTheme()) {
+    return Object.freeze({
+      width: 6,
+      height: 6,
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: '#FFF'
+    });
+  }
+  const cornerSizeFromVar = stylesHandler.getCSSVariableValue('cell-autofill-size');
+  const cornerBorderWidthFromVar = stylesHandler.getCSSVariableValue('cell-autofill-border-width');
+  const cornerColorFromVar = stylesHandler.getCSSVariableValue('cell-autofill-border-color');
+  return Object.freeze({
+    width: cornerSizeFromVar,
+    height: cornerSizeFromVar,
+    borderWidth: cornerBorderWidthFromVar,
+    borderStyle: 'solid',
+    borderColor: cornerColorFromVar
+  });
+};

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

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 exports.__esModule = true;
 var _exportNames = {
   SelectionManager: true,
@@ -14,12 +16,12 @@ Object.keys(_constants).forEach(function (key) {
   if (key in exports && exports[key] === _constants[key]) return;
   exports[key] = _constants[key];
 });
-var _constants2 = require("./border/constants");
-Object.keys(_constants2).forEach(function (key) {
+var _utils = require("./border/utils");
+Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _constants2[key]) return;
-  exports[key] = _constants2[key];
+  if (key in exports && exports[key] === _utils[key]) return;
+  exports[key] = _utils[key];
 });
 var _manager = require("./manager");
 exports.SelectionManager = _manager.SelectionManager;

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

@@ -1,5 +1,5 @@
 import Selection from "./selection.mjs";
 export * from "./constants.mjs";
-export * from "./border/constants.mjs";
+export * from "./border/utils.mjs";
 export { SelectionManager } from "./manager.mjs";
 export { Selection };

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

@@ -11,6 +11,9 @@ require("core-js/modules/es.set.is-subset-of.v2.js");
 require("core-js/modules/es.set.is-superset-of.v2.js");
 require("core-js/modules/es.set.symmetric-difference.v2.js");
 require("core-js/modules/es.set.union.v2.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _element = require("../../../../helpers/dom/element");
 var _scanner2 = require("./scanner");
 var _border = _interopRequireDefault(require("./border/border"));

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

@@ -8,6 +8,9 @@ import "core-js/modules/es.set.is-subset-of.v2.js";
 import "core-js/modules/es.set.is-superset-of.v2.js";
 import "core-js/modules/es.set.symmetric-difference.v2.js";
 import "core-js/modules/es.set.union.v2.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/esnext.iterator.map.js";
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }

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

@@ -195,21 +195,18 @@ class SelectionScanner {
    * @param {function(HTMLTableElement): void} callback The callback function to trigger.
    */
   scanCellsRange(callback) {
-    const [topRow, topColumn, bottomRow, bottomColumn] = _classPrivateFieldGet(_selection, this).getCorners();
     const {
       wtTable
     } = _classPrivateFieldGet(_activeOverlaysWot, this);
     _assertClassBrand(_SelectionScanner_brand, this, _scanCellsRange).call(this, (sourceRow, sourceColumn) => {
-      if (sourceRow >= topRow && sourceRow <= bottomRow && sourceColumn >= topColumn && sourceColumn <= bottomColumn) {
-        const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(sourceRow, sourceColumn));
+      const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(sourceRow, sourceColumn));
 
-        // support for old API
-        const additionalSelectionClass = _classPrivateFieldGet(_activeOverlaysWot, this).getSetting('onAfterDrawSelection', sourceRow, sourceColumn, _classPrivateFieldGet(_selection, this).settings.layerLevel);
-        if (typeof additionalSelectionClass === 'string') {
-          (0, _element.addClass)(cell, additionalSelectionClass);
-        }
-        callback(cell);
+      // support for old API
+      const additionalSelectionClass = _classPrivateFieldGet(_activeOverlaysWot, this).getSetting('onAfterDrawSelection', sourceRow, sourceColumn, _classPrivateFieldGet(_selection, this).settings.layerLevel);
+      if (typeof additionalSelectionClass === 'string') {
+        (0, _element.addClass)(cell, additionalSelectionClass);
       }
+      callback(cell);
     });
   }
 
@@ -225,7 +222,7 @@ class SelectionScanner {
     const {
       wtTable
     } = _classPrivateFieldGet(_activeOverlaysWot, this);
-    _assertClassBrand(_SelectionScanner_brand, this, _scanCellsRange).call(this, (sourceRow, sourceColumn) => {
+    _assertClassBrand(_SelectionScanner_brand, this, _scanViewportRange).call(this, (sourceRow, sourceColumn) => {
       if (sourceRow >= topRow && sourceRow <= bottomRow) {
         const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(sourceRow, sourceColumn));
         callback(cell);
@@ -244,7 +241,7 @@ class SelectionScanner {
     const {
       wtTable
     } = _classPrivateFieldGet(_activeOverlaysWot, this);
-    _assertClassBrand(_SelectionScanner_brand, this, _scanCellsRange).call(this, (sourceRow, sourceColumn) => {
+    _assertClassBrand(_SelectionScanner_brand, this, _scanViewportRange).call(this, (sourceRow, sourceColumn) => {
       if (sourceColumn >= topColumn && sourceColumn <= bottomColumn) {
         const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(sourceRow, sourceColumn));
         callback(cell);
@@ -254,6 +251,44 @@ class SelectionScanner {
 }
 exports.SelectionScanner = SelectionScanner;
 function _scanCellsRange(callback) {
+  let [topRow, startColumn, bottomRow, endColumn] = _classPrivateFieldGet(_selection, this).getCorners();
+  if (topRow < 0 && bottomRow < 0 || startColumn < 0 && endColumn < 0) {
+    return;
+  }
+  const {
+    wtTable
+  } = _classPrivateFieldGet(_activeOverlaysWot, this);
+  const isMultiple = topRow !== bottomRow || startColumn !== endColumn;
+  startColumn = Math.max(startColumn, 0);
+  endColumn = Math.max(endColumn, 0);
+  topRow = Math.max(topRow, 0);
+  bottomRow = Math.max(bottomRow, 0);
+  if (isMultiple) {
+    startColumn = Math.max(startColumn, wtTable.getFirstRenderedColumn());
+    endColumn = Math.min(endColumn, wtTable.getLastRenderedColumn());
+    topRow = Math.max(topRow, wtTable.getFirstRenderedRow());
+    bottomRow = Math.min(bottomRow, wtTable.getLastRenderedRow());
+    if (endColumn < startColumn || bottomRow < topRow) {
+      return;
+    }
+  } else {
+    const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(topRow, startColumn));
+    if (!(cell instanceof HTMLElement)) {
+      return;
+    }
+  }
+  for (let row = topRow; row <= bottomRow; row += 1) {
+    for (let column = startColumn; column <= endColumn; column += 1) {
+      callback(row, column);
+    }
+  }
+}
+/**
+ * The method triggers a callback for each rendered cell including headers.
+ *
+ * @param {function(number, number): void} callback The callback function to trigger.
+ */
+function _scanViewportRange(callback) {
   const {
     wtTable
   } = _classPrivateFieldGet(_activeOverlaysWot, this);

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

@@ -193,21 +193,18 @@ export class SelectionScanner {
    * @param {function(HTMLTableElement): void} callback The callback function to trigger.
    */
   scanCellsRange(callback) {
-    const [topRow, topColumn, bottomRow, bottomColumn] = _classPrivateFieldGet(_selection, this).getCorners();
     const {
       wtTable
     } = _classPrivateFieldGet(_activeOverlaysWot, this);
     _assertClassBrand(_SelectionScanner_brand, this, _scanCellsRange).call(this, (sourceRow, sourceColumn) => {
-      if (sourceRow >= topRow && sourceRow <= bottomRow && sourceColumn >= topColumn && sourceColumn <= bottomColumn) {
-        const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(sourceRow, sourceColumn));
+      const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(sourceRow, sourceColumn));
 
-        // support for old API
-        const additionalSelectionClass = _classPrivateFieldGet(_activeOverlaysWot, this).getSetting('onAfterDrawSelection', sourceRow, sourceColumn, _classPrivateFieldGet(_selection, this).settings.layerLevel);
-        if (typeof additionalSelectionClass === 'string') {
-          addClass(cell, additionalSelectionClass);
-        }
-        callback(cell);
+      // support for old API
+      const additionalSelectionClass = _classPrivateFieldGet(_activeOverlaysWot, this).getSetting('onAfterDrawSelection', sourceRow, sourceColumn, _classPrivateFieldGet(_selection, this).settings.layerLevel);
+      if (typeof additionalSelectionClass === 'string') {
+        addClass(cell, additionalSelectionClass);
       }
+      callback(cell);
     });
   }
 
@@ -223,7 +220,7 @@ export class SelectionScanner {
     const {
       wtTable
     } = _classPrivateFieldGet(_activeOverlaysWot, this);
-    _assertClassBrand(_SelectionScanner_brand, this, _scanCellsRange).call(this, (sourceRow, sourceColumn) => {
+    _assertClassBrand(_SelectionScanner_brand, this, _scanViewportRange).call(this, (sourceRow, sourceColumn) => {
       if (sourceRow >= topRow && sourceRow <= bottomRow) {
         const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(sourceRow, sourceColumn));
         callback(cell);
@@ -242,7 +239,7 @@ export class SelectionScanner {
     const {
       wtTable
     } = _classPrivateFieldGet(_activeOverlaysWot, this);
-    _assertClassBrand(_SelectionScanner_brand, this, _scanCellsRange).call(this, (sourceRow, sourceColumn) => {
+    _assertClassBrand(_SelectionScanner_brand, this, _scanViewportRange).call(this, (sourceRow, sourceColumn) => {
       if (sourceColumn >= topColumn && sourceColumn <= bottomColumn) {
         const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(sourceRow, sourceColumn));
         callback(cell);
@@ -251,6 +248,44 @@ export class SelectionScanner {
   }
 }
 function _scanCellsRange(callback) {
+  let [topRow, startColumn, bottomRow, endColumn] = _classPrivateFieldGet(_selection, this).getCorners();
+  if (topRow < 0 && bottomRow < 0 || startColumn < 0 && endColumn < 0) {
+    return;
+  }
+  const {
+    wtTable
+  } = _classPrivateFieldGet(_activeOverlaysWot, this);
+  const isMultiple = topRow !== bottomRow || startColumn !== endColumn;
+  startColumn = Math.max(startColumn, 0);
+  endColumn = Math.max(endColumn, 0);
+  topRow = Math.max(topRow, 0);
+  bottomRow = Math.max(bottomRow, 0);
+  if (isMultiple) {
+    startColumn = Math.max(startColumn, wtTable.getFirstRenderedColumn());
+    endColumn = Math.min(endColumn, wtTable.getLastRenderedColumn());
+    topRow = Math.max(topRow, wtTable.getFirstRenderedRow());
+    bottomRow = Math.min(bottomRow, wtTable.getLastRenderedRow());
+    if (endColumn < startColumn || bottomRow < topRow) {
+      return;
+    }
+  } else {
+    const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(topRow, startColumn));
+    if (!(cell instanceof HTMLElement)) {
+      return;
+    }
+  }
+  for (let row = topRow; row <= bottomRow; row += 1) {
+    for (let column = startColumn; column <= endColumn; column += 1) {
+      callback(row, column);
+    }
+  }
+}
+/**
+ * The method triggers a callback for each rendered cell including headers.
+ *
+ * @param {function(number, number): void} callback The callback function to trigger.
+ */
+function _scanViewportRange(callback) {
   const {
     wtTable
   } = _classPrivateFieldGet(_activeOverlaysWot, this);

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

@@ -19,12 +19,10 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @property {Option} currentRowClassName Option `currentRowClassName`.
  * @property {Option} data Option `data`.
  * @property {Option} defaultColumnWidth Option `defaultColumnWidth`.
- * @property {Option} defaultRowHeight Option `defaultRowHeight`.
  * @property {Option} externalRowCalculator Option `externalRowCalculator`.
  * @property {Option} fixedColumnsStart Option `fixedColumnsStart`.
  * @property {Option} fixedRowsBottom Option `fixedRowsBottom`.
  * @property {Option} fixedRowsTop Option `fixedRowsTop`.
- * @property {Option} freezeOverlays Option `freezeOverlays`.
  * @property {Option} groups Option `groups`.
  * @property {Option} hideBorderOnMouseDownOver Option `hideBorderOnMouseDownOver`.
  * @property {Option} isRtl Option `isRtl`.
@@ -33,7 +31,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @property {Option} onBeforeHighlightingColumnHeader Option `onBeforeHighlightingColumnHeader`.
  * @property {Option} onBeforeHighlightingRowHeader Option `onBeforeHighlightingRowHeader`.
  * @property {Option} onBeforeRemoveCellClassNames Option `onBeforeRemoveCellClassNames`.
- * @property {Option} onBeforeStretchingColumnWidth Option `onBeforeStretchingColumnWidth`.
  * @property {Option} preventOverflow Option `preventOverflow`.
  * @property {Option} preventWheel Option `preventWheel`.
  * @property {Option} renderAllColumns Option `renderAllColumns`.
@@ -44,7 +41,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @property {Option} shouldRenderBottomOverlay Option `shouldRenderBottomOverlay`.
  * @property {Option} shouldRenderInlineStartOverlay Option `shouldRenderInlineStartOverlay`.
  * @property {Option} shouldRenderTopOverlay Option `shouldRenderTopOverlay`.
- * @property {Option} stretchH Option `stretchH`.
  * @property {Option} table Option `table`.
  * @property {Option} totalColumns Option `totalColumns`.
  * @property {Option} totalRows Option `totalRows`.
@@ -66,6 +62,8 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @property {?Option} onCellMouseUp Option `onCellMouseUp`.
  * @property {?Option} onDraw Option `onDraw`.
  * @property {?Option} onModifyGetCellCoords Option `onModifyGetCellCoords`.
+ * @property {?Option} onModifyGetCoordsElement Option `onModifyGetCoordsElement`.
+ * @property {?Option} onModifyGetCoords Option `onModifyGetCoords`.
  * @property {?Option} onModifyRowHeaderWidth Option `onModifyRowHeaderWidth`.
  * @property {?Option} onBeforeViewportScrollHorizontally Option `onBeforeViewportScrollHorizontally`.
  * @property {?Option} onBeforeViewportScrollVertically Option `onBeforeViewportScrollVertically`.
@@ -76,6 +74,8 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @property {?Option} selections Option `selections`.
  * @property {?Option} viewportColumnCalculatorOverride Option `viewportColumnCalculatorOverride`.
  * @property {?Option} viewportRowCalculatorOverride Option `viewportRowCalculatorOverride`.
+ * @property {?Option} viewportColumnRenderingThreshold Option `viewportColumnRenderingThreshold`.
+ * @property {?Option} viewportRowRenderingThreshold Option `viewportRowRenderingThreshold`.
  */
 
 /**
@@ -133,8 +133,6 @@ class Settings {
       isDataViewInstance: true,
       // presentation mode
       externalRowCalculator: false,
-      stretchH: 'none',
-      // values: all, last, none
       currentRowClassName: null,
       currentColumnClassName: null,
       preventOverflow() {
@@ -143,7 +141,6 @@ class Settings {
       preventWheel: false,
       // data source
       data: undefined,
-      freezeOverlays: false,
       // Number of renderable columns for the left overlay.
       fixedColumnsStart: 0,
       // Number of renderable rows for the top overlay.
@@ -187,12 +184,13 @@ class Settings {
       rowHeightByOverlayName() {
         // return undefined means use default size for the rendered cell content
       },
-      defaultRowHeight: 23,
       defaultColumnWidth: 50,
       selections: null,
       hideBorderOnMouseDownOver: false,
       viewportRowCalculatorOverride: null,
       viewportColumnCalculatorOverride: null,
+      viewportRowRenderingThreshold: null,
+      viewportColumnRenderingThreshold: null,
       // callbacks
       onCellMouseDown: null,
       onCellContextMenu: null,
@@ -217,9 +215,10 @@ class Settings {
       //
       onBeforeTouchScroll: null,
       onAfterMomentumScroll: null,
-      onBeforeStretchingColumnWidth: width => width,
       onModifyRowHeaderWidth: null,
       onModifyGetCellCoords: null,
+      onModifyGetCoordsElement: null,
+      onModifyGetCoords: null,
       onBeforeHighlightingRowHeader: sourceRow => sourceRow,
       onBeforeHighlightingColumnHeader: sourceCol => sourceCol,
       onWindowResize: null,