handsontable 11.1.0 → 12.1.0

package/tableView.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.symbol.description.js");
@@ -16,12 +14,6 @@ require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.regexp.exec.js");
 
-require("core-js/modules/es.object.set-prototype-of.js");
-
-require("core-js/modules/es.reflect.construct.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 exports.__esModule = true;
 exports.default = void 0;
 
@@ -45,16 +37,12 @@ var _eventManager = _interopRequireDefault(require("./eventManager"));
 
 var _event = require("./helpers/dom/event");
 
-var _src = _interopRequireWildcard(require("./3rdparty/walkontable/src"));
+var _src = _interopRequireDefault(require("./3rdparty/walkontable/src"));
 
 var _mouseEventHandler = require("./selection/mouseEventHandler");
 
 var _rootInstance = require("./utils/rootInstance");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -65,12 +53,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -128,6 +110,7 @@ var TableView = /*#__PURE__*/function () {
     /**
      * Main <THEAD> element.
      *
+     * @private
      * @type {HTMLTableSectionElement}
      */
 
@@ -135,6 +118,7 @@ var TableView = /*#__PURE__*/function () {
     /**
      * Main <TBODY> element.
      *
+     * @private
      * @type {HTMLTableSectionElement}
      */
 
@@ -142,10 +126,11 @@ var TableView = /*#__PURE__*/function () {
     /**
      * Main Walkontable instance.
      *
+     * @private
      * @type {Walkontable}
      */
 
-    this.wt = void 0;
+    this._wt = void 0;
     /**
      * Main Walkontable instance.
      *
@@ -221,7 +206,8 @@ var TableView = /*#__PURE__*/function () {
           this.adjustElementsSize(true);
         }
 
-        this.wt.draw(!this.instance.forceFullRender);
+        this._wt.draw(!this.instance.forceFullRender);
+
         this.instance.runHooks('afterRender', this.instance.forceFullRender);
         this.instance.forceFullRender = false;
         this.instance.renderCall = false;
@@ -241,7 +227,7 @@ var TableView = /*#__PURE__*/function () {
       if (this.instance.isRenderSuspended()) {
         this.postponedAdjustElementsSize = true;
       } else {
-        this.wt.wtOverlays.adjustElementsSize(force);
+        this._wt.wtOverlays.adjustElementsSize(force);
       }
     }
     /**
@@ -255,7 +241,7 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "getCellAtCoords",
     value: function getCellAtCoords(coords, topmost) {
-      var td = this.wt.getCell(coords, topmost);
+      var td = this._wt.getCell(coords, topmost);
 
       if (td < 0) {
         // there was an exit code (cell is out of bounds)
@@ -278,7 +264,7 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "scrollViewport",
     value: function scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft) {
-      return this.wt.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
+      return this._wt.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
     }
     /**
      * Scroll viewport to a column.
@@ -292,7 +278,7 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "scrollViewportHorizontally",
     value: function scrollViewportHorizontally(column, snapToRight, snapToLeft) {
-      return this.wt.scrollViewportHorizontally(column, snapToRight, snapToLeft);
+      return this._wt.scrollViewportHorizontally(column, snapToRight, snapToLeft);
     }
     /**
      * Scroll viewport to a row.
@@ -306,7 +292,7 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "scrollViewportVertically",
     value: function scrollViewportVertically(row, snapToTop, snapToBottom) {
-      return this.wt.scrollViewportVertically(row, snapToTop, snapToBottom);
+      return this._wt.scrollViewportVertically(row, snapToTop, snapToBottom);
     }
     /**
      * Prepares DOMElements and adds correct className to the root element.
@@ -374,7 +360,7 @@ var TableView = /*#__PURE__*/function () {
       });
       this.eventManager.addEventListener(rootElement, 'mousemove', function (event) {
         if (priv.selectionMouseDown && !_this.isTextSelectionAllowed(event.target)) {
-          // Clear selection only when fragmentSelection is enabled, otherwise clearing selection breakes the IME editor.
+          // Clear selection only when fragmentSelection is enabled, otherwise clearing selection breaks the IME editor.
           if (_this.settings.fragmentSelection) {
             (0, _element.clearTextSelection)(_this.instance.rootWindow);
           }
@@ -383,6 +369,7 @@ var TableView = /*#__PURE__*/function () {
         }
       });
       this.eventManager.addEventListener(documentElement, 'keyup', function (event) {
+        // TODO: is it the best place and way to finish cell selection?
         if (selection.isInProgress() && !event.shiftKey) {
           selection.finish();
         }
@@ -423,7 +410,7 @@ var TableView = /*#__PURE__*/function () {
         } // immediate click on "holder" means click on the right side of vertical scrollbar
 
 
-        var holder = _this.instance.view.wt.wtTable.holder;
+        var holder = _this.instance.view._wt.wtTable.holder;
 
         if (next === holder) {
           var scrollbarWidth = (0, _element.getScrollbarWidth)(rootDocument);
@@ -480,10 +467,12 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "translateFromRenderableToVisualCoords",
     value: function translateFromRenderableToVisualCoords(_ref) {
+      var _this$instance3;
+
       var row = _ref.row,
           col = _ref.col;
       // TODO: To consider an idea to reusing the CellCoords instance instead creating new one.
-      return _construct(_src.CellCoords, _toConsumableArray(this.translateFromRenderableToVisualIndex(row, col)));
+      return (_this$instance3 = this.instance)._createCellCoords.apply(_this$instance3, _toConsumableArray(this.translateFromRenderableToVisualIndex(row, col)));
     }
     /**
      * Translate renderable row and column indexes to visual row and column indexes.
@@ -526,7 +515,7 @@ var TableView = /*#__PURE__*/function () {
     value: function countRenderableIndexes(indexMapper, maxElements) {
       var consideredElements = Math.min(indexMapper.getNotTrimmedIndexesLength(), maxElements); // Don't take hidden indexes into account. We are looking just for renderable indexes.
 
-      var firstNotHiddenIndex = indexMapper.getFirstNotHiddenIndex(consideredElements - 1, -1); // There are no renderable indexes.
+      var firstNotHiddenIndex = indexMapper.getNearestNotHiddenIndex(consideredElements - 1, -1); // There are no renderable indexes.
 
       if (firstNotHiddenIndex === null) {
         return 0;
@@ -602,7 +591,7 @@ var TableView = /*#__PURE__*/function () {
         return 0;
       }
 
-      var firstVisibleIndex = indexMapper.getFirstNotHiddenIndex(visualIndex, incrementBy);
+      var firstVisibleIndex = indexMapper.getNearestNotHiddenIndex(visualIndex, incrementBy);
       var renderableIndex = indexMapper.getRenderableFromVisualIndex(firstVisibleIndex);
 
       if (!Number.isInteger(renderableIndex)) {
@@ -621,7 +610,63 @@ var TableView = /*#__PURE__*/function () {
       return notHiddenIndexes;
     }
     /**
-     * Defines default configuration and initializes WalkOnTable intance.
+     * The function returns the number of not hidden column indexes that fit between the first and
+     * last fixed column in the left (or right in RTL mode) overlay.
+     *
+     * @returns {number}
+     */
+
+  }, {
+    key: "countNotHiddenFixedColumnsStart",
+    value: function countNotHiddenFixedColumnsStart() {
+      var countCols = this.instance.countCols();
+      var visualFixedColumnsStart = Math.min(parseInt(this.settings.fixedColumnsStart, 10), countCols) - 1;
+      return this.countNotHiddenColumnIndexes(visualFixedColumnsStart, -1);
+    }
+    /**
+     * The function returns the number of not hidden row indexes that fit between the first and
+     * last fixed row in the top overlay.
+     *
+     * @returns {number}
+     */
+
+  }, {
+    key: "countNotHiddenFixedRowsTop",
+    value: function countNotHiddenFixedRowsTop() {
+      var countRows = this.instance.countRows();
+      var visualFixedRowsTop = Math.min(parseInt(this.settings.fixedRowsTop, 10), countRows) - 1;
+      return this.countNotHiddenRowIndexes(visualFixedRowsTop, -1);
+    }
+    /**
+     * The function returns the number of not hidden row indexes that fit between the first and
+     * last fixed row in the bottom overlay.
+     *
+     * @returns {number}
+     */
+
+  }, {
+    key: "countNotHiddenFixedRowsBottom",
+    value: function countNotHiddenFixedRowsBottom() {
+      var countRows = this.instance.countRows();
+      var visualFixedRowsBottom = Math.max(countRows - parseInt(this.settings.fixedRowsBottom, 10), 0);
+      return this.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
+    }
+    /**
+     * Checks if at least one cell than belongs to the main table is not covered by the top, left or
+     * bottom overlay.
+     *
+     * @returns {boolean}
+     */
+
+  }, {
+    key: "isMainTableNotFullyCoveredByOverlays",
+    value: function isMainTableNotFullyCoveredByOverlays() {
+      var fixedAllRows = this.countNotHiddenFixedRowsTop() + this.countNotHiddenFixedRowsBottom();
+      var fixedAllColumns = this.countNotHiddenFixedColumnsStart();
+      return this.instance.countRenderedRows() > fixedAllRows && this.instance.countRenderedCols() > fixedAllColumns;
+    }
+    /**
+     * Defines default configuration and initializes WalkOnTable instance.
      *
      * @private
      */
@@ -633,6 +678,7 @@ var TableView = /*#__PURE__*/function () {
 
       var priv = privatePool.get(this);
       var walkontableConfig = {
+        rtlMode: this.instance.isRtl(),
         externalRowCalculator: this.instance.getPlugin('autoRowSize') && this.instance.getPlugin('autoRowSize').isEnabled(),
         table: priv.table,
         isDataViewInstance: function isDataViewInstance() {
@@ -659,29 +705,20 @@ var TableView = /*#__PURE__*/function () {
           return _this2.countRenderableColumns();
         },
         // Number of renderable columns for the left overlay.
-        fixedColumnsLeft: function fixedColumnsLeft() {
-          var countCols = _this2.instance.countCols();
-
-          var visualFixedColumnsLeft = Math.min(parseInt(_this2.settings.fixedColumnsLeft, 10), countCols) - 1;
-          return _this2.countNotHiddenColumnIndexes(visualFixedColumnsLeft, -1);
+        fixedColumnsStart: function fixedColumnsStart() {
+          return _this2.countNotHiddenFixedColumnsStart();
         },
         // Number of renderable rows for the top overlay.
         fixedRowsTop: function fixedRowsTop() {
-          var countRows = _this2.instance.countRows();
-
-          var visualFixedRowsTop = Math.min(parseInt(_this2.settings.fixedRowsTop, 10), countRows) - 1;
-          return _this2.countNotHiddenRowIndexes(visualFixedRowsTop, -1);
+          return _this2.countNotHiddenFixedRowsTop();
         },
         // Number of renderable rows for the bottom overlay.
         fixedRowsBottom: function fixedRowsBottom() {
-          var countRows = _this2.instance.countRows();
-
-          var visualFixedRowsBottom = Math.max(countRows - parseInt(_this2.settings.fixedRowsBottom, 10), 0);
-          return _this2.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
+          return _this2.countNotHiddenFixedRowsBottom();
         },
-        // Enable the left overlay when conditions are met.
-        shouldRenderLeftOverlay: function shouldRenderLeftOverlay() {
-          return _this2.settings.fixedColumnsLeft > 0 || walkontableConfig.rowHeaders().length > 0;
+        // Enable the inline start overlay when conditions are met.
+        shouldRenderInlineStartOverlay: function shouldRenderInlineStartOverlay() {
+          return _this2.settings.fixedColumnsStart > 0 || walkontableConfig.rowHeaders().length > 0;
         },
         // Enable the top overlay when conditions are met.
         shouldRenderTopOverlay: function shouldRenderTopOverlay() {
@@ -731,7 +768,7 @@ var TableView = /*#__PURE__*/function () {
         },
         columnWidth: function columnWidth(renderedColumnIndex) {
           var visualIndex = _this2.instance.columnIndexMapper.getVisualFromRenderableIndex(renderedColumnIndex); // It's not a bug that we can't find visual index for some handled by method indexes. The function is called also
-          // for not displayed indexes (beyond the table boundaries), i.e. when `fixedColumnsLeft` > `startCols` (wrong config?) or
+          // for indexes that are not displayed (indexes that are beyond the grid's boundaries), i.e. when `fixedColumnsStart` > `startCols` (wrong config?) or
           // scrolling and dataset is empty (scroll should handle that?).
 
 
@@ -811,12 +848,15 @@ var TableView = /*#__PURE__*/function () {
           (0, _mouseEventHandler.handleMouseEvent)(event, {
             coords: visualCoords,
             selection: _this2.instance.selection,
-            controller: controller
+            controller: controller,
+            cellCoordsFactory: function cellCoordsFactory(row, column) {
+              return _this2.instance._createCellCoords(row, column);
+            }
           });
 
           _this2.instance.runHooks('afterOnCellMouseDown', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellContextMenu: function onCellContextMenu(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -836,7 +876,7 @@ var TableView = /*#__PURE__*/function () {
 
           _this2.instance.runHooks('afterOnCellContextMenu', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellMouseOut: function onCellMouseOut(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -851,7 +891,7 @@ var TableView = /*#__PURE__*/function () {
 
           _this2.instance.runHooks('afterOnCellMouseOut', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellMouseOver: function onCellMouseOver(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -873,13 +913,16 @@ var TableView = /*#__PURE__*/function () {
             (0, _mouseEventHandler.handleMouseEvent)(event, {
               coords: visualCoords,
               selection: _this2.instance.selection,
-              controller: controller
+              controller: controller,
+              cellCoordsFactory: function cellCoordsFactory(row, column) {
+                return _this2.instance._createCellCoords(row, column);
+              }
             });
           }
 
           _this2.instance.runHooks('afterOnCellMouseOver', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellMouseUp: function onCellMouseUp(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -898,7 +941,7 @@ var TableView = /*#__PURE__*/function () {
 
           _this2.instance.runHooks('afterOnCellMouseUp', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellCornerMouseDown: function onCellCornerMouseDown(event) {
           event.preventDefault();
@@ -931,7 +974,7 @@ var TableView = /*#__PURE__*/function () {
 
           var newVisualRow = _this2.instance.runHooks('beforeHighlightingRowHeader', visualRow, headerLevel, highlightMeta);
 
-          return rowMapper.getRenderableFromVisualIndex(rowMapper.getFirstNotHiddenIndex(newVisualRow, 1));
+          return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
         },
         onBeforeHighlightingColumnHeader: function onBeforeHighlightingColumnHeader(renderableColumn, headerLevel, highlightMeta) {
           var columnMapper = _this2.instance.columnIndexMapper;
@@ -939,7 +982,7 @@ var TableView = /*#__PURE__*/function () {
 
           var newVisualColumn = _this2.instance.runHooks('beforeHighlightingColumnHeader', visualColumn, headerLevel, highlightMeta);
 
-          return columnMapper.getRenderableFromVisualIndex(columnMapper.getFirstNotHiddenIndex(newVisualColumn, 1));
+          return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
         },
         onAfterDrawSelection: function onAfterDrawSelection(currentRow, currentColumn, layerLevel) {
           var cornersOfSelection;
@@ -1004,7 +1047,7 @@ var TableView = /*#__PURE__*/function () {
                 visualColumnTo = _visualIndexes[3]; // Result of the hook is handled by the Walkontable (renderable indexes).
 
 
-            return [visualRowFrom >= 0 ? rowMapper.getRenderableFromVisualIndex(rowMapper.getFirstNotHiddenIndex(visualRowFrom, 1)) : visualRowFrom, visualColumnFrom >= 0 ? columnMapper.getRenderableFromVisualIndex(columnMapper.getFirstNotHiddenIndex(visualColumnFrom, 1)) : visualColumnFrom, visualRowTo >= 0 ? rowMapper.getRenderableFromVisualIndex(rowMapper.getFirstNotHiddenIndex(visualRowTo, -1)) : visualRowTo, visualColumnTo >= 0 ? columnMapper.getRenderableFromVisualIndex(columnMapper.getFirstNotHiddenIndex(visualColumnTo, -1)) : visualColumnTo];
+            return [visualRowFrom >= 0 ? rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(visualRowFrom, 1)) : visualRowFrom, visualColumnFrom >= 0 ? columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(visualColumnFrom, 1)) : visualColumnFrom, visualRowTo >= 0 ? rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(visualRowTo, -1)) : visualRowTo, visualColumnTo >= 0 ? columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(visualColumnTo, -1)) : visualColumnTo];
           }
         },
         viewportRowCalculatorOverride: function viewportRowCalculatorOverride(calc) {
@@ -1035,7 +1078,7 @@ var TableView = /*#__PURE__*/function () {
         viewportColumnCalculatorOverride: function viewportColumnCalculatorOverride(calc) {
           var viewportOffset = _this2.settings.viewportColumnRenderingOffset;
 
-          if (viewportOffset === 'auto' && _this2.settings.fixedColumnsLeft) {
+          if (viewportOffset === 'auto' && _this2.settings.fixedColumnsStart) {
             viewportOffset = 10;
           }
 
@@ -1069,9 +1112,9 @@ var TableView = /*#__PURE__*/function () {
         }
       };
       this.instance.runHooks('beforeInitWalkontable', walkontableConfig);
-      this.wt = new _src.default(walkontableConfig);
-      this.activeWt = this.wt;
-      var spreader = this.wt.wtTable.spreader; // We have to cache width and height after Walkontable initialization.
+      this._wt = new _src.default(walkontableConfig);
+      this.activeWt = this._wt;
+      var spreader = this._wt.wtTable.spreader; // We have to cache width and height after Walkontable initialization.
 
       var _this$instance$rootEl = this.instance.rootElement.getBoundingClientRect(),
           width = _this$instance$rootEl.width,
@@ -1092,7 +1135,7 @@ var TableView = /*#__PURE__*/function () {
       });
       this.eventManager.addEventListener(this.instance.rootDocument.documentElement, 'click', function () {
         if (_this2.settings.observeDOMVisibility) {
-          if (_this2.wt.drawInterrupted) {
+          if (_this2._wt.drawInterrupted) {
             _this2.instance.forceFullRender = true;
 
             _this2.render();
@@ -1115,7 +1158,7 @@ var TableView = /*#__PURE__*/function () {
         return true;
       }
 
-      var isChildOfTableBody = (0, _element.isChildOf)(el, this.instance.view.wt.wtTable.spreader);
+      var isChildOfTableBody = (0, _element.isChildOf)(el, this.instance.view._wt.wtTable.spreader);
 
       if (this.settings.fragmentSelection === true && isChildOfTableBody) {
         return true;
@@ -1226,9 +1269,9 @@ var TableView = /*#__PURE__*/function () {
 
         this.updateCellHeader(container.querySelector('.rowHeader'), visualRowIndex, this.instance.getRowHeader);
       } else {
-        var _this$instance3 = this.instance,
-            rootDocument = _this$instance3.rootDocument,
-            getRowHeader = _this$instance3.getRowHeader;
+        var _this$instance4 = this.instance,
+            rootDocument = _this$instance4.rootDocument,
+            getRowHeader = _this$instance4.getRowHeader;
         var div = rootDocument.createElement('div');
         var span = rootDocument.createElement('span');
         div.className = 'relative';
@@ -1286,7 +1329,9 @@ var TableView = /*#__PURE__*/function () {
     key: "updateCellHeader",
     value: function updateCellHeader(element, index, content) {
       var renderedIndex = index;
-      var parentOverlay = this.wt.wtOverlays.getParentOverlay(element) || this.wt; // prevent wrong calculations from SampleGenerator
+
+      var parentOverlay = this._wt.wtOverlays.getParentOverlay(element) || this._wt; // prevent wrong calculations from SampleGenerator
+
 
       if (element.parentNode) {
         if ((0, _element.hasClass)(element, 'colHeader')) {
@@ -1305,19 +1350,20 @@ var TableView = /*#__PURE__*/function () {
       }
     }
     /**
-     * Given a element's left position relative to the viewport, returns maximum element width until the right
-     * edge of the viewport (before scrollbar).
+     * Given a element's left (or right in RTL mode) position relative to the viewport, returns maximum
+     * element width until the right (or left) edge of the viewport (before scrollbar).
      *
      * @private
-     * @param {number} leftOffset The left offset.
+     * @param {number} inlineOffset The left (or right in RTL mode) offset.
      * @returns {number}
      */
 
   }, {
     key: "maximumVisibleElementWidth",
-    value: function maximumVisibleElementWidth(leftOffset) {
-      var workspaceWidth = this.wt.wtViewport.getWorkspaceWidth();
-      var maxWidth = workspaceWidth - leftOffset;
+    value: function maximumVisibleElementWidth(inlineOffset) {
+      var workspaceWidth = this._wt.wtViewport.getWorkspaceWidth();
+
+      var maxWidth = workspaceWidth - inlineOffset;
       return maxWidth > 0 ? maxWidth : 0;
     }
     /**
@@ -1332,7 +1378,8 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "maximumVisibleElementHeight",
     value: function maximumVisibleElementHeight(topOffset) {
-      var workspaceHeight = this.wt.wtViewport.getWorkspaceHeight();
+      var workspaceHeight = this._wt.wtViewport.getWorkspaceHeight();
+
       var maxHeight = workspaceHeight - topOffset;
       return maxHeight > 0 ? maxHeight : 0;
     }
@@ -1367,19 +1414,51 @@ var TableView = /*#__PURE__*/function () {
       };
     }
     /**
-     * Checks if master overlay is active.
+     * Returns the first fully visible row in the table viewport.
      *
-     * @private
-     * @returns {boolean}
+     * @returns {number}
+     */
+
+  }, {
+    key: "getFirstFullyVisibleRow",
+    value: function getFirstFullyVisibleRow() {
+      return this.instance.rowIndexMapper.getVisualFromRenderableIndex(this.instance.view._wt.wtScroll.getFirstVisibleRow());
+    }
+    /**
+     * Returns the last fully visible row in the table viewport.
+     *
+     * @returns {number}
      */
 
   }, {
-    key: "mainViewIsActive",
-    value: function mainViewIsActive() {
-      return this.wt === this.activeWt;
+    key: "getLastFullyVisibleRow",
+    value: function getLastFullyVisibleRow() {
+      return this.instance.rowIndexMapper.getVisualFromRenderableIndex(this.instance.view._wt.wtScroll.getLastVisibleRow());
     }
     /**
-     * Destroyes internal WalkOnTable's instance. Detaches all of the bonded listeners.
+     * Returns the first fully visible column in the table viewport.
+     *
+     * @returns {number}
+     */
+
+  }, {
+    key: "getFirstFullyVisibleColumn",
+    value: function getFirstFullyVisibleColumn() {
+      return this.instance.columnIndexMapper.getVisualFromRenderableIndex(this.instance.view._wt.wtScroll.getFirstVisibleColumn());
+    }
+    /**
+     * Returns the last fully visible column in the table viewport.
+     *
+     * @returns {number}
+     */
+
+  }, {
+    key: "getLastFullyVisibleColumn",
+    value: function getLastFullyVisibleColumn() {
+      return this.instance.columnIndexMapper.getVisualFromRenderableIndex(this.instance.view._wt.wtScroll.getLastVisibleColumn());
+    }
+    /**
+     * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
      *
      * @private
      */
@@ -1387,7 +1466,8 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      this.wt.destroy();
+      this._wt.destroy();
+
       this.eventManager.destroy();
     }
   }]);