handsontable 14.0.0-next-c080457-20231107 → 14.0.0-next-bfad250-20231108

package/plugins/manualColumnResize/manualColumnResize.mjs

@@ -1,14 +1,25 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.error.cause.js";
+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 _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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+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 _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 _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 import { BasePlugin } from "../base/index.mjs";
 import { addClass, closest, hasClass, removeClass, outerHeight, isDetached } from "../../helpers/dom/element.mjs";
-import EventManager from "../../eventManager.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
 import { PhysicalIndexToValueMap as IndexToValueMap } from "../../translations/index.mjs"; // Developer note! Whenever you make a change in this file, make an analogous change in manualRowResize.js
 export const PLUGIN_KEY = 'manualColumnResize';
 export const PLUGIN_PRIORITY = 130;
 const PERSISTENT_STATE_KEY = 'manualColumnWidths';
-const privatePool = new WeakMap();
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
@@ -24,6 +35,16 @@ const privatePool = new WeakMap();
  * - handle - the draggable element that sets the desired width of the column.
  * - guide - the helper guide that shows the desired width as a vertical guide.
  */
+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();
 export class ManualColumnResize extends BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -31,39 +52,136 @@ export class ManualColumnResize extends BasePlugin {
   static get PLUGIN_PRIORITY() {
     return PLUGIN_PRIORITY;
   }
+
+  /**
+   * @type {HTMLTableHeaderCellElement}
+   */
+
   constructor(hotInstance) {
     super(hotInstance);
-    const {
-      rootDocument
-    } = this.hot;
-    this.currentTH = null;
-    this.currentCol = null;
-    this.selectedCols = [];
-    this.currentWidth = null;
-    this.newSize = null;
-    this.startY = null;
-    this.startWidth = null;
-    this.startOffset = null;
-    this.handle = rootDocument.createElement('DIV');
-    this.guide = rootDocument.createElement('DIV');
-    this.eventManager = new EventManager(this);
-    this.pressed = null;
-    this.isTriggeredByRMB = false;
-    this.dblclick = 0;
-    this.autoresizeTimeout = null;
-
+    /**
+     * `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);
+    _defineProperty(this, "currentTH", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "currentCol", null);
+    /**
+     * @type {number[]}
+     */
+    _defineProperty(this, "selectedCols", []);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "currentWidth", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "newSize", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "startY", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "startWidth", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "startOffset", null);
+    /**
+     * @type {HTMLElement}
+     */
+    _defineProperty(this, "handle", this.hot.rootDocument.createElement('DIV'));
+    /**
+     * @type {HTMLElement}
+     */
+    _defineProperty(this, "guide", this.hot.rootDocument.createElement('DIV'));
+    /**
+     * @type {boolean}
+     */
+    _defineProperty(this, "pressed", null);
+    /**
+     * @type {boolean}
+     */
+    _defineProperty(this, "isTriggeredByRMB", false);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "dblclick", 0);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "autoresizeTimeout", null);
     /**
      * PhysicalIndexToValueMap to keep and track widths for physical column indexes.
      *
      * @private
      * @type {PhysicalIndexToValueMap}
      */
-    this.columnWidthsMap = void 0;
+    _defineProperty(this, "columnWidthsMap", void 0);
     /**
      * Private pool to save configuration from updateSettings.
+     *
+     * @type {object}
      */
-    privatePool.set(this, {
-      config: void 0
+    _classPrivateFieldInitSpec(this, _config, {
+      writable: true,
+      value: void 0
     });
     addClass(this.handle, 'manualColumnResizer');
     addClass(this.guide, 'manualColumnResizerGuide');
@@ -95,11 +213,11 @@ export class ManualColumnResize extends BasePlugin {
       return;
     }
     this.columnWidthsMap = new IndexToValueMap();
-    this.columnWidthsMap.addLocalHook('init', () => this.onMapInit());
+    this.columnWidthsMap.addLocalHook('init', () => _classPrivateMethodGet(this, _onMapInit, _onMapInit2).call(this));
     this.hot.columnIndexMapper.registerMap(this.pluginName, this.columnWidthsMap);
-    this.addHook('modifyColWidth', (width, col) => this.onModifyColWidth(width, col));
-    this.addHook('beforeStretchingColumnWidth', (stretchedWidth, column) => this.onBeforeStretchingColumnWidth(stretchedWidth, column));
-    this.addHook('beforeColumnResize', (newSize, column, isDoubleClick) => this.onBeforeColumnResize(newSize, column, isDoubleClick));
+    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));
     this.bindEvents();
     super.enablePlugin();
   }
@@ -120,8 +238,7 @@ export class ManualColumnResize extends BasePlugin {
    * Disables the plugin functionality for this Handsontable instance.
    */
   disablePlugin() {
-    const priv = privatePool.get(this);
-    priv.config = this.columnWidthsMap.getValues();
+    _classPrivateFieldSet(this, _config, this.columnWidthsMap.getValues());
     this.hot.columnIndexMapper.unregisterMap(this.pluginName);
     super.disablePlugin();
   }
@@ -170,38 +287,6 @@ export class ManualColumnResize extends BasePlugin {
     const physicalColumn = this.hot.toPhysicalColumn(column);
     this.columnWidthsMap.setValueAtIndex(physicalColumn, null);
   }
-
-  /**
-   * Callback to call on map's `init` local hook.
-   *
-   * @private
-   */
-  onMapInit() {
-    const priv = privatePool.get(this);
-    const initialSetting = this.hot.getSettings()[PLUGIN_KEY];
-    const loadedManualColumnWidths = this.loadManualColumnWidths();
-    if (typeof loadedManualColumnWidths !== 'undefined') {
-      this.hot.batchExecution(() => {
-        loadedManualColumnWidths.forEach((width, physicalIndex) => {
-          this.columnWidthsMap.setValueAtIndex(physicalIndex, width);
-        });
-      }, true);
-    } else if (Array.isArray(initialSetting)) {
-      this.hot.batchExecution(() => {
-        initialSetting.forEach((width, physicalIndex) => {
-          this.columnWidthsMap.setValueAtIndex(physicalIndex, width);
-        });
-      }, true);
-      priv.config = initialSetting;
-    } else if (initialSetting === true && Array.isArray(priv.config)) {
-      this.hot.batchExecution(() => {
-        priv.config.forEach((width, physicalIndex) => {
-          this.columnWidthsMap.setValueAtIndex(physicalIndex, width);
-        });
-      }, true);
-    }
-  }
-
   /**
    * Set the resize handle position.
    *
@@ -340,38 +425,6 @@ export class ManualColumnResize extends BasePlugin {
     }
     return null;
   }
-
-  /**
-   * 'mouseover' event callback - set the handle position.
-   *
-   * @private
-   * @param {MouseEvent} event The mouse event.
-   */
-  onMouseOver(event) {
-    // Workaround for #6926 - if the `event.target` is temporarily detached, we can skip this callback and wait for
-    // the next `onmouseover`.
-    if (isDetached(event.target)) {
-      return;
-    }
-
-    // A "mouseover" action is triggered right after executing "contextmenu" event. It should be ignored.
-    if (this.isTriggeredByRMB === true) {
-      return;
-    }
-    if (this.checkIfColumnHeader(event.target)) {
-      const th = this.getClosestTHParent(event.target);
-      if (!th) {
-        return;
-      }
-      const colspan = th.getAttribute('colspan');
-      if (th && (colspan === null || colspan === '1')) {
-        if (!this.pressed) {
-          this.setupHandlePosition(th);
-        }
-      }
-    }
-  }
-
   /**
    * Auto-size row after doubleclick - callback.
    *
@@ -387,7 +440,7 @@ export class ManualColumnResize extends BasePlugin {
     };
     const resize = (column, forceRender) => {
       const hookNewSize = this.hot.runHooks('beforeColumnResize', this.newSize, column, true);
-      if (hookNewSize !== void 0) {
+      if (hookNewSize !== undefined) {
         this.newSize = hookNewSize;
       }
       if (this.hot.getSettings().stretchH === 'all') {
@@ -418,174 +471,167 @@ export class ManualColumnResize extends BasePlugin {
     this.dblclick = 0;
     this.autoresizeTimeout = null;
   }
-
   /**
-   * 'mousedown' event callback.
+   * Binds the mouse events.
    *
    * @private
-   * @param {MouseEvent} event The mouse event.
    */
-  onMouseDown(event) {
-    if (hasClass(event.target, 'manualColumnResizer')) {
-      this.setupHandlePosition(this.currentTH);
-      this.setupGuidePosition();
-      this.pressed = true;
-      if (this.autoresizeTimeout === null) {
-        this.autoresizeTimeout = setTimeout(() => this.afterMouseDownTimeout(), 500);
-        this.hot._registerTimeout(this.autoresizeTimeout);
-      }
-      this.dblclick += 1;
-      this.startX = event.pageX;
-      this.newSize = this.startWidth;
-    }
+  bindEvents() {
+    const {
+      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(this.handle, 'contextmenu', () => _classPrivateMethodGet(this, _onContextMenu, _onContextMenu2).call(this));
   }
-
   /**
-   * 'mousemove' event callback - refresh the handle and guide positions, cache the new column width.
-   *
-   * @private
-   * @param {MouseEvent} event The mouse event.
+   * Destroys the plugin instance.
    */
-  onMouseMove(event) {
-    if (this.pressed) {
-      const change = (event.pageX - this.startX) * this.hot.getDirectionFactor();
-      this.currentWidth = this.startWidth + change;
-      arrayEach(this.selectedCols, selectedCol => {
-        this.newSize = this.setManualSize(selectedCol, this.currentWidth);
+  destroy() {
+    super.destroy();
+  }
+}
+function _onMapInit2() {
+  const initialSetting = this.hot.getSettings()[PLUGIN_KEY];
+  const loadedManualColumnWidths = this.loadManualColumnWidths();
+  if (typeof loadedManualColumnWidths !== 'undefined') {
+    this.hot.batchExecution(() => {
+      loadedManualColumnWidths.forEach((width, physicalIndex) => {
+        this.columnWidthsMap.setValueAtIndex(physicalIndex, width);
       });
-      this.refreshHandlePosition();
-      this.refreshGuidePosition();
-    }
+    }, true);
+  } else if (Array.isArray(initialSetting)) {
+    this.hot.batchExecution(() => {
+      initialSetting.forEach((width, physicalIndex) => {
+        this.columnWidthsMap.setValueAtIndex(physicalIndex, width);
+      });
+    }, true);
+    _classPrivateFieldSet(this, _config, initialSetting);
+  } else if (initialSetting === true && Array.isArray(_classPrivateFieldGet(this, _config))) {
+    this.hot.batchExecution(() => {
+      _classPrivateFieldGet(this, _config).forEach((width, physicalIndex) => {
+        this.columnWidthsMap.setValueAtIndex(physicalIndex, width);
+      });
+    }, true);
+  }
+}
+function _onMouseOver2(event) {
+  // Workaround for #6926 - if the `event.target` is temporarily detached, we can skip this callback and wait for
+  // the next `onmouseover`.
+  if (isDetached(event.target)) {
+    return;
   }
 
-  /**
-   * 'mouseup' event callback - apply the column resizing.
-   *
-   * @private
-   *
-   * @fires Hooks#beforeColumnResize
-   * @fires Hooks#afterColumnResize
-   */
-  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', this.newSize, column, false);
-      if (forceRender) {
-        render();
-      }
-      this.saveManualColumnWidths();
-      this.hot.runHooks('afterColumnResize', this.newSize, column, false);
-    };
-    if (this.pressed) {
-      this.hideHandleAndGuide();
-      this.pressed = false;
-      if (this.newSize !== this.startWidth) {
-        const selectedColsLength = this.selectedCols.length;
-        if (selectedColsLength > 1) {
-          arrayEach(this.selectedCols, selectedCol => {
-            resize(selectedCol);
-          });
-          render();
-        } else {
-          arrayEach(this.selectedCols, selectedCol => {
-            resize(selectedCol, true);
-          });
-        }
+  // A "mouseover" action is triggered right after executing "contextmenu" event. It should be ignored.
+  if (this.isTriggeredByRMB === true) {
+    return;
+  }
+  if (this.checkIfColumnHeader(event.target)) {
+    const th = this.getClosestTHParent(event.target);
+    if (!th) {
+      return;
+    }
+    const colspan = th.getAttribute('colspan');
+    if (th && (colspan === null || colspan === '1')) {
+      if (!this.pressed) {
+        this.setupHandlePosition(th);
       }
-      this.setupHandlePosition(this.currentTH);
     }
   }
-
-  /**
-   * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
-   *
-   * @private
-   */
-  onContextMenu() {
-    this.hideHandleAndGuide();
-    this.hot.rootElement.removeChild(this.handle);
-    this.hot.rootElement.removeChild(this.guide);
-    this.pressed = false;
-    this.isTriggeredByRMB = 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(() => {
-      this.isTriggeredByRMB = false;
-    });
+}
+function _onMouseDown2(event) {
+  if (hasClass(event.target, 'manualColumnResizer')) {
+    this.setupHandlePosition(this.currentTH);
+    this.setupGuidePosition();
+    this.pressed = true;
+    if (this.autoresizeTimeout === null) {
+      this.autoresizeTimeout = setTimeout(() => this.afterMouseDownTimeout(), 500);
+      this.hot._registerTimeout(this.autoresizeTimeout);
+    }
+    this.dblclick += 1;
+    this.startX = event.pageX;
+    this.newSize = this.startWidth;
   }
-
-  /**
-   * Binds the mouse events.
-   *
-   * @private
-   */
-  bindEvents() {
-    const {
-      rootWindow,
-      rootElement
-    } = this.hot;
-    this.eventManager.addEventListener(rootElement, 'mouseover', e => this.onMouseOver(e));
-    this.eventManager.addEventListener(rootElement, 'mousedown', e => this.onMouseDown(e));
-    this.eventManager.addEventListener(rootWindow, 'mousemove', e => this.onMouseMove(e));
-    this.eventManager.addEventListener(rootWindow, 'mouseup', () => this.onMouseUp());
-    this.eventManager.addEventListener(this.handle, 'contextmenu', () => this.onContextMenu());
+}
+function _onMouseMove2(event) {
+  if (this.pressed) {
+    const change = (event.pageX - this.startX) * this.hot.getDirectionFactor();
+    this.currentWidth = this.startWidth + change;
+    arrayEach(this.selectedCols, selectedCol => {
+      this.newSize = this.setManualSize(selectedCol, this.currentWidth);
+    });
+    this.refreshHandlePosition();
+    this.refreshGuidePosition();
   }
-
-  /**
-   * Modifies the provided column width, based on the plugin settings.
-   *
-   * @private
-   * @param {number} width Column width.
-   * @param {number} column Visual column index.
-   * @returns {number}
-   */
-  onModifyColWidth(width, column) {
-    let newWidth = width;
-    if (this.enabled) {
-      const physicalColumn = this.hot.toPhysicalColumn(column);
-      const columnWidth = this.columnWidthsMap.getValueAtIndex(physicalColumn);
-      if (this.hot.getSettings()[PLUGIN_KEY] && columnWidth) {
-        newWidth = columnWidth;
+}
+function _onMouseUp2() {
+  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', this.newSize, column, false);
+    if (forceRender) {
+      render();
+    }
+    this.saveManualColumnWidths();
+    this.hot.runHooks('afterColumnResize', this.newSize, column, false);
+  };
+  if (this.pressed) {
+    this.hideHandleAndGuide();
+    this.pressed = false;
+    if (this.newSize !== this.startWidth) {
+      const selectedColsLength = this.selectedCols.length;
+      if (selectedColsLength > 1) {
+        arrayEach(this.selectedCols, selectedCol => {
+          resize(selectedCol);
+        });
+        render();
+      } else {
+        arrayEach(this.selectedCols, selectedCol => {
+          resize(selectedCol, true);
+        });
       }
     }
-    return newWidth;
+    this.setupHandlePosition(this.currentTH);
   }
-
-  /**
-   * Modifies the provided column stretched width. This hook decides if specified column should be stretched or not.
-   *
-   * @private
-   * @param {number} stretchedWidth Stretched width.
-   * @param {number} column Visual column index.
-   * @returns {number}
-   */
-  onBeforeStretchingColumnWidth(stretchedWidth, column) {
-    let width = this.columnWidthsMap.getValueAtIndex(column);
-    if (width === null) {
-      width = stretchedWidth;
+}
+function _onContextMenu2() {
+  this.hideHandleAndGuide();
+  this.hot.rootElement.removeChild(this.handle);
+  this.hot.rootElement.removeChild(this.guide);
+  this.pressed = false;
+  this.isTriggeredByRMB = 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(() => {
+    this.isTriggeredByRMB = false;
+  });
+}
+function _onModifyColWidth2(width, column) {
+  let newWidth = width;
+  if (this.enabled) {
+    const physicalColumn = this.hot.toPhysicalColumn(column);
+    const columnWidth = this.columnWidthsMap.getValueAtIndex(physicalColumn);
+    if (this.hot.getSettings()[PLUGIN_KEY] && columnWidth) {
+      newWidth = columnWidth;
     }
-    return width;
   }
-
-  /**
-   * `beforeColumnResize` hook callback.
-   *
-   * @private
-   */
-  onBeforeColumnResize() {
-    // clear the header height cache information
-    this.hot.view._wt.wtViewport.resetHasOversizedColumnHeadersMarked();
-  }
-
-  /**
-   * Destroys the plugin instance.
-   */
-  destroy() {
-    super.destroy();
+  return newWidth;
+}
+function _onBeforeStretchingColumnWidth2(stretchedWidth, column) {
+  let width = this.columnWidthsMap.getValueAtIndex(column);
+  if (width === null) {
+    width = stretchedWidth;
   }
+  return width;
+}
+function _onBeforeColumnResize2() {
+  // clear the header height cache information
+  this.hot.view._wt.wtViewport.resetHasOversizedColumnHeadersMarked();
 }