handsontable 14.2.0 → 14.3.0-next-3fa6b18-20240410

package/plugins/comments/comments.js

@@ -18,14 +18,11 @@ function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclarati
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
-function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'comments';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 60;
 const META_COMMENT = exports.META_COMMENT = 'comment';
@@ -132,75 +129,16 @@ var _preventEditorHiding = /*#__PURE__*/new WeakMap();
 var _tempEditorDimensions = /*#__PURE__*/new WeakMap();
 var _cellBelowCursor = /*#__PURE__*/new WeakMap();
 var _commentValueBeforeSave = /*#__PURE__*/new WeakMap();
-var _onMouseDown = /*#__PURE__*/new WeakSet();
-var _onMouseOver = /*#__PURE__*/new WeakSet();
-var _onMouseUp = /*#__PURE__*/new WeakSet();
-var _onAfterRenderer = /*#__PURE__*/new WeakSet();
-var _onEditorBlur = /*#__PURE__*/new WeakSet();
-var _onEditorFocus = /*#__PURE__*/new WeakSet();
-var _onEditorMouseDown = /*#__PURE__*/new WeakSet();
-var _onEditorMouseUp = /*#__PURE__*/new WeakSet();
-var _onAfterDocumentKeyDown = /*#__PURE__*/new WeakSet();
-var _onAfterScroll = /*#__PURE__*/new WeakSet();
+var _Comments_brand = /*#__PURE__*/new WeakSet();
 class Comments extends _base.BasePlugin {
   constructor() {
     super(...arguments);
-    /**
-     * Observes the changes in the scroll position if triggered it hides the comment editor.
-     */
-    _classPrivateMethodInitSpec(this, _onAfterScroll);
-    /**
-     * Observes the pressed keys and if there is already opened the comment editor prevents open
-     * the table editor into the fast edit mode.
-     *
-     * @param {Event} event The keydown event.
-     */
-    _classPrivateMethodInitSpec(this, _onAfterDocumentKeyDown);
-    /**
-     * `mouseup` hook. Along with `onEditorMouseDown` used to simulate the textarea resizing event.
-     *
-     * @param {MouseEvent} event The `mouseup` event.
-     */
-    _classPrivateMethodInitSpec(this, _onEditorMouseUp);
-    /**
-     * `mousedown` hook. Along with `onEditorMouseUp` used to simulate the textarea resizing event.
-     *
-     * @param {MouseEvent} event The `mousedown` event.
-     */
-    _classPrivateMethodInitSpec(this, _onEditorMouseDown);
-    /**
-     * Hook observer the "focus" event from the comments editor element. The hook takes the control of
-     * the keyboard shortcuts by switching the context to plugins one.
-     */
-    _classPrivateMethodInitSpec(this, _onEditorFocus);
-    /**
-     * Hook observer the "blur" event from the comments editor element. The hook clears the
-     * editor content and gives back the keyboard shortcuts control by switching to the "grid" context.
-     */
-    _classPrivateMethodInitSpec(this, _onEditorBlur);
-    /**
-     * The `afterRenderer` hook callback.
-     *
-     * @param {HTMLTableCellElement} TD The rendered `TD` element.
-     * @param {object} cellProperties The rendered cell's property object.
-     */
-    _classPrivateMethodInitSpec(this, _onAfterRenderer);
-    /**
-     * `mouseup` event callback.
-     */
-    _classPrivateMethodInitSpec(this, _onMouseUp);
-    /**
-     * `mouseover` event callback.
-     *
-     * @param {MouseEvent} event The `mouseover` event.
-     */
-    _classPrivateMethodInitSpec(this, _onMouseOver);
     /**
      * `mousedown` event callback.
      *
      * @param {MouseEvent} event The `mousedown` event.
      */
-    _classPrivateMethodInitSpec(this, _onMouseDown);
+    _classPrivateMethodInitSpec(this, _Comments_brand);
     /**
      * Current cell range, an object with `from` property, with `row` and `col` properties (e.q. `{from: {row: 1, col: 6}}`).
      *
@@ -213,30 +151,21 @@ class Comments extends _base.BasePlugin {
      * @private
      * @type {CommentEditor}
      */
-    _classPrivateFieldInitSpec(this, _editor, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _editor, null);
     /**
      * Instance of {@link DisplaySwitch}.
      *
      * @private
      * @type {DisplaySwitch}
      */
-    _classPrivateFieldInitSpec(this, _displaySwitch, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _displaySwitch, null);
     /**
      * Prevents showing/hiding editor that reacts on the logic triggered by the "mouseover" events.
      *
      * @private
      * @type {boolean}
      */
-    _classPrivateFieldInitSpec(this, _preventEditorAutoSwitch, {
-      writable: true,
-      value: false
-    });
+    _classPrivateFieldInitSpec(this, _preventEditorAutoSwitch, false);
     /**
      * Prevents hiding editor when the table viewport is scrolled and that scroll is triggered by the
      * keyboard shortcut that insert or edits the comment.
@@ -244,40 +173,28 @@ class Comments extends _base.BasePlugin {
      * @private
      * @type {boolean}
      */
-    _classPrivateFieldInitSpec(this, _preventEditorHiding, {
-      writable: true,
-      value: false
-    });
+    _classPrivateFieldInitSpec(this, _preventEditorHiding, false);
     /**
      * The property for holding editor dimensions for further processing.
      *
      * @private
      * @type {object}
      */
-    _classPrivateFieldInitSpec(this, _tempEditorDimensions, {
-      writable: true,
-      value: {}
-    });
+    _classPrivateFieldInitSpec(this, _tempEditorDimensions, {});
     /**
      * The flag that allows processing mousedown event correctly when comments editor is triggered.
      *
      * @private
      * @type {boolean}
      */
-    _classPrivateFieldInitSpec(this, _cellBelowCursor, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _cellBelowCursor, null);
     /**
      * Holds the comment value before it's actually saved to the cell meta.
      *
      * @private
      * @type {string}
      */
-    _classPrivateFieldInitSpec(this, _commentValueBeforeSave, {
-      writable: true,
-      value: ''
-    });
+    _classPrivateFieldInitSpec(this, _commentValueBeforeSave, '');
   }
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -302,19 +219,19 @@ class Comments extends _base.BasePlugin {
     if (this.enabled) {
       return;
     }
-    if (!_classPrivateFieldGet(this, _editor)) {
-      _classPrivateFieldSet(this, _editor, new _commentEditor.default(this.hot.rootDocument, this.hot.isRtl()));
+    if (!_classPrivateFieldGet(_editor, this)) {
+      _classPrivateFieldSet(_editor, this, new _commentEditor.default(this.hot.rootDocument, this.hot.isRtl()));
     }
-    if (!_classPrivateFieldGet(this, _displaySwitch)) {
-      _classPrivateFieldSet(this, _displaySwitch, new _displaySwitch2.default(this.getDisplayDelaySetting()));
+    if (!_classPrivateFieldGet(_displaySwitch, this)) {
+      _classPrivateFieldSet(_displaySwitch, this, new _displaySwitch2.default(this.getDisplayDelaySetting()));
     }
     this.addHook('afterContextMenuDefaultOptions', options => this.addToContextMenu(options));
-    this.addHook('afterRenderer', (TD, row, col, prop, value, cellProperties) => _classPrivateMethodGet(this, _onAfterRenderer, _onAfterRenderer2).call(this, TD, cellProperties));
-    this.addHook('afterScroll', () => _classPrivateMethodGet(this, _onAfterScroll, _onAfterScroll2).call(this));
+    this.addHook('afterRenderer', (TD, row, col, prop, value, cellProperties) => _assertClassBrand(_Comments_brand, this, _onAfterRenderer).call(this, TD, cellProperties));
+    this.addHook('afterScroll', () => _assertClassBrand(_Comments_brand, this, _onAfterScroll).call(this));
     this.addHook('afterBeginEditing', () => this.hide());
-    this.addHook('afterDocumentKeyDown', event => _classPrivateMethodGet(this, _onAfterDocumentKeyDown, _onAfterDocumentKeyDown2).call(this, event));
-    _classPrivateFieldGet(this, _displaySwitch).addLocalHook('hide', () => this.hide());
-    _classPrivateFieldGet(this, _displaySwitch).addLocalHook('show', (row, col) => this.showAtCell(row, col));
+    this.addHook('afterDocumentKeyDown', event => _assertClassBrand(_Comments_brand, this, _onAfterDocumentKeyDown).call(this, event));
+    _classPrivateFieldGet(_displaySwitch, this).addLocalHook('hide', () => this.hide());
+    _classPrivateFieldGet(_displaySwitch, this).addLocalHook('show', (row, col) => this.showAtCell(row, col));
     this.registerShortcuts();
     this.registerListeners();
     super.enablePlugin();
@@ -327,7 +244,7 @@ class Comments extends _base.BasePlugin {
    *   - [`comments`](@/api/options.md#comments)
    */
   updatePlugin() {
-    _classPrivateFieldGet(this, _displaySwitch).updateDelay(this.getDisplayDelaySetting());
+    _classPrivateFieldGet(_displaySwitch, this).updateDelay(this.getDisplayDelaySetting());
     super.updatePlugin();
   }
 
@@ -352,34 +269,34 @@ class Comments extends _base.BasePlugin {
       keys: [['Control', 'Alt', 'M']],
       callback: () => {
         const range = this.hot.getSelectedRangeLast();
-        _classPrivateFieldSet(this, _preventEditorHiding, true);
+        _classPrivateFieldSet(_preventEditorHiding, this, true);
         this.hot.scrollToFocusedCell(() => {
           this.setRange(range);
           this.show();
           this.focusEditor();
           manager.setActiveContextName(SHORTCUTS_CONTEXT_NAME);
           this.hot._registerTimeout(() => {
-            _classPrivateFieldSet(this, _preventEditorHiding, false);
+            _classPrivateFieldSet(_preventEditorHiding, this, false);
           });
         });
       },
       stopPropagation: true,
       runOnlyIf: () => {
         var _this$hot$getSelected;
-        return ((_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isCell()) && !_classPrivateFieldGet(this, _editor).isVisible();
+        return ((_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isCell()) && !_classPrivateFieldGet(_editor, this).isVisible();
       },
       group: SHORTCUTS_GROUP
     });
     pluginContext.addShortcut({
       keys: [['Escape']],
       callback: () => {
-        _classPrivateFieldGet(this, _editor).setValue(_classPrivateFieldGet(this, _commentValueBeforeSave));
+        _classPrivateFieldGet(_editor, this).setValue(_classPrivateFieldGet(_commentValueBeforeSave, this));
         this.hide();
         manager.setActiveContextName('grid');
       },
       runOnlyIf: () => {
         var _this$hot$getSelected2;
-        return ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight.isCell()) && _classPrivateFieldGet(this, _editor).isVisible();
+        return ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight.isCell()) && _classPrivateFieldGet(_editor, this).isVisible();
       },
       group: SHORTCUTS_GROUP
     });
@@ -391,7 +308,7 @@ class Comments extends _base.BasePlugin {
       },
       runOnlyIf: () => {
         var _this$hot$getSelected3;
-        return ((_this$hot$getSelected3 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected3 === void 0 ? void 0 : _this$hot$getSelected3.highlight.isCell()) && _classPrivateFieldGet(this, _editor).isVisible();
+        return ((_this$hot$getSelected3 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected3 === void 0 ? void 0 : _this$hot$getSelected3.highlight.isCell()) && _classPrivateFieldGet(_editor, this).isVisible();
       },
       group: SHORTCUTS_GROUP
     });
@@ -416,13 +333,13 @@ class Comments extends _base.BasePlugin {
       rootDocument
     } = this.hot;
     const editorElement = this.getEditorInputElement();
-    this.eventManager.addEventListener(rootDocument, 'mouseover', event => _classPrivateMethodGet(this, _onMouseOver, _onMouseOver2).call(this, event));
-    this.eventManager.addEventListener(rootDocument, 'mousedown', event => _classPrivateMethodGet(this, _onMouseDown, _onMouseDown2).call(this, event));
-    this.eventManager.addEventListener(rootDocument, 'mouseup', () => _classPrivateMethodGet(this, _onMouseUp, _onMouseUp2).call(this));
-    this.eventManager.addEventListener(editorElement, 'focus', () => _classPrivateMethodGet(this, _onEditorFocus, _onEditorFocus2).call(this));
-    this.eventManager.addEventListener(editorElement, 'blur', () => _classPrivateMethodGet(this, _onEditorBlur, _onEditorBlur2).call(this));
-    this.eventManager.addEventListener(editorElement, 'mousedown', event => _classPrivateMethodGet(this, _onEditorMouseDown, _onEditorMouseDown2).call(this, event));
-    this.eventManager.addEventListener(editorElement, 'mouseup', event => _classPrivateMethodGet(this, _onEditorMouseUp, _onEditorMouseUp2).call(this, event));
+    this.eventManager.addEventListener(rootDocument, 'mouseover', event => _assertClassBrand(_Comments_brand, this, _onMouseOver).call(this, event));
+    this.eventManager.addEventListener(rootDocument, 'mousedown', event => _assertClassBrand(_Comments_brand, this, _onMouseDown).call(this, event));
+    this.eventManager.addEventListener(rootDocument, 'mouseup', () => _assertClassBrand(_Comments_brand, this, _onMouseUp).call(this));
+    this.eventManager.addEventListener(editorElement, 'focus', () => _assertClassBrand(_Comments_brand, this, _onEditorFocus).call(this));
+    this.eventManager.addEventListener(editorElement, 'blur', () => _assertClassBrand(_Comments_brand, this, _onEditorBlur).call(this));
+    this.eventManager.addEventListener(editorElement, 'mousedown', event => _assertClassBrand(_Comments_brand, this, _onEditorMouseDown).call(this, event));
+    this.eventManager.addEventListener(editorElement, 'mouseup', event => _assertClassBrand(_Comments_brand, this, _onEditorMouseUp).call(this, event));
   }
 
   /**
@@ -473,7 +390,7 @@ class Comments extends _base.BasePlugin {
     if (!this.range.from) {
       throw new Error('Before using this method, first set cell range (hot.getPlugin("comment").setRange())');
     }
-    const editorValue = _classPrivateFieldGet(this, _editor).getValue();
+    const editorValue = _classPrivateFieldGet(_editor, this).getValue();
     let comment = '';
     if (value !== null && value !== undefined) {
       comment = value;
@@ -576,9 +493,9 @@ class Comments extends _base.BasePlugin {
       return false;
     }
     const meta = this.hot.getCellMeta(this.range.from.row, this.range.from.col);
-    _classPrivateFieldGet(this, _displaySwitch).cancelHiding();
-    _classPrivateFieldGet(this, _editor).setValue((_ref = meta[META_COMMENT] ? meta[META_COMMENT][META_COMMENT_VALUE] : null) !== null && _ref !== void 0 ? _ref : '');
-    _classPrivateFieldGet(this, _editor).show();
+    _classPrivateFieldGet(_displaySwitch, this).cancelHiding();
+    _classPrivateFieldGet(_editor, this).setValue((_ref = meta[META_COMMENT] ? meta[META_COMMENT][META_COMMENT_VALUE] : null) !== null && _ref !== void 0 ? _ref : '');
+    _classPrivateFieldGet(_editor, this).show();
     this.refreshEditor(true);
     return true;
   }
@@ -601,7 +518,7 @@ class Comments extends _base.BasePlugin {
    * Hides the comment editor.
    */
   hide() {
-    _classPrivateFieldGet(this, _editor).hide();
+    _classPrivateFieldGet(_editor, this).hide();
   }
 
   /**
@@ -612,7 +529,7 @@ class Comments extends _base.BasePlugin {
   refreshEditor() {
     var _renderableRow, _renderableColumn;
     let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (!force && (!this.range.from || !_classPrivateFieldGet(this, _editor).isVisible())) {
+    if (!force && (!this.range.from || !_classPrivateFieldGet(_editor, this).isVisible())) {
       return;
     }
     const {
@@ -630,7 +547,7 @@ class Comments extends _base.BasePlugin {
 
     // Reset the editor position to (0, 0) so the opening direction calculation wouldn't be influenced by its
     // previous position
-    _classPrivateFieldGet(this, _editor).setPosition(0, 0);
+    _classPrivateFieldGet(_editor, this).setPosition(0, 0);
     if (renderableRow === null) {
       renderableRow = rowIndexMapper.getRenderableFromVisualIndex(rowIndexMapper.getNearestNotHiddenIndex(visualRow, -1));
     }
@@ -658,9 +575,9 @@ class Comments extends _base.BasePlugin {
     }, true);
     const commentStyle = this.getCommentMeta(visualRow, visualColumn, META_STYLE);
     if (commentStyle) {
-      _classPrivateFieldGet(this, _editor).setSize(commentStyle.width, commentStyle.height);
+      _classPrivateFieldGet(_editor, this).setSize(commentStyle.width, commentStyle.height);
     } else {
-      _classPrivateFieldGet(this, _editor).resetSize();
+      _classPrivateFieldGet(_editor, this).resetSize();
     }
     const lastColWidth = isBeforeRenderedColumns ? 0 : wtTable.getStretchedColumnWidth(renderableColumn);
     const lastRowHeight = targetingPreviousRow && !isBeforeRenderedRows ? (0, _element.outerHeight)(TD) : 0;
@@ -673,7 +590,7 @@ class Comments extends _base.BasePlugin {
     const {
       width: editorWidth,
       height: editorHeight
-    } = _classPrivateFieldGet(this, _editor).getSize();
+    } = _classPrivateFieldGet(_editor, this).getSize();
     const {
       innerWidth,
       innerHeight
@@ -694,15 +611,15 @@ class Comments extends _base.BasePlugin {
     if (top + editorHeight > innerHeight) {
       y -= editorHeight - cellHeight + 1;
     }
-    _classPrivateFieldGet(this, _editor).setPosition(x, y);
-    _classPrivateFieldGet(this, _editor).setReadOnlyState(this.getCommentMeta(visualRow, visualColumn, META_READONLY));
+    _classPrivateFieldGet(_editor, this).setPosition(x, y);
+    _classPrivateFieldGet(_editor, this).setReadOnlyState(this.getCommentMeta(visualRow, visualColumn, META_READONLY));
   }
 
   /**
    * Focuses the comments editor element.
    */
   focusEditor() {
-    _classPrivateFieldGet(this, _editor).focus();
+    _classPrivateFieldGet(_editor, this).focus();
   }
 
   /**
@@ -771,28 +688,28 @@ class Comments extends _base.BasePlugin {
    * @returns {HTMLTextAreaElement}
    */
   getEditorInputElement() {
-    return _classPrivateFieldGet(this, _editor).getInputElement();
+    return _classPrivateFieldGet(_editor, this).getInputElement();
   }
 
   /**
    * Destroys the plugin instance.
    */
   destroy() {
-    if (_classPrivateFieldGet(this, _editor)) {
-      _classPrivateFieldGet(this, _editor).destroy();
+    if (_classPrivateFieldGet(_editor, this)) {
+      _classPrivateFieldGet(_editor, this).destroy();
     }
-    if (_classPrivateFieldGet(this, _displaySwitch)) {
-      _classPrivateFieldGet(this, _displaySwitch).destroy();
+    if (_classPrivateFieldGet(_displaySwitch, this)) {
+      _classPrivateFieldGet(_displaySwitch, this).destroy();
     }
     super.destroy();
   }
 }
 exports.Comments = Comments;
-function _onMouseDown2(event) {
+function _onMouseDown(event) {
   if (!this.hot.view || !this.hot.view._wt) {
     return;
   }
-  if (!_classPrivateFieldGet(this, _preventEditorAutoSwitch) && !this.targetIsCommentTextArea(event)) {
+  if (!_classPrivateFieldGet(_preventEditorAutoSwitch, this) && !this.targetIsCommentTextArea(event)) {
     const eventCell = (0, _element.closest)(event.target, 'TD', 'TBODY');
     let coordinates = null;
     if (eventCell) {
@@ -803,49 +720,81 @@ function _onMouseDown2(event) {
     }
   }
 }
-function _onMouseOver2(event) {
+/**
+ * `mouseover` event callback.
+ *
+ * @param {MouseEvent} event The `mouseover` event.
+ */
+function _onMouseOver(event) {
   const {
     rootDocument
   } = this.hot;
-  if (_classPrivateFieldGet(this, _preventEditorAutoSwitch) || _classPrivateFieldGet(this, _editor).isFocused() || (0, _element.hasClass)(event.target, 'wtBorder') || _classPrivateFieldGet(this, _cellBelowCursor) === event.target || !_classPrivateFieldGet(this, _editor)) {
+  if (_classPrivateFieldGet(_preventEditorAutoSwitch, this) || _classPrivateFieldGet(_editor, this).isFocused() || (0, _element.hasClass)(event.target, 'wtBorder') || _classPrivateFieldGet(_cellBelowCursor, this) === event.target || !_classPrivateFieldGet(_editor, this)) {
     return;
   }
-  _classPrivateFieldSet(this, _cellBelowCursor, rootDocument.elementFromPoint(event.clientX, event.clientY));
+  _classPrivateFieldSet(_cellBelowCursor, this, rootDocument.elementFromPoint(event.clientX, event.clientY));
   if (this.targetIsCellWithComment(event)) {
     const range = this.hot._createCellRange(this.hot.getCoords(event.target));
-    _classPrivateFieldGet(this, _displaySwitch).show(range);
+    _classPrivateFieldGet(_displaySwitch, this).show(range);
   } else if ((0, _element.isChildOf)(event.target, rootDocument) && !this.targetIsCommentTextArea(event)) {
-    _classPrivateFieldGet(this, _displaySwitch).hide();
+    _classPrivateFieldGet(_displaySwitch, this).hide();
   }
 }
-function _onMouseUp2() {
-  _classPrivateFieldSet(this, _preventEditorAutoSwitch, false);
+/**
+ * `mouseup` event callback.
+ */
+function _onMouseUp() {
+  _classPrivateFieldSet(_preventEditorAutoSwitch, this, false);
 }
-function _onAfterRenderer2(TD, cellProperties) {
+/**
+ * The `afterRenderer` hook callback.
+ *
+ * @param {HTMLTableCellElement} TD The rendered `TD` element.
+ * @param {object} cellProperties The rendered cell's property object.
+ */
+function _onAfterRenderer(TD, cellProperties) {
   if (cellProperties[META_COMMENT] && cellProperties[META_COMMENT][META_COMMENT_VALUE]) {
     (0, _element.addClass)(TD, cellProperties.commentedCellClassName);
   }
 }
-function _onEditorBlur2() {
-  _classPrivateFieldSet(this, _commentValueBeforeSave, '');
+/**
+ * Hook observer the "blur" event from the comments editor element. The hook clears the
+ * editor content and gives back the keyboard shortcuts control by switching to the "grid" context.
+ */
+function _onEditorBlur() {
+  _classPrivateFieldSet(_commentValueBeforeSave, this, '');
   this.hot.getShortcutManager().setActiveContextName('grid');
   this.setComment();
 }
-function _onEditorFocus2() {
-  _classPrivateFieldSet(this, _commentValueBeforeSave, this.getComment());
+/**
+ * Hook observer the "focus" event from the comments editor element. The hook takes the control of
+ * the keyboard shortcuts by switching the context to plugins one.
+ */
+function _onEditorFocus() {
+  _classPrivateFieldSet(_commentValueBeforeSave, this, this.getComment());
   this.hot.listen();
   this.hot.getShortcutManager().setActiveContextName(SHORTCUTS_CONTEXT_NAME);
 }
-function _onEditorMouseDown2(event) {
-  _classPrivateFieldSet(this, _tempEditorDimensions, {
+/**
+ * `mousedown` hook. Along with `onEditorMouseUp` used to simulate the textarea resizing event.
+ *
+ * @param {MouseEvent} event The `mousedown` event.
+ */
+function _onEditorMouseDown(event) {
+  _classPrivateFieldSet(_tempEditorDimensions, this, {
     width: (0, _element.outerWidth)(event.target),
     height: (0, _element.outerHeight)(event.target)
   });
 }
-function _onEditorMouseUp2(event) {
+/**
+ * `mouseup` hook. Along with `onEditorMouseDown` used to simulate the textarea resizing event.
+ *
+ * @param {MouseEvent} event The `mouseup` event.
+ */
+function _onEditorMouseUp(event) {
   const currentWidth = (0, _element.outerWidth)(event.target);
   const currentHeight = (0, _element.outerHeight)(event.target);
-  if (currentWidth !== _classPrivateFieldGet(this, _tempEditorDimensions).width + 1 || currentHeight !== _classPrivateFieldGet(this, _tempEditorDimensions).height + 2) {
+  if (currentWidth !== _classPrivateFieldGet(_tempEditorDimensions, this).width + 1 || currentHeight !== _classPrivateFieldGet(_tempEditorDimensions, this).height + 2) {
     this.updateCommentMeta(this.range.from.row, this.range.from.col, {
       [META_STYLE]: {
         width: currentWidth,
@@ -854,13 +803,22 @@ function _onEditorMouseUp2(event) {
     });
   }
 }
-function _onAfterDocumentKeyDown2(event) {
-  if (_classPrivateFieldGet(this, _editor).isVisible()) {
+/**
+ * Observes the pressed keys and if there is already opened the comment editor prevents open
+ * the table editor into the fast edit mode.
+ *
+ * @param {Event} event The keydown event.
+ */
+function _onAfterDocumentKeyDown(event) {
+  if (_classPrivateFieldGet(_editor, this).isVisible()) {
     (0, _event.stopImmediatePropagation)(event);
   }
 }
-function _onAfterScroll2() {
-  if (!_classPrivateFieldGet(this, _preventEditorHiding)) {
+/**
+ * Observes the changes in the scroll position if triggered it hides the comment editor.
+ */
+function _onAfterScroll() {
+  if (!_classPrivateFieldGet(_preventEditorHiding, this)) {
     this.hide();
   }
 }