handsontable 11.1.0 → 12.1.0

package/plugins/columnSorting/columnSorting.js

@@ -75,8 +75,6 @@ var _translations = require("../../translations");
 
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 
-var _keyStateObserver = require("../../utils/keyStateObserver");
-
 var _columnStatesManager = require("./columnStatesManager");
 
 var _utils = require("./utils");
@@ -120,13 +118,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); }; }
 
@@ -136,7 +134,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 PLUGIN_KEY = 'columnSorting';
 exports.PLUGIN_KEY = PLUGIN_KEY;
@@ -944,7 +942,7 @@ var ColumnSorting = /*#__PURE__*/function (_BasePlugin) {
         return;
       }
 
-      if (this.wasClickableHeaderClicked(event, coords.col) && (0, _keyStateObserver.isPressedCtrlKey)()) {
+      if (this.wasClickableHeaderClicked(event, coords.col) && this.hot.getShortcutManager().isCtrlPressed()) {
         controller.column = true;
       }
     }
@@ -964,7 +962,7 @@ var ColumnSorting = /*#__PURE__*/function (_BasePlugin) {
       }
 
       if (this.wasClickableHeaderClicked(event, coords.col)) {
-        if ((0, _keyStateObserver.isPressedCtrlKey)()) {
+        if (this.hot.getShortcutManager().isCtrlPressed()) {
           this.hot.deselectCell();
           this.hot.selectColumns(coords.col);
         }

package/plugins/columnSorting/columnSorting.mjs

@@ -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); }
 
 import { addClass, removeClass } from "../../helpers/dom/element.mjs";
 import { isUndefined, isDefined } from "../../helpers/mixed.mjs";
@@ -85,7 +85,6 @@ import { arrayMap } from "../../helpers/array.mjs";
 import { BasePlugin } from "../base/index.mjs";
 import { IndexesSequence, PhysicalIndexToValueMap as IndexToValueMap } from "../../translations/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
-import { isPressedCtrlKey } from "../../utils/keyStateObserver.mjs";
 import { ColumnStatesManager } from "./columnStatesManager.mjs";
 import { getNextSortOrder, areValidSortStates, getHeaderSpanElement, isFirstLevelColumnHeader, wasHeaderClickedProperly } from "./utils.mjs";
 import { getClassesToRemove, getClassesToAdd } from "./domHelpers.mjs";
@@ -892,7 +891,7 @@ export var ColumnSorting = /*#__PURE__*/function (_BasePlugin) {
         return;
       }
 
-      if (this.wasClickableHeaderClicked(event, coords.col) && isPressedCtrlKey()) {
+      if (this.wasClickableHeaderClicked(event, coords.col) && this.hot.getShortcutManager().isCtrlPressed()) {
         controller.column = true;
       }
     }
@@ -912,7 +911,7 @@ export var ColumnSorting = /*#__PURE__*/function (_BasePlugin) {
       }
 
       if (this.wasClickableHeaderClicked(event, coords.col)) {
-        if (isPressedCtrlKey()) {
+        if (this.hot.getShortcutManager().isCtrlPressed()) {
           this.hot.deselectCell();
           this.hot.selectColumns(coords.col);
         }

package/plugins/columnSummary/columnSummary.js

@@ -63,13 +63,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); }; }
 
@@ -79,7 +79,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 PLUGIN_KEY = 'columnSummary';
 exports.PLUGIN_KEY = PLUGIN_KEY;

package/plugins/columnSummary/columnSummary.mjs

@@ -31,13 +31,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); }; }
 
@@ -47,7 +47,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 { BasePlugin } from "../base/index.mjs";
 import { objectEach } from "../../helpers/object.mjs";

package/plugins/comments/commentEditor.js

@@ -18,11 +18,12 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
  * @class CommentEditor
  */
 var CommentEditor = /*#__PURE__*/function () {
-  function CommentEditor(rootDocument) {
+  function CommentEditor(rootDocument, isRtl) {
     _classCallCheck(this, CommentEditor);
 
-    this.container = null;
     this.rootDocument = rootDocument;
+    this.isRtl = isRtl;
+    this.container = null;
     this.editor = this.createEditor();
     this.editorStyle = this.editor.style;
     this.hidden = true;
@@ -58,6 +59,20 @@ var CommentEditor = /*#__PURE__*/function () {
         input.style.height = "".concat(height, "px");
       }
     }
+    /**
+     * Returns the size of the comments editor.
+     *
+     * @returns {{ width: number, height: number }}
+     */
+
+  }, {
+    key: "getSize",
+    value: function getSize() {
+      return {
+        width: (0, _element.outerWidth)(this.getInputElement()),
+        height: (0, _element.outerHeight)(this.getInputElement())
+      };
+    }
     /**
      * Reset the editor size to its initial state.
      */
@@ -172,6 +187,7 @@ var CommentEditor = /*#__PURE__*/function () {
       var textArea = this.rootDocument.createElement('textarea');
       editor.style.display = 'none';
       this.container = this.rootDocument.createElement('div');
+      this.container.setAttribute('dir', this.isRtl ? 'rtl' : 'ltr');
       (0, _element.addClass)(this.container, CommentEditor.CLASS_EDITOR_CONTAINER);
       this.rootDocument.body.appendChild(this.container);
       (0, _element.addClass)(editor, CommentEditor.CLASS_EDITOR);

package/plugins/comments/commentEditor.mjs

@@ -4,7 +4,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 { addClass } from "../../helpers/dom/element.mjs";
+import { addClass, outerWidth, outerHeight } from "../../helpers/dom/element.mjs";
 /**
  * Comment editor for the Comments plugin.
  *
@@ -13,11 +13,12 @@ import { addClass } from "../../helpers/dom/element.mjs";
  */
 
 var CommentEditor = /*#__PURE__*/function () {
-  function CommentEditor(rootDocument) {
+  function CommentEditor(rootDocument, isRtl) {
     _classCallCheck(this, CommentEditor);
 
-    this.container = null;
     this.rootDocument = rootDocument;
+    this.isRtl = isRtl;
+    this.container = null;
     this.editor = this.createEditor();
     this.editorStyle = this.editor.style;
     this.hidden = true;
@@ -53,6 +54,20 @@ var CommentEditor = /*#__PURE__*/function () {
         input.style.height = "".concat(height, "px");
       }
     }
+    /**
+     * Returns the size of the comments editor.
+     *
+     * @returns {{ width: number, height: number }}
+     */
+
+  }, {
+    key: "getSize",
+    value: function getSize() {
+      return {
+        width: outerWidth(this.getInputElement()),
+        height: outerHeight(this.getInputElement())
+      };
+    }
     /**
      * Reset the editor size to its initial state.
      */
@@ -167,6 +182,7 @@ var CommentEditor = /*#__PURE__*/function () {
       var textArea = this.rootDocument.createElement('textarea');
       editor.style.display = 'none';
       this.container = this.rootDocument.createElement('div');
+      this.container.setAttribute('dir', this.isRtl ? 'rtl' : 'ltr');
       addClass(this.container, CommentEditor.CLASS_EDITOR_CONTAINER);
       this.rootDocument.body.appendChild(this.container);
       addClass(editor, CommentEditor.CLASS_EDITOR);

package/plugins/comments/comments.js

@@ -37,8 +37,6 @@ var _object = require("../../helpers/object");
 
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
 
-var _src = require("../../3rdparty/walkontable/src");
-
 var _base = require("../base");
 
 var _commentEditor = _interopRequireDefault(require("./commentEditor"));
@@ -63,13 +61,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); }; }
 
@@ -79,7 +77,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 PLUGIN_KEY = 'comments';
 exports.PLUGIN_KEY = PLUGIN_KEY;
@@ -148,8 +146,6 @@ var META_READONLY = 'readOnly';
  * ```
  */
 
-/* eslint-enable jsdoc/require-description-complete-sentence */
-
 var Comments = /*#__PURE__*/function (_BasePlugin) {
   _inherits(Comments, _BasePlugin);
 
@@ -233,7 +229,7 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
       }
 
       if (!this.editor) {
-        this.editor = new _commentEditor.default(this.hot.rootDocument);
+        this.editor = new _commentEditor.default(this.hot.rootDocument, this.hot.isRtl());
       }
 
       if (!this.eventManager) {
@@ -270,7 +266,10 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(Comments.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:
+     *   - [`comments`](@/api/options.md#comments)
      */
 
   }, {
@@ -409,7 +408,7 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
     key: "setCommentAtCell",
     value: function setCommentAtCell(row, column, value) {
       this.setRange({
-        from: new _src.CellCoords(row, column)
+        from: this.hot._createCellCoords(row, column)
       });
       this.setComment(value);
     }
@@ -449,7 +448,7 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
     value: function removeCommentAtCell(row, column) {
       var forceRender = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
       this.setRange({
-        from: new _src.CellCoords(row, column)
+        from: this.hot._createCellCoords(row, column)
       });
       this.removeComment(forceRender);
     }
@@ -501,13 +500,9 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
       }
 
       var meta = this.hot.getCellMeta(this.range.from.row, this.range.from.col);
-      this.refreshEditor(true);
       this.editor.setValue(meta[META_COMMENT] ? meta[META_COMMENT][META_COMMENT_VALUE] : null || '');
-
-      if (this.editor.hidden) {
-        this.editor.show();
-      }
-
+      this.editor.show();
+      this.refreshEditor(true);
       return true;
     }
     /**
@@ -522,7 +517,7 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
     key: "showAtCell",
     value: function showAtCell(row, column) {
       this.setRange({
-        from: new _src.CellCoords(row, column)
+        from: this.hot._createCellCoords(row, column)
       });
       return this.show();
     }
@@ -564,11 +559,11 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
       var targetingPreviousRow = renderableRow === null;
 
       if (renderableRow === null) {
-        renderableRow = rowIndexMapper.getRenderableFromVisualIndex(rowIndexMapper.getFirstNotHiddenIndex(visualRow, -1));
+        renderableRow = rowIndexMapper.getRenderableFromVisualIndex(rowIndexMapper.getNearestNotHiddenIndex(visualRow, -1));
       }
 
       if (renderableColumn === null) {
-        renderableColumn = columnIndexMapper.getRenderableFromVisualIndex(columnIndexMapper.getFirstNotHiddenIndex(visualColumn, -1));
+        renderableColumn = columnIndexMapper.getRenderableFromVisualIndex(columnIndexMapper.getNearestNotHiddenIndex(visualColumn, -1));
       }
 
       var isBeforeRenderedRows = renderableRow === null;
@@ -577,33 +572,13 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
       renderableColumn = (_renderableColumn = renderableColumn) !== null && _renderableColumn !== void 0 ? _renderableColumn : 0;
       var _this$hot2 = this.hot,
           rootWindow = _this$hot2.rootWindow,
-          wt = _this$hot2.view.wt;
-      var wtTable = wt.wtTable,
-          wtOverlays = wt.wtOverlays,
-          wtViewport = wt.wtViewport;
-      var scrollableElement = wtOverlays.scrollableElement;
+          wt = _this$hot2.view._wt;
+      var wtTable = wt.wtTable;
       var TD = wtTable.getCell({
         row: renderableRow,
         col: renderableColumn
       });
-      var cellOffset = (0, _element.offset)(TD);
-      var lastColWidth = isBeforeRenderedColumns ? 0 : wtTable.getStretchedColumnWidth(renderableColumn);
-      var lastRowHeight = targetingPreviousRow && !isBeforeRenderedRows ? (0, _element.outerHeight)(TD) : 0;
-      var cellTopOffset = cellOffset.top;
-      var cellLeftOffset = cellOffset.left;
-
-      if (wtViewport.hasVerticalScroll() && scrollableElement !== rootWindow) {
-        cellTopOffset -= wtOverlays.topOverlay.getScrollPosition();
-      }
-
-      if (wtViewport.hasHorizontalScroll() && scrollableElement !== rootWindow) {
-        cellLeftOffset -= wtOverlays.leftOverlay.getScrollPosition();
-      }
-
-      var x = cellLeftOffset + lastColWidth;
-      var y = cellTopOffset + lastRowHeight;
       var commentStyle = this.getCommentMeta(visualRow, visualColumn, META_STYLE);
-      var readOnly = this.getCommentMeta(visualRow, visualColumn, META_READONLY);
 
       if (commentStyle) {
         this.editor.setSize(commentStyle.width, commentStyle.height);
@@ -611,8 +586,43 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
         this.editor.resetSize();
       }
 
-      this.editor.setReadOnlyState(readOnly);
+      var lastColWidth = isBeforeRenderedColumns ? 0 : wtTable.getStretchedColumnWidth(renderableColumn);
+      var lastRowHeight = targetingPreviousRow && !isBeforeRenderedRows ? (0, _element.outerHeight)(TD) : 0;
+
+      var _TD$getBoundingClient = TD.getBoundingClientRect(),
+          left = _TD$getBoundingClient.left,
+          top = _TD$getBoundingClient.top,
+          cellWidth = _TD$getBoundingClient.width,
+          cellHeight = _TD$getBoundingClient.height;
+
+      var _this$editor$getSize = this.editor.getSize(),
+          editorWidth = _this$editor$getSize.width,
+          editorHeight = _this$editor$getSize.height;
+
+      var _this$hot$rootWindow = this.hot.rootWindow,
+          innerWidth = _this$hot$rootWindow.innerWidth,
+          innerHeight = _this$hot$rootWindow.innerHeight;
+      var documentElement = this.hot.rootDocument.documentElement;
+      var x = left + rootWindow.scrollX + lastColWidth;
+      var y = top + rootWindow.scrollY + lastRowHeight;
+
+      if (this.hot.isRtl()) {
+        x -= editorWidth + lastColWidth;
+      } // flip to the right or left the comments editor position when it goes out of browser viewport
+
+
+      if (this.hot.isLtr() && left + cellWidth + editorWidth > innerWidth) {
+        x = left + rootWindow.scrollX - editorWidth - 1;
+      } else if (this.hot.isRtl() && x < -(documentElement.scrollWidth - documentElement.clientWidth)) {
+        x = left + rootWindow.scrollX + lastColWidth + 1;
+      }
+
+      if (top + editorHeight > innerHeight) {
+        y -= editorHeight - cellHeight + 1;
+      }
+
       this.editor.setPosition(x, y);
+      this.editor.setReadOnlyState(this.getCommentMeta(visualRow, visualColumn, META_READONLY));
     }
     /**
      * Checks if there is a comment for selected range.
@@ -631,7 +641,7 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
       }
 
       var hasComment = false;
-      var cell = selected.getTopLeftCorner(); // IN EXCEL THERE IS COMMENT ONLY FOR TOP LEFT CELL IN SELECTION
+      var cell = selected.getTopStartCorner(); // IN EXCEL THERE IS COMMENT ONLY FOR TOP LEFT CELL IN SELECTION
 
       if (this.getCommentMeta(cell.row, cell.col, META_COMMENT_VALUE)) {
         hasComment = true;
@@ -692,7 +702,7 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onMouseDown",
     value: function onMouseDown(event) {
-      if (!this.hot.view || !this.hot.view.wt) {
+      if (!this.hot.view || !this.hot.view._wt) {
         return;
       }
 
@@ -729,7 +739,8 @@ var Comments = /*#__PURE__*/function (_BasePlugin) {
       priv.cellBelowCursor = rootDocument.elementFromPoint(event.clientX, event.clientY);
 
       if (this.targetIsCellWithComment(event)) {
-        var range = new _src.CellRange(this.hot.getCoords(event.target));
+        var range = this.hot._createCellRange(this.hot.getCoords(event.target));
+
         this.displaySwitch.show(range);
       } else if ((0, _element.isChildOf)(event.target, rootDocument) && !this.targetIsCommentTextArea(event)) {
         this.displaySwitch.hide();