handsontable 14.6.1 → 15.0.0-next-4472a60-20241203

package/3rdparty/walkontable/src/calculator/calculationType/renderedColumns.js

@@ -1,11 +1,30 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 var _partiallyVisibleColumns = require("./partiallyVisibleColumns");
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
 /**
  * @class RenderedColumnsCalculationType
  */
 class RenderedColumnsCalculationType extends _partiallyVisibleColumns.PartiallyVisibleColumnsCalculationType {
+  constructor() {
+    super(...arguments);
+    /**
+     * The property holds the offset applied in the `overrideFn` function to the `startColumn` value.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "columnStartOffset", 0);
+    /**
+     * The property holds the offset applied in the `overrideFn` function to the `endColumn` value.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "columnEndOffset", 0);
+  }
   /**
    * Finalizes the calculation.
    *
@@ -20,7 +39,11 @@ class RenderedColumnsCalculationType extends _partiallyVisibleColumns.PartiallyV
       startPositions
     } = viewportCalculator;
     if (this.startColumn !== null && typeof overrideFn === 'function') {
+      const startColumn = this.startColumn;
+      const endColumn = this.endColumn;
       overrideFn(this);
+      this.columnStartOffset = startColumn - this.startColumn;
+      this.columnEndOffset = this.endColumn - endColumn;
     }
     if (this.startColumn < 0) {
       this.startColumn = 0;

package/3rdparty/walkontable/src/calculator/calculationType/renderedColumns.mjs

@@ -1,8 +1,27 @@
+import "core-js/modules/es.error.cause.js";
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
 import { PartiallyVisibleColumnsCalculationType } from "./partiallyVisibleColumns.mjs";
 /**
  * @class RenderedColumnsCalculationType
  */
 export class RenderedColumnsCalculationType extends PartiallyVisibleColumnsCalculationType {
+  constructor() {
+    super(...arguments);
+    /**
+     * The property holds the offset applied in the `overrideFn` function to the `startColumn` value.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "columnStartOffset", 0);
+    /**
+     * The property holds the offset applied in the `overrideFn` function to the `endColumn` value.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "columnEndOffset", 0);
+  }
   /**
    * Finalizes the calculation.
    *
@@ -17,7 +36,11 @@ export class RenderedColumnsCalculationType extends PartiallyVisibleColumnsCalcu
       startPositions
     } = viewportCalculator;
     if (this.startColumn !== null && typeof overrideFn === 'function') {
+      const startColumn = this.startColumn;
+      const endColumn = this.endColumn;
       overrideFn(this);
+      this.columnStartOffset = startColumn - this.startColumn;
+      this.columnEndOffset = this.endColumn - endColumn;
     }
     if (this.startColumn < 0) {
       this.startColumn = 0;

package/3rdparty/walkontable/src/calculator/calculationType/renderedRows.js

@@ -1,11 +1,30 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 var _partiallyVisibleRows = require("./partiallyVisibleRows");
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
 /**
  * @class RenderedRowsCalculationType
  */
 class RenderedRowsCalculationType extends _partiallyVisibleRows.PartiallyVisibleRowsCalculationType {
+  constructor() {
+    super(...arguments);
+    /**
+     * The property holds the offset applied in the `overrideFn` function to the `startColumn` value.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "rowStartOffset", 0);
+    /**
+     * The property holds the offset applied in the `overrideFn` function to the `endColumn` value.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "rowEndOffset", 0);
+  }
   /**
    * Finalizes the calculation.
    *
@@ -20,7 +39,11 @@ class RenderedRowsCalculationType extends _partiallyVisibleRows.PartiallyVisible
       startPositions
     } = viewportCalculator;
     if (this.startRow !== null && typeof overrideFn === 'function') {
+      const startRow = this.startRow;
+      const endRow = this.endRow;
       overrideFn(this);
+      this.rowStartOffset = startRow - this.startRow;
+      this.rowEndOffset = this.endRow - endRow;
     }
     if (this.startRow < 0) {
       this.startRow = 0;

package/3rdparty/walkontable/src/calculator/calculationType/renderedRows.mjs

@@ -1,8 +1,27 @@
+import "core-js/modules/es.error.cause.js";
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
 import { PartiallyVisibleRowsCalculationType } from "./partiallyVisibleRows.mjs";
 /**
  * @class RenderedRowsCalculationType
  */
 export class RenderedRowsCalculationType extends PartiallyVisibleRowsCalculationType {
+  constructor() {
+    super(...arguments);
+    /**
+     * The property holds the offset applied in the `overrideFn` function to the `startColumn` value.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "rowStartOffset", 0);
+    /**
+     * The property holds the offset applied in the `overrideFn` function to the `endColumn` value.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "rowEndOffset", 0);
+  }
   /**
    * Finalizes the calculation.
    *
@@ -17,7 +36,11 @@ export class RenderedRowsCalculationType extends PartiallyVisibleRowsCalculation
       startPositions
     } = viewportCalculator;
     if (this.startRow !== null && typeof overrideFn === 'function') {
+      const startRow = this.startRow;
+      const endRow = this.endRow;
       overrideFn(this);
+      this.rowStartOffset = startRow - this.startRow;
+      this.rowEndOffset = this.endRow - endRow;
     }
     if (this.startRow < 0) {
       this.startRow = 0;

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

@@ -21,5 +21,4 @@ var _viewportColumns = require("./viewportColumns");
 exports.ViewportColumnsCalculator = _viewportColumns.ViewportColumnsCalculator;
 exports.DEFAULT_COLUMN_WIDTH = _viewportColumns.DEFAULT_WIDTH;
 var _viewportRows = require("./viewportRows");
-exports.ViewportRowsCalculator = _viewportRows.ViewportRowsCalculator;
-exports.DEFAULT_ROW_HEIGHT = _viewportRows.DEFAULT_HEIGHT;
+exports.ViewportRowsCalculator = _viewportRows.ViewportRowsCalculator;

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

@@ -7,5 +7,5 @@ import { RenderedAllRowsCalculationType } from "./calculationType/renderedAllRow
 import { RenderedColumnsCalculationType } from "./calculationType/renderedColumns.mjs";
 import { RenderedRowsCalculationType } from "./calculationType/renderedRows.mjs";
 import { ViewportColumnsCalculator, DEFAULT_WIDTH } from "./viewportColumns.mjs";
-import { ViewportRowsCalculator, DEFAULT_HEIGHT } from "./viewportRows.mjs";
-export { DEFAULT_HEIGHT as DEFAULT_ROW_HEIGHT, DEFAULT_WIDTH as DEFAULT_COLUMN_WIDTH, FullyVisibleColumnsCalculationType, FullyVisibleRowsCalculationType, PartiallyVisibleColumnsCalculationType, PartiallyVisibleRowsCalculationType, RenderedAllColumnsCalculationType, RenderedAllRowsCalculationType, RenderedColumnsCalculationType, RenderedRowsCalculationType, ViewportColumnsCalculator, ViewportRowsCalculator };
+import { ViewportRowsCalculator } from "./viewportRows.mjs";
+export { DEFAULT_WIDTH as DEFAULT_COLUMN_WIDTH, FullyVisibleColumnsCalculationType, FullyVisibleRowsCalculationType, PartiallyVisibleColumnsCalculationType, PartiallyVisibleRowsCalculationType, RenderedAllColumnsCalculationType, RenderedAllRowsCalculationType, RenderedColumnsCalculationType, RenderedRowsCalculationType, ViewportColumnsCalculator, ViewportRowsCalculator };

package/3rdparty/walkontable/src/calculator/viewportBase.js

@@ -2,6 +2,8 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 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); }

package/3rdparty/walkontable/src/calculator/viewportBase.mjs

@@ -1,4 +1,6 @@
 import "core-js/modules/es.error.cause.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.for-each.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 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); }

package/3rdparty/walkontable/src/calculator/viewportRows.js

@@ -7,8 +7,6 @@ var _viewportBase = require("./viewportBase");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 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); }
-const DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 23;
-
 /**
  * @typedef {object} ViewportRowsCalculatorOptions
  * @property {Map<string, ViewportBaseCalculator>} calculationTypes The calculation types to be performed.
@@ -34,6 +32,7 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
       viewportHeight,
       scrollOffset,
       totalRows,
+      defaultRowHeight,
       rowHeightFn,
       overrideFn,
       horizontalScrollbarHeight
@@ -51,6 +50,7 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
     _defineProperty(this, "totalCalculatedHeight", 0);
     _defineProperty(this, "startPositions", []);
     _defineProperty(this, "needReverse", true);
+    this.defaultHeight = defaultRowHeight;
     this.viewportHeight = viewportHeight;
     this.scrollOffset = scrollOffset;
     this.zeroBasedScrollOffset = Math.max(scrollOffset, 0);
@@ -89,7 +89,7 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
   getRowHeight(row) {
     const rowHeight = this.rowHeightFn(row);
     if (isNaN(rowHeight)) {
-      return DEFAULT_HEIGHT;
+      return this.defaultHeight;
     }
     return rowHeight;
   }

package/3rdparty/walkontable/src/calculator/viewportRows.mjs

@@ -4,8 +4,6 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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); }
 import { ViewportBaseCalculator } from "./viewportBase.mjs";
-export const DEFAULT_HEIGHT = 23;
-
 /**
  * @typedef {object} ViewportRowsCalculatorOptions
  * @property {Map<string, ViewportBaseCalculator>} calculationTypes The calculation types to be performed.
@@ -31,6 +29,7 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
       viewportHeight,
       scrollOffset,
       totalRows,
+      defaultRowHeight,
       rowHeightFn,
       overrideFn,
       horizontalScrollbarHeight
@@ -48,6 +47,7 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
     _defineProperty(this, "totalCalculatedHeight", 0);
     _defineProperty(this, "startPositions", []);
     _defineProperty(this, "needReverse", true);
+    this.defaultHeight = defaultRowHeight;
     this.viewportHeight = viewportHeight;
     this.scrollOffset = scrollOffset;
     this.zeroBasedScrollOffset = Math.max(scrollOffset, 0);
@@ -86,7 +86,7 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
   getRowHeight(row) {
     const rowHeight = this.rowHeightFn(row);
     if (isNaN(rowHeight)) {
-      return DEFAULT_HEIGHT;
+      return this.defaultHeight;
     }
     return rowHeight;
   }

package/3rdparty/walkontable/src/core/_base.js

@@ -42,6 +42,13 @@ class CoreAbstract {
     _defineProperty(this, "guid", `wt_${(0, _string.randomString)()}`);
     _defineProperty(this, "drawInterrupted", false);
     _defineProperty(this, "drawn", false);
+    /**
+     * The name of the overlay that currently renders the table.
+     *
+     * @public
+     * @type {string}
+     */
+    _defineProperty(this, "activeOverlayName", 'master');
     /**
      * The DOM bindings.
      *
@@ -164,47 +171,43 @@ class CoreAbstract {
    * Scrolls the viewport to a cell (rerenders if needed).
    *
    * @param {CellCoords} coords The cell coordinates to scroll to.
-   * @param {boolean} [snapToTop] If `true`, viewport is scrolled to show the cell on the top of the table.
-   * @param {boolean} [snapToRight] If `true`, viewport is scrolled to show the cell on the right of the table.
-   * @param {boolean} [snapToBottom] If `true`, viewport is scrolled to show the cell on the bottom of the table.
-   * @param {boolean} [snapToLeft] If `true`, viewport is scrolled to show the cell on the left of the table.
+   * @param {'auto' | 'start' | 'end'} [horizontalSnap='auto'] If `'start'`, viewport is scrolled to show
+   * the cell on the left of the table. If `'end'`, viewport is scrolled to show the cell on the right of
+   * the table. When `'auto'`, the viewport is scrolled only when the column is outside of the viewport.
+   * @param {'auto' | 'top' | 'bottom'} [verticalSnap='auto'] If `'top'`, viewport is scrolled to show
+   * the cell on the top of the table. If `'bottom'`, viewport is scrolled to show the cell on the bottom of
+   * the table. When `'auto'`, the viewport is scrolled only when the row is outside of the viewport.
    * @returns {boolean}
    */
-  scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft) {
-    if (coords.col < 0 || coords.row < 0) {
-      return false;
-    }
-    return this.wtScroll.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
+  scrollViewport(coords, horizontalSnap, verticalSnap) {
+    return this.wtScroll.scrollViewport(coords, horizontalSnap, verticalSnap);
   }
 
   /**
    * Scrolls the viewport to a column (rerenders if needed).
    *
    * @param {number} column Visual column index.
-   * @param {boolean} [snapToRight] If `true`, viewport is scrolled to show the cell on the right of the table.
-   * @param {boolean} [snapToLeft] If `true`, viewport is scrolled to show the cell on the left of the table.
+   * @param {'auto' | 'start' | 'end'} [snapping='auto'] If `'start'`, viewport is scrolled to show
+   * the cell on the left of the table. If `'end'`, viewport is scrolled to show the cell on the right of
+   * the table. When `'auto'`, the viewport is scrolled only when the column is outside of the viewport.
    * @returns {boolean}
    */
-  scrollViewportHorizontally(column, snapToRight, snapToLeft) {
-    if (column < 0) {
-      return false;
-    }
-    return this.wtScroll.scrollViewportHorizontally(column, snapToRight, snapToLeft);
+  scrollViewportHorizontally(column, snapping) {
+    return this.wtScroll.scrollViewportHorizontally(column, snapping);
   }
 
   /**
    * Scrolls the viewport to a row (rerenders if needed).
    *
    * @param {number} row Visual row index.
-   * @param {boolean} [snapToTop] If `true`, viewport is scrolled to show the cell on the top of the table.
-   * @param {boolean} [snapToBottom] If `true`, viewport is scrolled to show the cell on the bottom of the table.
+   * @param {'auto' | 'top' | 'bottom'} [snapping='auto'] If `'top'`, viewport is scrolled to show
+   * the cell on the top of the table. If `'bottom'`, viewport is scrolled to show the cell on
+   * the bottom of the table. When `'auto'`, the viewport is scrolled only when the row is outside of
+   * the viewport.
    * @returns {boolean}
    */
-  scrollViewportVertically(row, snapToTop, snapToBottom) {
-    if (row < 0) {
-      return false;
-    }
-    return this.wtScroll.scrollViewportVertically(row, snapToTop, snapToBottom);
+  scrollViewportVertically(row, snapping) {
+    return this.wtScroll.scrollViewportVertically(row, snapping);
   }
 
   /**
@@ -302,6 +305,9 @@ class CoreAbstract {
       get selectionManager() {
         return wot.selectionManager; // TODO refactoring: move outside dao, use IOC
       },
+      get stylesHandler() {
+        return wot.stylesHandler;
+      },
       get drawn() {
         return wot.drawn;
       },

package/3rdparty/walkontable/src/core/_base.mjs

@@ -38,6 +38,13 @@ export default class CoreAbstract {
     _defineProperty(this, "guid", `wt_${randomString()}`);
     _defineProperty(this, "drawInterrupted", false);
     _defineProperty(this, "drawn", false);
+    /**
+     * The name of the overlay that currently renders the table.
+     *
+     * @public
+     * @type {string}
+     */
+    _defineProperty(this, "activeOverlayName", 'master');
     /**
      * The DOM bindings.
      *
@@ -160,47 +167,43 @@ export default class CoreAbstract {
    * Scrolls the viewport to a cell (rerenders if needed).
    *
    * @param {CellCoords} coords The cell coordinates to scroll to.
-   * @param {boolean} [snapToTop] If `true`, viewport is scrolled to show the cell on the top of the table.
-   * @param {boolean} [snapToRight] If `true`, viewport is scrolled to show the cell on the right of the table.
-   * @param {boolean} [snapToBottom] If `true`, viewport is scrolled to show the cell on the bottom of the table.
-   * @param {boolean} [snapToLeft] If `true`, viewport is scrolled to show the cell on the left of the table.
+   * @param {'auto' | 'start' | 'end'} [horizontalSnap='auto'] If `'start'`, viewport is scrolled to show
+   * the cell on the left of the table. If `'end'`, viewport is scrolled to show the cell on the right of
+   * the table. When `'auto'`, the viewport is scrolled only when the column is outside of the viewport.
+   * @param {'auto' | 'top' | 'bottom'} [verticalSnap='auto'] If `'top'`, viewport is scrolled to show
+   * the cell on the top of the table. If `'bottom'`, viewport is scrolled to show the cell on the bottom of
+   * the table. When `'auto'`, the viewport is scrolled only when the row is outside of the viewport.
    * @returns {boolean}
    */
-  scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft) {
-    if (coords.col < 0 || coords.row < 0) {
-      return false;
-    }
-    return this.wtScroll.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
+  scrollViewport(coords, horizontalSnap, verticalSnap) {
+    return this.wtScroll.scrollViewport(coords, horizontalSnap, verticalSnap);
   }
 
   /**
    * Scrolls the viewport to a column (rerenders if needed).
    *
    * @param {number} column Visual column index.
-   * @param {boolean} [snapToRight] If `true`, viewport is scrolled to show the cell on the right of the table.
-   * @param {boolean} [snapToLeft] If `true`, viewport is scrolled to show the cell on the left of the table.
+   * @param {'auto' | 'start' | 'end'} [snapping='auto'] If `'start'`, viewport is scrolled to show
+   * the cell on the left of the table. If `'end'`, viewport is scrolled to show the cell on the right of
+   * the table. When `'auto'`, the viewport is scrolled only when the column is outside of the viewport.
    * @returns {boolean}
    */
-  scrollViewportHorizontally(column, snapToRight, snapToLeft) {
-    if (column < 0) {
-      return false;
-    }
-    return this.wtScroll.scrollViewportHorizontally(column, snapToRight, snapToLeft);
+  scrollViewportHorizontally(column, snapping) {
+    return this.wtScroll.scrollViewportHorizontally(column, snapping);
   }
 
   /**
    * Scrolls the viewport to a row (rerenders if needed).
    *
    * @param {number} row Visual row index.
-   * @param {boolean} [snapToTop] If `true`, viewport is scrolled to show the cell on the top of the table.
-   * @param {boolean} [snapToBottom] If `true`, viewport is scrolled to show the cell on the bottom of the table.
+   * @param {'auto' | 'top' | 'bottom'} [snapping='auto'] If `'top'`, viewport is scrolled to show
+   * the cell on the top of the table. If `'bottom'`, viewport is scrolled to show the cell on
+   * the bottom of the table. When `'auto'`, the viewport is scrolled only when the row is outside of
+   * the viewport.
    * @returns {boolean}
    */
-  scrollViewportVertically(row, snapToTop, snapToBottom) {
-    if (row < 0) {
-      return false;
-    }
-    return this.wtScroll.scrollViewportVertically(row, snapToTop, snapToBottom);
+  scrollViewportVertically(row, snapping) {
+    return this.wtScroll.scrollViewportVertically(row, snapping);
   }
 
   /**
@@ -298,6 +301,9 @@ export default class CoreAbstract {
       get selectionManager() {
         return wot.selectionManager; // TODO refactoring: move outside dao, use IOC
       },
+      get stylesHandler() {
+        return wot.stylesHandler;
+      },
       get drawn() {
         return wot.drawn;
       },

package/3rdparty/walkontable/src/core/clone.js

@@ -30,6 +30,7 @@ class Clone extends _base.default {
     const facadeGetter = this.wtSettings.getSetting('facade', this);
     this.cloneSource = clone.source;
     this.cloneOverlay = clone.overlay;
+    this.stylesHandler = clone.stylesHandler;
     this.wtTable = this.cloneOverlay.createTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
     this.wtViewport = clone.viewport;
     this.selectionManager = clone.selectionManager;

package/3rdparty/walkontable/src/core/clone.mjs

@@ -26,6 +26,7 @@ export default class Clone extends CoreAbstract {
     const facadeGetter = this.wtSettings.getSetting('facade', this);
     this.cloneSource = clone.source;
     this.cloneOverlay = clone.overlay;
+    this.stylesHandler = clone.stylesHandler;
     this.wtTable = this.cloneOverlay.createTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
     this.wtViewport = clone.viewport;
     this.selectionManager = clone.selectionManager;

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

@@ -12,6 +12,7 @@ var _base = _interopRequireDefault(require("./_base"));
 var _manager = require("../selection/manager");
 var _object = require("../../../../helpers/object");
 var _element = require("../../../../helpers/dom/element");
+var _stylesHandler = require("../utils/stylesHandler");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * @class Walkontable
@@ -23,6 +24,7 @@ class Walkontable extends _base.default {
    */
   constructor(table, settings) {
     super(table, new _settings.default(settings));
+    this.stylesHandler = new _stylesHandler.StylesHandler(this.domBindings);
     const facadeGetter = this.wtSettings.getSetting('facade', this); // todo rethink. I would like to have no access to facade from the internal scope.
 
     this.wtTable = new _master.default(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);

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

@@ -9,6 +9,7 @@ import CoreAbstract from "./_base.mjs";
 import { SelectionManager } from "../selection/manager.mjs";
 import { objectEach } from "../../../../helpers/object.mjs";
 import { addClass, removeClass } from "../../../../helpers/dom/element.mjs";
+import { StylesHandler } from "../utils/stylesHandler.mjs";
 /**
  * @class Walkontable
  */
@@ -19,6 +20,7 @@ export default class Walkontable extends CoreAbstract {
    */
   constructor(table, settings) {
     super(table, new Settings(settings));
+    this.stylesHandler = new StylesHandler(this.domBindings);
     const facadeGetter = this.wtSettings.getSetting('facade', this); // todo rethink. I would like to have no access to facade from the internal scope.
 
     this.wtTable = new MasterTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);

package/3rdparty/walkontable/src/facade/core.js

@@ -71,6 +71,9 @@ class WalkontableFacade {
   set drawn(value) {
     this._wot.drawn = value;
   }
+  get activeOverlayName() {
+    return this._wot.activeOverlayName;
+  }
   get drawInterrupted() {
     return this._wot.drawInterrupted;
   }
@@ -107,6 +110,9 @@ class WalkontableFacade {
   get eventManager() {
     return this._wot.eventManager;
   }
+  get stylesHandler() {
+    return this._wot.stylesHandler;
+  }
   createCellCoords(row, column) {
     return this._wot.createCellCoords(row, column);
   }
@@ -122,14 +128,14 @@ class WalkontableFacade {
     let topmost = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return this._wot.getCell(coords, topmost);
   }
-  scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft) {
-    return this._wot.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
+  scrollViewport(coords, horizontalSnap, verticalSnap) {
+    return this._wot.scrollViewport(coords, horizontalSnap, verticalSnap);
   }
-  scrollViewportHorizontally(column, snapToRight, snapToLeft) {
-    return this._wot.scrollViewportHorizontally(column, snapToRight, snapToLeft);
+  scrollViewportHorizontally(column, snapping) {
+    return this._wot.scrollViewportHorizontally(column, snapping);
   }
-  scrollViewportVertically(row, snapToTop, snapToBottom) {
-    return this._wot.scrollViewportVertically(row, snapToTop, snapToBottom);
+  scrollViewportVertically(row, snapping) {
+    return this._wot.scrollViewportVertically(row, snapping);
   }
   getViewport() {
     return this._wot.getViewport();

package/3rdparty/walkontable/src/facade/core.mjs

@@ -67,6 +67,9 @@ export default class WalkontableFacade {
   set drawn(value) {
     this._wot.drawn = value;
   }
+  get activeOverlayName() {
+    return this._wot.activeOverlayName;
+  }
   get drawInterrupted() {
     return this._wot.drawInterrupted;
   }
@@ -103,6 +106,9 @@ export default class WalkontableFacade {
   get eventManager() {
     return this._wot.eventManager;
   }
+  get stylesHandler() {
+    return this._wot.stylesHandler;
+  }
   createCellCoords(row, column) {
     return this._wot.createCellCoords(row, column);
   }
@@ -118,14 +124,14 @@ export default class WalkontableFacade {
     let topmost = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return this._wot.getCell(coords, topmost);
   }
-  scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft) {
-    return this._wot.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
+  scrollViewport(coords, horizontalSnap, verticalSnap) {
+    return this._wot.scrollViewport(coords, horizontalSnap, verticalSnap);
   }
-  scrollViewportHorizontally(column, snapToRight, snapToLeft) {
-    return this._wot.scrollViewportHorizontally(column, snapToRight, snapToLeft);
+  scrollViewportHorizontally(column, snapping) {
+    return this._wot.scrollViewportHorizontally(column, snapping);
   }
-  scrollViewportVertically(row, snapToTop, snapToBottom) {
-    return this._wot.scrollViewportVertically(row, snapToTop, snapToBottom);
+  scrollViewportVertically(row, snapping) {
+    return this._wot.scrollViewportVertically(row, snapping);
   }
   getViewport() {
     return this._wot.getViewport();

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

@@ -4,7 +4,6 @@ exports.__esModule = true;
 var _calculator = require("./calculator");
 exports.ViewportColumnsCalculator = _calculator.ViewportColumnsCalculator;
 exports.ViewportRowsCalculator = _calculator.ViewportRowsCalculator;
-exports.DEFAULT_ROW_HEIGHT = _calculator.DEFAULT_ROW_HEIGHT;
 exports.DEFAULT_COLUMN_WIDTH = _calculator.DEFAULT_COLUMN_WIDTH;
 var _coords = _interopRequireDefault(require("./cell/coords"));
 exports.CellCoords = _coords.default;

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

@@ -1,4 +1,4 @@
-import { ViewportColumnsCalculator, ViewportRowsCalculator, DEFAULT_ROW_HEIGHT, DEFAULT_COLUMN_WIDTH } from "./calculator/index.mjs";
+import { ViewportColumnsCalculator, ViewportRowsCalculator, DEFAULT_COLUMN_WIDTH } from "./calculator/index.mjs";
 import CellCoords from "./cell/coords.mjs";
 import CellRange from "./cell/range.mjs";
 import Walkontable from "./facade/core.mjs";
@@ -6,4 +6,4 @@ import { Selection, ACTIVE_HEADER_TYPE, AREA_TYPE, FOCUS_TYPE, FILL_TYPE, HEADER
 import * as Renderer from "./renderer/index.mjs";
 import { OrderView, SharedOrderView } from "./utils/orderView/index.mjs";
 import { getListenersCounter } from "../../../eventManager.mjs";
-export { DEFAULT_ROW_HEIGHT, DEFAULT_COLUMN_WIDTH, ViewportColumnsCalculator, ViewportRowsCalculator, CellCoords, CellRange, Walkontable as default, Walkontable as Core, Selection, ACTIVE_HEADER_TYPE as HIGHLIGHT_ACTIVE_HEADER_TYPE, AREA_TYPE as HIGHLIGHT_AREA_TYPE, FOCUS_TYPE as HIGHLIGHT_FOCUS_TYPE, FILL_TYPE as HIGHLIGHT_FILL_TYPE, HEADER_TYPE as HIGHLIGHT_HEADER_TYPE, ROW_TYPE as HIGHLIGHT_ROW_TYPE, COLUMN_TYPE as HIGHLIGHT_COLUMN_TYPE, CUSTOM_SELECTION_TYPE as HIGHLIGHT_CUSTOM_SELECTION_TYPE, Renderer, OrderView, SharedOrderView, getListenersCounter };
+export { DEFAULT_COLUMN_WIDTH, ViewportColumnsCalculator, ViewportRowsCalculator, CellCoords, CellRange, Walkontable as default, Walkontable as Core, Selection, ACTIVE_HEADER_TYPE as HIGHLIGHT_ACTIVE_HEADER_TYPE, AREA_TYPE as HIGHLIGHT_AREA_TYPE, FOCUS_TYPE as HIGHLIGHT_FOCUS_TYPE, FILL_TYPE as HIGHLIGHT_FILL_TYPE, HEADER_TYPE as HIGHLIGHT_HEADER_TYPE, ROW_TYPE as HIGHLIGHT_ROW_TYPE, COLUMN_TYPE as HIGHLIGHT_COLUMN_TYPE, CUSTOM_SELECTION_TYPE as HIGHLIGHT_CUSTOM_SELECTION_TYPE, Renderer, OrderView, SharedOrderView, getListenersCounter };

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

@@ -2,6 +2,8 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 var _element = require("../../../../helpers/dom/element");
 var _object = require("../../../../helpers/object");
 var _console = require("../../../../helpers/console");
@@ -302,7 +304,9 @@ class Overlay {
       // todo ioc , or factor func if used only here
       event: this.wot.wtEvent,
       // todo ioc , or factory func if used only here
-      selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
+      selectionManager: this.wot.selectionManager,
+      // todo ioc , or factory func if used only here
+      stylesHandler: this.wot.stylesHandler
     });
   }
 
@@ -316,7 +320,10 @@ class Overlay {
   refresh() {
     let fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     if (this.needFullRender) {
+      const cloneSource = this.clone.cloneSource;
+      cloneSource.activeOverlayName = this.clone.wtTable.name;
       this.clone.draw(fastDraw);
+      cloneSource.activeOverlayName = 'master';
     }
   }