handsontable 12.3.1 → 12.3.2-next-e75de58-20230322

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

@@ -35,8 +35,10 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
    * @param {number} options.scrollOffset Current horizontal scroll position of the viewport.
    * @param {number} options.totalItems Total number of columns.
    * @param {Function} options.itemSizeFn Function that returns the width of the column at a given index (in px).
-   * @param {Function} options.overrideFn Function that changes calculated this.startRow, this.endRow (used by MergeCells plugin).
+   * @param {Function} options.overrideFn Function that changes calculated this.startRow, this.endRow (used by
+   *   MergeCells plugin).
    * @param {string} options.calculationType String which describes types of calculation which will be performed.
+   * @param {string} options.inlineStartOffset Inline-start offset of the parent container.
    * @param {string} [options.stretchMode] Stretch mode 'all' or 'last'.
    * @param {Function} [options.stretchingItemWidthFn] Function that returns the new width of the stretched column.
    */
@@ -52,7 +54,8 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
       _ref$stretchingItemWi = _ref.stretchingItemWidthFn,
       stretchingItemWidthFn = _ref$stretchingItemWi === void 0 ? function (width) {
         return width;
-      } : _ref$stretchingItemWi;
+      } : _ref$stretchingItemWi,
+      inlineStartOffset = _ref.inlineStartOffset;
     _classCallCheck(this, ViewportColumnsCalculator);
     privatePool.set(this, {
       viewportWidth: viewportSize,
@@ -61,7 +64,8 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
       columnWidthFn: itemSizeFn,
       overrideFn: overrideFn,
       calculationType: calculationType,
-      stretchingColumnWidthFn: stretchingItemWidthFn
+      stretchingColumnWidthFn: stretchingItemWidthFn,
+      inlineStartOffset: inlineStartOffset
     });
 
     /**
@@ -91,6 +95,7 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
      * @type {number|null}
      */
     this.startPosition = null;
+    this.isVisibleInTrimmingContainer = false;
     this.stretchAllRatio = 0;
     this.stretchLastWidth = 0;
     this.stretch = stretchMode;
@@ -110,36 +115,53 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
       var needReverse = true;
       var startPositions = [];
       var columnWidth;
+      var firstVisibleColumnWidth = 0;
+      var lastVisibleColumnWidth = 0;
       var priv = privatePool.get(this);
       var calculationType = priv.calculationType;
       var overrideFn = priv.overrideFn;
       var scrollOffset = priv.scrollOffset;
+      var zeroBasedScrollOffset = Math.max(priv.scrollOffset, 0);
       var totalColumns = priv.totalColumns;
       var viewportWidth = priv.viewportWidth;
+      // +1 pixel for row header width compensation for horizontal scroll > 0
+      var compensatedViewportWidth = zeroBasedScrollOffset > 0 ? viewportWidth + 1 : viewportWidth;
       for (var i = 0; i < totalColumns; i++) {
         columnWidth = this._getColumnWidth(i);
-        if (sum <= scrollOffset && calculationType !== _constants.FULLY_VISIBLE_TYPE) {
+        if (sum <= zeroBasedScrollOffset && calculationType !== _constants.FULLY_VISIBLE_TYPE) {
           this.startColumn = i;
+          firstVisibleColumnWidth = columnWidth;
         }
-
-        // +1 pixel for row header width compensation for horizontal scroll > 0
-        var compensatedViewportWidth = scrollOffset > 0 ? viewportWidth + 1 : viewportWidth;
-        if (sum >= scrollOffset && sum + (calculationType === _constants.FULLY_VISIBLE_TYPE ? columnWidth : 0) <= scrollOffset + compensatedViewportWidth) {
+        if (sum >= zeroBasedScrollOffset && sum + (calculationType === _constants.FULLY_VISIBLE_TYPE ? columnWidth : 0) <= zeroBasedScrollOffset + compensatedViewportWidth) {
           if (this.startColumn === null || this.startColumn === void 0) {
             this.startColumn = i;
+            firstVisibleColumnWidth = columnWidth;
           }
           this.endColumn = i;
         }
         startPositions.push(sum);
         sum += columnWidth;
+        lastVisibleColumnWidth = columnWidth;
         if (calculationType !== _constants.FULLY_VISIBLE_TYPE) {
           this.endColumn = i;
         }
-        if (sum >= scrollOffset + viewportWidth) {
+        if (sum >= zeroBasedScrollOffset + viewportWidth) {
           needReverse = false;
           break;
         }
       }
+      var mostRightScrollOffset = scrollOffset + viewportWidth - compensatedViewportWidth;
+      var inlineEndColumnOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? 0 : lastVisibleColumnWidth;
+      var inlineStartColumnOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? firstVisibleColumnWidth : 0;
+      if (
+      // the table is to the left of the viewport
+      mostRightScrollOffset < -1 * priv.inlineStartOffset || scrollOffset > startPositions.at(-1) + inlineEndColumnOffset ||
+      // the table is to the right of the viewport
+      -1 * priv.scrollOffset - priv.viewportWidth > -1 * inlineStartColumnOffset) {
+        this.isVisibleInTrimmingContainer = false;
+      } else {
+        this.isVisibleInTrimmingContainer = true;
+      }
       if (this.endColumn === totalColumns - 1 && needReverse) {
         this.startColumn = this.endColumn;
         while (this.startColumn > 0) {

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

@@ -31,8 +31,10 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
    * @param {number} options.scrollOffset Current horizontal scroll position of the viewport.
    * @param {number} options.totalItems Total number of columns.
    * @param {Function} options.itemSizeFn Function that returns the width of the column at a given index (in px).
-   * @param {Function} options.overrideFn Function that changes calculated this.startRow, this.endRow (used by MergeCells plugin).
+   * @param {Function} options.overrideFn Function that changes calculated this.startRow, this.endRow (used by
+   *   MergeCells plugin).
    * @param {string} options.calculationType String which describes types of calculation which will be performed.
+   * @param {string} options.inlineStartOffset Inline-start offset of the parent container.
    * @param {string} [options.stretchMode] Stretch mode 'all' or 'last'.
    * @param {Function} [options.stretchingItemWidthFn] Function that returns the new width of the stretched column.
    */
@@ -48,7 +50,8 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
       _ref$stretchingItemWi = _ref.stretchingItemWidthFn,
       stretchingItemWidthFn = _ref$stretchingItemWi === void 0 ? function (width) {
         return width;
-      } : _ref$stretchingItemWi;
+      } : _ref$stretchingItemWi,
+      inlineStartOffset = _ref.inlineStartOffset;
     _classCallCheck(this, ViewportColumnsCalculator);
     privatePool.set(this, {
       viewportWidth: viewportSize,
@@ -57,7 +60,8 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
       columnWidthFn: itemSizeFn,
       overrideFn: overrideFn,
       calculationType: calculationType,
-      stretchingColumnWidthFn: stretchingItemWidthFn
+      stretchingColumnWidthFn: stretchingItemWidthFn,
+      inlineStartOffset: inlineStartOffset
     });
 
     /**
@@ -87,6 +91,7 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
      * @type {number|null}
      */
     this.startPosition = null;
+    this.isVisibleInTrimmingContainer = false;
     this.stretchAllRatio = 0;
     this.stretchLastWidth = 0;
     this.stretch = stretchMode;
@@ -106,36 +111,53 @@ var ViewportColumnsCalculator = /*#__PURE__*/function () {
       var needReverse = true;
       var startPositions = [];
       var columnWidth;
+      var firstVisibleColumnWidth = 0;
+      var lastVisibleColumnWidth = 0;
       var priv = privatePool.get(this);
       var calculationType = priv.calculationType;
       var overrideFn = priv.overrideFn;
       var scrollOffset = priv.scrollOffset;
+      var zeroBasedScrollOffset = Math.max(priv.scrollOffset, 0);
       var totalColumns = priv.totalColumns;
       var viewportWidth = priv.viewportWidth;
+      // +1 pixel for row header width compensation for horizontal scroll > 0
+      var compensatedViewportWidth = zeroBasedScrollOffset > 0 ? viewportWidth + 1 : viewportWidth;
       for (var i = 0; i < totalColumns; i++) {
         columnWidth = this._getColumnWidth(i);
-        if (sum <= scrollOffset && calculationType !== FULLY_VISIBLE_TYPE) {
+        if (sum <= zeroBasedScrollOffset && calculationType !== FULLY_VISIBLE_TYPE) {
           this.startColumn = i;
+          firstVisibleColumnWidth = columnWidth;
         }
-
-        // +1 pixel for row header width compensation for horizontal scroll > 0
-        var compensatedViewportWidth = scrollOffset > 0 ? viewportWidth + 1 : viewportWidth;
-        if (sum >= scrollOffset && sum + (calculationType === FULLY_VISIBLE_TYPE ? columnWidth : 0) <= scrollOffset + compensatedViewportWidth) {
+        if (sum >= zeroBasedScrollOffset && sum + (calculationType === FULLY_VISIBLE_TYPE ? columnWidth : 0) <= zeroBasedScrollOffset + compensatedViewportWidth) {
           if (this.startColumn === null || this.startColumn === void 0) {
             this.startColumn = i;
+            firstVisibleColumnWidth = columnWidth;
           }
           this.endColumn = i;
         }
         startPositions.push(sum);
         sum += columnWidth;
+        lastVisibleColumnWidth = columnWidth;
         if (calculationType !== FULLY_VISIBLE_TYPE) {
           this.endColumn = i;
         }
-        if (sum >= scrollOffset + viewportWidth) {
+        if (sum >= zeroBasedScrollOffset + viewportWidth) {
           needReverse = false;
           break;
         }
       }
+      var mostRightScrollOffset = scrollOffset + viewportWidth - compensatedViewportWidth;
+      var inlineEndColumnOffset = calculationType === FULLY_VISIBLE_TYPE ? 0 : lastVisibleColumnWidth;
+      var inlineStartColumnOffset = calculationType === FULLY_VISIBLE_TYPE ? firstVisibleColumnWidth : 0;
+      if (
+      // the table is to the left of the viewport
+      mostRightScrollOffset < -1 * priv.inlineStartOffset || scrollOffset > startPositions.at(-1) + inlineEndColumnOffset ||
+      // the table is to the right of the viewport
+      -1 * priv.scrollOffset - priv.viewportWidth > -1 * inlineStartColumnOffset) {
+        this.isVisibleInTrimmingContainer = false;
+      } else {
+        this.isVisibleInTrimmingContainer = true;
+      }
       if (this.endColumn === totalColumns - 1 && needReverse) {
         this.startColumn = this.endColumn;
         while (this.startColumn > 0) {

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

@@ -86,6 +86,7 @@ var ViewportRowsCalculator = /*#__PURE__*/function () {
      * @type {number|null}
      */
     this.startPosition = null;
+    this.isVisibleInTrimmingContainer = false;
     this.calculate();
   }
 
@@ -95,18 +96,21 @@ var ViewportRowsCalculator = /*#__PURE__*/function () {
   _createClass(ViewportRowsCalculator, [{
     key: "calculate",
     value: function calculate() {
-      var sum = 0;
-      var needReverse = true;
-      var startPositions = [];
       var priv = privatePool.get(this);
       var calculationType = priv.calculationType;
       var overrideFn = priv.overrideFn;
       var rowHeightFn = priv.rowHeightFn;
       var scrollOffset = priv.scrollOffset;
+      var zeroBasedScrollOffset = Math.max(priv.scrollOffset, 0);
       var totalRows = priv.totalRows;
       var viewportHeight = priv.viewportHeight;
       var horizontalScrollbarHeight = priv.horizontalScrollbarHeight || 0;
+      var sum = 0;
+      var needReverse = true;
+      var startPositions = [];
       var rowHeight;
+      var firstVisibleRowHeight = 0;
+      var lastVisibleRowHeight = 0;
 
       // Calculate the number (start and end index) of rows needed
       for (var i = 0; i < totalRows; i++) {
@@ -114,26 +118,37 @@ var ViewportRowsCalculator = /*#__PURE__*/function () {
         if (isNaN(rowHeight)) {
           rowHeight = ViewportRowsCalculator.DEFAULT_HEIGHT;
         }
-        if (sum <= scrollOffset && calculationType !== _constants.FULLY_VISIBLE_TYPE) {
+        if (sum <= zeroBasedScrollOffset && calculationType !== _constants.FULLY_VISIBLE_TYPE) {
           this.startRow = i;
+          firstVisibleRowHeight = rowHeight;
         }
-        if (sum >= scrollOffset && sum + (calculationType === _constants.FULLY_VISIBLE_TYPE ? rowHeight : 0) <= scrollOffset + viewportHeight - horizontalScrollbarHeight) {
+        if (sum >= zeroBasedScrollOffset && sum + (calculationType === _constants.FULLY_VISIBLE_TYPE ? rowHeight : 0) <= zeroBasedScrollOffset + viewportHeight - horizontalScrollbarHeight) {
           // eslint-disable-line max-len
           if (this.startRow === null) {
             this.startRow = i;
+            firstVisibleRowHeight = rowHeight;
           }
           this.endRow = i;
         }
         startPositions.push(sum);
         sum += rowHeight;
+        lastVisibleRowHeight = rowHeight;
         if (calculationType !== _constants.FULLY_VISIBLE_TYPE) {
           this.endRow = i;
         }
-        if (sum >= scrollOffset + viewportHeight - horizontalScrollbarHeight) {
+        if (sum >= zeroBasedScrollOffset + viewportHeight - horizontalScrollbarHeight) {
           needReverse = false;
           break;
         }
       }
+      var mostBottomScrollOffset = scrollOffset + viewportHeight - horizontalScrollbarHeight;
+      var topRowOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? firstVisibleRowHeight : 0;
+      var bottomRowOffset = calculationType === _constants.FULLY_VISIBLE_TYPE ? 0 : lastVisibleRowHeight;
+      if (mostBottomScrollOffset < topRowOffset || scrollOffset > startPositions.at(-1) + bottomRowOffset) {
+        this.isVisibleInTrimmingContainer = false;
+      } else {
+        this.isVisibleInTrimmingContainer = true;
+      }
 
       // If the estimation has reached the last row and there is still some space available in the viewport,
       // we need to render in reverse in order to fill the whole viewport with rows

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

@@ -82,6 +82,7 @@ var ViewportRowsCalculator = /*#__PURE__*/function () {
      * @type {number|null}
      */
     this.startPosition = null;
+    this.isVisibleInTrimmingContainer = false;
     this.calculate();
   }
 
@@ -91,18 +92,21 @@ var ViewportRowsCalculator = /*#__PURE__*/function () {
   _createClass(ViewportRowsCalculator, [{
     key: "calculate",
     value: function calculate() {
-      var sum = 0;
-      var needReverse = true;
-      var startPositions = [];
       var priv = privatePool.get(this);
       var calculationType = priv.calculationType;
       var overrideFn = priv.overrideFn;
       var rowHeightFn = priv.rowHeightFn;
       var scrollOffset = priv.scrollOffset;
+      var zeroBasedScrollOffset = Math.max(priv.scrollOffset, 0);
       var totalRows = priv.totalRows;
       var viewportHeight = priv.viewportHeight;
       var horizontalScrollbarHeight = priv.horizontalScrollbarHeight || 0;
+      var sum = 0;
+      var needReverse = true;
+      var startPositions = [];
       var rowHeight;
+      var firstVisibleRowHeight = 0;
+      var lastVisibleRowHeight = 0;
 
       // Calculate the number (start and end index) of rows needed
       for (var i = 0; i < totalRows; i++) {
@@ -110,26 +114,37 @@ var ViewportRowsCalculator = /*#__PURE__*/function () {
         if (isNaN(rowHeight)) {
           rowHeight = ViewportRowsCalculator.DEFAULT_HEIGHT;
         }
-        if (sum <= scrollOffset && calculationType !== FULLY_VISIBLE_TYPE) {
+        if (sum <= zeroBasedScrollOffset && calculationType !== FULLY_VISIBLE_TYPE) {
           this.startRow = i;
+          firstVisibleRowHeight = rowHeight;
         }
-        if (sum >= scrollOffset && sum + (calculationType === FULLY_VISIBLE_TYPE ? rowHeight : 0) <= scrollOffset + viewportHeight - horizontalScrollbarHeight) {
+        if (sum >= zeroBasedScrollOffset && sum + (calculationType === FULLY_VISIBLE_TYPE ? rowHeight : 0) <= zeroBasedScrollOffset + viewportHeight - horizontalScrollbarHeight) {
           // eslint-disable-line max-len
           if (this.startRow === null) {
             this.startRow = i;
+            firstVisibleRowHeight = rowHeight;
           }
           this.endRow = i;
         }
         startPositions.push(sum);
         sum += rowHeight;
+        lastVisibleRowHeight = rowHeight;
         if (calculationType !== FULLY_VISIBLE_TYPE) {
           this.endRow = i;
         }
-        if (sum >= scrollOffset + viewportHeight - horizontalScrollbarHeight) {
+        if (sum >= zeroBasedScrollOffset + viewportHeight - horizontalScrollbarHeight) {
           needReverse = false;
           break;
         }
       }
+      var mostBottomScrollOffset = scrollOffset + viewportHeight - horizontalScrollbarHeight;
+      var topRowOffset = calculationType === FULLY_VISIBLE_TYPE ? firstVisibleRowHeight : 0;
+      var bottomRowOffset = calculationType === FULLY_VISIBLE_TYPE ? 0 : lastVisibleRowHeight;
+      if (mostBottomScrollOffset < topRowOffset || scrollOffset > startPositions.at(-1) + bottomRowOffset) {
+        this.isVisibleInTrimmingContainer = false;
+      } else {
+        this.isVisibleInTrimmingContainer = true;
+      }
 
       // If the estimation has reached the last row and there is still some space available in the viewport,
       // we need to render in reverse in order to fill the whole viewport with rows

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

@@ -43,44 +43,40 @@ var CoreAbstract = /*#__PURE__*/function () {
     _defineProperty(this, "wtOverlays", void 0);
     _defineProperty(this, "selections", void 0);
     _defineProperty(this, "wtEvent", void 0);
-    _defineProperty(this, "guid", "wt_".concat((0, _string.randomString)()));
-    _defineProperty(this, "drawInterrupted", false);
-    _defineProperty(this, "drawn", false);
-    _defineProperty(this, "domBindings", void 0);
-    _defineProperty(this, "wtSettings", void 0);
-    this.domBindings = {
-      rootTable: table,
-      rootDocument: table.ownerDocument,
-      rootWindow: table.ownerDocument.defaultView
-    };
-    this.wtSettings = settings;
-    this.wtScroll = new _scroll.default(this.createScrollDao());
-  }
-  _createClass(CoreAbstract, [{
-    key: "eventManager",
-    get:
     /**
      * The walkontable instance id.
      *
      * @public
      * @type {Readonly<string>}
      */
-
+    _defineProperty(this, "guid", "wt_".concat((0, _string.randomString)()));
+    _defineProperty(this, "drawInterrupted", false);
+    _defineProperty(this, "drawn", false);
     /**
      * The DOM bindings.
      *
      * @public
      * @type {DomBindings}
      */
-
+    _defineProperty(this, "domBindings", void 0);
     /**
      * Settings.
      *
      * @public
      * @type {Settings}
      */
-
-    function get() {
+    _defineProperty(this, "wtSettings", void 0);
+    this.domBindings = {
+      rootTable: table,
+      rootDocument: table.ownerDocument,
+      rootWindow: table.ownerDocument.defaultView
+    };
+    this.wtSettings = settings;
+    this.wtScroll = new _scroll.default(this.createScrollDao());
+  }
+  _createClass(CoreAbstract, [{
+    key: "eventManager",
+    get: function get() {
       return new _eventManager.default(this);
     }
   }, {
@@ -292,6 +288,9 @@ var CoreAbstract = /*#__PURE__*/function () {
           return wot.wtViewport; // TODO refactoring: move outside dao, use IOC
         },
 
+        get wtSettings() {
+          return wot.wtSettings;
+        },
         get rootWindow() {
           return wot.domBindings.rootWindow; // TODO refactoring: move outside dao
         },

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

@@ -38,44 +38,40 @@ var CoreAbstract = /*#__PURE__*/function () {
     _defineProperty(this, "wtOverlays", void 0);
     _defineProperty(this, "selections", void 0);
     _defineProperty(this, "wtEvent", void 0);
-    _defineProperty(this, "guid", "wt_".concat(randomString()));
-    _defineProperty(this, "drawInterrupted", false);
-    _defineProperty(this, "drawn", false);
-    _defineProperty(this, "domBindings", void 0);
-    _defineProperty(this, "wtSettings", void 0);
-    this.domBindings = {
-      rootTable: table,
-      rootDocument: table.ownerDocument,
-      rootWindow: table.ownerDocument.defaultView
-    };
-    this.wtSettings = settings;
-    this.wtScroll = new Scroll(this.createScrollDao());
-  }
-  _createClass(CoreAbstract, [{
-    key: "eventManager",
-    get:
     /**
      * The walkontable instance id.
      *
      * @public
      * @type {Readonly<string>}
      */
-
+    _defineProperty(this, "guid", "wt_".concat(randomString()));
+    _defineProperty(this, "drawInterrupted", false);
+    _defineProperty(this, "drawn", false);
     /**
      * The DOM bindings.
      *
      * @public
      * @type {DomBindings}
      */
-
+    _defineProperty(this, "domBindings", void 0);
     /**
      * Settings.
      *
      * @public
      * @type {Settings}
      */
-
-    function get() {
+    _defineProperty(this, "wtSettings", void 0);
+    this.domBindings = {
+      rootTable: table,
+      rootDocument: table.ownerDocument,
+      rootWindow: table.ownerDocument.defaultView
+    };
+    this.wtSettings = settings;
+    this.wtScroll = new Scroll(this.createScrollDao());
+  }
+  _createClass(CoreAbstract, [{
+    key: "eventManager",
+    get: function get() {
       return new EventManager(this);
     }
   }, {
@@ -287,6 +283,9 @@ var CoreAbstract = /*#__PURE__*/function () {
           return wot.wtViewport; // TODO refactoring: move outside dao, use IOC
         },
 
+        get wtSettings() {
+          return wot.wtSettings;
+        },
         get rootWindow() {
           return wot.domBindings.rootWindow; // TODO refactoring: move outside dao
         },

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

@@ -295,6 +295,7 @@ var Scroll = /*#__PURE__*/function () {
     key: "getLastVisibleColumn",
     value: function getLastVisibleColumn() {
       var _this$dataAccessObjec8 = this.dataAccessObject,
+        wtSettings = _this$dataAccessObjec8.wtSettings,
         inlineStartOverlay = _this$dataAccessObjec8.inlineStartOverlay,
         wtTable = _this$dataAccessObjec8.wtTable,
         wtViewport = _this$dataAccessObjec8.wtViewport,
@@ -302,16 +303,26 @@ var Scroll = /*#__PURE__*/function () {
         rootWindow = _this$dataAccessObjec8.rootWindow;
       var lastVisibleColumn = wtTable.getLastVisibleColumn();
       if (inlineStartOverlay.mainTableScrollableElement === rootWindow) {
-        var rootElementOffset = (0, _element.offset)(wtTable.wtRootElement);
+        var isRtl = wtSettings.getSetting('rtlMode');
+        var inlineStartRootElementOffset = null;
+        if (isRtl) {
+          var tableRect = wtTable.TABLE.getBoundingClientRect();
+          var rootDocument = this.dataAccessObject.rootWindow.document;
+          var docOffsetWidth = rootDocument.documentElement.offsetWidth;
+          inlineStartRootElementOffset = Math.abs(tableRect.right - docOffsetWidth);
+        } else {
+          var rootElementOffset = (0, _element.offset)(wtTable.wtRootElement);
+          inlineStartRootElementOffset = rootElementOffset.left;
+        }
         var windowScrollLeft = Math.abs((0, _element.getScrollLeft)(rootWindow, rootWindow));
 
         // Only calculate lastVisibleColumn when table didn't filled (from right) whole viewport space
-        if (rootElementOffset.left > windowScrollLeft) {
+        if (inlineStartRootElementOffset > windowScrollLeft) {
           var windowWidth = (0, _element.innerWidth)(rootWindow);
           var columnsWidth = wtViewport.getRowHeaderWidth();
           for (var column = 1; column <= totalColumns; column++) {
             columnsWidth += inlineStartOverlay.sumCellSizes(column - 1, column);
-            if (rootElementOffset.left + columnsWidth - windowScrollLeft >= windowWidth) {
+            if (inlineStartRootElementOffset + columnsWidth - windowScrollLeft >= windowWidth) {
               // Return physical column - 1 (-2 because rangeEach gives column index + 1 - sumCellSizes requirements)
               lastVisibleColumn = column - 2;
               break;

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

@@ -291,6 +291,7 @@ var Scroll = /*#__PURE__*/function () {
     key: "getLastVisibleColumn",
     value: function getLastVisibleColumn() {
       var _this$dataAccessObjec8 = this.dataAccessObject,
+        wtSettings = _this$dataAccessObjec8.wtSettings,
         inlineStartOverlay = _this$dataAccessObjec8.inlineStartOverlay,
         wtTable = _this$dataAccessObjec8.wtTable,
         wtViewport = _this$dataAccessObjec8.wtViewport,
@@ -298,16 +299,26 @@ var Scroll = /*#__PURE__*/function () {
         rootWindow = _this$dataAccessObjec8.rootWindow;
       var lastVisibleColumn = wtTable.getLastVisibleColumn();
       if (inlineStartOverlay.mainTableScrollableElement === rootWindow) {
-        var rootElementOffset = offset(wtTable.wtRootElement);
+        var isRtl = wtSettings.getSetting('rtlMode');
+        var inlineStartRootElementOffset = null;
+        if (isRtl) {
+          var tableRect = wtTable.TABLE.getBoundingClientRect();
+          var rootDocument = this.dataAccessObject.rootWindow.document;
+          var docOffsetWidth = rootDocument.documentElement.offsetWidth;
+          inlineStartRootElementOffset = Math.abs(tableRect.right - docOffsetWidth);
+        } else {
+          var rootElementOffset = offset(wtTable.wtRootElement);
+          inlineStartRootElementOffset = rootElementOffset.left;
+        }
         var windowScrollLeft = Math.abs(getScrollLeft(rootWindow, rootWindow));
 
         // Only calculate lastVisibleColumn when table didn't filled (from right) whole viewport space
-        if (rootElementOffset.left > windowScrollLeft) {
+        if (inlineStartRootElementOffset > windowScrollLeft) {
           var windowWidth = innerWidth(rootWindow);
           var columnsWidth = wtViewport.getRowHeaderWidth();
           for (var column = 1; column <= totalColumns; column++) {
             columnsWidth += inlineStartOverlay.sumCellSizes(column - 1, column);
-            if (rootElementOffset.left + columnsWidth - windowScrollLeft >= windowWidth) {
+            if (inlineStartRootElementOffset + columnsWidth - windowScrollLeft >= windowWidth) {
               // Return physical column - 1 (-2 because rangeEach gives column index + 1 - sumCellSizes requirements)
               lastVisibleColumn = column - 2;
               break;

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

@@ -677,7 +677,8 @@ var Table = /*#__PURE__*/function () {
      *
      * @param {number} row Row index.
      * @param {number} [level=0] Header level (0 = most distant to the table).
-     * @returns {HTMLElement} HTMLElement on success or Number one of the exit codes on error: `null table doesn't have row headers`.
+     * @returns {HTMLElement} HTMLElement on success or Number one of the exit codes on error: `null table doesn't have
+     *   row headers`.
      */
   }, {
     key: "getRowHeader",
@@ -722,7 +723,8 @@ var Table = /*#__PURE__*/function () {
      * Returns cell coords object for a given TD (or a child element of a TD element).
      *
      * @param {HTMLTableCellElement} TD A cell DOM element (or a child of one).
-     * @returns {CellCoords|null} The coordinates of the provided TD element (or the closest TD element) or null, if the provided element is not applicable.
+     * @returns {CellCoords|null} The coordinates of the provided TD element (or the closest TD element) or null, if the
+     *   provided element is not applicable.
      */
   }, {
     key: "getCoords",

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

@@ -672,7 +672,8 @@ var Table = /*#__PURE__*/function () {
      *
      * @param {number} row Row index.
      * @param {number} [level=0] Header level (0 = most distant to the table).
-     * @returns {HTMLElement} HTMLElement on success or Number one of the exit codes on error: `null table doesn't have row headers`.
+     * @returns {HTMLElement} HTMLElement on success or Number one of the exit codes on error: `null table doesn't have
+     *   row headers`.
      */
   }, {
     key: "getRowHeader",
@@ -717,7 +718,8 @@ var Table = /*#__PURE__*/function () {
      * Returns cell coords object for a given TD (or a child element of a TD element).
      *
      * @param {HTMLTableCellElement} TD A cell DOM element (or a child of one).
-     * @returns {CellCoords|null} The coordinates of the provided TD element (or the closest TD element) or null, if the provided element is not applicable.
+     * @returns {CellCoords|null} The coordinates of the provided TD element (or the closest TD element) or null, if the
+     *   provided element is not applicable.
      */
   }, {
     key: "getCoords",

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

@@ -50,6 +50,7 @@
  * @property {number} totalRows TotalRows.
  * @property {Window} rootWindow RootWindow.
  * @property {Viewport} wtViewport WtViewport.
+ * @property {Settings} wtSettings Walkontable Settings.
  */
 /**
  * The Data Access Object for Table class.

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

@@ -50,6 +50,7 @@
  * @property {number} totalRows TotalRows.
  * @property {Window} rootWindow RootWindow.
  * @property {Viewport} wtViewport WtViewport.
+ * @property {Settings} wtSettings Walkontable Settings.
  */
 /**
  * The Data Access Object for Table class.