handsontable 14.2.0-next-75c8bcd-20240306 → 14.3.0-next-13fe676-20240409

package/plugins/manualColumnResize/manualColumnResize.js

@@ -1,7 +1,7 @@
 "use strict";
 
-require("core-js/modules/es.error.cause.js");
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
 var _base = require("../base");
 var _element = require("../../helpers/dom/element");
@@ -11,12 +11,9 @@ var _translations = require("../../translations");
 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 _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"); }
 // Developer note! Whenever you make a change in this file, make an analogous change in manualRowResize.js
 
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'manualColumnResize';
@@ -53,15 +50,7 @@ var _dblclick = /*#__PURE__*/new WeakMap();
 var _autoresizeTimeout = /*#__PURE__*/new WeakMap();
 var _columnWidthsMap = /*#__PURE__*/new WeakMap();
 var _config = /*#__PURE__*/new WeakMap();
-var _onMapInit = /*#__PURE__*/new WeakSet();
-var _onMouseOver = /*#__PURE__*/new WeakSet();
-var _onMouseDown = /*#__PURE__*/new WeakSet();
-var _onMouseMove = /*#__PURE__*/new WeakSet();
-var _onMouseUp = /*#__PURE__*/new WeakSet();
-var _onContextMenu = /*#__PURE__*/new WeakSet();
-var _onModifyColWidth = /*#__PURE__*/new WeakSet();
-var _onBeforeStretchingColumnWidth = /*#__PURE__*/new WeakSet();
-var _onBeforeColumnResize = /*#__PURE__*/new WeakSet();
+var _ManualColumnResize_brand = /*#__PURE__*/new WeakSet();
 class ManualColumnResize extends _base.BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -76,176 +65,79 @@ class ManualColumnResize extends _base.BasePlugin {
 
   constructor(hotInstance) {
     super(hotInstance);
-    /**
-     * `beforeColumnResize` hook callback.
-     */
-    _classPrivateMethodInitSpec(this, _onBeforeColumnResize);
-    /**
-     * Modifies the provided column stretched width. This hook decides if specified column should be stretched or not.
-     *
-     * @param {number} stretchedWidth Stretched width.
-     * @param {number} column Visual column index.
-     * @returns {number}
-     */
-    _classPrivateMethodInitSpec(this, _onBeforeStretchingColumnWidth);
-    /**
-     * Modifies the provided column width, based on the plugin settings.
-     *
-     * @param {number} width Column width.
-     * @param {number} column Visual column index.
-     * @returns {number}
-     */
-    _classPrivateMethodInitSpec(this, _onModifyColWidth);
-    /**
-     * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
-     */
-    _classPrivateMethodInitSpec(this, _onContextMenu);
-    /**
-     * 'mouseup' event callback - apply the column resizing.
-     *
-     * @fires Hooks#beforeColumnResize
-     * @fires Hooks#afterColumnResize
-     */
-    _classPrivateMethodInitSpec(this, _onMouseUp);
-    /**
-     * 'mousemove' event callback - refresh the handle and guide positions, cache the new column width.
-     *
-     * @param {MouseEvent} event The mouse event.
-     */
-    _classPrivateMethodInitSpec(this, _onMouseMove);
-    /**
-     * 'mousedown' event callback.
-     *
-     * @param {MouseEvent} event The mouse event.
-     */
-    _classPrivateMethodInitSpec(this, _onMouseDown);
-    /**
-     * 'mouseover' event callback - set the handle position.
-     *
-     * @param {MouseEvent} event The mouse event.
-     */
-    _classPrivateMethodInitSpec(this, _onMouseOver);
     /**
      * Callback to call on map's `init` local hook.
      *
      * @private
      */
-    _classPrivateMethodInitSpec(this, _onMapInit);
-    _classPrivateFieldInitSpec(this, _currentTH, {
-      writable: true,
-      value: null
-    });
+    _classPrivateMethodInitSpec(this, _ManualColumnResize_brand);
+    _classPrivateFieldInitSpec(this, _currentTH, null);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _currentCol, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _currentCol, null);
     /**
      * @type {number[]}
      */
-    _classPrivateFieldInitSpec(this, _selectedCols, {
-      writable: true,
-      value: []
-    });
+    _classPrivateFieldInitSpec(this, _selectedCols, []);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _currentWidth, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _currentWidth, null);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _newSize, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _newSize, null);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _startY, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _startY, null);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _startWidth, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _startWidth, null);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _startOffset, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _startOffset, null);
     /**
      * @type {HTMLElement}
      */
-    _classPrivateFieldInitSpec(this, _handle, {
-      writable: true,
-      value: this.hot.rootDocument.createElement('DIV')
-    });
+    _classPrivateFieldInitSpec(this, _handle, this.hot.rootDocument.createElement('DIV'));
     /**
      * @type {HTMLElement}
      */
-    _classPrivateFieldInitSpec(this, _guide, {
-      writable: true,
-      value: this.hot.rootDocument.createElement('DIV')
-    });
+    _classPrivateFieldInitSpec(this, _guide, this.hot.rootDocument.createElement('DIV'));
     /**
      * @type {boolean}
      */
-    _classPrivateFieldInitSpec(this, _pressed, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _pressed, null);
     /**
      * @type {boolean}
      */
-    _classPrivateFieldInitSpec(this, _isTriggeredByRMB, {
-      writable: true,
-      value: false
-    });
+    _classPrivateFieldInitSpec(this, _isTriggeredByRMB, false);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _dblclick, {
-      writable: true,
-      value: 0
-    });
+    _classPrivateFieldInitSpec(this, _dblclick, 0);
     /**
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _autoresizeTimeout, {
-      writable: true,
-      value: null
-    });
+    _classPrivateFieldInitSpec(this, _autoresizeTimeout, null);
     /**
      * PhysicalIndexToValueMap to keep and track widths for physical column indexes.
      *
      * @type {PhysicalIndexToValueMap}
      */
-    _classPrivateFieldInitSpec(this, _columnWidthsMap, {
-      writable: true,
-      value: void 0
-    });
+    _classPrivateFieldInitSpec(this, _columnWidthsMap, void 0);
     /**
      * Private pool to save configuration from updateSettings.
      *
      * @type {object}
      */
-    _classPrivateFieldInitSpec(this, _config, {
-      writable: true,
-      value: void 0
-    });
-    (0, _element.addClass)(_classPrivateFieldGet(this, _handle), 'manualColumnResizer');
-    (0, _element.addClass)(_classPrivateFieldGet(this, _guide), 'manualColumnResizerGuide');
+    _classPrivateFieldInitSpec(this, _config, void 0);
+    (0, _element.addClass)(_classPrivateFieldGet(_handle, this), 'manualColumnResizer');
+    (0, _element.addClass)(_classPrivateFieldGet(_guide, this), 'manualColumnResizerGuide');
   }
 
   /**
@@ -273,12 +165,12 @@ class ManualColumnResize extends _base.BasePlugin {
     if (this.enabled) {
       return;
     }
-    _classPrivateFieldSet(this, _columnWidthsMap, new _translations.PhysicalIndexToValueMap());
-    _classPrivateFieldGet(this, _columnWidthsMap).addLocalHook('init', () => _classPrivateMethodGet(this, _onMapInit, _onMapInit2).call(this));
-    this.hot.columnIndexMapper.registerMap(this.pluginName, _classPrivateFieldGet(this, _columnWidthsMap));
-    this.addHook('modifyColWidth', (width, col) => _classPrivateMethodGet(this, _onModifyColWidth, _onModifyColWidth2).call(this, width, col));
-    this.addHook('beforeStretchingColumnWidth', (stretchedWidth, column) => _classPrivateMethodGet(this, _onBeforeStretchingColumnWidth, _onBeforeStretchingColumnWidth2).call(this, stretchedWidth, column));
-    this.addHook('beforeColumnResize', (newSize, column, isDoubleClick) => _classPrivateMethodGet(this, _onBeforeColumnResize, _onBeforeColumnResize2).call(this, newSize, column, isDoubleClick));
+    _classPrivateFieldSet(_columnWidthsMap, this, new _translations.PhysicalIndexToValueMap());
+    _classPrivateFieldGet(_columnWidthsMap, this).addLocalHook('init', () => _assertClassBrand(_ManualColumnResize_brand, this, _onMapInit).call(this));
+    this.hot.columnIndexMapper.registerMap(this.pluginName, _classPrivateFieldGet(_columnWidthsMap, this));
+    this.addHook('modifyColWidth', (width, col) => _assertClassBrand(_ManualColumnResize_brand, this, _onModifyColWidth).call(this, width, col));
+    this.addHook('beforeStretchingColumnWidth', (stretchedWidth, column) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeStretchingColumnWidth).call(this, stretchedWidth, column));
+    this.addHook('beforeColumnResize', (newSize, column, isDoubleClick) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeColumnResize).call(this, newSize, column, isDoubleClick));
     this.bindEvents();
     super.enablePlugin();
   }
@@ -299,7 +191,7 @@ class ManualColumnResize extends _base.BasePlugin {
    * Disables the plugin functionality for this Handsontable instance.
    */
   disablePlugin() {
-    _classPrivateFieldSet(this, _config, _classPrivateFieldGet(this, _columnWidthsMap).getValues());
+    _classPrivateFieldSet(_config, this, _classPrivateFieldGet(_columnWidthsMap, this).getValues());
     this.hot.columnIndexMapper.unregisterMap(this.pluginName);
     super.disablePlugin();
   }
@@ -310,7 +202,7 @@ class ManualColumnResize extends _base.BasePlugin {
    * @fires Hooks#persistentStateSave
    */
   saveManualColumnWidths() {
-    this.hot.runHooks('persistentStateSave', PERSISTENT_STATE_KEY, _classPrivateFieldGet(this, _columnWidthsMap).getValues());
+    this.hot.runHooks('persistentStateSave', PERSISTENT_STATE_KEY, _classPrivateFieldGet(_columnWidthsMap, this).getValues());
   }
 
   /**
@@ -335,7 +227,7 @@ class ManualColumnResize extends _base.BasePlugin {
   setManualSize(column, width) {
     const newWidth = Math.max(width, 20);
     const physicalColumn = this.hot.toPhysicalColumn(column);
-    _classPrivateFieldGet(this, _columnWidthsMap).setValueAtIndex(physicalColumn, newWidth);
+    _classPrivateFieldGet(_columnWidthsMap, this).setValueAtIndex(physicalColumn, newWidth);
     return newWidth;
   }
 
@@ -346,7 +238,7 @@ class ManualColumnResize extends _base.BasePlugin {
    */
   clearManualSize(column) {
     const physicalColumn = this.hot.toPhysicalColumn(column);
-    _classPrivateFieldGet(this, _columnWidthsMap).setValueAtIndex(physicalColumn, null);
+    _classPrivateFieldGet(_columnWidthsMap, this).setValueAtIndex(physicalColumn, null);
   }
   /**
    * Set the resize handle position.
@@ -358,34 +250,34 @@ class ManualColumnResize extends _base.BasePlugin {
     if (!TH.parentNode) {
       return;
     }
-    _classPrivateFieldSet(this, _currentTH, TH);
+    _classPrivateFieldSet(_currentTH, this, TH);
     const {
       _wt: wt
     } = this.hot.view;
-    const cellCoords = wt.wtTable.getCoords(_classPrivateFieldGet(this, _currentTH));
+    const cellCoords = wt.wtTable.getCoords(_classPrivateFieldGet(_currentTH, this));
     const col = cellCoords.col;
 
     // Ignore column headers.
     if (col < 0) {
       return;
     }
-    const headerHeight = (0, _element.outerHeight)(_classPrivateFieldGet(this, _currentTH));
-    const box = _classPrivateFieldGet(this, _currentTH).getBoundingClientRect();
+    const headerHeight = (0, _element.outerHeight)(_classPrivateFieldGet(_currentTH, this));
+    const box = _classPrivateFieldGet(_currentTH, this).getBoundingClientRect();
     // Read "fixedColumnsStart" through the Walkontable as in that context, the fixed columns
     // are modified (reduced by the number of hidden columns) by TableView module.
     const fixedColumn = col < wt.getSetting('fixedColumnsStart');
     let relativeHeaderPosition;
     if (fixedColumn) {
-      relativeHeaderPosition = wt.wtOverlays.topInlineStartCornerOverlay.getRelativeCellPosition(_classPrivateFieldGet(this, _currentTH), cellCoords.row, cellCoords.col);
+      relativeHeaderPosition = wt.wtOverlays.topInlineStartCornerOverlay.getRelativeCellPosition(_classPrivateFieldGet(_currentTH, this), cellCoords.row, cellCoords.col);
     }
 
     // If the TH is not a child of the top-left overlay, recalculate using
     // the top overlay - as this overlay contains the rest of the headers.
     if (!relativeHeaderPosition) {
-      relativeHeaderPosition = wt.wtOverlays.topOverlay.getRelativeCellPosition(_classPrivateFieldGet(this, _currentTH), cellCoords.row, cellCoords.col);
+      relativeHeaderPosition = wt.wtOverlays.topOverlay.getRelativeCellPosition(_classPrivateFieldGet(_currentTH, this), cellCoords.row, cellCoords.col);
     }
-    _classPrivateFieldSet(this, _currentCol, this.hot.columnIndexMapper.getVisualFromRenderableIndex(col));
-    _classPrivateFieldSet(this, _selectedCols, []);
+    _classPrivateFieldSet(_currentCol, this, this.hot.columnIndexMapper.getVisualFromRenderableIndex(col));
+    _classPrivateFieldSet(_selectedCols, this, []);
     const isFullColumnSelected = this.hot.selection.isSelectedByCorner() || this.hot.selection.isSelectedByColumnHeader();
     if (this.hot.selection.isSelected() && isFullColumnSelected) {
       const selectionRanges = this.hot.getSelectedRange();
@@ -395,23 +287,23 @@ class ManualColumnResize extends _base.BasePlugin {
 
         // Add every selected column for resize action.
         (0, _number.rangeEach)(fromColumn, toColumn, columnIndex => {
-          if (!_classPrivateFieldGet(this, _selectedCols).includes(columnIndex)) {
-            _classPrivateFieldGet(this, _selectedCols).push(columnIndex);
+          if (!_classPrivateFieldGet(_selectedCols, this).includes(columnIndex)) {
+            _classPrivateFieldGet(_selectedCols, this).push(columnIndex);
           }
         });
       });
     }
 
     // Resizing element beyond the current selection (also when there is no selection).
-    if (!_classPrivateFieldGet(this, _selectedCols).includes(_classPrivateFieldGet(this, _currentCol))) {
-      _classPrivateFieldSet(this, _selectedCols, [_classPrivateFieldGet(this, _currentCol)]);
+    if (!_classPrivateFieldGet(_selectedCols, this).includes(_classPrivateFieldGet(_currentCol, this))) {
+      _classPrivateFieldSet(_selectedCols, this, [_classPrivateFieldGet(_currentCol, this)]);
     }
-    _classPrivateFieldSet(this, _startOffset, relativeHeaderPosition.start - 6);
-    _classPrivateFieldSet(this, _startWidth, parseInt(box.width, 10));
-    _classPrivateFieldGet(this, _handle).style.top = `${relativeHeaderPosition.top}px`;
-    _classPrivateFieldGet(this, _handle).style[this.inlineDir] = `${_classPrivateFieldGet(this, _startOffset) + _classPrivateFieldGet(this, _startWidth)}px`;
-    _classPrivateFieldGet(this, _handle).style.height = `${headerHeight}px`;
-    this.hot.rootElement.appendChild(_classPrivateFieldGet(this, _handle));
+    _classPrivateFieldSet(_startOffset, this, relativeHeaderPosition.start - 6);
+    _classPrivateFieldSet(_startWidth, this, parseInt(box.width, 10));
+    _classPrivateFieldGet(_handle, this).style.top = `${relativeHeaderPosition.top}px`;
+    _classPrivateFieldGet(_handle, this).style[this.inlineDir] = `${_classPrivateFieldGet(_startOffset, this) + _classPrivateFieldGet(_startWidth, this)}px`;
+    _classPrivateFieldGet(_handle, this).style.height = `${headerHeight}px`;
+    this.hot.rootElement.appendChild(_classPrivateFieldGet(_handle, this));
   }
 
   /**
@@ -420,7 +312,7 @@ class ManualColumnResize extends _base.BasePlugin {
    * @private
    */
   refreshHandlePosition() {
-    _classPrivateFieldGet(this, _handle).style[this.inlineDir] = `${_classPrivateFieldGet(this, _startOffset) + _classPrivateFieldGet(this, _currentWidth)}px`;
+    _classPrivateFieldGet(_handle, this).style[this.inlineDir] = `${_classPrivateFieldGet(_startOffset, this) + _classPrivateFieldGet(_currentWidth, this)}px`;
   }
 
   /**
@@ -429,15 +321,15 @@ class ManualColumnResize extends _base.BasePlugin {
    * @private
    */
   setupGuidePosition() {
-    const handleHeight = parseInt((0, _element.outerHeight)(_classPrivateFieldGet(this, _handle)), 10);
-    const handleBottomPosition = parseInt(_classPrivateFieldGet(this, _handle).style.top, 10) + handleHeight;
+    const handleHeight = parseInt((0, _element.outerHeight)(_classPrivateFieldGet(_handle, this)), 10);
+    const handleBottomPosition = parseInt(_classPrivateFieldGet(_handle, this).style.top, 10) + handleHeight;
     const maximumVisibleElementHeight = parseInt(this.hot.view.maximumVisibleElementHeight(0), 10);
-    (0, _element.addClass)(_classPrivateFieldGet(this, _handle), 'active');
-    (0, _element.addClass)(_classPrivateFieldGet(this, _guide), 'active');
-    _classPrivateFieldGet(this, _guide).style.top = `${handleBottomPosition}px`;
+    (0, _element.addClass)(_classPrivateFieldGet(_handle, this), 'active');
+    (0, _element.addClass)(_classPrivateFieldGet(_guide, this), 'active');
+    _classPrivateFieldGet(_guide, this).style.top = `${handleBottomPosition}px`;
     this.refreshGuidePosition();
-    _classPrivateFieldGet(this, _guide).style.height = `${maximumVisibleElementHeight - handleHeight}px`;
-    this.hot.rootElement.appendChild(_classPrivateFieldGet(this, _guide));
+    _classPrivateFieldGet(_guide, this).style.height = `${maximumVisibleElementHeight - handleHeight}px`;
+    this.hot.rootElement.appendChild(_classPrivateFieldGet(_guide, this));
   }
 
   /**
@@ -446,7 +338,7 @@ class ManualColumnResize extends _base.BasePlugin {
    * @private
    */
   refreshGuidePosition() {
-    _classPrivateFieldGet(this, _guide).style[this.inlineDir] = _classPrivateFieldGet(this, _handle).style[this.inlineDir];
+    _classPrivateFieldGet(_guide, this).style[this.inlineDir] = _classPrivateFieldGet(_handle, this).style[this.inlineDir];
   }
 
   /**
@@ -455,8 +347,8 @@ class ManualColumnResize extends _base.BasePlugin {
    * @private
    */
   hideHandleAndGuide() {
-    (0, _element.removeClass)(_classPrivateFieldGet(this, _handle), 'active');
-    (0, _element.removeClass)(_classPrivateFieldGet(this, _guide), 'active');
+    (0, _element.removeClass)(_classPrivateFieldGet(_handle, this), 'active');
+    (0, _element.removeClass)(_classPrivateFieldGet(_guide, this), 'active');
   }
 
   /**
@@ -491,6 +383,13 @@ class ManualColumnResize extends _base.BasePlugin {
     }
     return null;
   }
+
+  /**
+   * 'mouseover' event callback - set the handle position.
+   *
+   * @param {MouseEvent} event The mouse event.
+   */
+
   /**
    * Auto-size row after doubleclick - callback.
    *
@@ -505,37 +404,44 @@ class ManualColumnResize extends _base.BasePlugin {
       this.hot.view.adjustElementsSize(true);
     };
     const resize = (column, forceRender) => {
-      const hookNewSize = this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(this, _newSize), column, true);
+      const hookNewSize = this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(_newSize, this), column, true);
       if (hookNewSize !== undefined) {
-        _classPrivateFieldSet(this, _newSize, hookNewSize);
+        _classPrivateFieldSet(_newSize, this, hookNewSize);
       }
       if (this.hot.getSettings().stretchH === 'all') {
         this.clearManualSize(column);
       } else {
-        this.setManualSize(column, _classPrivateFieldGet(this, _newSize)); // double click sets by auto row size plugin
+        this.setManualSize(column, _classPrivateFieldGet(_newSize, this)); // double click sets by auto row size plugin
       }
       this.saveManualColumnWidths();
-      this.hot.runHooks('afterColumnResize', _classPrivateFieldGet(this, _newSize), column, true);
+      this.hot.runHooks('afterColumnResize', _classPrivateFieldGet(_newSize, this), column, true);
       if (forceRender) {
         render();
       }
     };
-    if (_classPrivateFieldGet(this, _dblclick) >= 2) {
-      const selectedColsLength = _classPrivateFieldGet(this, _selectedCols).length;
+    if (_classPrivateFieldGet(_dblclick, this) >= 2) {
+      const selectedColsLength = _classPrivateFieldGet(_selectedCols, this).length;
       if (selectedColsLength > 1) {
-        (0, _array.arrayEach)(_classPrivateFieldGet(this, _selectedCols), selectedCol => {
+        (0, _array.arrayEach)(_classPrivateFieldGet(_selectedCols, this), selectedCol => {
           resize(selectedCol);
         });
         render();
       } else {
-        (0, _array.arrayEach)(_classPrivateFieldGet(this, _selectedCols), selectedCol => {
+        (0, _array.arrayEach)(_classPrivateFieldGet(_selectedCols, this), selectedCol => {
           resize(selectedCol, true);
         });
       }
     }
-    _classPrivateFieldSet(this, _dblclick, 0);
-    _classPrivateFieldSet(this, _autoresizeTimeout, null);
+    _classPrivateFieldSet(_dblclick, this, 0);
+    _classPrivateFieldSet(_autoresizeTimeout, this, null);
   }
+
+  /**
+   * 'mousedown' event callback.
+   *
+   * @param {MouseEvent} event The mouse event.
+   */
+
   /**
    * Binds the mouse events.
    *
@@ -546,12 +452,21 @@ class ManualColumnResize extends _base.BasePlugin {
       rootWindow,
       rootElement
     } = this.hot;
-    this.eventManager.addEventListener(rootElement, 'mouseover', e => _classPrivateMethodGet(this, _onMouseOver, _onMouseOver2).call(this, e));
-    this.eventManager.addEventListener(rootElement, 'mousedown', e => _classPrivateMethodGet(this, _onMouseDown, _onMouseDown2).call(this, e));
-    this.eventManager.addEventListener(rootWindow, 'mousemove', e => _classPrivateMethodGet(this, _onMouseMove, _onMouseMove2).call(this, e));
-    this.eventManager.addEventListener(rootWindow, 'mouseup', () => _classPrivateMethodGet(this, _onMouseUp, _onMouseUp2).call(this));
-    this.eventManager.addEventListener(_classPrivateFieldGet(this, _handle), 'contextmenu', () => _classPrivateMethodGet(this, _onContextMenu, _onContextMenu2).call(this));
+    this.eventManager.addEventListener(rootElement, 'mouseover', e => _assertClassBrand(_ManualColumnResize_brand, this, _onMouseOver).call(this, e));
+    this.eventManager.addEventListener(rootElement, 'mousedown', e => _assertClassBrand(_ManualColumnResize_brand, this, _onMouseDown).call(this, e));
+    this.eventManager.addEventListener(rootWindow, 'mousemove', e => _assertClassBrand(_ManualColumnResize_brand, this, _onMouseMove).call(this, e));
+    this.eventManager.addEventListener(rootWindow, 'mouseup', () => _assertClassBrand(_ManualColumnResize_brand, this, _onMouseUp).call(this));
+    this.eventManager.addEventListener(_classPrivateFieldGet(_handle, this), 'contextmenu', () => _assertClassBrand(_ManualColumnResize_brand, this, _onContextMenu).call(this));
   }
+
+  /**
+   * Modifies the provided column width, based on the plugin settings.
+   *
+   * @param {number} width Column width.
+   * @param {number} column Visual column index.
+   * @returns {number}
+   */
+
   /**
    * Destroys the plugin instance.
    */
@@ -560,31 +475,31 @@ class ManualColumnResize extends _base.BasePlugin {
   }
 }
 exports.ManualColumnResize = ManualColumnResize;
-function _onMapInit2() {
+function _onMapInit() {
   const initialSetting = this.hot.getSettings()[PLUGIN_KEY];
   const loadedManualColumnWidths = this.loadManualColumnWidths();
   if (typeof loadedManualColumnWidths !== 'undefined') {
     this.hot.batchExecution(() => {
       loadedManualColumnWidths.forEach((width, physicalIndex) => {
-        _classPrivateFieldGet(this, _columnWidthsMap).setValueAtIndex(physicalIndex, width);
+        _classPrivateFieldGet(_columnWidthsMap, this).setValueAtIndex(physicalIndex, width);
       });
     }, true);
   } else if (Array.isArray(initialSetting)) {
     this.hot.batchExecution(() => {
       initialSetting.forEach((width, physicalIndex) => {
-        _classPrivateFieldGet(this, _columnWidthsMap).setValueAtIndex(physicalIndex, width);
+        _classPrivateFieldGet(_columnWidthsMap, this).setValueAtIndex(physicalIndex, width);
       });
     }, true);
-    _classPrivateFieldSet(this, _config, initialSetting);
-  } else if (initialSetting === true && Array.isArray(_classPrivateFieldGet(this, _config))) {
+    _classPrivateFieldSet(_config, this, initialSetting);
+  } else if (initialSetting === true && Array.isArray(_classPrivateFieldGet(_config, this))) {
     this.hot.batchExecution(() => {
-      _classPrivateFieldGet(this, _config).forEach((width, physicalIndex) => {
-        _classPrivateFieldGet(this, _columnWidthsMap).setValueAtIndex(physicalIndex, width);
+      _classPrivateFieldGet(_config, this).forEach((width, physicalIndex) => {
+        _classPrivateFieldGet(_columnWidthsMap, this).setValueAtIndex(physicalIndex, width);
       });
     }, true);
   }
 }
-function _onMouseOver2(event) {
+function _onMouseOver(event) {
   // Workaround for #6926 - if the `event.target` is temporarily detached, we can skip this callback and wait for
   // the next `onmouseover`.
   if ((0, _element.isDetached)(event.target)) {
@@ -592,7 +507,7 @@ function _onMouseOver2(event) {
   }
 
   // A "mouseover" action is triggered right after executing "contextmenu" event. It should be ignored.
-  if (_classPrivateFieldGet(this, _isTriggeredByRMB) === true) {
+  if (_classPrivateFieldGet(_isTriggeredByRMB, this) === true) {
     return;
   }
   if (this.checkIfColumnHeader(event.target)) {
@@ -602,105 +517,129 @@ function _onMouseOver2(event) {
     }
     const colspan = th.getAttribute('colspan');
     if (th && (colspan === null || colspan === '1')) {
-      if (!_classPrivateFieldGet(this, _pressed)) {
+      if (!_classPrivateFieldGet(_pressed, this)) {
         this.setupHandlePosition(th);
       }
     }
   }
 }
-function _onMouseDown2(event) {
+function _onMouseDown(event) {
   if (event.target.parentNode !== this.hot.rootElement) {
     return;
   }
   if ((0, _element.hasClass)(event.target, 'manualColumnResizer')) {
-    this.setupHandlePosition(_classPrivateFieldGet(this, _currentTH));
+    this.setupHandlePosition(_classPrivateFieldGet(_currentTH, this));
     this.setupGuidePosition();
-    _classPrivateFieldSet(this, _pressed, true);
-    if (_classPrivateFieldGet(this, _autoresizeTimeout) === null) {
-      _classPrivateFieldSet(this, _autoresizeTimeout, setTimeout(() => this.afterMouseDownTimeout(), 500));
-      this.hot._registerTimeout(_classPrivateFieldGet(this, _autoresizeTimeout));
+    _classPrivateFieldSet(_pressed, this, true);
+    if (_classPrivateFieldGet(_autoresizeTimeout, this) === null) {
+      _classPrivateFieldSet(_autoresizeTimeout, this, setTimeout(() => this.afterMouseDownTimeout(), 500));
+      this.hot._registerTimeout(_classPrivateFieldGet(_autoresizeTimeout, this));
     }
-    _classPrivateFieldSet(this, _dblclick, _classPrivateFieldGet(this, _dblclick) + 1);
+    _classPrivateFieldSet(_dblclick, this, _classPrivateFieldGet(_dblclick, this) + 1);
     this.startX = event.pageX;
-    _classPrivateFieldSet(this, _newSize, _classPrivateFieldGet(this, _startWidth));
+    _classPrivateFieldSet(_newSize, this, _classPrivateFieldGet(_startWidth, this));
   }
 }
-function _onMouseMove2(event) {
-  if (_classPrivateFieldGet(this, _pressed)) {
+/**
+ * 'mousemove' event callback - refresh the handle and guide positions, cache the new column width.
+ *
+ * @param {MouseEvent} event The mouse event.
+ */
+function _onMouseMove(event) {
+  if (_classPrivateFieldGet(_pressed, this)) {
     const change = (event.pageX - this.startX) * this.hot.getDirectionFactor();
-    _classPrivateFieldSet(this, _currentWidth, _classPrivateFieldGet(this, _startWidth) + change);
-    (0, _array.arrayEach)(_classPrivateFieldGet(this, _selectedCols), selectedCol => {
-      _classPrivateFieldSet(this, _newSize, this.setManualSize(selectedCol, _classPrivateFieldGet(this, _currentWidth)));
+    _classPrivateFieldSet(_currentWidth, this, _classPrivateFieldGet(_startWidth, this) + change);
+    (0, _array.arrayEach)(_classPrivateFieldGet(_selectedCols, this), selectedCol => {
+      _classPrivateFieldSet(_newSize, this, this.setManualSize(selectedCol, _classPrivateFieldGet(_currentWidth, this)));
     });
     this.refreshHandlePosition();
     this.refreshGuidePosition();
   }
 }
-function _onMouseUp2() {
+/**
+ * 'mouseup' event callback - apply the column resizing.
+ *
+ * @fires Hooks#beforeColumnResize
+ * @fires Hooks#afterColumnResize
+ */
+function _onMouseUp() {
   const render = () => {
     this.hot.forceFullRender = true;
     this.hot.view.render(); // updates all
     this.hot.view.adjustElementsSize(true);
   };
   const resize = (column, forceRender) => {
-    this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(this, _newSize), column, false);
+    this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(_newSize, this), column, false);
     if (forceRender) {
       render();
     }
     this.saveManualColumnWidths();
-    this.hot.runHooks('afterColumnResize', _classPrivateFieldGet(this, _newSize), column, false);
+    this.hot.runHooks('afterColumnResize', _classPrivateFieldGet(_newSize, this), column, false);
   };
-  if (_classPrivateFieldGet(this, _pressed)) {
+  if (_classPrivateFieldGet(_pressed, this)) {
     this.hideHandleAndGuide();
-    _classPrivateFieldSet(this, _pressed, false);
-    if (_classPrivateFieldGet(this, _newSize) !== _classPrivateFieldGet(this, _startWidth)) {
-      const selectedColsLength = _classPrivateFieldGet(this, _selectedCols).length;
+    _classPrivateFieldSet(_pressed, this, false);
+    if (_classPrivateFieldGet(_newSize, this) !== _classPrivateFieldGet(_startWidth, this)) {
+      const selectedColsLength = _classPrivateFieldGet(_selectedCols, this).length;
       if (selectedColsLength > 1) {
-        (0, _array.arrayEach)(_classPrivateFieldGet(this, _selectedCols), selectedCol => {
+        (0, _array.arrayEach)(_classPrivateFieldGet(_selectedCols, this), selectedCol => {
           resize(selectedCol);
         });
         render();
       } else {
-        (0, _array.arrayEach)(_classPrivateFieldGet(this, _selectedCols), selectedCol => {
+        (0, _array.arrayEach)(_classPrivateFieldGet(_selectedCols, this), selectedCol => {
           resize(selectedCol, true);
         });
       }
     }
-    this.setupHandlePosition(_classPrivateFieldGet(this, _currentTH));
+    this.setupHandlePosition(_classPrivateFieldGet(_currentTH, this));
   }
 }
-function _onContextMenu2() {
+/**
+ * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
+ */
+function _onContextMenu() {
   this.hideHandleAndGuide();
-  this.hot.rootElement.removeChild(_classPrivateFieldGet(this, _handle));
-  this.hot.rootElement.removeChild(_classPrivateFieldGet(this, _guide));
-  _classPrivateFieldSet(this, _pressed, false);
-  _classPrivateFieldSet(this, _isTriggeredByRMB, true);
+  this.hot.rootElement.removeChild(_classPrivateFieldGet(_handle, this));
+  this.hot.rootElement.removeChild(_classPrivateFieldGet(_guide, this));
+  _classPrivateFieldSet(_pressed, this, false);
+  _classPrivateFieldSet(_isTriggeredByRMB, this, true);
 
   // There is thrown "mouseover" event right after opening a context menu. This flag inform that handle
   // shouldn't be drawn just after removing it.
   this.hot._registerImmediate(() => {
-    _classPrivateFieldSet(this, _isTriggeredByRMB, false);
+    _classPrivateFieldSet(_isTriggeredByRMB, this, false);
   });
 }
-function _onModifyColWidth2(width, column) {
+function _onModifyColWidth(width, column) {
   let newWidth = width;
   if (this.enabled) {
     const physicalColumn = this.hot.toPhysicalColumn(column);
-    const columnWidth = _classPrivateFieldGet(this, _columnWidthsMap).getValueAtIndex(physicalColumn);
+    const columnWidth = _classPrivateFieldGet(_columnWidthsMap, this).getValueAtIndex(physicalColumn);
     if (this.hot.getSettings()[PLUGIN_KEY] && columnWidth) {
       newWidth = columnWidth;
     }
   }
   return newWidth;
 }
-function _onBeforeStretchingColumnWidth2(stretchedWidth, column) {
-  let width = _classPrivateFieldGet(this, _columnWidthsMap).getValueAtIndex(column);
+/**
+ * Modifies the provided column stretched width. This hook decides if specified column should be stretched or not.
+ *
+ * @param {number} stretchedWidth Stretched width.
+ * @param {number} column Visual column index.
+ * @returns {number}
+ */
+function _onBeforeStretchingColumnWidth(stretchedWidth, column) {
+  let width = _classPrivateFieldGet(_columnWidthsMap, this).getValueAtIndex(column);
   if (width === null) {
     width = stretchedWidth;
   }
   return width;
 }
-function _onBeforeColumnResize2() {
+/**
+ * `beforeColumnResize` hook callback.
+ */
+function _onBeforeColumnResize() {
   // clear the header height cache information
   this.hot.view._wt.wtViewport.resetHasOversizedColumnHeadersMarked();
 }