handsontable 12.1.3 → 12.2.0

package/editors/baseEditor/baseEditor.js

@@ -1,88 +1,47 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 require("core-js/modules/es.object.set-prototype-of.js");
-
 require("core-js/modules/es.object.get-prototype-of.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.reflect.construct.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.symbol.description.js");
-
 require("core-js/modules/es.symbol.iterator.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.array.slice.js");
-
 require("core-js/modules/es.array.from.js");
-
 require("core-js/modules/es.regexp.exec.js");
-
 exports.__esModule = true;
 exports.SHORTCUTS_GROUP_EDITOR = exports.EDITOR_TYPE = exports.EDITOR_STATE = exports.BaseEditor = void 0;
-
 require("core-js/modules/es.object.freeze.js");
-
 require("core-js/modules/es.string.trim.js");
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.array.includes.js");
-
 var _mixed = require("../../helpers/mixed");
-
 var _object = require("../../helpers/object");
-
 var _editorManager = require("../../editorManager");
-
 var _hooksRefRegisterer = _interopRequireDefault(require("../../mixins/hooksRefRegisterer"));
-
 var _element = require("../../helpers/dom/element");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 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 ? 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); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 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.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 var EDITOR_TYPE = 'base';
 exports.EDITOR_TYPE = EDITOR_TYPE;
 var EDITOR_STATE = Object.freeze({
@@ -95,19 +54,17 @@ var EDITOR_STATE = Object.freeze({
 });
 exports.EDITOR_STATE = EDITOR_STATE;
 var SHORTCUTS_GROUP_EDITOR = 'baseEditor';
+
 /**
  * @class BaseEditor
  */
-
 exports.SHORTCUTS_GROUP_EDITOR = SHORTCUTS_GROUP_EDITOR;
-
 var BaseEditor = /*#__PURE__*/function () {
   /**
    * @param {Handsontable} instance A reference to the source instance of the Handsontable.
    */
   function BaseEditor(instance) {
     _classCallCheck(this, BaseEditor);
-
     /**
      * A reference to the source instance of the Handsontable.
      *
@@ -121,14 +78,12 @@ var BaseEditor = /*#__PURE__*/function () {
      *
      * @type {Handsontable}
      */
-
     this.instance = instance;
     /**
      * Editor's state.
      *
      * @type {string}
      */
-
     this.state = EDITOR_STATE.VIRGIN;
     /**
      * Flag to store information about editor's opening status.
@@ -137,7 +92,6 @@ var BaseEditor = /*#__PURE__*/function () {
      *
      * @type {boolean}
      */
-
     this._opened = false;
     /**
      * Defines the editor's editing mode. When false, then an editor works in fast editing mode.
@@ -146,119 +100,110 @@ var BaseEditor = /*#__PURE__*/function () {
      *
      * @type {boolean}
      */
-
     this._fullEditMode = false;
     /**
      * Callback to call after closing editor.
      *
      * @type {Function}
      */
-
     this._closeCallback = null;
     /**
      * Currently rendered cell's TD element.
      *
      * @type {HTMLTableCellElement}
      */
-
     this.TD = null;
     /**
      * Visual row index.
      *
      * @type {number}
      */
-
     this.row = null;
     /**
      * Visual column index.
      *
      * @type {number}
      */
-
     this.col = null;
     /**
      * Column property name or a column index, if datasource is an array of arrays.
      *
      * @type {number|string}
      */
-
     this.prop = null;
     /**
      * Original cell's value.
      *
      * @type {*}
      */
-
     this.originalValue = null;
     /**
      * Object containing the cell's properties.
      *
      * @type {object}
      */
-
     this.cellProperties = null;
     this.init();
   }
+
   /**
    * Fires callback after closing editor.
    *
    * @private
    * @param {boolean} result The editor value.
    */
-
-
   _createClass(BaseEditor, [{
     key: "_fireCallbacks",
     value: function _fireCallbacks(result) {
       if (this._closeCallback) {
         this._closeCallback(result);
-
         this._closeCallback = null;
       }
     }
+
     /**
      * Initializes an editor's intance.
      */
-
   }, {
     key: "init",
     value: function init() {}
+
     /**
      * Required method to get current value from editable element.
      */
-
   }, {
     key: "getValue",
     value: function getValue() {
       throw Error('Editor getValue() method unimplemented');
     }
+
     /**
      * Required method to set new value into editable element.
      */
-
   }, {
     key: "setValue",
     value: function setValue() {
       throw Error('Editor setValue() method unimplemented');
     }
+
     /**
      * Required method to open editor.
      */
-
   }, {
     key: "open",
     value: function open() {
       throw Error('Editor open() method unimplemented');
     }
+
     /**
      * Required method to close editor.
      */
-
   }, {
     key: "close",
     value: function close() {
       throw Error('Editor close() method unimplemented');
     }
+
     /**
      * Prepares editor's meta data.
      *
@@ -269,7 +214,6 @@ var BaseEditor = /*#__PURE__*/function () {
      * @param {*} value The rendered value.
      * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
      */
-
   }, {
     key: "prepare",
     value: function prepare(row, col, prop, td, value, cellProperties) {
@@ -281,52 +225,46 @@ var BaseEditor = /*#__PURE__*/function () {
       this.cellProperties = cellProperties;
       this.state = EDITOR_STATE.VIRGIN;
     }
+
     /**
      * Fallback method to provide extendable editors in ES5.
      *
      * @returns {Function}
      */
-
   }, {
     key: "extend",
     value: function extend() {
       return /*#__PURE__*/function (_this$constructor) {
         _inherits(Editor, _this$constructor);
-
         var _super = _createSuper(Editor);
-
         function Editor() {
           _classCallCheck(this, Editor);
-
           return _super.apply(this, arguments);
         }
-
         return _createClass(Editor);
       }(this.constructor);
     }
+
     /**
      * Saves value from editor into data storage.
      *
      * @param {*} value The editor value.
      * @param {boolean} ctrlDown If `true`, applies value to each cell in the last selected range.
      */
-
   }, {
     key: "saveValue",
     value: function saveValue(value, ctrlDown) {
       var _this = this;
-
       var visualRowFrom;
       var visualColumnFrom;
       var visualRowTo;
-      var visualColumnTo; // if ctrl+enter and multiple cells selected, behave like Excel (finish editing and apply to all cells)
+      var visualColumnTo;
 
+      // if ctrl+enter and multiple cells selected, behave like Excel (finish editing and apply to all cells)
       if (ctrlDown) {
         var selectedLast = this.hot.getSelectedLast();
         visualRowFrom = Math.max(Math.min(selectedLast[0], selectedLast[2]), 0); // Math.max eliminate headers coords.
-
         visualColumnFrom = Math.max(Math.min(selectedLast[1], selectedLast[3]), 0); // Math.max eliminate headers coords.
-
         visualRowTo = Math.max(selectedLast[0], selectedLast[2]);
         visualColumnTo = Math.max(selectedLast[1], selectedLast[3]);
       } else {
@@ -336,16 +274,12 @@ var BaseEditor = /*#__PURE__*/function () {
         visualRowTo = _ref[2];
         visualColumnTo = _ref[3];
       }
-
       var modifiedCellCoords = this.hot.runHooks('modifyGetCellCoords', visualRowFrom, visualColumnFrom);
-
       if (Array.isArray(modifiedCellCoords)) {
         var _modifiedCellCoords = _slicedToArray(modifiedCellCoords, 2);
-
         visualRowFrom = _modifiedCellCoords[0];
         visualColumnFrom = _modifiedCellCoords[1];
       }
-
       var shortcutManager = this.hot.getShortcutManager();
       var editorContext = shortcutManager.getContext('editor');
       var contextConfig = {
@@ -354,7 +288,6 @@ var BaseEditor = /*#__PURE__*/function () {
         },
         group: SHORTCUTS_GROUP_EDITOR
       };
-
       if (this.isInFullEditMode()) {
         editorContext.addShortcuts([{
           keys: [['ArrowUp']],
@@ -377,46 +310,47 @@ var BaseEditor = /*#__PURE__*/function () {
             _this.hot.selection.transformStart(0, _this.hot.getDirectionFactor());
           }
         }], contextConfig);
-      } // Saving values using the modified coordinates.
-
+      }
 
+      // Saving values using the modified coordinates.
       this.hot.populateFromArray(visualRowFrom, visualColumnFrom, value, visualRowTo, visualColumnTo, 'edit');
     }
+
     /**
      * Begins editing on a highlighted cell and hides fillHandle corner if was present.
      *
      * @param {*} newInitialValue The initial editor value.
      * @param {Event} event The keyboard event object.
      */
-
   }, {
     key: "beginEditing",
     value: function beginEditing(newInitialValue, event) {
       if (this.state !== EDITOR_STATE.VIRGIN) {
         return;
       }
-
-      var hotInstance = this.hot; // We have to convert visual indexes into renderable indexes
+      var hotInstance = this.hot;
+      // We have to convert visual indexes into renderable indexes
       // due to hidden columns don't participate in the rendering process
-
       var renderableRowIndex = hotInstance.rowIndexMapper.getRenderableFromVisualIndex(this.row);
       var renderableColumnIndex = hotInstance.columnIndexMapper.getRenderableFromVisualIndex(this.col);
       hotInstance.view.scrollViewport(hotInstance._createCellCoords(renderableRowIndex, renderableColumnIndex));
-      this.state = EDITOR_STATE.EDITING; // Set the editor value only in the full edit mode. In other mode the focusable element has to be empty,
-      // otherwise IME (editor for Asia users) doesn't work.
+      this.state = EDITOR_STATE.EDITING;
 
+      // Set the editor value only in the full edit mode. In other mode the focusable element has to be empty,
+      // otherwise IME (editor for Asia users) doesn't work.
       if (this.isInFullEditMode()) {
         var stringifiedInitialValue = typeof newInitialValue === 'string' ? newInitialValue : (0, _mixed.stringify)(this.originalValue);
         this.setValue(stringifiedInitialValue);
       }
-
       this.open(event);
       this._opened = true;
-      this.focus(); // only rerender the selections (FillHandle should disappear when beginEditing is triggered)
+      this.focus();
 
+      // only rerender the selections (FillHandle should disappear when beginEditing is triggered)
       hotInstance.view.render();
       hotInstance.runHooks('afterBeginEditing', this.row, this.col);
     }
+
     /**
      * Finishes editing and start saving or restoring process for editing cell or last selected range.
      *
@@ -424,68 +358,52 @@ var BaseEditor = /*#__PURE__*/function () {
      * @param {boolean} ctrlDown If true, then saveValue will save editor's value to each cell in the last selected range.
      * @param {Function} callback The callback function, fired after editor closing.
      */
-
   }, {
     key: "finishEditing",
     value: function finishEditing(restoreOriginalValue, ctrlDown, callback) {
       var _this2 = this;
-
       var val;
-
       if (callback) {
         var previousCloseCallback = this._closeCallback;
-
         this._closeCallback = function (result) {
           if (previousCloseCallback) {
             previousCloseCallback(result);
           }
-
           callback(result);
-
           _this2.hot.view.render();
         };
       }
-
       if (this.isWaiting()) {
         return;
       }
-
       var shortcutManager = this.hot.getShortcutManager();
       var editorContext = shortcutManager.getContext('editor');
       editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP_EDITOR);
       editorContext.removeShortcutsByGroup(_editorManager.SHORTCUTS_GROUP_NAVIGATION);
-
       if (this.state === EDITOR_STATE.VIRGIN) {
         this.hot._registerTimeout(function () {
           _this2._fireCallbacks(true);
         });
-
         return;
       }
-
       if (this.state === EDITOR_STATE.EDITING) {
         if (restoreOriginalValue) {
           this.cancelChanges();
           this.hot.view.render();
           return;
         }
-
         var value = this.getValue();
-
         if (this.cellProperties.trimWhitespace) {
           // We trim only string values
           val = [[typeof value === 'string' ? String.prototype.trim.call(value || '') : value]];
         } else {
           val = [[value]];
         }
-
         this.state = EDITOR_STATE.WAITING;
         this.saveValue(val, ctrlDown);
-
         if (this.hot.getCellValidator(this.cellProperties)) {
           this.hot.addHookOnce('postAfterValidate', function (result) {
             _this2.state = EDITOR_STATE.FINISHED;
-
             _this2.discardEditor(result);
           });
         } else {
@@ -494,94 +412,91 @@ var BaseEditor = /*#__PURE__*/function () {
         }
       }
     }
+
     /**
      * Finishes editing without singout saving value.
      */
-
   }, {
     key: "cancelChanges",
     value: function cancelChanges() {
       this.state = EDITOR_STATE.FINISHED;
       this.discardEditor();
     }
+
     /**
      * Verifies result of validation or closes editor if user's cancelled changes.
      *
      * @param {boolean|undefined} result If `false` and the cell using allowInvalid option,
      *                                   then an editor won't be closed until validation is passed.
      */
-
   }, {
     key: "discardEditor",
     value: function discardEditor(result) {
       if (this.state !== EDITOR_STATE.FINISHED) {
         return;
-      } // validator was defined and failed
-
+      }
 
+      // validator was defined and failed
       if (result === false && this.cellProperties.allowInvalid !== true) {
         this.hot.selectCell(this.row, this.col);
         this.focus();
         this.state = EDITOR_STATE.EDITING;
-
         this._fireCallbacks(false);
       } else {
         this.close();
         this._opened = false;
         this._fullEditMode = false;
         this.state = EDITOR_STATE.VIRGIN;
-
         this._fireCallbacks(true);
-
         var shortcutManager = this.hot.getShortcutManager();
         shortcutManager.setActiveContextName('grid');
       }
     }
+
     /**
      * Switch editor into full edit mode. In this state navigation keys don't close editor. This mode is activated
      * automatically after hit ENTER or F2 key on the cell or while editing cell press F2 key.
      */
-
   }, {
     key: "enableFullEditMode",
     value: function enableFullEditMode() {
       this._fullEditMode = true;
     }
+
     /**
      * Checks if editor is in full edit mode.
      *
      * @returns {boolean}
      */
-
   }, {
     key: "isInFullEditMode",
     value: function isInFullEditMode() {
       return this._fullEditMode;
     }
+
     /**
      * Returns information whether the editor is open.
      *
      * @returns {boolean}
      */
-
   }, {
     key: "isOpened",
     value: function isOpened() {
       return this._opened;
     }
+
     /**
      * Returns information whether the editor is waiting, eg.: for async validation.
      *
      * @returns {boolean}
      */
-
   }, {
     key: "isWaiting",
     value: function isWaiting() {
       return this.state === EDITOR_STATE.WAITING;
     }
-    /* eslint-disable jsdoc/require-description-complete-sentence */
 
+    /* eslint-disable jsdoc/require-description-complete-sentence */
     /**
      * Gets the object that provides information about the edited cell size and its position
      * relative to the table viewport.
@@ -596,21 +511,19 @@ var BaseEditor = /*#__PURE__*/function () {
      *
      * @returns {{top: number, start: number, width: number, maxWidth: number, height: number, maxHeight: number} | undefined}
      */
-
   }, {
     key: "getEditedCellRect",
     value: function getEditedCellRect() {
       var _wtOverlays$getParent;
+      var TD = this.getEditedCell();
 
-      var TD = this.getEditedCell(); // TD is outside of the viewport.
-
+      // TD is outside of the viewport.
       if (!TD) {
         return;
       }
-
       var _this$hot$view$_wt = this.hot.view._wt,
-          wtOverlays = _this$hot$view$_wt.wtOverlays,
-          wtViewport = _this$hot$view$_wt.wtViewport;
+        wtOverlays = _this$hot$view$_wt.wtOverlays,
+        wtViewport = _this$hot$view$_wt.wtViewport;
       var rootWindow = this.hot.rootWindow;
       var currentOffset = (0, _element.offset)(TD);
       var cellWidth = (0, _element.outerWidth)(TD);
@@ -621,50 +534,42 @@ var BaseEditor = /*#__PURE__*/function () {
       var containerScrollTop = scrollableContainerTop !== rootWindow ? scrollableContainerTop.scrollTop : 0;
       var containerScrollLeft = scrollableContainerLeft !== rootWindow ? scrollableContainerLeft.scrollLeft : 0;
       var gridMostRightPos = rootWindow.innerWidth - containerOffset.left - containerWidth;
-
       var _ref2 = (_wtOverlays$getParent = wtOverlays.getParentOverlay(TD)) !== null && _wtOverlays$getParent !== void 0 ? _wtOverlays$getParent : this.hot.view._wt,
-          overlayTable = _ref2.wtTable;
-
+        overlayTable = _ref2.wtTable;
       var overlayName = overlayTable.name;
       var scrollTop = ['master', 'inline_start'].includes(overlayName) ? containerScrollTop : 0;
-      var scrollLeft = ['master', 'top', 'bottom'].includes(overlayName) ? containerScrollLeft : 0; // If colHeaders is disabled, cells in the first row have border-top
+      var scrollLeft = ['master', 'top', 'bottom'].includes(overlayName) ? containerScrollLeft : 0;
 
+      // If colHeaders is disabled, cells in the first row have border-top
       var editTopModifier = currentOffset.top === containerOffset.top ? 0 : 1;
       var topPos = currentOffset.top - containerOffset.top - editTopModifier - scrollTop;
       var inlineStartPos = 0;
-
       if (this.hot.isRtl()) {
         inlineStartPos = rootWindow.innerWidth - currentOffset.left - cellWidth - gridMostRightPos - 1 + scrollLeft;
       } else {
         inlineStartPos = currentOffset.left - containerOffset.left - 1 - scrollLeft;
-      } // When the scrollable element is Window object then the editor position needs to be compensated
+      }
+
+      // When the scrollable element is Window object then the editor position needs to be compensated
       // by the overlays' position (position relative to the table viewport). In other cases, the overlay's
       // position always returns 0.
-
-
       if (['top', 'top_inline_start_corner'].includes(overlayName)) {
         topPos += wtOverlays.topOverlay.getOverlayOffset();
       }
-
       if (['inline_start', 'top_inline_start_corner'].includes(overlayName)) {
         inlineStartPos += Math.abs(wtOverlays.inlineStartOverlay.getOverlayOffset());
       }
-
       var hasColumnHeaders = this.hot.hasColHeaders();
       var renderableRow = this.hot.rowIndexMapper.getRenderableFromVisualIndex(this.row);
       var renderableColumn = this.hot.columnIndexMapper.getRenderableFromVisualIndex(this.col);
       var nrOfRenderableRowIndexes = this.hot.rowIndexMapper.getRenderableIndexesLength();
-
       var firstRowIndexOfTheBottomOverlay = nrOfRenderableRowIndexes - this.hot.view._wt.getSetting('fixedRowsBottom');
-
       if (hasColumnHeaders && renderableRow <= 0 || renderableRow === firstRowIndexOfTheBottomOverlay) {
         topPos += 1;
       }
-
       if (renderableColumn <= 0) {
         inlineStartPos += 1;
       }
-
       var firstRowOffset = wtViewport.rowsRenderCalculator.startPosition;
       var firstColumnOffset = wtViewport.columnsRenderCalculator.startPosition;
       var horizontalScrollPosition = Math.abs(wtOverlays.inlineStartOverlay.getScrollPosition());
@@ -672,10 +577,8 @@ var BaseEditor = /*#__PURE__*/function () {
       var scrollbarWidth = (0, _element.getScrollbarWidth)(this.hot.rootDocument);
       var cellTopOffset = TD.offsetTop + firstRowOffset - verticalScrollPosition;
       var cellStartOffset = 0;
-
       if (this.hot.isRtl()) {
         var cellOffset = TD.offsetLeft;
-
         if (cellOffset >= 0) {
           cellStartOffset = overlayTable.getWidth() - TD.offsetLeft;
         } else {
@@ -684,12 +587,10 @@ var BaseEditor = /*#__PURE__*/function () {
           // When it happens the `offsetLeft` value is calculated from the right edge of the parent element.
           cellStartOffset = Math.abs(cellOffset);
         }
-
         cellStartOffset += firstColumnOffset - horizontalScrollPosition - cellWidth;
       } else {
         cellStartOffset = TD.offsetLeft + firstColumnOffset - horizontalScrollPosition;
       }
-
       var cellComputedStyle = (0, _element.getComputedStyle)(this.TD, this.hot.rootWindow);
       var borderPhysicalWidthProp = this.hot.isRtl() ? 'borderRightWidth' : 'borderLeftWidth';
       var inlineStartBorderCompensation = parseInt(cellComputedStyle[borderPhysicalWidthProp], 10) > 0 ? 0 : 1;
@@ -716,56 +617,48 @@ var BaseEditor = /*#__PURE__*/function () {
      *
      * @returns {string}
      */
-
   }, {
     key: "getEditedCellsLayerClass",
     value: function getEditedCellsLayerClass() {
       var editorSection = this.checkEditorSection();
-
       switch (editorSection) {
         case 'inline-start':
           return 'ht_clone_left ht_clone_inline_start';
-
         case 'bottom':
           return 'ht_clone_bottom';
-
         case 'bottom-inline-start-corner':
           return 'ht_clone_bottom_left_corner ht_clone_bottom_inline_start_corner';
-
         case 'top':
           return 'ht_clone_top';
-
         case 'top-inline-start-corner':
           return 'ht_clone_top_left_corner ht_clone_top_inline_start_corner';
-
         default:
           return 'ht_clone_master';
       }
     }
+
     /**
      * Gets HTMLTableCellElement of the edited cell if exist.
      *
      * @returns {HTMLTableCellElement|null}
      */
-
   }, {
     key: "getEditedCell",
     value: function getEditedCell() {
       return this.hot.getCell(this.row, this.col, true);
     }
+
     /**
      * Returns name of the overlay, where editor is placed.
      *
      * @private
      * @returns {string}
      */
-
   }, {
     key: "checkEditorSection",
     value: function checkEditorSection() {
       var totalRows = this.hot.countRows();
       var section = '';
-
       if (this.row < this.hot.getSettings().fixedRowsTop) {
         if (this.col < this.hot.getSettings().fixedColumnsStart) {
           section = 'top-inline-start-corner';
@@ -781,7 +674,6 @@ var BaseEditor = /*#__PURE__*/function () {
       } else if (this.col < this.hot.getSettings().fixedColumnsStart) {
         section = 'inline-start';
       }
-
       return section;
     }
   }], [{
@@ -790,9 +682,7 @@ var BaseEditor = /*#__PURE__*/function () {
       return EDITOR_TYPE;
     }
   }]);
-
   return BaseEditor;
 }();
-
 exports.BaseEditor = BaseEditor;
 (0, _object.mixin)(BaseEditor, _hooksRefRegisterer.default);