handsontable 11.1.0 → 12.1.0

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

@@ -11,7 +11,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 
-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 _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -21,7 +21,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -31,11 +31,11 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import { addClass, getScrollbarWidth, getScrollTop, getWindowScrollLeft, hasClass, outerHeight, removeClass } from "./../../../../helpers/dom/element.mjs";
+import { addClass, getScrollbarWidth, getScrollTop, getWindowScrollLeft, hasClass, outerHeight, removeClass } from "../../../../helpers/dom/element.mjs";
 import BottomOverlayTable from "./../table/bottom.mjs";
 import { Overlay } from "./_base.mjs";
 import { CLONE_BOTTOM } from "./constants.mjs";
@@ -49,19 +49,28 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   var _super = _createSuper(BottomOverlay);
 
   /**
-   * @param {Walkontable} wotInstance The Walkontable instance.
+   * Cached value which holds the previous value of the `fixedRowsBottom` option.
+   * It is used as a comparison value that can be used to detect changes in that value.
+   *
+   * @type {number}
    */
-  function BottomOverlay(wotInstance) {
+
+  /**
+   * @param {Walkontable} wotInstance The Walkontable instance. @TODO refactoring: check if can be deleted.
+   * @param {FacadeGetter} facadeGetter Function which return proper facade.
+   * @param {Settings} wtSettings The Walkontable settings.
+   * @param {DomBindings} domBindings Dom elements bound to the current instance.
+   */
+  function BottomOverlay(wotInstance, facadeGetter, wtSettings, domBindings) {
     var _this;
 
     _classCallCheck(this, BottomOverlay);
 
-    _this = _super.call(this, wotInstance);
+    _this = _super.call(this, wotInstance, facadeGetter, CLONE_BOTTOM, wtSettings, domBindings);
 
     _defineProperty(_assertThisInitialized(_this), "cachedFixedRowsBottom", -1);
 
-    _this.clone = _this.makeClone(CLONE_BOTTOM);
-    _this.cachedFixedRowsBottom = _this.wot.getSetting('fixedRowsBottom');
+    _this.cachedFixedRowsBottom = _this.wtSettings.getSetting('fixedRowsBottom');
     return _this;
   }
   /**
@@ -69,7 +78,7 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
    *
    * @see Table#constructor
    * @param {...*} args Parameters that will be forwarded to the `Table` constructor.
-   * @returns {Table}
+   * @returns {BottomOverlayTable}
    */
 
 
@@ -91,7 +100,7 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "shouldBeRendered",
     value: function shouldBeRendered() {
-      return this.wot.getSetting('shouldRenderBottomOverlay');
+      return this.wtSettings.getSetting('shouldRenderBottomOverlay');
     }
     /**
      * Updates the top overlay position.
@@ -104,42 +113,24 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
     value: function resetFixedPosition() {
       if (!this.needFullRender || !this.wot.wtTable.holder.parentNode) {
         // removed from DOM
-        return;
+        return false;
       }
 
+      var rootWindow = this.domBindings.rootWindow;
       var overlayRoot = this.clone.wtTable.holder.parentNode;
       overlayRoot.style.top = '';
-      var headerPosition = 0;
-      var preventOverflow = this.wot.getSetting('preventOverflow');
-
-      if (this.trimmingContainer === this.wot.rootWindow && (!preventOverflow || preventOverflow !== 'vertical')) {
-        var _this$wot = this.wot,
-            rootDocument = _this$wot.rootDocument,
-            wtTable = _this$wot.wtTable;
-        var hiderRect = wtTable.hider.getBoundingClientRect();
-        var bottom = Math.ceil(hiderRect.bottom);
-        var bodyHeight = rootDocument.documentElement.clientHeight;
-        var finalLeft;
-        var finalBottom;
-        finalLeft = wtTable.hider.style.left;
-        finalLeft = finalLeft === '' ? 0 : finalLeft;
-
-        if (bottom > bodyHeight) {
-          finalBottom = bottom - bodyHeight;
-        } else {
-          finalBottom = 0;
-        }
+      var overlayPosition = 0;
+      var preventOverflow = this.wtSettings.getSetting('preventOverflow');
 
-        headerPosition = finalBottom;
-        finalBottom += 'px';
-        overlayRoot.style.left = finalLeft;
-        overlayRoot.style.bottom = finalBottom;
+      if (this.trimmingContainer === rootWindow && (!preventOverflow || preventOverflow !== 'vertical')) {
+        overlayPosition = this.getOverlayOffset();
+        overlayRoot.style.bottom = "".concat(overlayPosition, "px");
       } else {
-        headerPosition = this.getScrollPosition();
+        overlayPosition = this.getScrollPosition();
         this.repositionOverlay();
       }
 
-      var positionChanged = this.adjustHeaderBordersPosition(headerPosition);
+      var positionChanged = this.adjustHeaderBordersPosition(overlayPosition);
       this.adjustElementsSize();
       return positionChanged;
     }
@@ -150,17 +141,22 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "repositionOverlay",
     value: function repositionOverlay() {
-      var _this$wot2 = this.wot,
-          wtTable = _this$wot2.wtTable,
-          rootDocument = _this$wot2.rootDocument;
+      var _this$wot = this.wot,
+          wtTable = _this$wot.wtTable,
+          wtViewport = _this$wot.wtViewport;
+      var rootDocument = this.domBindings.rootDocument;
       var cloneRoot = this.clone.wtTable.holder.parentNode;
-      var scrollbarWidth = getScrollbarWidth(rootDocument);
+      var bottomOffset = 0;
 
-      if (wtTable.holder.clientHeight === wtTable.holder.offsetHeight) {
-        scrollbarWidth = 0;
+      if (!wtViewport.hasVerticalScroll()) {
+        bottomOffset += wtViewport.getWorkspaceHeight() - wtTable.getTotalHeight();
       }
 
-      cloneRoot.style.bottom = "".concat(scrollbarWidth, "px");
+      if (wtViewport.hasVerticalScroll() && wtViewport.hasHorizontalScroll()) {
+        bottomOffset += getScrollbarWidth(rootDocument);
+      }
+
+      cloneRoot.style.bottom = "".concat(bottomOffset, "px");
     }
     /**
      * Sets the main overlay's vertical scroll position.
@@ -172,7 +168,7 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "setScrollPosition",
     value: function setScrollPosition(pos) {
-      var rootWindow = this.wot.rootWindow;
+      var rootWindow = this.domBindings.rootWindow;
       var result = false;
 
       if (this.mainTableScrollableElement === rootWindow) {
@@ -192,7 +188,7 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "onScroll",
     value: function onScroll() {
-      this.wot.getSetting('onScrollHorizontally');
+      this.wtSettings.getSetting('onScrollHorizontally');
     }
     /**
      * Calculates total sum cells height.
@@ -205,10 +201,10 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "sumCellSizes",
     value: function sumCellSizes(from, to) {
-      var _this$wot3 = this.wot,
-          wtTable = _this$wot3.wtTable,
-          wtSettings = _this$wot3.wtSettings;
-      var defaultRowHeight = wtSettings.settings.defaultRowHeight;
+      var _this$wot2 = this.wot,
+          wtTable = _this$wot2.wtTable,
+          wtSettings = _this$wot2.wtSettings;
+      var defaultRowHeight = wtSettings.getSetting('defaultRowHeight');
       var row = from;
       var sum = 0;
 
@@ -244,14 +240,16 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "adjustRootElementSize",
     value: function adjustRootElementSize() {
-      var _this$wot4 = this.wot,
-          wtTable = _this$wot4.wtTable,
-          wtViewport = _this$wot4.wtViewport,
-          rootWindow = _this$wot4.rootWindow;
-      var scrollbarWidth = getScrollbarWidth(this.wot.rootDocument);
+      var _this$wot3 = this.wot,
+          wtTable = _this$wot3.wtTable,
+          wtViewport = _this$wot3.wtViewport;
+      var _this$domBindings = this.domBindings,
+          rootDocument = _this$domBindings.rootDocument,
+          rootWindow = _this$domBindings.rootWindow;
+      var scrollbarWidth = getScrollbarWidth(rootDocument);
       var overlayRoot = this.clone.wtTable.holder.parentNode;
       var overlayRootStyle = overlayRoot.style;
-      var preventOverflow = this.wot.getSetting('preventOverflow');
+      var preventOverflow = this.wtSettings.getSetting('preventOverflow');
 
       if (this.trimmingContainer !== rootWindow || preventOverflow === 'horizontal') {
         var width = wtViewport.getWorkspaceWidth();
@@ -294,7 +292,7 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "applyToDOM",
     value: function applyToDOM() {
-      var total = this.wot.getSetting('totalRows');
+      var total = this.wtSettings.getSetting('totalRows');
 
       if (typeof this.wot.wtViewport.rowsRenderCalculator.startPosition === 'number') {
         this.spreader.style.top = "".concat(this.wot.wtViewport.rowsRenderCalculator.startPosition, "px");
@@ -318,10 +316,13 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "syncOverlayOffset",
     value: function syncOverlayOffset() {
+      var styleProperty = this.isRtl() ? 'right' : 'left';
+      var spreader = this.clone.wtTable.spreader;
+
       if (typeof this.wot.wtViewport.columnsRenderCalculator.startPosition === 'number') {
-        this.clone.wtTable.spreader.style.left = "".concat(this.wot.wtViewport.columnsRenderCalculator.startPosition, "px");
+        spreader.style[styleProperty] = "".concat(this.wot.wtViewport.columnsRenderCalculator.startPosition, "px");
       } else {
-        this.clone.wtTable.spreader.style.left = '';
+        spreader.style[styleProperty] = '';
       }
     }
     /**
@@ -340,7 +341,7 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
       var scrollbarCompensation = 0;
 
       if (bottomEdge && mainHolder.offsetHeight !== mainHolder.clientHeight) {
-        scrollbarCompensation = getScrollbarWidth(this.wot.rootDocument);
+        scrollbarCompensation = getScrollbarWidth(this.domBindings.rootDocument);
       }
 
       if (bottomEdge) {
@@ -349,7 +350,7 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
 
         newY += 1;
       } else {
-        newY += this.sumCellSizes(this.wot.getSetting('fixedRowsBottom'), sourceRow);
+        newY += this.sumCellSizes(this.wtSettings.getSetting('fixedRowsBottom'), sourceRow);
       }
 
       newY += scrollbarCompensation;
@@ -364,7 +365,7 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "getTableParentOffset",
     value: function getTableParentOffset() {
-      if (this.mainTableScrollableElement === this.wot.rootWindow) {
+      if (this.mainTableScrollableElement === this.domBindings.rootWindow) {
         return this.wot.wtTable.holderOffset.top;
       }
 
@@ -379,7 +380,34 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "getScrollPosition",
     value: function getScrollPosition() {
-      return getScrollTop(this.mainTableScrollableElement, this.wot.rootWindow);
+      return getScrollTop(this.mainTableScrollableElement, this.domBindings.rootWindow);
+    }
+    /**
+     * Gets the main overlay's vertical overlay offset.
+     *
+     * @returns {number} Main table's vertical overlay offset.
+     */
+
+  }, {
+    key: "getOverlayOffset",
+    value: function getOverlayOffset() {
+      var rootWindow = this.domBindings.rootWindow;
+      var preventOverflow = this.wtSettings.getSetting('preventOverflow');
+      var overlayOffset = 0;
+
+      if (this.trimmingContainer === rootWindow && (!preventOverflow || preventOverflow !== 'vertical')) {
+        var rootHeight = this.wot.wtTable.getTotalHeight();
+        var overlayRootHeight = this.clone.wtTable.getTotalHeight();
+        var maxOffset = rootHeight - overlayRootHeight;
+        var docClientHeight = this.domBindings.rootDocument.documentElement.clientHeight;
+        overlayOffset = Math.max(this.getTableParentOffset() - this.getScrollPosition() - docClientHeight + rootHeight, 0);
+
+        if (overlayOffset > maxOffset) {
+          overlayOffset = 0;
+        }
+      }
+
+      return overlayOffset;
     }
     /**
      * Adds css classes to hide the header border's header (cell-selection border hiding issue).
@@ -391,17 +419,17 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "adjustHeaderBordersPosition",
     value: function adjustHeaderBordersPosition(position) {
-      var fixedRowsBottom = this.wot.getSetting('fixedRowsBottom');
+      var fixedRowsBottom = this.wtSettings.getSetting('fixedRowsBottom');
       var areFixedRowsBottomChanged = this.cachedFixedRowsBottom !== fixedRowsBottom;
-      var columnHeaders = this.wot.getSetting('columnHeaders');
+      var columnHeaders = this.wtSettings.getSetting('columnHeaders');
       var positionChanged = false;
 
       if ((areFixedRowsBottomChanged || fixedRowsBottom === 0) && columnHeaders.length > 0) {
         var masterParent = this.wot.wtTable.holder.parentNode;
         var previousState = hasClass(masterParent, 'innerBorderBottom');
-        this.cachedFixedRowsBottom = this.wot.getSetting('fixedRowsBottom');
+        this.cachedFixedRowsBottom = this.wtSettings.getSetting('fixedRowsBottom');
 
-        if (position || this.wot.getSetting('totalRows') === 0) {
+        if (position || this.wtSettings.getSetting('totalRows') === 0) {
           addClass(masterParent, 'innerBorderBottom');
           positionChanged = !previousState;
         } else {
@@ -412,18 +440,6 @@ export var BottomOverlay = /*#__PURE__*/function (_Overlay) {
 
       return positionChanged;
     }
-  }], [{
-    key: "OVERLAY_NAME",
-    get: function get() {
-      return CLONE_BOTTOM;
-    }
-    /**
-     * Cached value which holds the previous value of the `fixedRowsBottom` option.
-     * It is used as a comparison value that can be used to detect changes in that value.
-     *
-     * @type {number}
-     */
-
   }]);
 
   return BottomOverlay;

package/3rdparty/walkontable/src/overlay/{bottomLeftCorner.js → bottomInlineStartCorner.js}

@@ -19,15 +19,15 @@ require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 
 exports.__esModule = true;
-exports.BottomLeftCornerOverlay = void 0;
+exports.BottomInlineStartCornerOverlay = void 0;
 
 require("core-js/modules/es.object.set-prototype-of.js");
 
 require("core-js/modules/es.object.get-prototype-of.js");
 
-var _element = require("./../../../../helpers/dom/element");
+var _element = require("../../../../helpers/dom/element");
 
-var _bottomLeftCorner = _interopRequireDefault(require("./../table/bottomLeftCorner"));
+var _bottomInlineStartCorner = _interopRequireDefault(require("../table/bottomInlineStartCorner"));
 
 var _base = require("./_base");
 
@@ -35,7 +35,7 @@ var _constants = require("./constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -45,7 +45,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -55,26 +55,32 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 /**
- * @class TopLeftCornerOverlay
+ * @class BottomInlineStartCornerOverlay
  */
-var BottomLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
-  _inherits(BottomLeftCornerOverlay, _Overlay);
+var BottomInlineStartCornerOverlay = /*#__PURE__*/function (_Overlay) {
+  _inherits(BottomInlineStartCornerOverlay, _Overlay);
 
-  var _super = _createSuper(BottomLeftCornerOverlay);
+  var _super = _createSuper(BottomInlineStartCornerOverlay);
 
   /**
-   * @param {Walkontable} wotInstance The Walkontable instance.
+   * @param {Walkontable} wotInstance The Walkontable instance. @TODO refactoring: check if can be deleted.
+   * @param {FacadeGetter} facadeGetter Function which return proper facade.
+   * @param {Settings} wtSettings The Walkontable settings.
+   * @param {DomBindings} domBindings Dom elements bound to the current instance.
+   * @param {BottomOverlay} bottomOverlay The instance of the Top overlay.
+   * @param {InlineStartOverlay} inlineStartOverlay The instance of the InlineStart overlay.
    */
-  function BottomLeftCornerOverlay(wotInstance) {
+  function BottomInlineStartCornerOverlay(wotInstance, facadeGetter, wtSettings, domBindings, bottomOverlay, inlineStartOverlay) {
     var _this;
 
-    _classCallCheck(this, BottomLeftCornerOverlay);
+    _classCallCheck(this, BottomInlineStartCornerOverlay);
 
-    _this = _super.call(this, wotInstance);
-    _this.clone = _this.makeClone(_constants.CLONE_BOTTOM_LEFT_CORNER);
+    _this = _super.call(this, wotInstance, facadeGetter, _constants.CLONE_BOTTOM_INLINE_START_CORNER, wtSettings, domBindings);
+    _this.bottomOverlay = bottomOverlay;
+    _this.inlineStartOverlay = inlineStartOverlay;
     return _this;
   }
   /**
@@ -82,18 +88,18 @@ var BottomLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
    *
    * @see Table#constructor
    * @param {...*} args Parameters that will be forwarded to the `Table` constructor.
-   * @returns {Table}
+   * @returns {BottomInlineStartCornerOverlayTable}
    */
 
 
-  _createClass(BottomLeftCornerOverlay, [{
+  _createClass(BottomInlineStartCornerOverlay, [{
     key: "createTable",
     value: function createTable() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
 
-      return _construct(_bottomLeftCorner.default, args);
+      return _construct(_bottomInlineStartCorner.default, args);
     }
     /**
      * Checks if overlay should be fully rendered.
@@ -104,8 +110,7 @@ var BottomLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "shouldBeRendered",
     value: function shouldBeRendered() {
-      var wot = this.wot;
-      return wot.getSetting('shouldRenderBottomOverlay') && wot.getSetting('shouldRenderLeftOverlay');
+      return this.wtSettings.getSetting('shouldRenderBottomOverlay') && this.wtSettings.getSetting('shouldRenderInlineStartOverlay');
     }
     /**
      * Updates the corner overlay position.
@@ -121,39 +126,17 @@ var BottomLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
 
       if (!wot.wtTable.holder.parentNode) {
         // removed from DOM
-        return;
+        return false;
       }
 
       var overlayRoot = this.clone.wtTable.holder.parentNode;
       overlayRoot.style.top = '';
 
-      if (this.trimmingContainer === wot.rootWindow) {
-        var _this$wot = this.wot,
-            rootDocument = _this$wot.rootDocument,
-            wtTable = _this$wot.wtTable;
-        var hiderRect = wtTable.hider.getBoundingClientRect();
-        var bottom = Math.ceil(hiderRect.bottom);
-        var left = Math.ceil(hiderRect.left);
-        var bodyHeight = rootDocument.documentElement.clientHeight;
-        var finalLeft;
-        var finalBottom;
-
-        if (left < 0) {
-          finalLeft = -left;
-        } else {
-          finalLeft = 0;
-        }
-
-        if (bottom > bodyHeight) {
-          finalBottom = bottom - bodyHeight;
-        } else {
-          finalBottom = 0;
-        }
-
-        finalBottom += 'px';
-        finalLeft += 'px';
-        overlayRoot.style.left = finalLeft;
-        overlayRoot.style.bottom = finalBottom;
+      if (this.trimmingContainer === this.domBindings.rootWindow) {
+        var inlineStartOffset = this.inlineStartOverlay.getOverlayOffset();
+        var bottom = this.bottomOverlay.getOverlayOffset();
+        overlayRoot.style[this.isRtl() ? 'right' : 'left'] = "".concat(inlineStartOffset, "px");
+        overlayRoot.style.bottom = "".concat(bottom, "px");
       } else {
         (0, _element.resetCssTransform)(overlayRoot);
         this.repositionOverlay();
@@ -177,26 +160,26 @@ var BottomLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "repositionOverlay",
     value: function repositionOverlay() {
-      var _this$wot2 = this.wot,
-          wtTable = _this$wot2.wtTable,
-          rootDocument = _this$wot2.rootDocument;
+      var _this$wot = this.wot,
+          wtTable = _this$wot.wtTable,
+          wtViewport = _this$wot.wtViewport;
+      var rootDocument = this.domBindings.rootDocument;
       var cloneRoot = this.clone.wtTable.holder.parentNode;
-      var scrollbarWidth = (0, _element.getScrollbarWidth)(rootDocument);
+      var bottomOffset = 0;
 
-      if (wtTable.holder.clientHeight === wtTable.holder.offsetHeight) {
-        scrollbarWidth = 0;
+      if (!wtViewport.hasVerticalScroll()) {
+        bottomOffset += wtViewport.getWorkspaceHeight() - wtTable.getTotalHeight();
       }
 
-      cloneRoot.style.bottom = "".concat(scrollbarWidth, "px");
-    }
-  }], [{
-    key: "OVERLAY_NAME",
-    get: function get() {
-      return _constants.CLONE_BOTTOM_LEFT_CORNER;
+      if (wtViewport.hasVerticalScroll() && wtViewport.hasHorizontalScroll()) {
+        bottomOffset += (0, _element.getScrollbarWidth)(rootDocument);
+      }
+
+      cloneRoot.style.bottom = "".concat(bottomOffset, "px");
     }
   }]);
 
-  return BottomLeftCornerOverlay;
+  return BottomInlineStartCornerOverlay;
 }(_base.Overlay);
 
-exports.BottomLeftCornerOverlay = BottomLeftCornerOverlay;
+exports.BottomInlineStartCornerOverlay = BottomInlineStartCornerOverlay;