handsontable 11.1.0 → 12.1.0

package/plugins/manualColumnMove/ui/_base.js

@@ -5,6 +5,8 @@ exports.default = void 0;
 
 var _number = require("../../../helpers/number");
 
+var _string = require("../../../helpers/string");
+
 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); } }
@@ -45,6 +47,14 @@ var BaseUI = /*#__PURE__*/function () {
      */
 
     this.state = STATE_INITIALIZED;
+    /**
+     * Defines the "start" physical CSS property name used within the class depending on what document
+     * layout direction the library runs.
+     *
+     * @type {string}
+     */
+
+    this.inlineProperty = hotInstance.isRtl() ? 'right' : 'left';
   }
   /**
    * Add created UI elements to table.
@@ -113,18 +123,18 @@ var BaseUI = /*#__PURE__*/function () {
      * Setter for position.
      *
      * @param {number} top New top position of the element.
-     * @param {number} left New left position of the element.
+     * @param {number} inlinePosition New left/right (depends on LTR/RTL document mode) position of the element.
      */
 
   }, {
     key: "setPosition",
-    value: function setPosition(top, left) {
+    value: function setPosition(top, inlinePosition) {
       if ((0, _number.isNumeric)(top)) {
         this._element.style.top = top + UNIT;
       }
 
-      if ((0, _number.isNumeric)(left)) {
-        this._element.style.left = left + UNIT;
+      if ((0, _number.isNumeric)(inlinePosition)) {
+        this._element.style[this.inlineProperty] = inlinePosition + UNIT;
       }
     }
     /**
@@ -136,9 +146,10 @@ var BaseUI = /*#__PURE__*/function () {
   }, {
     key: "getPosition",
     value: function getPosition() {
+      var style = this._element.style;
       return {
-        top: this._element.style.top ? parseInt(this._element.style.top, 10) : 0,
-        left: this._element.style.left ? parseInt(this._element.style.left, 10) : 0
+        top: style.top ? parseInt(style.top, 10) : 0,
+        start: style[this.inlineProperty] ? parseInt(style[this.inlineProperty], 10) : 0
       };
     }
     /**
@@ -177,18 +188,18 @@ var BaseUI = /*#__PURE__*/function () {
      * Setter for the element offset. Offset means marginTop and marginLeft of the element.
      *
      * @param {number} top New margin top of the element.
-     * @param {number} left New margin left of the element.
+     * @param {number} inlineOffset New margin left/right (depends on LTR/RTL document mode) of the element.
      */
 
   }, {
     key: "setOffset",
-    value: function setOffset(top, left) {
+    value: function setOffset(top, inlineOffset) {
       if ((0, _number.isNumeric)(top)) {
         this._element.style.marginTop = top + UNIT;
       }
 
-      if ((0, _number.isNumeric)(left)) {
-        this._element.style.marginLeft = left + UNIT;
+      if ((0, _number.isNumeric)(inlineOffset)) {
+        this._element.style["margin".concat((0, _string.toUpperCaseFirst)(this.inlineProperty))] = inlineOffset + UNIT;
       }
     }
     /**
@@ -200,9 +211,11 @@ var BaseUI = /*#__PURE__*/function () {
   }, {
     key: "getOffset",
     value: function getOffset() {
+      var style = this._element.style;
+      var inlineProp = "margin".concat((0, _string.toUpperCaseFirst)(this.inlineProperty));
       return {
-        top: this._element.style.marginTop ? parseInt(this._element.style.marginTop, 10) : 0,
-        left: this._element.style.marginLeft ? parseInt(this._element.style.marginLeft, 10) : 0
+        top: style.marginTop ? parseInt(style.marginTop, 10) : 0,
+        start: style[inlineProp] ? parseInt(style[inlineProp], 10) : 0
       };
     }
   }]);

package/plugins/manualColumnMove/ui/_base.mjs

@@ -5,6 +5,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 import { isNumeric } from "../../../helpers/number.mjs";
+import { toUpperCaseFirst } from "../../../helpers/string.mjs";
 var STATE_INITIALIZED = 0;
 var STATE_BUILT = 1;
 var STATE_APPENDED = 2;
@@ -39,6 +40,14 @@ var BaseUI = /*#__PURE__*/function () {
      */
 
     this.state = STATE_INITIALIZED;
+    /**
+     * Defines the "start" physical CSS property name used within the class depending on what document
+     * layout direction the library runs.
+     *
+     * @type {string}
+     */
+
+    this.inlineProperty = hotInstance.isRtl() ? 'right' : 'left';
   }
   /**
    * Add created UI elements to table.
@@ -107,18 +116,18 @@ var BaseUI = /*#__PURE__*/function () {
      * Setter for position.
      *
      * @param {number} top New top position of the element.
-     * @param {number} left New left position of the element.
+     * @param {number} inlinePosition New left/right (depends on LTR/RTL document mode) position of the element.
      */
 
   }, {
     key: "setPosition",
-    value: function setPosition(top, left) {
+    value: function setPosition(top, inlinePosition) {
       if (isNumeric(top)) {
         this._element.style.top = top + UNIT;
       }
 
-      if (isNumeric(left)) {
-        this._element.style.left = left + UNIT;
+      if (isNumeric(inlinePosition)) {
+        this._element.style[this.inlineProperty] = inlinePosition + UNIT;
       }
     }
     /**
@@ -130,9 +139,10 @@ var BaseUI = /*#__PURE__*/function () {
   }, {
     key: "getPosition",
     value: function getPosition() {
+      var style = this._element.style;
       return {
-        top: this._element.style.top ? parseInt(this._element.style.top, 10) : 0,
-        left: this._element.style.left ? parseInt(this._element.style.left, 10) : 0
+        top: style.top ? parseInt(style.top, 10) : 0,
+        start: style[this.inlineProperty] ? parseInt(style[this.inlineProperty], 10) : 0
       };
     }
     /**
@@ -171,18 +181,18 @@ var BaseUI = /*#__PURE__*/function () {
      * Setter for the element offset. Offset means marginTop and marginLeft of the element.
      *
      * @param {number} top New margin top of the element.
-     * @param {number} left New margin left of the element.
+     * @param {number} inlineOffset New margin left/right (depends on LTR/RTL document mode) of the element.
      */
 
   }, {
     key: "setOffset",
-    value: function setOffset(top, left) {
+    value: function setOffset(top, inlineOffset) {
       if (isNumeric(top)) {
         this._element.style.marginTop = top + UNIT;
       }
 
-      if (isNumeric(left)) {
-        this._element.style.marginLeft = left + UNIT;
+      if (isNumeric(inlineOffset)) {
+        this._element.style["margin".concat(toUpperCaseFirst(this.inlineProperty))] = inlineOffset + UNIT;
       }
     }
     /**
@@ -194,9 +204,11 @@ var BaseUI = /*#__PURE__*/function () {
   }, {
     key: "getOffset",
     value: function getOffset() {
+      var style = this._element.style;
+      var inlineProp = "margin".concat(toUpperCaseFirst(this.inlineProperty));
       return {
-        top: this._element.style.marginTop ? parseInt(this._element.style.marginTop, 10) : 0,
-        left: this._element.style.marginLeft ? parseInt(this._element.style.marginLeft, 10) : 0
+        top: style.marginTop ? parseInt(style.marginTop, 10) : 0,
+        start: style[inlineProp] ? parseInt(style[inlineProp], 10) : 0
       };
     }
   }]);

package/plugins/manualColumnMove/ui/backlight.js

@@ -41,13 +41,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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() { 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 _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } 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 } }); 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); }; }
 
@@ -57,7 +57,7 @@ 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); }
 
 var CSS_CLASSNAME = 'ht__manualColumnMove--backlight';
 /**

package/plugins/manualColumnMove/ui/backlight.mjs

@@ -19,13 +19,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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() { 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 _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } 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 } }); 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); }; }
 
@@ -35,7 +35,7 @@ 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); }
 
 import BaseUI from "./_base.mjs";
 import { addClass } from "../../../helpers/dom/element.mjs";

package/plugins/manualColumnMove/ui/guideline.js

@@ -41,13 +41,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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() { 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 _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } 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 } }); 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); }; }
 
@@ -57,7 +57,7 @@ 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); }
 
 var CSS_CLASSNAME = 'ht__manualColumnMove--guideline';
 /**

package/plugins/manualColumnMove/ui/guideline.mjs

@@ -19,13 +19,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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() { 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 _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } 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 } }); 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); }; }
 
@@ -35,7 +35,7 @@ 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); }
 
 import BaseUI from "./_base.mjs";
 import { addClass } from "../../../helpers/dom/element.mjs";

package/plugins/manualColumnResize/manualColumnResize.js

@@ -59,13 +59,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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() { 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 _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } 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 } }); 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); }; }
 
@@ -75,7 +75,7 @@ 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); }
 
 // Developer note! Whenever you make a change in this file, make an analogous change in manualRowResize.js
 var PLUGIN_KEY = 'manualColumnResize';
@@ -84,6 +84,8 @@ var PLUGIN_PRIORITY = 130;
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 var PERSISTENT_STATE_KEY = 'manualColumnWidths';
 var privatePool = new WeakMap();
+/* eslint-disable jsdoc/require-description-complete-sentence */
+
 /**
  * @plugin ManualColumnResize
  * @class ManualColumnResize
@@ -143,14 +145,24 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
     return _this;
   }
   /**
-   * Checks if the plugin is enabled in the handsontable settings. This method is executed in {@link Hooks#beforeInit}
-   * hook and if it returns `true` than the {@link ManualColumnResize#enablePlugin} method is called.
-   *
-   * @returns {boolean}
+   * @private
+   * @returns {string}
    */
 
 
   _createClass(ManualColumnResize, [{
+    key: "inlineDir",
+    get: function get() {
+      return this.hot.isRtl() ? 'right' : 'left';
+    }
+    /**
+     * Checks if the plugin is enabled in the handsontable settings. This method is executed in {@link Hooks#beforeInit}
+     * hook and if it returns `true` than the {@link ManualColumnResize#enablePlugin} method is called.
+     *
+     * @returns {boolean}
+     */
+
+  }, {
     key: "isEnabled",
     value: function isEnabled() {
       return this.hot.getSettings()[PLUGIN_KEY];
@@ -187,7 +199,10 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(ManualColumnResize.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:
+     *  - [`manualColumnResize`](@/api/options.md#manualcolumnresize)
      */
 
   }, {
@@ -317,7 +332,7 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       }
 
       this.currentTH = TH;
-      var wt = this.hot.view.wt;
+      var wt = this.hot.view._wt;
       var cellCoords = wt.wtTable.getCoords(this.currentTH);
       var col = cellCoords.col; // Ignore column headers.
 
@@ -326,14 +341,14 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       }
 
       var headerHeight = (0, _element.outerHeight)(this.currentTH);
-      var box = this.currentTH.getBoundingClientRect(); // Read "fixedColumnsLeft" through the Walkontable as in that context, the fixed columns
+      var box = this.currentTH.getBoundingClientRect(); // Read "fixedColumnsStart" through the Walkontable as in that context, the fixed columns
       // are modified (reduced by the number of hidden columns) by TableView module.
 
-      var fixedColumn = col < wt.getSetting('fixedColumnsLeft');
+      var fixedColumn = col < wt.getSetting('fixedColumnsStart');
       var relativeHeaderPosition;
 
       if (fixedColumn) {
-        relativeHeaderPosition = wt.wtOverlays.topLeftCornerOverlay.getRelativeCellPosition(this.currentTH, cellCoords.row, cellCoords.col);
+        relativeHeaderPosition = wt.wtOverlays.topInlineStartCornerOverlay.getRelativeCellPosition(this.currentTH, cellCoords.row, cellCoords.col);
       } // If the TH is not a child of the top-left overlay, recalculate using
       // the top overlay - as this overlay contains the rest of the headers.
 
@@ -349,8 +364,8 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       if (this.hot.selection.isSelected() && isFullColumnSelected) {
         var selectionRanges = this.hot.getSelectedRange();
         (0, _array.arrayEach)(selectionRanges, function (selectionRange) {
-          var fromColumn = selectionRange.getTopLeftCorner().col;
-          var toColumn = selectionRange.getBottomRightCorner().col; // Add every selected column for resize action.
+          var fromColumn = selectionRange.getTopStartCorner().col;
+          var toColumn = selectionRange.getBottomEndCorner().col; // Add every selected column for resize action.
 
           (0, _number.rangeEach)(fromColumn, toColumn, function (columnIndex) {
             if (!_this4.selectedCols.includes(columnIndex)) {
@@ -365,10 +380,10 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
         this.selectedCols = [this.currentCol];
       }
 
-      this.startOffset = relativeHeaderPosition.left - 6;
+      this.startOffset = relativeHeaderPosition.start - 6;
       this.startWidth = parseInt(box.width, 10);
       this.handle.style.top = "".concat(relativeHeaderPosition.top, "px");
-      this.handle.style.left = "".concat(this.startOffset + this.startWidth, "px");
+      this.handle.style[this.inlineDir] = "".concat(this.startOffset + this.startWidth, "px");
       this.handle.style.height = "".concat(headerHeight, "px");
       this.hot.rootElement.appendChild(this.handle);
     }
@@ -381,7 +396,7 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "refreshHandlePosition",
     value: function refreshHandlePosition() {
-      this.handle.style.left = "".concat(this.startOffset + this.currentWidth, "px");
+      this.handle.style[this.inlineDir] = "".concat(this.startOffset + this.currentWidth, "px");
     }
     /**
      * Sets the resize guide position.
@@ -398,7 +413,7 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       (0, _element.addClass)(this.handle, 'active');
       (0, _element.addClass)(this.guide, 'active');
       this.guide.style.top = "".concat(handleBottomPosition, "px");
-      this.guide.style.left = this.handle.style.left;
+      this.refreshGuidePosition();
       this.guide.style.height = "".concat(maximumVisibleElementHeight - handleHeight, "px");
       this.hot.rootElement.appendChild(this.guide);
     }
@@ -411,7 +426,7 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "refreshGuidePosition",
     value: function refreshGuidePosition() {
-      this.guide.style.left = this.handle.style.left;
+      this.guide.style[this.inlineDir] = this.handle.style[this.inlineDir];
     }
     /**
      * Hides both the resize handle and resize guide.
@@ -597,7 +612,8 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       var _this7 = this;
 
       if (this.pressed) {
-        this.currentWidth = this.startWidth + (event.pageX - this.startX);
+        var change = (event.pageX - this.startX) * this.hot.getDirectionFactor();
+        this.currentWidth = this.startWidth + change;
         (0, _array.arrayEach)(this.selectedCols, function (selectedCol) {
           _this7.newSize = _this7.setManualSize(selectedCol, _this7.currentWidth);
         });
@@ -744,7 +760,7 @@ var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
     key: "onBeforeColumnResize",
     value: function onBeforeColumnResize() {
       // clear the header height cache information
-      this.hot.view.wt.wtViewport.resetHasOversizedColumnHeadersMarked();
+      this.hot.view._wt.wtViewport.resetHasOversizedColumnHeadersMarked();
     }
     /**
      * Destroys the plugin instance.