handsontable 14.2.0 → 14.3.0-next-3fa6b18-20240410

package/plugins/manualColumnMove/manualColumnMove.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.array.push.js");
 var _base = require("../base");
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _array = require("../../helpers/array");
@@ -15,12 +15,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 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 _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 _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
+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"); }
 _pluginHooks.default.getSingleton().register('beforeColumnMove');
 _pluginHooks.default.getSingleton().register('afterColumnMove');
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'manualColumnMove';
@@ -46,7 +43,7 @@ const CSS_AFTER_SELECTION = 'after-selection--columns';
  * - `dragColumn` - drag single column to the new position.
  * - `dragColumns` - drag many columns (as an array of indexes) to the new position.
  *
- * [Documentation](@/guides/columns/column-moving.md) explain differences between drag and move actions.
+ * [Documentation](@/guides/columns/column-moving/column-moving.md) explain differences between drag and move actions.
  * Please keep in mind that if you want apply visual changes,
  * you have to call manually the `render` method on the instance of Handsontable.
  *
@@ -68,45 +65,10 @@ var _hoveredColumn = /*#__PURE__*/new WeakMap();
 var _rootElementOffset = /*#__PURE__*/new WeakMap();
 var _hasRowHeaders = /*#__PURE__*/new WeakMap();
 var _fixedColumnsStart = /*#__PURE__*/new WeakMap();
-var _onBeforeOnCellMouseDown = /*#__PURE__*/new WeakSet();
-var _onMouseMove = /*#__PURE__*/new WeakSet();
-var _onBeforeOnCellMouseOver = /*#__PURE__*/new WeakSet();
-var _onMouseUp = /*#__PURE__*/new WeakSet();
-var _onAfterScrollVertically = /*#__PURE__*/new WeakSet();
-var _onAfterLoadData = /*#__PURE__*/new WeakSet();
+var _ManualColumnMove_brand = /*#__PURE__*/new WeakSet();
 class ManualColumnMove extends _base.BasePlugin {
   constructor() {
     super(...arguments);
-    /**
-     * Callback for the `afterLoadData` hook.
-     *
-     * @private
-     */
-    _classPrivateMethodInitSpec(this, _onAfterLoadData);
-    /**
-     * `afterScrollHorizontally` hook callback. Fired the table was scrolled horizontally.
-     */
-    _classPrivateMethodInitSpec(this, _onAfterScrollVertically);
-    /**
-     * `onMouseUp` hook callback.
-     */
-    _classPrivateMethodInitSpec(this, _onMouseUp);
-    /**
-     * 'beforeOnCellMouseOver' hook callback. Fired when pointer was over cell.
-     *
-     * @param {MouseEvent} event `mouseover` event properties.
-     * @param {CellCoords} coords Visual cell coordinates where was fired event.
-     * @param {HTMLElement} TD Cell represented as HTMLElement.
-     * @param {object} controller An object with properties `row`, `column` and `cell`. Each property contains
-     *                            a boolean value that allows or disallows changing the selection for that particular area.
-     */
-    _classPrivateMethodInitSpec(this, _onBeforeOnCellMouseOver);
-    /**
-     * 'mouseMove' event callback. Fired when pointer move on document.documentElement.
-     *
-     * @param {MouseEvent} event `mousemove` event properties.
-     */
-    _classPrivateMethodInitSpec(this, _onMouseMove);
     /**
      * Change the behavior of selection / dragging.
      *
@@ -116,88 +78,55 @@ class ManualColumnMove extends _base.BasePlugin {
      * @param {object} controller An object with properties `row`, `column` and `cell`. Each property contains
      *                            a boolean value that allows or disallows changing the selection for that particular area.
      */
-    _classPrivateMethodInitSpec(this, _onBeforeOnCellMouseDown);
+    _classPrivateMethodInitSpec(this, _ManualColumnMove_brand);
     /**
      * Backlight UI object.
      *
      * @type {object}
      */
-    _classPrivateFieldInitSpec(this, _backlight, {
-      writable: true,
-      value: new _backlight2.default(this.hot)
-    });
+    _classPrivateFieldInitSpec(this, _backlight, new _backlight2.default(this.hot));
     /**
      * Guideline UI object.
      *
      * @type {object}
      */
-    _classPrivateFieldInitSpec(this, _guideline, {
-      writable: true,
-      value: new _guideline2.default(this.hot)
-    });
+    _classPrivateFieldInitSpec(this, _guideline, new _guideline2.default(this.hot));
     /**
      * @type {number[]}
      */
-    _classPrivateFieldInitSpec(this, _columnsToMove, {
-      writable: true,
-      value: []
-    });
+    _classPrivateFieldInitSpec(this, _columnsToMove, []);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _countCols, {
-      writable: true,
-      value: 0
-    });
+    _classPrivateFieldInitSpec(this, _countCols, 0);
     /**
      * @type {boolean}
      */
-    _classPrivateFieldInitSpec(this, _pressed, {
-      writable: true,
-      value: false
-    });
+    _classPrivateFieldInitSpec(this, _pressed, false);
     /**
      * @type {object}
      */
-    _classPrivateFieldInitSpec(this, _target, {
-      writable: true,
-      value: {}
-    });
+    _classPrivateFieldInitSpec(this, _target, {});
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _cachedDropIndex, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _cachedDropIndex, void 0);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _hoveredColumn, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _hoveredColumn, void 0);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _rootElementOffset, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _rootElementOffset, void 0);
     /**
      * @type {boolean}
      */
-    _classPrivateFieldInitSpec(this, _hasRowHeaders, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _hasRowHeaders, void 0);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _fixedColumnsStart, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _fixedColumnsStart, void 0);
   }
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -227,20 +156,20 @@ class ManualColumnMove extends _base.BasePlugin {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      return _classPrivateMethodGet(_this, _onBeforeOnCellMouseDown, _onBeforeOnCellMouseDown2).call(_this, ...args);
+      return _assertClassBrand(_ManualColumnMove_brand, _this, _onBeforeOnCellMouseDown).call(_this, ...args);
     });
     this.addHook('beforeOnCellMouseOver', function () {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
-      return _classPrivateMethodGet(_this, _onBeforeOnCellMouseOver, _onBeforeOnCellMouseOver2).call(_this, ...args);
+      return _assertClassBrand(_ManualColumnMove_brand, _this, _onBeforeOnCellMouseOver).call(_this, ...args);
     });
-    this.addHook('afterScrollVertically', () => _classPrivateMethodGet(this, _onAfterScrollVertically, _onAfterScrollVertically2).call(this));
+    this.addHook('afterScrollVertically', () => _assertClassBrand(_ManualColumnMove_brand, this, _onAfterScrollVertically).call(this));
     this.addHook('afterLoadData', function () {
       for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
         args[_key3] = arguments[_key3];
       }
-      return _classPrivateMethodGet(_this, _onAfterLoadData, _onAfterLoadData2).call(_this, ...args);
+      return _assertClassBrand(_ManualColumnMove_brand, _this, _onAfterLoadData).call(_this, ...args);
     });
     this.buildPluginUI();
     this.registerEvents();
@@ -269,8 +198,8 @@ class ManualColumnMove extends _base.BasePlugin {
   disablePlugin() {
     (0, _element.removeClass)(this.hot.rootElement, CSS_PLUGIN);
     this.unregisterEvents();
-    _classPrivateFieldGet(this, _backlight).destroy();
-    _classPrivateFieldGet(this, _guideline).destroy();
+    _classPrivateFieldGet(_backlight, this).destroy();
+    _classPrivateFieldGet(_guideline, this).destroy();
     super.disablePlugin();
   }
 
@@ -279,7 +208,7 @@ class ManualColumnMove extends _base.BasePlugin {
    *
    * @param {number} column Visual column index to be moved.
    * @param {number} finalIndex Visual column index, being a start index for the moved columns. Points to where the elements will be placed after the moving action.
-   * To check the visualization of the final index, please take a look at [documentation](@/guides/columns/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
+   * To check the visualization of the final index, please take a look at [documentation](@/guides/columns/column-moving/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
    * @fires Hooks#beforeColumnMove
    * @fires Hooks#afterColumnMove
    * @returns {boolean}
@@ -293,16 +222,16 @@ class ManualColumnMove extends _base.BasePlugin {
    *
    * @param {Array} columns Array of visual column indexes to be moved.
    * @param {number} finalIndex Visual column index, being a start index for the moved columns. Points to where the elements will be placed after the moving action.
-   * To check the visualization of the final index, please take a look at [documentation](@/guides/columns/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
+   * To check the visualization of the final index, please take a look at [documentation](@/guides/columns/column-moving/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
    * @fires Hooks#beforeColumnMove
    * @fires Hooks#afterColumnMove
    * @returns {boolean}
    */
   moveColumns(columns, finalIndex) {
-    const dropIndex = _classPrivateFieldGet(this, _cachedDropIndex);
+    const dropIndex = _classPrivateFieldGet(_cachedDropIndex, this);
     const movePossible = this.isMovePossible(columns, finalIndex);
     const beforeMoveHook = this.hot.runHooks('beforeColumnMove', columns, finalIndex, dropIndex, movePossible);
-    _classPrivateFieldSet(this, _cachedDropIndex, undefined);
+    _classPrivateFieldSet(_cachedDropIndex, this, undefined);
     if (beforeMoveHook === false) {
       return;
     }
@@ -319,7 +248,7 @@ class ManualColumnMove extends _base.BasePlugin {
    *
    * @param {number} column Visual column index to be dragged.
    * @param {number} dropIndex Visual column index, being a drop index for the moved columns. Points to where we are going to drop the moved elements.
-   * To check visualization of drop index please take a look at [documentation](@/guides/columns/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
+   * To check visualization of drop index please take a look at [documentation](@/guides/columns/column-moving/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
    * @fires Hooks#beforeColumnMove
    * @fires Hooks#afterColumnMove
    * @returns {boolean}
@@ -333,14 +262,14 @@ class ManualColumnMove extends _base.BasePlugin {
    *
    * @param {Array} columns Array of visual column indexes to be dragged.
    * @param {number} dropIndex Visual column index, being a drop index for the moved columns. Points to where we are going to drop the moved elements.
-   * To check visualization of drop index please take a look at [documentation](@/guides/columns/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
+   * To check visualization of drop index please take a look at [documentation](@/guides/columns/column-moving/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
    * @fires Hooks#beforeColumnMove
    * @fires Hooks#afterColumnMove
    * @returns {boolean}
    */
   dragColumns(columns, dropIndex) {
     const finalIndex = this.countFinalIndex(columns, dropIndex);
-    _classPrivateFieldSet(this, _cachedDropIndex, dropIndex);
+    _classPrivateFieldSet(_cachedDropIndex, this, dropIndex);
     return this.moveColumns(columns, finalIndex);
   }
 
@@ -350,7 +279,7 @@ class ManualColumnMove extends _base.BasePlugin {
    *
    * @param {Array} movedColumns Array of visual column indexes to be moved.
    * @param {number} finalIndex Visual column index, being a start index for the moved columns. Points to where the elements will be placed after the moving action.
-   * To check the visualization of the final index, please take a look at [documentation](@/guides/columns/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
+   * To check the visualization of the final index, please take a look at [documentation](@/guides/columns/column-moving/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
    * @returns {boolean}
    */
   isMovePossible(movedColumns, finalIndex) {
@@ -373,7 +302,7 @@ class ManualColumnMove extends _base.BasePlugin {
    * @private
    * @param {Array} movedColumns Array of visual column indexes to be moved.
    * @param {number} finalIndex Visual column index, being a start index for the moved columns. Points to where the elements will be placed after the moving action.
-   * To check the visualization of the final index, please take a look at [documentation](@/guides/columns/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
+   * To check the visualization of the final index, please take a look at [documentation](@/guides/columns/column-moving/column-moving.md#drag-and-move-actions-of-manualcolumnmove-plugin).
    * @returns {boolean}
    */
   isColumnOrderChanged(movedColumns, finalIndex) {
@@ -496,7 +425,7 @@ class ManualColumnMove extends _base.BasePlugin {
    */
   refreshPositions() {
     const firstVisible = this.hot.view.getFirstFullyVisibleColumn();
-    if (this.isFixedColumnsStart(_classPrivateFieldGet(this, _hoveredColumn)) && firstVisible > 0) {
+    if (this.isFixedColumnsStart(_classPrivateFieldGet(_hoveredColumn, this)) && firstVisible > 0) {
       this.hot.scrollViewportTo({
         col: this.hot.columnIndexMapper.getNearestNotHiddenIndex(firstVisible - 1, -1)
       });
@@ -504,45 +433,45 @@ class ManualColumnMove extends _base.BasePlugin {
     const wtTable = this.hot.view._wt.wtTable;
     const scrollableElement = this.hot.view._wt.wtOverlays.scrollableElement;
     const scrollStart = typeof scrollableElement.scrollX === 'number' ? scrollableElement.scrollX : scrollableElement.scrollLeft;
-    let tdOffsetStart = this.hot.view.THEAD.offsetLeft + this.getColumnsWidth(0, _classPrivateFieldGet(this, _hoveredColumn) - 1);
+    let tdOffsetStart = this.hot.view.THEAD.offsetLeft + this.getColumnsWidth(0, _classPrivateFieldGet(_hoveredColumn, this) - 1);
     const hiderWidth = wtTable.hider.offsetWidth;
     const tbodyOffsetLeft = wtTable.TBODY.offsetLeft;
-    const backlightElemMarginStart = _classPrivateFieldGet(this, _backlight).getOffset().start;
-    const backlightElemWidth = _classPrivateFieldGet(this, _backlight).getSize().width;
+    const backlightElemMarginStart = _classPrivateFieldGet(_backlight, this).getOffset().start;
+    const backlightElemWidth = _classPrivateFieldGet(_backlight, this).getSize().width;
     let rowHeaderWidth = 0;
     let mouseOffsetStart = 0;
     if (this.hot.isRtl()) {
       const rootWindow = this.hot.rootWindow;
       const containerWidth = (0, _element.outerWidth)(this.hot.rootElement);
-      const gridMostRightPos = rootWindow.innerWidth - _classPrivateFieldGet(this, _rootElementOffset) - containerWidth;
-      mouseOffsetStart = rootWindow.innerWidth - _classPrivateFieldGet(this, _target).eventPageX - gridMostRightPos - (scrollableElement.scrollX === undefined ? scrollStart : 0);
+      const gridMostRightPos = rootWindow.innerWidth - _classPrivateFieldGet(_rootElementOffset, this) - containerWidth;
+      mouseOffsetStart = rootWindow.innerWidth - _classPrivateFieldGet(_target, this).eventPageX - gridMostRightPos - (scrollableElement.scrollX === undefined ? scrollStart : 0);
     } else {
-      mouseOffsetStart = _classPrivateFieldGet(this, _target).eventPageX - (_classPrivateFieldGet(this, _rootElementOffset) - (scrollableElement.scrollX === undefined ? scrollStart : 0));
+      mouseOffsetStart = _classPrivateFieldGet(_target, this).eventPageX - (_classPrivateFieldGet(_rootElementOffset, this) - (scrollableElement.scrollX === undefined ? scrollStart : 0));
     }
-    if (_classPrivateFieldGet(this, _hasRowHeaders)) {
+    if (_classPrivateFieldGet(_hasRowHeaders, this)) {
       rowHeaderWidth = this.hot.view._wt.wtOverlays.inlineStartOverlay.clone.wtTable.getColumnHeader(-1).offsetWidth;
     }
-    if (this.isFixedColumnsStart(_classPrivateFieldGet(this, _hoveredColumn))) {
+    if (this.isFixedColumnsStart(_classPrivateFieldGet(_hoveredColumn, this))) {
       tdOffsetStart += scrollStart;
     }
     tdOffsetStart += rowHeaderWidth;
-    if (_classPrivateFieldGet(this, _hoveredColumn) < 0) {
+    if (_classPrivateFieldGet(_hoveredColumn, this) < 0) {
       // if hover on rowHeader
-      if (_classPrivateFieldGet(this, _fixedColumnsStart) > 0) {
-        _classPrivateFieldGet(this, _target).col = 0;
+      if (_classPrivateFieldGet(_fixedColumnsStart, this) > 0) {
+        _classPrivateFieldGet(_target, this).col = 0;
       } else {
-        _classPrivateFieldGet(this, _target).col = firstVisible > 0 ? firstVisible - 1 : firstVisible;
+        _classPrivateFieldGet(_target, this).col = firstVisible > 0 ? firstVisible - 1 : firstVisible;
       }
-    } else if (_classPrivateFieldGet(this, _target).TD.offsetWidth / 2 + tdOffsetStart <= mouseOffsetStart) {
-      const newCoordsCol = _classPrivateFieldGet(this, _hoveredColumn) >= _classPrivateFieldGet(this, _countCols) ? _classPrivateFieldGet(this, _countCols) - 1 : _classPrivateFieldGet(this, _hoveredColumn);
+    } else if (_classPrivateFieldGet(_target, this).TD.offsetWidth / 2 + tdOffsetStart <= mouseOffsetStart) {
+      const newCoordsCol = _classPrivateFieldGet(_hoveredColumn, this) >= _classPrivateFieldGet(_countCols, this) ? _classPrivateFieldGet(_countCols, this) - 1 : _classPrivateFieldGet(_hoveredColumn, this);
 
       // if hover on right part of TD
-      _classPrivateFieldGet(this, _target).col = newCoordsCol + 1;
+      _classPrivateFieldGet(_target, this).col = newCoordsCol + 1;
       // unfortunately first column is bigger than rest
-      tdOffsetStart += _classPrivateFieldGet(this, _target).TD.offsetWidth;
+      tdOffsetStart += _classPrivateFieldGet(_target, this).TD.offsetWidth;
     } else {
       // elsewhere on table
-      _classPrivateFieldGet(this, _target).col = _classPrivateFieldGet(this, _hoveredColumn);
+      _classPrivateFieldGet(_target, this).col = _classPrivateFieldGet(_hoveredColumn, this);
     }
     let backlightStart = mouseOffsetStart;
     let guidelineStart = tdOffsetStart;
@@ -559,11 +488,11 @@ class ManualColumnMove extends _base.BasePlugin {
     } else if (guidelineStart === 0) {
       // guideline has got `margin-left: -1px` as default
       guidelineStart = 1;
-    } else if (scrollableElement.scrollX !== undefined && _classPrivateFieldGet(this, _hoveredColumn) < _classPrivateFieldGet(this, _fixedColumnsStart)) {
-      guidelineStart -= _classPrivateFieldGet(this, _rootElementOffset) <= scrollableElement.scrollX ? _classPrivateFieldGet(this, _rootElementOffset) : 0;
+    } else if (scrollableElement.scrollX !== undefined && _classPrivateFieldGet(_hoveredColumn, this) < _classPrivateFieldGet(_fixedColumnsStart, this)) {
+      guidelineStart -= _classPrivateFieldGet(_rootElementOffset, this) <= scrollableElement.scrollX ? _classPrivateFieldGet(_rootElementOffset, this) : 0;
     }
-    _classPrivateFieldGet(this, _backlight).setPosition(null, backlightStart);
-    _classPrivateFieldGet(this, _guideline).setPosition(null, guidelineStart);
+    _classPrivateFieldGet(_backlight, this).setPosition(null, backlightStart);
+    _classPrivateFieldGet(_guideline, this).setPosition(null, guidelineStart);
   }
 
   /**
@@ -575,8 +504,8 @@ class ManualColumnMove extends _base.BasePlugin {
     const {
       documentElement
     } = this.hot.rootDocument;
-    this.eventManager.addEventListener(documentElement, 'mousemove', event => _classPrivateMethodGet(this, _onMouseMove, _onMouseMove2).call(this, event));
-    this.eventManager.addEventListener(documentElement, 'mouseup', () => _classPrivateMethodGet(this, _onMouseUp, _onMouseUp2).call(this));
+    this.eventManager.addEventListener(documentElement, 'mousemove', event => _assertClassBrand(_ManualColumnMove_brand, this, _onMouseMove).call(this, event));
+    this.eventManager.addEventListener(documentElement, 'mouseup', () => _assertClassBrand(_ManualColumnMove_brand, this, _onMouseUp).call(this));
   }
 
   /**
@@ -593,36 +522,43 @@ class ManualColumnMove extends _base.BasePlugin {
    * @private
    */
   buildPluginUI() {
-    _classPrivateFieldGet(this, _backlight).build();
-    _classPrivateFieldGet(this, _guideline).build();
+    _classPrivateFieldGet(_backlight, this).build();
+    _classPrivateFieldGet(_guideline, this).build();
   }
+
+  /**
+   * Callback for the `afterLoadData` hook.
+   *
+   * @private
+   */
+
   /**
    * Destroys the plugin instance.
    */
   destroy() {
-    _classPrivateFieldGet(this, _backlight).destroy();
-    _classPrivateFieldGet(this, _guideline).destroy();
+    _classPrivateFieldGet(_backlight, this).destroy();
+    _classPrivateFieldGet(_guideline, this).destroy();
     super.destroy();
   }
 }
 exports.ManualColumnMove = ManualColumnMove;
-function _onBeforeOnCellMouseDown2(event, coords, TD, controller) {
+function _onBeforeOnCellMouseDown(event, coords, TD, controller) {
   const wtTable = this.hot.view._wt.wtTable;
   const isHeaderSelection = this.hot.selection.isSelectedByColumnHeader();
   const selection = this.hot.getSelectedRangeLast();
   // This block action shouldn't be handled below.
   const isSortingElement = (0, _element.hasClass)(event.target, 'sortAction');
-  if (!selection || !isHeaderSelection || _classPrivateFieldGet(this, _pressed) || event.button !== 0 || isSortingElement) {
-    _classPrivateFieldSet(this, _pressed, false);
-    _classPrivateFieldGet(this, _columnsToMove).length = 0;
+  if (!selection || !isHeaderSelection || _classPrivateFieldGet(_pressed, this) || event.button !== 0 || isSortingElement) {
+    _classPrivateFieldSet(_pressed, this, false);
+    _classPrivateFieldGet(_columnsToMove, this).length = 0;
     (0, _element.removeClass)(this.hot.rootElement, [CSS_ON_MOVING, CSS_SHOW_UI]);
     return;
   }
-  const guidelineIsNotReady = _classPrivateFieldGet(this, _guideline).isBuilt() && !_classPrivateFieldGet(this, _guideline).isAppended();
-  const backlightIsNotReady = _classPrivateFieldGet(this, _backlight).isBuilt() && !_classPrivateFieldGet(this, _backlight).isAppended();
+  const guidelineIsNotReady = _classPrivateFieldGet(_guideline, this).isBuilt() && !_classPrivateFieldGet(_guideline, this).isAppended();
+  const backlightIsNotReady = _classPrivateFieldGet(_backlight, this).isBuilt() && !_classPrivateFieldGet(_backlight, this).isAppended();
   if (guidelineIsNotReady && backlightIsNotReady) {
-    _classPrivateFieldGet(this, _guideline).appendTo(wtTable.hider);
-    _classPrivateFieldGet(this, _backlight).appendTo(wtTable.hider);
+    _classPrivateFieldGet(_guideline, this).appendTo(wtTable.hider);
+    _classPrivateFieldGet(_backlight, this).appendTo(wtTable.hider);
   }
   const {
     from,
@@ -632,47 +568,61 @@ function _onBeforeOnCellMouseDown2(event, coords, TD, controller) {
   const end = Math.max(from.col, to.col);
   if (coords.row < 0 && coords.col >= start && coords.col <= end) {
     controller.column = true;
-    _classPrivateFieldSet(this, _pressed, true);
+    _classPrivateFieldSet(_pressed, this, true);
     const eventOffsetX = TD.firstChild ? (0, _event.offsetRelativeTo)(event, TD.firstChild).x : event.offsetX;
-    _classPrivateFieldGet(this, _target).eventPageX = event.pageX;
-    _classPrivateFieldSet(this, _hoveredColumn, coords.col);
-    _classPrivateFieldGet(this, _target).TD = TD;
-    _classPrivateFieldGet(this, _target).col = coords.col;
-    _classPrivateFieldSet(this, _columnsToMove, this.prepareColumnsToMoving(start, end));
-    _classPrivateFieldSet(this, _hasRowHeaders, !!this.hot.getSettings().rowHeaders);
-    _classPrivateFieldSet(this, _countCols, this.hot.countCols());
-    _classPrivateFieldSet(this, _fixedColumnsStart, this.hot.getSettings().fixedColumnsStart);
-    _classPrivateFieldSet(this, _rootElementOffset, (0, _element.offset)(this.hot.rootElement).left);
-    const countColumnsFrom = _classPrivateFieldGet(this, _hasRowHeaders) ? -1 : 0;
+    _classPrivateFieldGet(_target, this).eventPageX = event.pageX;
+    _classPrivateFieldSet(_hoveredColumn, this, coords.col);
+    _classPrivateFieldGet(_target, this).TD = TD;
+    _classPrivateFieldGet(_target, this).col = coords.col;
+    _classPrivateFieldSet(_columnsToMove, this, this.prepareColumnsToMoving(start, end));
+    _classPrivateFieldSet(_hasRowHeaders, this, !!this.hot.getSettings().rowHeaders);
+    _classPrivateFieldSet(_countCols, this, this.hot.countCols());
+    _classPrivateFieldSet(_fixedColumnsStart, this, this.hot.getSettings().fixedColumnsStart);
+    _classPrivateFieldSet(_rootElementOffset, this, (0, _element.offset)(this.hot.rootElement).left);
+    const countColumnsFrom = _classPrivateFieldGet(_hasRowHeaders, this) ? -1 : 0;
     const topPos = wtTable.holder.scrollTop + wtTable.getColumnHeaderHeight(0) + 1;
-    const fixedColumnsStart = coords.col < _classPrivateFieldGet(this, _fixedColumnsStart);
+    const fixedColumnsStart = coords.col < _classPrivateFieldGet(_fixedColumnsStart, this);
     const horizontalScrollPosition = this.hot.view._wt.wtOverlays.inlineStartOverlay.getOverlayOffset();
     const offsetX = Math.abs(eventOffsetX - (this.hot.isRtl() ? TD.offsetWidth : 0));
     const inlineOffset = this.getColumnsWidth(start, coords.col - 1) + offsetX;
     const inlinePos = this.getColumnsWidth(countColumnsFrom, start - 1) + (fixedColumnsStart ? horizontalScrollPosition : 0) + inlineOffset;
-    _classPrivateFieldGet(this, _backlight).setPosition(topPos, inlinePos);
-    _classPrivateFieldGet(this, _backlight).setSize(this.getColumnsWidth(start, end), wtTable.hider.offsetHeight - topPos);
-    _classPrivateFieldGet(this, _backlight).setOffset(null, -inlineOffset);
+    _classPrivateFieldGet(_backlight, this).setPosition(topPos, inlinePos);
+    _classPrivateFieldGet(_backlight, this).setSize(this.getColumnsWidth(start, end), wtTable.hider.offsetHeight - topPos);
+    _classPrivateFieldGet(_backlight, this).setOffset(null, -inlineOffset);
     (0, _element.addClass)(this.hot.rootElement, CSS_ON_MOVING);
   } else {
     (0, _element.removeClass)(this.hot.rootElement, CSS_AFTER_SELECTION);
-    _classPrivateFieldSet(this, _pressed, false);
-    _classPrivateFieldGet(this, _columnsToMove).length = 0;
+    _classPrivateFieldSet(_pressed, this, false);
+    _classPrivateFieldGet(_columnsToMove, this).length = 0;
   }
 }
-function _onMouseMove2(event) {
-  if (!_classPrivateFieldGet(this, _pressed)) {
+/**
+ * 'mouseMove' event callback. Fired when pointer move on document.documentElement.
+ *
+ * @param {MouseEvent} event `mousemove` event properties.
+ */
+function _onMouseMove(event) {
+  if (!_classPrivateFieldGet(_pressed, this)) {
     return;
   }
-  _classPrivateFieldGet(this, _target).eventPageX = event.pageX;
+  _classPrivateFieldGet(_target, this).eventPageX = event.pageX;
   this.refreshPositions();
 }
-function _onBeforeOnCellMouseOver2(event, coords, TD, controller) {
+/**
+ * 'beforeOnCellMouseOver' hook callback. Fired when pointer was over cell.
+ *
+ * @param {MouseEvent} event `mouseover` event properties.
+ * @param {CellCoords} coords Visual cell coordinates where was fired event.
+ * @param {HTMLElement} TD Cell represented as HTMLElement.
+ * @param {object} controller An object with properties `row`, `column` and `cell`. Each property contains
+ *                            a boolean value that allows or disallows changing the selection for that particular area.
+ */
+function _onBeforeOnCellMouseOver(event, coords, TD, controller) {
   const selectedRange = this.hot.getSelectedRangeLast();
-  if (!selectedRange || !_classPrivateFieldGet(this, _pressed)) {
+  if (!selectedRange || !_classPrivateFieldGet(_pressed, this)) {
     return;
   }
-  if (_classPrivateFieldGet(this, _columnsToMove).indexOf(coords.col) > -1) {
+  if (_classPrivateFieldGet(_columnsToMove, this).indexOf(coords.col) > -1) {
     (0, _element.removeClass)(this.hot.rootElement, CSS_SHOW_UI);
   } else {
     (0, _element.addClass)(this.hot.rootElement, CSS_SHOW_UI);
@@ -680,14 +630,17 @@ function _onBeforeOnCellMouseOver2(event, coords, TD, controller) {
   controller.row = true;
   controller.column = true;
   controller.cell = true;
-  _classPrivateFieldSet(this, _hoveredColumn, coords.col);
-  _classPrivateFieldGet(this, _target).TD = TD;
+  _classPrivateFieldSet(_hoveredColumn, this, coords.col);
+  _classPrivateFieldGet(_target, this).TD = TD;
 }
-function _onMouseUp2() {
-  const target = _classPrivateFieldGet(this, _target).col;
-  const columnsLen = _classPrivateFieldGet(this, _columnsToMove).length;
-  _classPrivateFieldSet(this, _hoveredColumn, undefined);
-  _classPrivateFieldSet(this, _pressed, false);
+/**
+ * `onMouseUp` hook callback.
+ */
+function _onMouseUp() {
+  const target = _classPrivateFieldGet(_target, this).col;
+  const columnsLen = _classPrivateFieldGet(_columnsToMove, this).length;
+  _classPrivateFieldSet(_hoveredColumn, this, undefined);
+  _classPrivateFieldSet(_pressed, this, false);
   (0, _element.removeClass)(this.hot.rootElement, [CSS_ON_MOVING, CSS_SHOW_UI, CSS_AFTER_SELECTION]);
   if (this.hot.selection.isSelectedByColumnHeader()) {
     (0, _element.addClass)(this.hot.rootElement, CSS_AFTER_SELECTION);
@@ -695,10 +648,10 @@ function _onMouseUp2() {
   if (columnsLen < 1 || target === undefined) {
     return;
   }
-  const firstMovedVisualColumn = _classPrivateFieldGet(this, _columnsToMove)[0];
+  const firstMovedVisualColumn = _classPrivateFieldGet(_columnsToMove, this)[0];
   const firstMovedPhysicalColumn = this.hot.toPhysicalColumn(firstMovedVisualColumn);
-  const movePerformed = this.dragColumns(_classPrivateFieldGet(this, _columnsToMove), target);
-  _classPrivateFieldGet(this, _columnsToMove).length = 0;
+  const movePerformed = this.dragColumns(_classPrivateFieldGet(_columnsToMove, this), target);
+  _classPrivateFieldGet(_columnsToMove, this).length = 0;
   if (movePerformed === true) {
     this.persistentStateSave();
     this.hot.render();
@@ -708,14 +661,17 @@ function _onMouseUp2() {
     this.hot.selectColumns(selectionStart, selectionEnd);
   }
 }
-function _onAfterScrollVertically2() {
+/**
+ * `afterScrollHorizontally` hook callback. Fired the table was scrolled horizontally.
+ */
+function _onAfterScrollVertically() {
   const wtTable = this.hot.view._wt.wtTable;
   const headerHeight = wtTable.getColumnHeaderHeight(0) + 1;
   const scrollTop = wtTable.holder.scrollTop;
   const posTop = headerHeight + scrollTop;
-  _classPrivateFieldGet(this, _backlight).setPosition(posTop);
-  _classPrivateFieldGet(this, _backlight).setSize(null, wtTable.hider.offsetHeight - posTop);
+  _classPrivateFieldGet(_backlight, this).setPosition(posTop);
+  _classPrivateFieldGet(_backlight, this).setSize(null, wtTable.hider.offsetHeight - posTop);
 }
-function _onAfterLoadData2() {
+function _onAfterLoadData() {
   this.moveBySettingsOrLoad();
 }