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

package/plugins/nestedHeaders/nestedHeaders.js

@@ -1,17 +1,28 @@
 "use strict";
 
+require("core-js/modules/es.error.cause.js");
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
 var _element = require("../../helpers/dom/element");
 var _number = require("../../helpers/number");
-var _event = require("../../helpers/dom/event");
 var _templateLiteralTag = require("../../helpers/templateLiteralTag");
+var _event = require("../../helpers/dom/event");
 var _console = require("../../helpers/console");
 var _selection = require("../../selection");
 var _base = require("../base");
-var _stateManager = _interopRequireDefault(require("./stateManager"));
+var _stateManager2 = _interopRequireDefault(require("./stateManager"));
 var _ghostTable = _interopRequireDefault(require("./utils/ghostTable"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
 const PLUGIN_KEY = 'nestedHeaders';
 exports.PLUGIN_KEY = PLUGIN_KEY;
 const PLUGIN_PRIORITY = 280;
@@ -62,46 +73,54 @@ const PLUGIN_PRIORITY = 280;
  * :::
  */
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
+var _stateManager = /*#__PURE__*/new WeakMap();
+var _hidingIndexMapObserver = /*#__PURE__*/new WeakMap();
 class NestedHeaders extends _base.BasePlugin {
+  constructor() {
+    super(...arguments);
+    /**
+     * The state manager for the nested headers.
+     *
+     * @private
+     * @type {StateManager}
+     */
+    _classPrivateFieldInitSpec(this, _stateManager, {
+      writable: true,
+      value: new _stateManager2.default()
+    });
+    /**
+     * 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.default(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.default();
-  /**
-   * 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.default(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.
    *
@@ -139,6 +158,10 @@ class NestedHeaders extends _base.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);
@@ -152,9 +175,14 @@ class NestedHeaders extends _base.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.
   }
@@ -173,9 +201,9 @@ class NestedHeaders extends _base.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) {
       (0, _console.warn)((0, _templateLiteralTag.toSingleLine)`Your Nested Headers plugin setup contains overlapping headers. This kind of configuration\x20
@@ -187,11 +215,11 @@ class NestedHeaders extends _base.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,
@@ -200,11 +228,11 @@ class NestedHeaders extends _base.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();
@@ -215,9 +243,9 @@ class NestedHeaders extends _base.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();
   }
@@ -229,7 +257,7 @@ class NestedHeaders extends _base.BasePlugin {
    * @returns {StateManager}
    */
   getStateManager() {
-    return this.#stateManager;
+    return _classPrivateFieldGet(this, _stateManager);
   }
 
   /**
@@ -239,7 +267,7 @@ class NestedHeaders extends _base.BasePlugin {
    * @returns {number}
    */
   getLayersCount() {
-    return this.#stateManager.getLayersCount();
+    return _classPrivateFieldGet(this, _stateManager).getLayersCount();
   }
 
   /**
@@ -253,7 +281,7 @@ class NestedHeaders extends _base.BasePlugin {
    * @returns {object}
    */
   getHeaderSettings(headerLevel, columnIndex) {
-    return this.#stateManager.getHeaderSettings(headerLevel, columnIndex);
+    return _classPrivateFieldGet(this, _stateManager).getHeaderSettings(headerLevel, columnIndex);
   }
 
   /**
@@ -307,7 +335,7 @@ class NestedHeaders extends _base.BasePlugin {
     var _this2 = this;
     const fixedColumnsStart = this.hot.view._wt.getSetting('fixedColumnsStart');
     return (renderedColumnIndex, TH) => {
-      var _this$stateManager$ge;
+      var _classPrivateFieldGet2;
       const {
         columnIndexMapper,
         view
@@ -322,17 +350,18 @@ class NestedHeaders extends _base.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) {
         (0, _element.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;
@@ -358,17 +387,45 @@ class NestedHeaders extends _base.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.
    *
@@ -379,12 +436,11 @@ class NestedHeaders extends _base.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
@@ -392,15 +448,15 @@ class NestedHeaders extends _base.BasePlugin {
     const {
       isRoot,
       colspan
-    } = this.#stateManager.getHeaderSettings(headerLevel, visualColumn);
+    } = _classPrivateFieldGet(this, _stateManager).getHeaderSettings(headerLevel, visualColumn);
     if (selectionType === _selection.HEADER_TYPE) {
       if (!isRoot) {
         return headerNodeData.columnIndex;
       }
     } else if (selectionType === _selection.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;
@@ -441,13 +497,14 @@ class NestedHeaders extends _base.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] = '';
           }
@@ -553,13 +610,90 @@ class NestedHeaders extends _base.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);
   }
 
   /**
@@ -570,7 +704,7 @@ class NestedHeaders extends _base.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));
     }
   }
@@ -582,11 +716,11 @@ class NestedHeaders extends _base.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
@@ -605,7 +739,7 @@ class NestedHeaders extends _base.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;
   }
 
   /**
@@ -635,10 +769,10 @@ class NestedHeaders extends _base.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;
@@ -672,10 +806,10 @@ class NestedHeaders extends _base.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();
   }
@@ -691,7 +825,7 @@ class NestedHeaders extends _base.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);
   }
 }
 exports.NestedHeaders = NestedHeaders;