handsontable 0.0.0-next-b66c79f-20230713 → 0.0.0-next-08765b9-20230714

package/plugins/nestedHeaders/nestedHeaders.mjs

@@ -1,8 +1,19 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.error.cause.js";
+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 _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; }
 import { addClass, removeClass } from "../../helpers/dom/element.mjs";
 import { isNumeric } from "../../helpers/number.mjs";
-import { isLeftClick, isRightClick } from "../../helpers/dom/event.mjs";
 import { toSingleLine } from "../../helpers/templateLiteralTag.mjs";
+import { isLeftClick, isRightClick } from "../../helpers/dom/event.mjs";
 import { warn } from "../../helpers/console.mjs";
 import { ACTIVE_HEADER_TYPE, HEADER_TYPE } from "../../selection/index.mjs";
 import { BasePlugin } from "../base/index.mjs";
@@ -56,46 +67,54 @@ export const PLUGIN_PRIORITY = 280;
  * ```
  * :::
  */
+var _stateManager = /*#__PURE__*/new WeakMap();
+var _hidingIndexMapObserver = /*#__PURE__*/new WeakMap();
 export class NestedHeaders extends BasePlugin {
+  constructor() {
+    super(...arguments);
+    /**
+     * The state manager for the nested headers.
+     *
+     * @private
+     * @type {StateManager}
+     */
+    _classPrivateFieldInitSpec(this, _stateManager, {
+      writable: true,
+      value: new StateManager()
+    });
+    /**
+     * The instance of the ChangesObservable class that allows track the changes that happens in the
+     * column indexes.
+     *
+     * @private
+     * @type {ChangesObservable}
+     */
+    _classPrivateFieldInitSpec(this, _hidingIndexMapObserver, {
+      writable: true,
+      value: null
+    });
+    /**
+     * Custom helper for getting widths of the nested headers.
+     *
+     * @private
+     * @type {GhostTable}
+     */
+    // @TODO This should be changed after refactor handsontable/utils/ghostTable.
+    _defineProperty(this, "ghostTable", new GhostTable(this.hot, (row, column) => this.getHeaderSettings(row, column)));
+    /**
+     * The flag which determines that the nested header settings contains overlapping headers
+     * configuration.
+     *
+     * @type {boolean}
+     */
+    _defineProperty(this, "detectedOverlappedHeaders", false);
+  }
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
   }
   static get PLUGIN_PRIORITY() {
     return PLUGIN_PRIORITY;
   }
-
-  /**
-   * The state manager for the nested headers.
-   *
-   * @private
-   * @type {StateManager}
-   */
-  #stateManager = new StateManager();
-  /**
-   * The instance of the ChangesObservable class that allows track the changes that happens in the
-   * column indexes.
-   *
-   * @private
-   * @type {ChangesObservable}
-   */
-  #hidingIndexMapObserver = null;
-  /**
-   * Custom helper for getting widths of the nested headers.
-   *
-   * @private
-   * @type {GhostTable}
-   */
-  // @TODO This should be changed after refactor handsontable/utils/ghostTable.
-  ghostTable = new GhostTable(this.hot, (row, column) => this.getHeaderSettings(row, column));
-
-  /**
-   * The flag which determines that the nested header settings contains overlapping headers
-   * configuration.
-   *
-   * @type {boolean}
-   */
-  detectedOverlappedHeaders = false;
-
   /**
    * Check if plugin is enabled.
    *
@@ -133,6 +152,10 @@ export class NestedHeaders extends BasePlugin {
     this.addHook('beforeOnCellMouseOver', function () {
       return _this.onBeforeOnCellMouseOver(...arguments);
     });
+    this.addHook('modifyTransformStart', function () {
+      return _this.onModifyTransformStart(...arguments);
+    });
+    this.addHook('afterSelection', () => this.updateFocusHighlightPosition());
     this.addHook('afterGetColumnHeaderRenderers', array => this.onAfterGetColumnHeaderRenderers(array));
     this.addHook('modifyColWidth', function () {
       return _this.onModifyColWidth(...arguments);
@@ -146,9 +169,14 @@ export class NestedHeaders extends BasePlugin {
     this.addHook('beforeCopy', function () {
       return _this.onBeforeCopy(...arguments);
     });
+    this.addHook('beforeSelectColumns', function () {
+      return _this.onBeforeSelectColumns(...arguments);
+    });
     this.addHook('afterViewportColumnCalculatorOverride', function () {
       return _this.onAfterViewportColumnCalculatorOverride(...arguments);
     });
+    this.hot.columnIndexMapper.addLocalHook('cacheUpdated', () => this.updateFocusHighlightPosition());
+    this.hot.rowIndexMapper.addLocalHook('cacheUpdated', () => this.updateFocusHighlightPosition());
     super.enablePlugin();
     this.updatePlugin(); // @TODO: Workaround for broken plugin initialization abstraction.
   }
@@ -167,9 +195,9 @@ export class NestedHeaders extends BasePlugin {
     const {
       nestedHeaders
     } = this.hot.getSettings();
-    this.#stateManager.setColumnsLimit(this.hot.countCols());
+    _classPrivateFieldGet(this, _stateManager).setColumnsLimit(this.hot.countCols());
     if (Array.isArray(nestedHeaders)) {
-      this.detectedOverlappedHeaders = this.#stateManager.setState(nestedHeaders);
+      this.detectedOverlappedHeaders = _classPrivateFieldGet(this, _stateManager).setState(nestedHeaders);
     }
     if (this.detectedOverlappedHeaders) {
       warn(toSingleLine`Your Nested Headers plugin setup contains overlapping headers. This kind of configuration\x20
@@ -181,11 +209,11 @@ export class NestedHeaders extends BasePlugin {
       // as if all the columns are visible, needs to be modified to be in sync with a dataset.
       this.hot.columnIndexMapper.hidingMapsCollection.getMergedValues().forEach((isColumnHidden, physicalColumnIndex) => {
         const actionName = isColumnHidden === true ? 'hide-column' : 'show-column';
-        this.#stateManager.triggerColumnModification(actionName, physicalColumnIndex);
+        _classPrivateFieldGet(this, _stateManager).triggerColumnModification(actionName, physicalColumnIndex);
       });
     }
-    if (!this.#hidingIndexMapObserver && this.enabled) {
-      this.#hidingIndexMapObserver = this.hot.columnIndexMapper.createChangesObserver('hiding').subscribe(changes => {
+    if (!_classPrivateFieldGet(this, _hidingIndexMapObserver) && this.enabled) {
+      _classPrivateFieldSet(this, _hidingIndexMapObserver, this.hot.columnIndexMapper.createChangesObserver('hiding').subscribe(changes => {
         changes.forEach(_ref => {
           let {
             op,
@@ -194,11 +222,11 @@ export class NestedHeaders extends BasePlugin {
           } = _ref;
           if (op === 'replace') {
             const actionName = newValue === true ? 'hide-column' : 'show-column';
-            this.#stateManager.triggerColumnModification(actionName, columnIndex);
+            _classPrivateFieldGet(this, _stateManager).triggerColumnModification(actionName, columnIndex);
           }
         });
         this.ghostTable.buildWidthsMap();
-      });
+      }));
     }
     this.ghostTable.setLayersCount(this.getLayersCount()).buildWidthsMap();
     super.updatePlugin();
@@ -209,9 +237,9 @@ export class NestedHeaders extends BasePlugin {
    */
   disablePlugin() {
     this.clearColspans();
-    this.#stateManager.clear();
-    this.#hidingIndexMapObserver.unsubscribe();
-    this.#hidingIndexMapObserver = null;
+    _classPrivateFieldGet(this, _stateManager).clear();
+    _classPrivateFieldGet(this, _hidingIndexMapObserver).unsubscribe();
+    _classPrivateFieldSet(this, _hidingIndexMapObserver, null);
     this.ghostTable.clear();
     super.disablePlugin();
   }
@@ -223,7 +251,7 @@ export class NestedHeaders extends BasePlugin {
    * @returns {StateManager}
    */
   getStateManager() {
-    return this.#stateManager;
+    return _classPrivateFieldGet(this, _stateManager);
   }
 
   /**
@@ -233,7 +261,7 @@ export class NestedHeaders extends BasePlugin {
    * @returns {number}
    */
   getLayersCount() {
-    return this.#stateManager.getLayersCount();
+    return _classPrivateFieldGet(this, _stateManager).getLayersCount();
   }
 
   /**
@@ -247,7 +275,7 @@ export class NestedHeaders extends BasePlugin {
    * @returns {object}
    */
   getHeaderSettings(headerLevel, columnIndex) {
-    return this.#stateManager.getHeaderSettings(headerLevel, columnIndex);
+    return _classPrivateFieldGet(this, _stateManager).getHeaderSettings(headerLevel, columnIndex);
   }
 
   /**
@@ -301,7 +329,7 @@ export class NestedHeaders extends BasePlugin {
     var _this2 = this;
     const fixedColumnsStart = this.hot.view._wt.getSetting('fixedColumnsStart');
     return (renderedColumnIndex, TH) => {
-      var _this$stateManager$ge;
+      var _classPrivateFieldGet2;
       const {
         columnIndexMapper,
         view
@@ -316,17 +344,18 @@ export class NestedHeaders extends BasePlugin {
         colspan,
         isHidden,
         isPlaceholder
-      } = (_this$stateManager$ge = this.#stateManager.getHeaderSettings(headerLevel, visualColumnIndex)) != null ? _this$stateManager$ge : {
+      } = (_classPrivateFieldGet2 = _classPrivateFieldGet(this, _stateManager).getHeaderSettings(headerLevel, visualColumnIndex)) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : {
         label: ''
       };
       if (isPlaceholder || isHidden) {
         addClass(TH, 'hiddenHeader');
       } else if (colspan > 1) {
+        var _wtOverlays$topInline, _wtOverlays$inlineSta;
         const {
           wtOverlays
         } = view._wt;
-        const isTopInlineStartOverlay = wtOverlays.topInlineStartCornerOverlay?.clone.wtTable.THEAD.contains(TH);
-        const isInlineStartOverlay = wtOverlays.inlineStartOverlay?.clone.wtTable.THEAD.contains(TH);
+        const isTopInlineStartOverlay = (_wtOverlays$topInline = wtOverlays.topInlineStartCornerOverlay) === null || _wtOverlays$topInline === void 0 ? void 0 : _wtOverlays$topInline.clone.wtTable.THEAD.contains(TH);
+        const isInlineStartOverlay = (_wtOverlays$inlineSta = wtOverlays.inlineStartOverlay) === null || _wtOverlays$inlineSta === void 0 ? void 0 : _wtOverlays$inlineSta.clone.wtTable.THEAD.contains(TH);
 
         // Check if there is a fixed column enabled, if so then reduce colspan to fixed column width.
         const correctedColspan = isTopInlineStartOverlay || isInlineStartOverlay ? Math.min(colspan, fixedColumnsStart - renderedColumnIndex) : colspan;
@@ -352,17 +381,45 @@ export class NestedHeaders extends BasePlugin {
    * @returns {string} Returns the column header value to update.
    */
   getColumnHeaderValue(visualColumnIndex, headerLevel) {
-    var _this$stateManager$ge2;
+    var _classPrivateFieldGet3;
     const {
       isHidden,
       isPlaceholder
-    } = (_this$stateManager$ge2 = this.#stateManager.getHeaderSettings(headerLevel, visualColumnIndex)) != null ? _this$stateManager$ge2 : {};
+    } = (_classPrivateFieldGet3 = _classPrivateFieldGet(this, _stateManager).getHeaderSettings(headerLevel, visualColumnIndex)) !== null && _classPrivateFieldGet3 !== void 0 ? _classPrivateFieldGet3 : {};
     if (isPlaceholder || isHidden) {
       return '';
     }
     return this.hot.getColHeader(visualColumnIndex, headerLevel);
   }
 
+  /**
+   * Updates the selection focus highlight position to point to the nested header root element (TH)
+   * even when the logical coordinates point in-between the header.
+   *
+   * @private
+   */
+  updateFocusHighlightPosition() {
+    var _this$hot;
+    const selection = (_this$hot = this.hot) === null || _this$hot === void 0 ? void 0 : _this$hot.getSelectedRangeLast();
+    if (!selection) {
+      return;
+    }
+    const {
+      highlight
+    } = selection;
+    const isNestedHeadersRange = highlight.isHeader() && highlight.col >= 0;
+    if (isNestedHeadersRange) {
+      const columnIndex = _classPrivateFieldGet(this, _stateManager).findLeftMostColumnIndex(highlight.row, highlight.col);
+      const focusHighlight = this.hot.selection.highlight.getFocus();
+
+      // Correct the highlight/focus selection to highlight the correct TH element
+      focusHighlight.visualCellRange.highlight.col = columnIndex;
+      focusHighlight.visualCellRange.from.col = columnIndex;
+      focusHighlight.visualCellRange.to.col = columnIndex;
+      focusHighlight.commit();
+    }
+  }
+
   /**
    * Allows to control which header DOM element will be used to highlight.
    *
@@ -373,12 +430,11 @@ export class NestedHeaders extends BasePlugin {
    * @returns {number}
    */
   onBeforeHighlightingColumnHeader(visualColumn, headerLevel, highlightMeta) {
-    const headerNodeData = this.#stateManager.getHeaderTreeNodeData(headerLevel, visualColumn);
+    const headerNodeData = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(headerLevel, visualColumn);
     if (!headerNodeData) {
       return visualColumn;
     }
     const {
-      classNames,
       columnCursor,
       selectionType,
       selectionWidth
@@ -386,15 +442,15 @@ export class NestedHeaders extends BasePlugin {
     const {
       isRoot,
       colspan
-    } = this.#stateManager.getHeaderSettings(headerLevel, visualColumn);
+    } = _classPrivateFieldGet(this, _stateManager).getHeaderSettings(headerLevel, visualColumn);
     if (selectionType === HEADER_TYPE) {
       if (!isRoot) {
         return headerNodeData.columnIndex;
       }
     } else if (selectionType === ACTIVE_HEADER_TYPE) {
       if (colspan > selectionWidth - columnCursor || !isRoot) {
-        // Reset the class names array so the generated TH element won't be modified.
-        classNames.length = 0;
+        // Prevents adding any CSS class names to the TH element
+        return null;
       }
     }
     return visualColumn;
@@ -435,13 +491,14 @@ export class NestedHeaders extends BasePlugin {
       }
       for (let column = startCol; column <= endCol; column++) {
         for (let row = startRow; row <= endRow; row++) {
+          var _classPrivateFieldGet4;
           const zeroBasedColumnHeaderLevel = rowsCount + row;
           const zeroBasedColumnIndex = column - startCol;
           if (zeroBasedColumnIndex === 0) {
             continue; // eslint-disable-line no-continue
           }
 
-          const isRoot = this.#stateManager.getHeaderTreeNodeData(row, column)?.isRoot;
+          const isRoot = (_classPrivateFieldGet4 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(row, column)) === null || _classPrivateFieldGet4 === void 0 ? void 0 : _classPrivateFieldGet4.isRoot;
           if (isRoot === false) {
             data[zeroBasedColumnHeaderLevel][zeroBasedColumnIndex] = '';
           }
@@ -547,13 +604,90 @@ export class NestedHeaders extends BasePlugin {
     controller.cell = true;
     const columnsToSelect = [];
     if (coords.col < from.col) {
-      columnsToSelect.push(bottomEndCoords.col, columnIndex);
+      columnsToSelect.push(bottomEndCoords.col, columnIndex, coords.row);
     } else if (coords.col > from.col) {
-      columnsToSelect.push(topStartCoords.col, columnIndex + origColspan - 1);
+      columnsToSelect.push(topStartCoords.col, columnIndex + origColspan - 1, coords.row);
     } else {
-      columnsToSelect.push(columnIndex, columnIndex + origColspan - 1);
+      columnsToSelect.push(columnIndex, columnIndex + origColspan - 1, coords.row);
+    }
+    this.hot.selection.selectColumns(...columnsToSelect);
+  }
+
+  /**
+   * `modifyTransformStart` hook is called every time the keyboard navigation is used.
+   *
+   * @private
+   * @param {object} delta The transformation delta.
+   */
+  onModifyTransformStart(delta) {
+    const {
+      highlight
+    } = this.hot.getSelectedRangeLast();
+    const nextCoords = this.hot._createCellCoords(highlight.row + delta.row, highlight.col + delta.col);
+    const isNestedHeadersRange = nextCoords.isHeader() && nextCoords.col >= 0;
+    if (!isNestedHeadersRange) {
+      return;
+    }
+    const visualColumnIndexStart = _classPrivateFieldGet(this, _stateManager).findLeftMostColumnIndex(nextCoords.row, nextCoords.col);
+    const visualColumnIndexEnd = _classPrivateFieldGet(this, _stateManager).findRightMostColumnIndex(nextCoords.row, nextCoords.col);
+    if (delta.col < 0) {
+      const nextColumn = highlight.col >= visualColumnIndexStart && highlight.col <= visualColumnIndexEnd ? visualColumnIndexStart - 1 : visualColumnIndexEnd;
+      const notHiddenColumnIndex = this.hot.columnIndexMapper.getNearestNotHiddenIndex(nextColumn, -1);
+      if (notHiddenColumnIndex === null) {
+        // There are no visible columns anymore, so move the selection out of the table edge. This will
+        // be processed by the selection Transformer class as a move selection to the previous row (if autoWrapRow is enabled).
+        delta.col = -this.hot.view.countRenderableColumnsInRange(0, highlight.col);
+      } else {
+        delta.col = -Math.max(this.hot.view.countRenderableColumnsInRange(notHiddenColumnIndex, highlight.col) - 1, 1);
+      }
+    } else if (delta.col > 0) {
+      const nextColumn = highlight.col >= visualColumnIndexStart && highlight.col <= visualColumnIndexEnd ? visualColumnIndexEnd + 1 : visualColumnIndexStart;
+      const notHiddenColumnIndex = this.hot.columnIndexMapper.getNearestNotHiddenIndex(nextColumn, 1);
+      if (notHiddenColumnIndex === null) {
+        // There are no visible columns anymore, so move the selection out of the table edge. This will
+        // be processed by the selection Transformer class as a move selection to the next row (if autoWrapRow is enabled).
+        delta.col = this.hot.view.countRenderableColumnsInRange(highlight.col, this.hot.countCols());
+      } else {
+        delta.col = Math.max(this.hot.view.countRenderableColumnsInRange(highlight.col, notHiddenColumnIndex) - 1, 1);
+      }
+    }
+  }
+
+  /**
+   * The hook observes the column selection from the Selection API and modifies the column range to
+   * ensure that the whole nested column will be covered.
+   *
+   * @private
+   * @param {*} from The coords object where the selection starts.
+   * @param {*} to The coords object where the selection ends.
+   */
+  onBeforeSelectColumns(from, to) {
+    const headerLevel = from.row;
+    const startNodeData = this._getHeaderTreeNodeDataByCoords({
+      row: headerLevel,
+      col: from.col
+    });
+    const endNodeData = this._getHeaderTreeNodeDataByCoords({
+      row: headerLevel,
+      col: to.col
+    });
+    if (to.col < from.col) {
+      // Column selection from right to left
+      if (startNodeData) {
+        from.col = startNodeData.columnIndex + startNodeData.origColspan - 1;
+      }
+      if (endNodeData) {
+        to.col = endNodeData.columnIndex;
+      }
+    } else if (to.col >= from.col) {
+      // Column selection from left to right or a single column selection
+      if (startNodeData) {
+        from.col = startNodeData.columnIndex;
+      }
+      if (endNodeData) {
+        to.col = endNodeData.columnIndex + endNodeData.origColspan - 1;
+      }
     }
-    this.hot.selectColumns(...columnsToSelect);
   }
 
   /**
@@ -564,7 +698,7 @@ export class NestedHeaders extends BasePlugin {
    */
   onAfterGetColumnHeaderRenderers(renderersArray) {
     renderersArray.length = 0;
-    for (let headerLayer = 0; headerLayer < this.#stateManager.getLayersCount(); headerLayer++) {
+    for (let headerLayer = 0; headerLayer < _classPrivateFieldGet(this, _stateManager).getLayersCount(); headerLayer++) {
       renderersArray.push(this.headerRendererFactory(headerLayer));
     }
   }
@@ -576,11 +710,11 @@ export class NestedHeaders extends BasePlugin {
    * @param {object} calc Viewport column calculator.
    */
   onAfterViewportColumnCalculatorOverride(calc) {
-    const headerLayersCount = this.#stateManager.getLayersCount();
+    const headerLayersCount = _classPrivateFieldGet(this, _stateManager).getLayersCount();
     let newStartColumn = calc.startColumn;
     let nonRenderable = !!headerLayersCount;
     for (let headerLayer = 0; headerLayer < headerLayersCount; headerLayer++) {
-      const startColumn = this.#stateManager.findLeftMostColumnIndex(headerLayer, calc.startColumn);
+      const startColumn = _classPrivateFieldGet(this, _stateManager).findLeftMostColumnIndex(headerLayer, calc.startColumn);
       const renderedStartColumn = this.hot.columnIndexMapper.getRenderableFromVisualIndex(startColumn);
 
       // If any of the headers for that column index is rendered, all of them should be rendered properly, see
@@ -599,7 +733,7 @@ export class NestedHeaders extends BasePlugin {
 
     // If no headers for the provided column index are renderable, start rendering from the beginning of the upmost
     // header for that position.
-    calc.startColumn = nonRenderable ? this.#stateManager.getHeaderTreeNodeData(0, newStartColumn).columnIndex : newStartColumn;
+    calc.startColumn = nonRenderable ? _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(0, newStartColumn).columnIndex : newStartColumn;
   }
 
   /**
@@ -629,10 +763,10 @@ export class NestedHeaders extends BasePlugin {
    * @returns {string} Returns the column header value to update.
    */
   onModifyColumnHeaderValue(value, visualColumnIndex, headerLevel) {
-    var _this$stateManager$ge3;
+    var _classPrivateFieldGet5;
     const {
       label
-    } = (_this$stateManager$ge3 = this.#stateManager.getHeaderTreeNodeData(headerLevel, visualColumnIndex)) != null ? _this$stateManager$ge3 : {
+    } = (_classPrivateFieldGet5 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(headerLevel, visualColumnIndex)) !== null && _classPrivateFieldGet5 !== void 0 ? _classPrivateFieldGet5 : {
       label: ''
     };
     return label;
@@ -666,10 +800,10 @@ export class NestedHeaders extends BasePlugin {
    * Destroys the plugin instance.
    */
   destroy() {
-    this.#stateManager = null;
-    if (this.#hidingIndexMapObserver !== null) {
-      this.#hidingIndexMapObserver.unsubscribe();
-      this.#hidingIndexMapObserver = null;
+    _classPrivateFieldSet(this, _stateManager, null);
+    if (_classPrivateFieldGet(this, _hidingIndexMapObserver) !== null) {
+      _classPrivateFieldGet(this, _hidingIndexMapObserver).unsubscribe();
+      _classPrivateFieldSet(this, _hidingIndexMapObserver, null);
     }
     super.destroy();
   }
@@ -685,6 +819,6 @@ export class NestedHeaders extends BasePlugin {
     if (coords.row >= 0 || coords.col < 0) {
       return;
     }
-    return this.#stateManager.getHeaderTreeNodeData(coords.row, coords.col);
+    return _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(coords.row, coords.col);
   }
 }

package/plugins/nestedHeaders/stateManager/headersTree.js

@@ -1,9 +1,17 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 var _array = require("../../../helpers/array");
 var _tree = _interopRequireDefault(require("../../../utils/dataStructures/tree"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _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; } }
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
  * @private
@@ -40,32 +48,44 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
+var _rootNodes = /*#__PURE__*/new WeakMap();
+var _rootsIndex = /*#__PURE__*/new WeakMap();
+var _sourceSettings = /*#__PURE__*/new WeakMap();
 class HeadersTree {
-  /**
-   * The collection of nested headers settings structured into trees. The root trees are stored
-   * under the visual column index.
-   *
-   * @private
-   * @type {Map<number, TreeNode>}
-   */
-  #rootNodes = new Map();
-  /**
-   * A map that translates the visual column indexes that intersect the range
-   * defined by the header colspan width to the root index.
-   *
-   * @private
-   * @type {Map<number, number>}
-   */
-  #rootsIndex = new Map();
-  /**
-   * The instance of the SourceSettings class.
-   *
-   * @private
-   * @type {SourceSettings}
-   */
-  #sourceSettings = null;
   constructor(sourceSettings) {
-    this.#sourceSettings = sourceSettings;
+    /**
+     * The collection of nested headers settings structured into trees. The root trees are stored
+     * under the visual column index.
+     *
+     * @private
+     * @type {Map<number, TreeNode>}
+     */
+    _classPrivateFieldInitSpec(this, _rootNodes, {
+      writable: true,
+      value: new Map()
+    });
+    /**
+     * A map that translates the visual column indexes that intersect the range
+     * defined by the header colspan width to the root index.
+     *
+     * @private
+     * @type {Map<number, number>}
+     */
+    _classPrivateFieldInitSpec(this, _rootsIndex, {
+      writable: true,
+      value: new Map()
+    });
+    /**
+     * The instance of the SourceSettings class.
+     *
+     * @private
+     * @type {SourceSettings}
+     */
+    _classPrivateFieldInitSpec(this, _sourceSettings, {
+      writable: true,
+      value: null
+    });
+    _classPrivateFieldSet(this, _sourceSettings, sourceSettings);
   }
 
   /**
@@ -74,7 +94,7 @@ class HeadersTree {
    * @returns {TreeNode[]}
    */
   getRoots() {
-    return Array.from(this.#rootNodes.values());
+    return Array.from(_classPrivateFieldGet(this, _rootNodes).values());
   }
 
   /**
@@ -85,8 +105,8 @@ class HeadersTree {
    */
   getRootByColumn(columnIndex) {
     let node;
-    if (this.#rootsIndex.has(columnIndex)) {
-      node = this.#rootNodes.get(this.#rootsIndex.get(columnIndex));
+    if (_classPrivateFieldGet(this, _rootsIndex).has(columnIndex)) {
+      node = _classPrivateFieldGet(this, _rootNodes).get(_classPrivateFieldGet(this, _rootsIndex).get(columnIndex));
     }
     return node;
   }
@@ -106,7 +126,7 @@ class HeadersTree {
 
     // Normalize the visual column index to a 0-based system for a specific "box" defined
     // by root node colspan width.
-    const normColumnIndex = columnIndex - this.#rootsIndex.get(columnIndex);
+    const normColumnIndex = columnIndex - _classPrivateFieldGet(this, _rootsIndex).get(columnIndex);
     let columnCursor = 0;
     let treeNode;
 
@@ -136,8 +156,8 @@ class HeadersTree {
    */
   rebuildTreeIndex() {
     let columnIndex = 0;
-    this.#rootsIndex.clear();
-    (0, _array.arrayEach)(this.#rootNodes, _ref => {
+    _classPrivateFieldGet(this, _rootsIndex).clear();
+    (0, _array.arrayEach)(_classPrivateFieldGet(this, _rootNodes), _ref => {
       let [, {
         data: {
           colspan
@@ -145,7 +165,7 @@ class HeadersTree {
       }] = _ref;
       // Map tree range (colspan range/width) into visual column index of the root node.
       for (let i = columnIndex; i < columnIndex + colspan; i++) {
-        this.#rootsIndex.set(i, columnIndex);
+        _classPrivateFieldGet(this, _rootsIndex).set(i, columnIndex);
       }
       columnIndex += colspan;
     });
@@ -157,12 +177,12 @@ class HeadersTree {
    */
   buildTree() {
     this.clear();
-    const columnsCount = this.#sourceSettings.getColumnsCount();
+    const columnsCount = _classPrivateFieldGet(this, _sourceSettings).getColumnsCount();
     let columnIndex = 0;
     while (columnIndex < columnsCount) {
-      const columnSettings = this.#sourceSettings.getHeaderSettings(0, columnIndex);
+      const columnSettings = _classPrivateFieldGet(this, _sourceSettings).getHeaderSettings(0, columnIndex);
       const rootNode = new _tree.default();
-      this.#rootNodes.set(columnIndex, rootNode);
+      _classPrivateFieldGet(this, _rootNodes).set(columnIndex, rootNode);
       this.buildLeaves(rootNode, columnIndex, 0, columnSettings.origColspan);
       columnIndex += columnSettings.origColspan;
     }
@@ -179,7 +199,7 @@ class HeadersTree {
    */
   buildLeaves(parentNode, columnIndex, headerLevel) {
     let extractionLength = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-    const columnsSettings = this.#sourceSettings.getHeadersSettings(headerLevel, columnIndex, extractionLength);
+    const columnsSettings = _classPrivateFieldGet(this, _sourceSettings).getHeadersSettings(headerLevel, columnIndex, extractionLength);
     headerLevel += 1;
     (0, _array.arrayEach)(columnsSettings, columnSettings => {
       const nodeData = {
@@ -206,7 +226,7 @@ class HeadersTree {
         node = new _tree.default(nodeData);
         parentNode.addChild(node);
       }
-      if (headerLevel < this.#sourceSettings.getLayersCount()) {
+      if (headerLevel < _classPrivateFieldGet(this, _sourceSettings).getLayersCount()) {
         this.buildLeaves(node, columnIndex, headerLevel, columnSettings.origColspan);
       }
       columnIndex += columnSettings.origColspan;
@@ -217,8 +237,8 @@ class HeadersTree {
    * Clears the tree to the initial state.
    */
   clear() {
-    this.#rootNodes.clear();
-    this.#rootsIndex.clear();
+    _classPrivateFieldGet(this, _rootNodes).clear();
+    _classPrivateFieldGet(this, _rootsIndex).clear();
   }
 }
 exports.default = HeadersTree;