handsontable 11.0.0 → 12.0.0

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

@@ -1,4 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 
 import "core-js/modules/es.object.set-prototype-of.js";
 import "core-js/modules/es.object.get-prototype-of.js";
@@ -17,9 +17,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
@@ -35,7 +35,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 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, setOverlayPosition, resetCssTransform } from "./../../../../helpers/dom/element.mjs";
+import { addClass, getScrollbarWidth, getScrollTop, getWindowScrollLeft, hasClass, outerHeight, removeClass, setOverlayPosition, resetCssTransform } from "../../../../helpers/dom/element.mjs";
 import TopOverlayTable from "./../table/top.mjs";
 import { Overlay } from "./_base.mjs";
 import { CLONE_TOP } from "./constants.mjs";
@@ -49,19 +49,28 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
   var _super = _createSuper(TopOverlay);
 
   /**
-   * @param {Walkontable} wotInstance The Walkontable instance.
+   * Cached value which holds the previous value of the `fixedRowsTop` option.
+   * It is used as a comparison value that can be used to detect changes in this value.
+   *
+   * @type {number}
+   */
+
+  /**
+   * @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 TopOverlay(wotInstance) {
+  function TopOverlay(wotInstance, facadeGetter, wtSettings, domBindings) {
     var _this;
 
     _classCallCheck(this, TopOverlay);
 
-    _this = _super.call(this, wotInstance);
+    _this = _super.call(this, wotInstance, facadeGetter, CLONE_TOP, wtSettings, domBindings);
 
     _defineProperty(_assertThisInitialized(_this), "cachedFixedRowsTop", -1);
 
-    _this.clone = _this.makeClone(CLONE_TOP);
-    _this.cachedFixedRowsTop = _this.wot.getSetting('fixedRowsTop');
+    _this.cachedFixedRowsTop = _this.wtSettings.getSetting('fixedRowsTop');
     return _this;
   }
   /**
@@ -69,7 +78,7 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
    *
    * @see Table#constructor
    * @param {...*} args Parameters that will be forwarded to the `Table` constructor.
-   * @returns {Table}
+   * @returns {TopOverlayTable}
    */
 
 
@@ -91,7 +100,7 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "shouldBeRendered",
     value: function shouldBeRendered() {
-      return this.wot.getSetting('shouldRenderTopOverlay');
+      return this.wtSettings.getSetting('shouldRenderTopOverlay');
     }
     /**
      * Updates the top overlay position.
@@ -104,18 +113,18 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
     value: function resetFixedPosition() {
       if (!this.needFullRender || !this.wot.wtTable.holder.parentNode) {
         // removed from DOM
-        return;
+        return false;
       }
 
       var overlayRoot = this.clone.wtTable.holder.parentNode;
-      var preventOverflow = this.wot.getSetting('preventOverflow');
-      var headerPosition = 0;
+      var rootWindow = this.domBindings.rootWindow;
+      var preventOverflow = this.wtSettings.getSetting('preventOverflow');
+      var overlayPosition = 0;
       var skipInnerBorderAdjusting = false;
 
-      if (this.trimmingContainer === this.wot.rootWindow && (!preventOverflow || preventOverflow !== 'vertical')) {
+      if (this.trimmingContainer === rootWindow && (!preventOverflow || preventOverflow !== 'vertical')) {
         var wtTable = this.wot.wtTable;
         var hiderRect = wtTable.hider.getBoundingClientRect();
-        var top = Math.ceil(hiderRect.top);
         var bottom = Math.ceil(hiderRect.bottom);
         var rootHeight = overlayRoot.offsetHeight; // This checks if the overlay is going to an infinite loop caused by added (or removed)
         // `innerBorderTop` class name. Toggling the class name shifts the viewport by 1px and
@@ -130,26 +139,14 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
         // frozen lines (no more `innerBorderTop` workaround).
 
         skipInnerBorderAdjusting = bottom === rootHeight;
-        var finalLeft;
-        var finalTop;
-        finalLeft = wtTable.hider.style.left;
-        finalLeft = finalLeft === '' ? 0 : finalLeft;
-
-        if (top < 0 && bottom - rootHeight > 0) {
-          finalTop = -top;
-        } else {
-          finalTop = 0;
-        }
-
-        headerPosition = finalTop;
-        finalTop += 'px';
-        setOverlayPosition(overlayRoot, finalLeft, finalTop);
+        overlayPosition = this.getOverlayOffset();
+        setOverlayPosition(overlayRoot, '0px', "".concat(overlayPosition, "px"));
       } else {
-        headerPosition = this.getScrollPosition();
+        overlayPosition = this.getScrollPosition();
         resetCssTransform(overlayRoot);
       }
 
-      var positionChanged = this.adjustHeaderBordersPosition(headerPosition, skipInnerBorderAdjusting);
+      var positionChanged = this.adjustHeaderBordersPosition(overlayPosition, skipInnerBorderAdjusting);
       this.adjustElementsSize();
       return positionChanged;
     }
@@ -163,7 +160,7 @@ export var TopOverlay = /*#__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 && rootWindow.scrollY !== pos) {
@@ -183,7 +180,7 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "onScroll",
     value: function onScroll() {
-      this.wot.getSetting('onScrollHorizontally');
+      this.wtSettings.getSetting('onScrollHorizontally');
     }
     /**
      * Calculates total sum cells height.
@@ -196,7 +193,7 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "sumCellSizes",
     value: function sumCellSizes(from, to) {
-      var defaultRowHeight = this.wot.wtSettings.settings.defaultRowHeight;
+      var defaultRowHeight = this.wtSettings.getSetting('defaultRowHeight');
       var row = from;
       var sum = 0;
 
@@ -232,14 +229,14 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "adjustRootElementSize",
     value: function adjustRootElementSize() {
-      var _this$wot = this.wot,
-          wtTable = _this$wot.wtTable,
-          rootDocument = _this$wot.rootDocument,
-          rootWindow = _this$wot.rootWindow;
+      var wtTable = this.wot.wtTable;
+      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 = this.wot.wtViewport.getWorkspaceWidth();
@@ -274,7 +271,8 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
 
       var holder = this.clone.wtTable.holder;
       var selections = this.wot.selections;
-      var selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(this.wot).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
+      var facade = this.facadeGetter();
+      var selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(facade).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
       this.clone.wtTable.hider.style.width = this.hider.style.width;
       holder.style.width = holder.parentNode.style.width; // Add selection corner protruding part to the holder total height to make sure that
       // borders' corner won't be cut after vertical scroll (#6937).
@@ -288,7 +286,7 @@ export var TopOverlay = /*#__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");
@@ -312,10 +310,13 @@ export var TopOverlay = /*#__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] = '';
       }
     }
     /**
@@ -329,25 +330,26 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "scrollTo",
     value: function scrollTo(sourceRow, bottomEdge) {
-      var wot = this.wot;
+      var wot = this.wot,
+          wtSettings = this.wtSettings;
       var sourceInstance = wot.cloneSource ? wot.cloneSource : wot;
       var mainHolder = sourceInstance.wtTable.holder;
       var newY = this.getTableParentOffset();
       var scrollbarCompensation = 0;
 
       if (bottomEdge && mainHolder.offsetHeight !== mainHolder.clientHeight) {
-        scrollbarCompensation = getScrollbarWidth(wot.rootDocument);
+        scrollbarCompensation = getScrollbarWidth(this.domBindings.rootDocument);
       }
 
       if (bottomEdge) {
-        var fixedRowsBottom = wot.getSetting('fixedRowsBottom');
-        var totalRows = wot.getSetting('totalRows');
+        var fixedRowsBottom = wtSettings.getSetting('fixedRowsBottom');
+        var totalRows = wtSettings.getSetting('totalRows');
         newY += this.sumCellSizes(0, sourceRow + 1);
         newY -= wot.wtViewport.getViewportHeight() - this.sumCellSizes(totalRows - fixedRowsBottom, totalRows); // Fix 1 pixel offset when cell is selected
 
         newY += 1;
       } else {
-        newY += this.sumCellSizes(wot.getSetting('fixedRowsTop'), sourceRow);
+        newY += this.sumCellSizes(wtSettings.getSetting('fixedRowsTop'), sourceRow);
       }
 
       newY += scrollbarCompensation;
@@ -362,7 +364,7 @@ export var TopOverlay = /*#__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;
       }
 
@@ -377,7 +379,33 @@ export var TopOverlay = /*#__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;
+        overlayOffset = Math.max(this.getScrollPosition() - this.getTableParentOffset(), 0);
+
+        if (overlayOffset > maxOffset) {
+          overlayOffset = 0;
+        }
+      }
+
+      return overlayOffset;
     }
     /**
      * Adds css classes to hide the header border's header (cell-selection border hiding issue).
@@ -392,7 +420,7 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
     value: function adjustHeaderBordersPosition(position) {
       var skipInnerBorderAdjusting = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var masterParent = this.wot.wtTable.holder.parentNode;
-      var totalColumns = this.wot.getSetting('totalColumns');
+      var totalColumns = this.wtSettings.getSetting('totalColumns');
 
       if (totalColumns) {
         removeClass(masterParent, 'emptyColumns');
@@ -403,15 +431,15 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
       var positionChanged = false;
 
       if (!skipInnerBorderAdjusting) {
-        var fixedRowsTop = this.wot.getSetting('fixedRowsTop');
+        var fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
         var areFixedRowsTopChanged = this.cachedFixedRowsTop !== fixedRowsTop;
-        var columnHeaders = this.wot.getSetting('columnHeaders');
+        var columnHeaders = this.wtSettings.getSetting('columnHeaders');
 
         if ((areFixedRowsTopChanged || fixedRowsTop === 0) && columnHeaders.length > 0) {
           var previousState = hasClass(masterParent, 'innerBorderTop');
-          this.cachedFixedRowsTop = this.wot.getSetting('fixedRowsTop');
+          this.cachedFixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
 
-          if (position || this.wot.getSetting('totalRows') === 0) {
+          if (position || this.wtSettings.getSetting('totalRows') === 0) {
             addClass(masterParent, 'innerBorderTop');
             positionChanged = !previousState;
           } else {
@@ -419,33 +447,10 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
             positionChanged = previousState;
           }
         }
-      } // nasty workaround for double border in the header, TODO: find a pure-css solution
-
-
-      if (this.wot.getSetting('rowHeaders').length === 0) {
-        var secondHeaderCell = this.clone.wtTable.THEAD.querySelectorAll('th:nth-of-type(2)');
-
-        if (secondHeaderCell) {
-          for (var i = 0; i < secondHeaderCell.length; i++) {
-            secondHeaderCell[i].style['border-left-width'] = 0;
-          }
-        }
       }
 
       return positionChanged;
     }
-  }], [{
-    key: "OVERLAY_NAME",
-    get: function get() {
-      return CLONE_TOP;
-    }
-    /**
-     * Cached value which holds the previous value of the `fixedRowsTop` option.
-     * It is used as a comparison value that can be used to detect changes in this value.
-     *
-     * @type {number}
-     */
-
   }]);
 
   return TopOverlay;

package/3rdparty/walkontable/src/overlay/{topLeftCorner.js → topInlineStartCorner.js}

@@ -1,6 +1,10 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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.object.set-prototype-of.js");
+
+require("core-js/modules/es.object.get-prototype-of.js");
 
 require("core-js/modules/es.object.to-string.js");
 
@@ -19,15 +23,11 @@ require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 
 exports.__esModule = true;
-exports.TopLeftCornerOverlay = void 0;
+exports.TopInlineStartCornerOverlay = void 0;
 
-require("core-js/modules/es.object.set-prototype-of.js");
+var _element = require("../../../../helpers/dom/element");
 
-require("core-js/modules/es.object.get-prototype-of.js");
-
-var _element = require("./../../../../helpers/dom/element");
-
-var _topLeftCorner = _interopRequireDefault(require("./../table/topLeftCorner"));
+var _topInlineStartCorner = _interopRequireDefault(require("../table/topInlineStartCorner"));
 
 var _base = require("./_base");
 
@@ -41,9 +41,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
@@ -57,24 +57,49 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : 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; }
+
 /**
- * @class TopLeftCornerOverlay
+ * @class TopInlineStartCornerOverlay
  */
-var TopLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
-  _inherits(TopLeftCornerOverlay, _Overlay);
+var TopInlineStartCornerOverlay = /*#__PURE__*/function (_Overlay) {
+  _inherits(TopInlineStartCornerOverlay, _Overlay);
+
+  var _super = _createSuper(TopInlineStartCornerOverlay);
+
+  /**
+   * The instance of the Top overlay.
+   *
+   * @type {TopOverlay}
+   */
 
-  var _super = _createSuper(TopLeftCornerOverlay);
+  /**
+   * The instance of the InlineStart overlay.
+   *
+   * @type {InlineStartOverlay}
+   */
 
   /**
-   * @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 {TopOverlay} topOverlay The instance of the Top overlay.
+   * @param {InlineStartOverlay} inlineStartOverlay The instance of the InlineStart overlay.
    */
-  function TopLeftCornerOverlay(wotInstance) {
+  function TopInlineStartCornerOverlay(wotInstance, facadeGetter, wtSettings, domBindings, topOverlay, inlineStartOverlay) {
     var _this;
 
-    _classCallCheck(this, TopLeftCornerOverlay);
+    _classCallCheck(this, TopInlineStartCornerOverlay);
 
-    _this = _super.call(this, wotInstance);
-    _this.clone = _this.makeClone(_constants.CLONE_TOP_LEFT_CORNER);
+    _this = _super.call(this, wotInstance, facadeGetter, _constants.CLONE_TOP_INLINE_START_CORNER, wtSettings, domBindings);
+
+    _defineProperty(_assertThisInitialized(_this), "topOverlay", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "inlineStartOverlay", void 0);
+
+    _this.topOverlay = topOverlay;
+    _this.inlineStartOverlay = inlineStartOverlay;
     return _this;
   }
   /**
@@ -82,18 +107,18 @@ var TopLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
    *
    * @see Table#constructor
    * @param {...*} args Parameters that will be forwarded to the `Table` constructor.
-   * @returns {Table}
+   * @returns {TopInlineStartCornerOverlayTable}
    */
 
 
-  _createClass(TopLeftCornerOverlay, [{
+  _createClass(TopInlineStartCornerOverlay, [{
     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(_topLeftCorner.default, args);
+      return _construct(_topInlineStartCorner.default, args);
     }
     /**
      * Checks if overlay should be fully rendered.
@@ -104,8 +129,7 @@ var TopLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "shouldBeRendered",
     value: function shouldBeRendered() {
-      var wot = this.wot;
-      return wot.getSetting('shouldRenderTopOverlay') && wot.getSetting('shouldRenderLeftOverlay');
+      return this.wtSettings.getSetting('shouldRenderTopOverlay') && this.wtSettings.getSetting('shouldRenderInlineStartOverlay');
     }
     /**
      * Updates the corner overlay position.
@@ -120,35 +144,15 @@ var TopLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
 
       if (!this.wot.wtTable.holder.parentNode) {
         // removed from DOM
-        return;
+        return false;
       }
 
       var overlayRoot = this.clone.wtTable.holder.parentNode;
-      var preventOverflow = this.wot.getSetting('preventOverflow');
-
-      if (this.trimmingContainer === this.wot.rootWindow) {
-        var wtTable = this.wot.wtTable;
-        var hiderRect = wtTable.hider.getBoundingClientRect();
-        var top = Math.ceil(hiderRect.top);
-        var left = Math.ceil(hiderRect.left);
-        var bottom = Math.ceil(hiderRect.bottom);
-        var right = Math.ceil(hiderRect.right);
-        var finalLeft = '0';
-        var finalTop = '0';
-
-        if (!preventOverflow || preventOverflow === 'vertical') {
-          if (left < 0 && right - overlayRoot.offsetWidth > 0) {
-            finalLeft = "".concat(-left, "px");
-          }
-        }
-
-        if (!preventOverflow || preventOverflow === 'horizontal') {
-          if (top < 0 && bottom - overlayRoot.offsetHeight > 0) {
-            finalTop = "".concat(-top, "px");
-          }
-        }
-
-        (0, _element.setOverlayPosition)(overlayRoot, finalLeft, finalTop);
+
+      if (this.trimmingContainer === this.domBindings.rootWindow) {
+        var left = this.inlineStartOverlay.getOverlayOffset() * (this.isRtl() ? -1 : 1);
+        var top = this.topOverlay.getOverlayOffset();
+        (0, _element.setOverlayPosition)(overlayRoot, "".concat(left, "px"), "".concat(top, "px"));
       } else {
         (0, _element.resetCssTransform)(overlayRoot);
       }
@@ -164,14 +168,9 @@ var TopLeftCornerOverlay = /*#__PURE__*/function (_Overlay) {
       overlayRoot.style.width = "".concat(tableWidth, "px");
       return false;
     }
-  }], [{
-    key: "OVERLAY_NAME",
-    get: function get() {
-      return _constants.CLONE_TOP_LEFT_CORNER;
-    }
   }]);
 
-  return TopLeftCornerOverlay;
+  return TopInlineStartCornerOverlay;
 }(_base.Overlay);
 
-exports.TopLeftCornerOverlay = TopLeftCornerOverlay;
+exports.TopInlineStartCornerOverlay = TopInlineStartCornerOverlay;