handsontable 11.0.0 → 12.0.0

package/plugins/manualColumnFreeze/contextMenuItem/unfreezeColumn.mjs

@@ -50,7 +50,7 @@ export default function unfreezeColumnItem(manualColumnFreezePlugin) {
         hide = true;
       } else if (selection.length > 1) {
         hide = true;
-      } else if (selection[0].from.col !== selection[0].to.col || selection[0].from.col >= this.getSettings().fixedColumnsLeft) {
+      } else if (selection[0].from.col !== selection[0].to.col || selection[0].from.col >= this.getSettings().fixedColumnsStart) {
         hide = true;
       }
 

package/plugins/manualColumnFreeze/manualColumnFreeze.js

@@ -1,6 +1,6 @@
 "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");
 
@@ -43,13 +43,13 @@ 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 _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
-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); }
 
@@ -68,6 +68,8 @@ exports.PLUGIN_KEY = PLUGIN_KEY;
 var PLUGIN_PRIORITY = 110;
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 var privatePool = new WeakMap();
+/* eslint-disable jsdoc/require-description-complete-sentence */
+
 /**
  * @plugin ManualColumnFreeze
  * @class ManualColumnFreeze
@@ -147,7 +149,10 @@ var ManualColumnFreeze = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(ManualColumnFreeze.prototype), "disablePlugin", this).call(this);
     }
     /**
-     * Updates the plugin state. This method is executed when {@link Core#updateSettings} is invoked.
+     * Updates the plugin's state.
+     *
+     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+     *  - [`manualColumnFreeze`](@/api/options.md#manualcolumnfreeze)
      */
 
   }, {
@@ -177,12 +182,16 @@ var ManualColumnFreeze = /*#__PURE__*/function (_BasePlugin) {
         priv.afterFirstUse = true;
       }
 
-      if (settings.fixedColumnsLeft === this.hot.countCols() || column <= settings.fixedColumnsLeft - 1) {
+      if (settings.fixedColumnsStart === this.hot.countCols() || column <= settings.fixedColumnsStart - 1) {
         return; // already fixed
       }
 
-      this.hot.columnIndexMapper.moveIndexes(column, settings.fixedColumnsLeft);
-      settings.fixedColumnsLeft += 1;
+      this.hot.columnIndexMapper.moveIndexes(column, settings.fixedColumnsStart); // Since 12.0.0, the "fixedColumnsLeft" is replaced with the "fixedColumnsStart" option.
+      // However, keeping the old name still in effect. When both option names are used together,
+      // the error is thrown. To prevent that, the plugin needs to modify the original option key
+      // to bypass the validation.
+
+      settings._fixedColumnsStart += 1;
     }
     /**
      * Unfreezes the given column (remove it from fixed columns and bring to it's previous position).
@@ -200,12 +209,16 @@ var ManualColumnFreeze = /*#__PURE__*/function (_BasePlugin) {
         priv.afterFirstUse = true;
       }
 
-      if (settings.fixedColumnsLeft <= 0 || column > settings.fixedColumnsLeft - 1) {
+      if (settings.fixedColumnsStart <= 0 || column > settings.fixedColumnsStart - 1) {
         return; // not fixed
-      }
+      } // Since 12.0.0, the "fixedColumnsLeft" is replaced with the "fixedColumnsStart" option.
+      // However, keeping the old name still in effect. When both option names are used together,
+      // the error is thrown. To prevent that, the plugin needs to modify the original option key
+      // to bypass the validation.
+
 
-      settings.fixedColumnsLeft -= 1;
-      this.hot.columnIndexMapper.moveIndexes(column, settings.fixedColumnsLeft);
+      settings._fixedColumnsStart -= 1;
+      this.hot.columnIndexMapper.moveIndexes(column, settings.fixedColumnsStart);
     }
     /**
      * Adds the manualColumnFreeze context menu entries.
@@ -236,7 +249,7 @@ var ManualColumnFreeze = /*#__PURE__*/function (_BasePlugin) {
       var priv = privatePool.get(this);
 
       if (priv.afterFirstUse) {
-        var freezeLine = this.hot.getSettings().fixedColumnsLeft; // Moving any column before the "freeze line" isn't possible.
+        var freezeLine = this.hot.getSettings().fixedColumnsStart; // Moving any column before the "freeze line" isn't possible.
 
         if (finalIndex < freezeLine) {
           return false;

package/plugins/manualColumnFreeze/manualColumnFreeze.mjs

@@ -1,16 +1,16 @@
-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); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 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 _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
-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); }
 
@@ -43,6 +43,8 @@ import unfreezeColumnItem from "./contextMenuItem/unfreezeColumn.mjs";
 export var PLUGIN_KEY = 'manualColumnFreeze';
 export var PLUGIN_PRIORITY = 110;
 var privatePool = new WeakMap();
+/* eslint-disable jsdoc/require-description-complete-sentence */
+
 /**
  * @plugin ManualColumnFreeze
  * @class ManualColumnFreeze
@@ -122,7 +124,10 @@ export var ManualColumnFreeze = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(ManualColumnFreeze.prototype), "disablePlugin", this).call(this);
     }
     /**
-     * Updates the plugin state. This method is executed when {@link Core#updateSettings} is invoked.
+     * Updates the plugin's state.
+     *
+     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+     *  - [`manualColumnFreeze`](@/api/options.md#manualcolumnfreeze)
      */
 
   }, {
@@ -152,12 +157,16 @@ export var ManualColumnFreeze = /*#__PURE__*/function (_BasePlugin) {
         priv.afterFirstUse = true;
       }
 
-      if (settings.fixedColumnsLeft === this.hot.countCols() || column <= settings.fixedColumnsLeft - 1) {
+      if (settings.fixedColumnsStart === this.hot.countCols() || column <= settings.fixedColumnsStart - 1) {
         return; // already fixed
       }
 
-      this.hot.columnIndexMapper.moveIndexes(column, settings.fixedColumnsLeft);
-      settings.fixedColumnsLeft += 1;
+      this.hot.columnIndexMapper.moveIndexes(column, settings.fixedColumnsStart); // Since 12.0.0, the "fixedColumnsLeft" is replaced with the "fixedColumnsStart" option.
+      // However, keeping the old name still in effect. When both option names are used together,
+      // the error is thrown. To prevent that, the plugin needs to modify the original option key
+      // to bypass the validation.
+
+      settings._fixedColumnsStart += 1;
     }
     /**
      * Unfreezes the given column (remove it from fixed columns and bring to it's previous position).
@@ -175,12 +184,16 @@ export var ManualColumnFreeze = /*#__PURE__*/function (_BasePlugin) {
         priv.afterFirstUse = true;
       }
 
-      if (settings.fixedColumnsLeft <= 0 || column > settings.fixedColumnsLeft - 1) {
+      if (settings.fixedColumnsStart <= 0 || column > settings.fixedColumnsStart - 1) {
         return; // not fixed
-      }
+      } // Since 12.0.0, the "fixedColumnsLeft" is replaced with the "fixedColumnsStart" option.
+      // However, keeping the old name still in effect. When both option names are used together,
+      // the error is thrown. To prevent that, the plugin needs to modify the original option key
+      // to bypass the validation.
+
 
-      settings.fixedColumnsLeft -= 1;
-      this.hot.columnIndexMapper.moveIndexes(column, settings.fixedColumnsLeft);
+      settings._fixedColumnsStart -= 1;
+      this.hot.columnIndexMapper.moveIndexes(column, settings.fixedColumnsStart);
     }
     /**
      * Adds the manualColumnFreeze context menu entries.
@@ -211,7 +224,7 @@ export var ManualColumnFreeze = /*#__PURE__*/function (_BasePlugin) {
       var priv = privatePool.get(this);
 
       if (priv.afterFirstUse) {
-        var freezeLine = this.hot.getSettings().fixedColumnsLeft; // Moving any column before the "freeze line" isn't possible.
+        var freezeLine = this.hot.getSettings().fixedColumnsStart; // Moving any column before the "freeze line" isn't possible.
 
         if (finalIndex < freezeLine) {
           return false;

package/plugins/manualColumnMove/manualColumnMove.js

@@ -1,6 +1,6 @@
 "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");
 
@@ -57,13 +57,13 @@ 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 _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
-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); }
 
@@ -90,6 +90,8 @@ var CSS_PLUGIN = 'ht__manualColumnMove';
 var CSS_SHOW_UI = 'show-ui';
 var CSS_ON_MOVING = 'on-moving--columns';
 var CSS_AFTER_SELECTION = 'after-selection--columns';
+/* eslint-disable jsdoc/require-description-complete-sentence */
+
 /**
  * @plugin ManualColumnMove
  * @class ManualColumnMove
@@ -206,7 +208,7 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
         return _this2.onAfterScrollVertically();
       });
       this.addHook('afterLoadData', function () {
-        return _this2.onAfterLoadData();
+        return _this2.onAfterLoadData.apply(_this2, arguments);
       });
       this.buildPluginUI();
       this.registerEvents(); // TODO: move adding plugin classname to BasePlugin.
@@ -216,7 +218,10 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(ManualColumnMove.prototype), "enablePlugin", this).call(this);
     }
     /**
-     * Updates the plugin state. This method is executed when {@link Core#updateSettings} is invoked.
+     * Updates the plugin's state.
+     *
+     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+     *  - [`manualColumnMove`](@/api/options.md#manualcolumnmove)
      */
 
   }, {
@@ -414,9 +419,9 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
         var renderableIndex = columnMapper.getRenderableFromVisualIndex(visualColumnIndex);
 
         if (visualColumnIndex < 0) {
-          columnsWidth += this.hot.view.wt.wtViewport.getRowHeaderWidth() || 0;
+          columnsWidth += this.hot.view._wt.wtViewport.getRowHeaderWidth() || 0;
         } else if (renderableIndex !== null) {
-          columnsWidth += this.hot.view.wt.wtTable.getStretchedColumnWidth(renderableIndex) || 0;
+          columnsWidth += this.hot.view._wt.wtTable.getStretchedColumnWidth(renderableIndex) || 0;
         }
       }
 
@@ -452,9 +457,9 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
      */
 
   }, {
-    key: "isFixedColumnsLeft",
-    value: function isFixedColumnsLeft(column) {
-      return column < this.hot.getSettings().fixedColumnsLeft;
+    key: "isFixedColumnsStart",
+    value: function isFixedColumnsStart(column) {
+      return column < this.hot.getSettings().fixedColumnsStart;
     }
     /**
      * Saves the manual column positions to the persistent state (the {@link Options#persistentState} option has to be enabled).
@@ -511,89 +516,94 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
     key: "refreshPositions",
     value: function refreshPositions() {
       var priv = privatePool.get(this);
-      var firstVisible = this.hot.view.wt.wtTable.getFirstVisibleColumn();
-      var lastVisible = this.hot.view.wt.wtTable.getLastVisibleColumn();
-      var wtTable = this.hot.view.wt.wtTable;
-      var scrollableElement = this.hot.view.wt.wtOverlays.scrollableElement;
-      var scrollLeft = typeof scrollableElement.scrollX === 'number' ? scrollableElement.scrollX : scrollableElement.scrollLeft;
-      var tdOffsetLeft = this.hot.view.THEAD.offsetLeft + this.getColumnsWidth(0, priv.coords - 1);
-      var mouseOffsetLeft = priv.target.eventPageX - (priv.rootElementOffset - (scrollableElement.scrollX === void 0 ? scrollLeft : 0)); // eslint-disable-line max-len
 
+      var firstVisible = this.hot.view._wt.wtTable.getFirstVisibleColumn();
+
+      var lastVisible = this.hot.view._wt.wtTable.getLastVisibleColumn();
+
+      var wtTable = this.hot.view._wt.wtTable;
+      var scrollableElement = this.hot.view._wt.wtOverlays.scrollableElement;
+      var scrollStart = typeof scrollableElement.scrollX === 'number' ? scrollableElement.scrollX : scrollableElement.scrollLeft;
+      var tdOffsetStart = this.hot.view.THEAD.offsetLeft + this.getColumnsWidth(0, priv.hoveredColumn - 1);
       var hiderWidth = wtTable.hider.offsetWidth;
       var tbodyOffsetLeft = wtTable.TBODY.offsetLeft;
-      var backlightElemMarginLeft = this.backlight.getOffset().left;
+      var backlightElemMarginStart = this.backlight.getOffset().start;
       var backlightElemWidth = this.backlight.getSize().width;
       var rowHeaderWidth = 0;
+      var mouseOffsetStart = 0;
 
-      if (priv.rootElementOffset + wtTable.holder.offsetWidth + scrollLeft < priv.target.eventPageX) {
-        if (priv.coords < priv.countCols) {
-          priv.coords += 1;
-        }
+      if (this.hot.isRtl()) {
+        var rootWindow = this.hot.rootWindow;
+        var containerWidth = (0, _element.outerWidth)(this.hot.rootElement);
+        var gridMostRightPos = rootWindow.innerWidth - priv.rootElementOffset - containerWidth;
+        mouseOffsetStart = rootWindow.innerWidth - priv.target.eventPageX - gridMostRightPos - (scrollableElement.scrollX === void 0 ? scrollStart : 0);
+      } else {
+        mouseOffsetStart = priv.target.eventPageX - (priv.rootElementOffset - (scrollableElement.scrollX === void 0 ? scrollStart : 0));
       }
 
       if (priv.hasRowHeaders) {
-        rowHeaderWidth = this.hot.view.wt.wtOverlays.leftOverlay.clone.wtTable.getColumnHeader(-1).offsetWidth;
+        rowHeaderWidth = this.hot.view._wt.wtOverlays.inlineStartOverlay.clone.wtTable.getColumnHeader(-1).offsetWidth;
       }
 
-      if (this.isFixedColumnsLeft(priv.coords)) {
-        tdOffsetLeft += scrollLeft;
+      if (this.isFixedColumnsStart(priv.hoveredColumn)) {
+        tdOffsetStart += scrollStart;
       }
 
-      tdOffsetLeft += rowHeaderWidth;
+      tdOffsetStart += rowHeaderWidth;
 
-      if (priv.coords < 0) {
+      if (priv.hoveredColumn < 0) {
         // if hover on rowHeader
-        if (priv.fixedColumns > 0) {
+        if (priv.fixedColumnsStart > 0) {
           priv.target.col = 0;
         } else {
           priv.target.col = firstVisible > 0 ? firstVisible - 1 : firstVisible;
         }
-      } else if (priv.target.TD.offsetWidth / 2 + tdOffsetLeft <= mouseOffsetLeft) {
-        var newCoordsCol = priv.coords >= priv.countCols ? priv.countCols - 1 : priv.coords; // if hover on right part of TD
+      } else if (priv.target.TD.offsetWidth / 2 + tdOffsetStart <= mouseOffsetStart) {
+        var newCoordsCol = priv.hoveredColumn >= priv.countCols ? priv.countCols - 1 : priv.hoveredColumn; // if hover on right part of TD
 
         priv.target.col = newCoordsCol + 1; // unfortunately first column is bigger than rest
 
-        tdOffsetLeft += priv.target.TD.offsetWidth;
+        tdOffsetStart += priv.target.TD.offsetWidth;
 
         if (priv.target.col > lastVisible && lastVisible < priv.countCols) {
           this.hot.scrollViewportTo(void 0, lastVisible + 1, void 0, true);
         }
       } else {
         // elsewhere on table
-        priv.target.col = priv.coords;
+        priv.target.col = priv.hoveredColumn;
 
-        if (priv.target.col <= firstVisible && priv.target.col >= priv.fixedColumns && firstVisible > 0) {
+        if (priv.target.col <= firstVisible && priv.target.col >= priv.fixedColumnsStart && firstVisible > 0) {
           this.hot.scrollViewportTo(void 0, firstVisible - 1);
         }
       }
 
-      if (priv.target.col <= firstVisible && priv.target.col >= priv.fixedColumns && firstVisible > 0) {
+      if (priv.target.col <= firstVisible && priv.target.col >= priv.fixedColumnsStart && firstVisible > 0) {
         this.hot.scrollViewportTo(void 0, firstVisible - 1);
       }
 
-      var backlightLeft = mouseOffsetLeft;
-      var guidelineLeft = tdOffsetLeft;
+      var backlightStart = mouseOffsetStart;
+      var guidelineStart = tdOffsetStart;
 
-      if (mouseOffsetLeft + backlightElemWidth + backlightElemMarginLeft >= hiderWidth) {
+      if (mouseOffsetStart + backlightElemWidth + backlightElemMarginStart >= hiderWidth) {
         // prevent display backlight on the right side of the table
-        backlightLeft = hiderWidth - backlightElemWidth - backlightElemMarginLeft;
-      } else if (mouseOffsetLeft + backlightElemMarginLeft < tbodyOffsetLeft + rowHeaderWidth) {
+        backlightStart = hiderWidth - backlightElemWidth - backlightElemMarginStart;
+      } else if (mouseOffsetStart + backlightElemMarginStart < tbodyOffsetLeft + rowHeaderWidth) {
         // prevent display backlight on the left side of the table
-        backlightLeft = tbodyOffsetLeft + rowHeaderWidth + Math.abs(backlightElemMarginLeft);
+        backlightStart = tbodyOffsetLeft + rowHeaderWidth + Math.abs(backlightElemMarginStart);
       }
 
-      if (tdOffsetLeft >= hiderWidth - 1) {
+      if (tdOffsetStart >= hiderWidth - 1) {
         // prevent display guideline outside the table
-        guidelineLeft = hiderWidth - 1;
-      } else if (guidelineLeft === 0) {
+        guidelineStart = hiderWidth - 1;
+      } else if (guidelineStart === 0) {
         // guideline has got `margin-left: -1px` as default
-        guidelineLeft = 1;
-      } else if (scrollableElement.scrollX !== void 0 && priv.coords < priv.fixedColumns) {
-        guidelineLeft -= priv.rootElementOffset <= scrollableElement.scrollX ? priv.rootElementOffset : 0;
+        guidelineStart = 1;
+      } else if (scrollableElement.scrollX !== void 0 && priv.hoveredColumn < priv.fixedColumnsStart) {
+        guidelineStart -= priv.rootElementOffset <= scrollableElement.scrollX ? priv.rootElementOffset : 0;
       }
 
-      this.backlight.setPosition(null, backlightLeft);
-      this.guideline.setPosition(null, guidelineLeft);
+      this.backlight.setPosition(null, backlightStart);
+      this.guideline.setPosition(null, guidelineStart);
     }
     /**
      * Binds the events used by the plugin.
@@ -639,7 +649,7 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onBeforeOnCellMouseDown",
     value: function onBeforeOnCellMouseDown(event, coords, TD, controller) {
-      var wtTable = this.hot.view.wt.wtTable;
+      var wtTable = this.hot.view._wt.wtTable;
       var isHeaderSelection = this.hot.selection.isSelectedByColumnHeader();
       var selection = this.hot.getSelectedRangeLast();
       var priv = privatePool.get(this); // This block action shouldn't be handled below.
@@ -670,24 +680,25 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
         controller.column = true;
         priv.pressed = true;
         priv.target.eventPageX = event.pageX;
-        priv.coords = coords.col;
+        priv.target.eventOffsetX = event.offsetX;
+        priv.hoveredColumn = coords.col;
         priv.target.TD = TD;
         priv.target.col = coords.col;
         priv.columnsToMove = this.prepareColumnsToMoving(start, end);
         priv.hasRowHeaders = !!this.hot.getSettings().rowHeaders;
         priv.countCols = this.hot.countCols();
-        priv.fixedColumns = this.hot.getSettings().fixedColumnsLeft;
+        priv.fixedColumnsStart = this.hot.getSettings().fixedColumnsStart;
         priv.rootElementOffset = (0, _element.offset)(this.hot.rootElement).left;
         var countColumnsFrom = priv.hasRowHeaders ? -1 : 0;
         var topPos = wtTable.holder.scrollTop + wtTable.getColumnHeaderHeight(0) + 1;
-        var fixedColumns = coords.col < priv.fixedColumns;
-        var scrollableElement = this.hot.view.wt.wtOverlays.scrollableElement;
-        var wrapperIsWindow = scrollableElement.scrollX ? scrollableElement.scrollX - priv.rootElementOffset : 0;
-        var mouseOffset = event.offsetX - (fixedColumns ? wrapperIsWindow : 0);
-        var leftOffset = Math.abs(this.getColumnsWidth(start, coords.col - 1) + mouseOffset);
-        this.backlight.setPosition(topPos, this.getColumnsWidth(countColumnsFrom, start - 1) + leftOffset);
+        var fixedColumnsStart = coords.col < priv.fixedColumnsStart;
+        var horizontalScrollPosition = Math.abs(this.hot.view._wt.wtOverlays.inlineStartOverlay.getScrollPosition());
+        var offsetX = Math.abs(event.offsetX - (this.hot.isRtl() ? event.target.offsetWidth : 0));
+        var inlineOffset = this.getColumnsWidth(start, coords.col - 1) + offsetX;
+        var inlinePos = this.getColumnsWidth(countColumnsFrom, start - 1) + (fixedColumnsStart ? horizontalScrollPosition : 0) + inlineOffset;
+        this.backlight.setPosition(topPos, inlinePos);
         this.backlight.setSize(this.getColumnsWidth(start, end), wtTable.hider.offsetHeight - topPos);
-        this.backlight.setOffset(null, leftOffset * -1);
+        this.backlight.setOffset(null, -inlineOffset);
         (0, _element.addClass)(this.hot.rootElement, CSS_ON_MOVING);
       } else {
         (0, _element.removeClass)(this.hot.rootElement, CSS_AFTER_SELECTION);
@@ -753,7 +764,7 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
       controller.row = true;
       controller.column = true;
       controller.cell = true;
-      priv.coords = coords.col;
+      priv.hoveredColumn = coords.col;
       priv.target.TD = TD;
     }
     /**
@@ -768,7 +779,7 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
       var priv = privatePool.get(this);
       var target = priv.target.col;
       var columnsLen = priv.columnsToMove.length;
-      priv.coords = void 0;
+      priv.hoveredColumn = void 0;
       priv.pressed = false;
       priv.backlightWidth = 0;
       (0, _element.removeClass)(this.hot.rootElement, [CSS_ON_MOVING, CSS_SHOW_UI, CSS_AFTER_SELECTION]);
@@ -804,7 +815,7 @@ var ManualColumnMove = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onAfterScrollVertically",
     value: function onAfterScrollVertically() {
-      var wtTable = this.hot.view.wt.wtTable;
+      var wtTable = this.hot.view._wt.wtTable;
       var headerHeight = wtTable.getColumnHeaderHeight(0) + 1;
       var scrollTop = wtTable.holder.scrollTop;
       var posTop = headerHeight + scrollTop;