handsontable 0.0.0-next-a1e4b4f-20230628 → 0.0.0-next-e697250-20230707

package/plugins/nestedHeaders/nestedHeaders.js

@@ -25,8 +25,8 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.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");
@@ -201,6 +201,12 @@ var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('beforeOnCellMouseOver', function () {
         return _this2.onBeforeOnCellMouseOver.apply(_this2, arguments);
       });
+      this.addHook('modifyTransformStart', function () {
+        return _this2.onModifyTransformStart.apply(_this2, arguments);
+      });
+      this.addHook('afterSelection', function () {
+        return _this2.updateFocusHighlightPosition();
+      });
       this.addHook('afterGetColumnHeaderRenderers', function (array) {
         return _this2.onAfterGetColumnHeaderRenderers(array);
       });
@@ -216,9 +222,18 @@ var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('beforeCopy', function () {
         return _this2.onBeforeCopy.apply(_this2, arguments);
       });
+      this.addHook('beforeSelectColumns', function () {
+        return _this2.onBeforeSelectColumns.apply(_this2, arguments);
+      });
       this.addHook('afterViewportColumnCalculatorOverride', function () {
         return _this2.onAfterViewportColumnCalculatorOverride.apply(_this2, arguments);
       });
+      this.hot.columnIndexMapper.addLocalHook('cacheUpdated', function () {
+        return _this2.updateFocusHighlightPosition();
+      });
+      this.hot.rowIndexMapper.addLocalHook('cacheUpdated', function () {
+        return _this2.updateFocusHighlightPosition();
+      });
       _get(_getPrototypeOf(NestedHeaders.prototype), "enablePlugin", this).call(this);
       this.updatePlugin(); // @TODO: Workaround for broken plugin initialization abstraction.
     }
@@ -440,6 +455,34 @@ var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
       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
+     */
+  }, {
+    key: "updateFocusHighlightPosition",
+    value: function updateFocusHighlightPosition() {
+      var _this$hot;
+      var selection = (_this$hot = this.hot) === null || _this$hot === void 0 ? void 0 : _this$hot.getSelectedRangeLast();
+      if (!selection) {
+        return;
+      }
+      var highlight = selection.highlight;
+      var isNestedHeadersRange = highlight.isHeader() && highlight.col >= 0;
+      if (isNestedHeadersRange) {
+        var columnIndex = _classPrivateFieldGet(this, _stateManager).findLeftMostColumnIndex(highlight.row, highlight.col);
+        var 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.
      *
@@ -600,7 +643,7 @@ var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onBeforeOnCellMouseOver",
     value: function onBeforeOnCellMouseOver(event, coords, TD, controller) {
-      var _this$hot;
+      var _this$hot$selection;
       if (!this.hot.view.isMouseDown()) {
         return;
       }
@@ -621,13 +664,93 @@ var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
       controller.cell = true;
       var 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 = this.hot.selection).selectColumns.apply(_this$hot$selection, columnsToSelect);
+    }
+
+    /**
+     * `modifyTransformStart` hook is called every time the keyboard navigation is used.
+     *
+     * @private
+     * @param {object} delta The transformation delta.
+     */
+  }, {
+    key: "onModifyTransformStart",
+    value: function onModifyTransformStart(delta) {
+      var _this$hot$getSelected = this.hot.getSelectedRangeLast(),
+        highlight = _this$hot$getSelected.highlight;
+      var nextCoords = this.hot._createCellCoords(highlight.row + delta.row, highlight.col + delta.col);
+      var isNestedHeadersRange = nextCoords.isHeader() && nextCoords.col >= 0;
+      if (!isNestedHeadersRange) {
+        return;
+      }
+      var visualColumnIndexStart = _classPrivateFieldGet(this, _stateManager).findLeftMostColumnIndex(nextCoords.row, nextCoords.col);
+      var visualColumnIndexEnd = _classPrivateFieldGet(this, _stateManager).findRightMostColumnIndex(nextCoords.row, nextCoords.col);
+      if (delta.col < 0) {
+        var nextColumn = highlight.col >= visualColumnIndexStart && highlight.col <= visualColumnIndexEnd ? visualColumnIndexStart - 1 : visualColumnIndexEnd;
+        var 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) {
+        var _nextColumn = highlight.col >= visualColumnIndexStart && highlight.col <= visualColumnIndexEnd ? visualColumnIndexEnd + 1 : visualColumnIndexStart;
+        var _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.
+     */
+  }, {
+    key: "onBeforeSelectColumns",
+    value: function onBeforeSelectColumns(from, to) {
+      var headerLevel = from.row;
+      var startNodeData = this._getHeaderTreeNodeDataByCoords({
+        row: headerLevel,
+        col: from.col
+      });
+      var 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 = this.hot).selectColumns.apply(_this$hot, columnsToSelect);
     }
 
     /**

package/plugins/nestedHeaders/nestedHeaders.mjs

@@ -45,8 +45,8 @@ function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!priva
 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";
@@ -194,6 +194,12 @@ export var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('beforeOnCellMouseOver', function () {
         return _this2.onBeforeOnCellMouseOver.apply(_this2, arguments);
       });
+      this.addHook('modifyTransformStart', function () {
+        return _this2.onModifyTransformStart.apply(_this2, arguments);
+      });
+      this.addHook('afterSelection', function () {
+        return _this2.updateFocusHighlightPosition();
+      });
       this.addHook('afterGetColumnHeaderRenderers', function (array) {
         return _this2.onAfterGetColumnHeaderRenderers(array);
       });
@@ -209,9 +215,18 @@ export var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('beforeCopy', function () {
         return _this2.onBeforeCopy.apply(_this2, arguments);
       });
+      this.addHook('beforeSelectColumns', function () {
+        return _this2.onBeforeSelectColumns.apply(_this2, arguments);
+      });
       this.addHook('afterViewportColumnCalculatorOverride', function () {
         return _this2.onAfterViewportColumnCalculatorOverride.apply(_this2, arguments);
       });
+      this.hot.columnIndexMapper.addLocalHook('cacheUpdated', function () {
+        return _this2.updateFocusHighlightPosition();
+      });
+      this.hot.rowIndexMapper.addLocalHook('cacheUpdated', function () {
+        return _this2.updateFocusHighlightPosition();
+      });
       _get(_getPrototypeOf(NestedHeaders.prototype), "enablePlugin", this).call(this);
       this.updatePlugin(); // @TODO: Workaround for broken plugin initialization abstraction.
     }
@@ -433,6 +448,34 @@ export var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
       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
+     */
+  }, {
+    key: "updateFocusHighlightPosition",
+    value: function updateFocusHighlightPosition() {
+      var _this$hot;
+      var selection = (_this$hot = this.hot) === null || _this$hot === void 0 ? void 0 : _this$hot.getSelectedRangeLast();
+      if (!selection) {
+        return;
+      }
+      var highlight = selection.highlight;
+      var isNestedHeadersRange = highlight.isHeader() && highlight.col >= 0;
+      if (isNestedHeadersRange) {
+        var columnIndex = _classPrivateFieldGet(this, _stateManager).findLeftMostColumnIndex(highlight.row, highlight.col);
+        var 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.
      *
@@ -593,7 +636,7 @@ export var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onBeforeOnCellMouseOver",
     value: function onBeforeOnCellMouseOver(event, coords, TD, controller) {
-      var _this$hot;
+      var _this$hot$selection;
       if (!this.hot.view.isMouseDown()) {
         return;
       }
@@ -614,13 +657,93 @@ export var NestedHeaders = /*#__PURE__*/function (_BasePlugin) {
       controller.cell = true;
       var 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 = this.hot.selection).selectColumns.apply(_this$hot$selection, columnsToSelect);
+    }
+
+    /**
+     * `modifyTransformStart` hook is called every time the keyboard navigation is used.
+     *
+     * @private
+     * @param {object} delta The transformation delta.
+     */
+  }, {
+    key: "onModifyTransformStart",
+    value: function onModifyTransformStart(delta) {
+      var _this$hot$getSelected = this.hot.getSelectedRangeLast(),
+        highlight = _this$hot$getSelected.highlight;
+      var nextCoords = this.hot._createCellCoords(highlight.row + delta.row, highlight.col + delta.col);
+      var isNestedHeadersRange = nextCoords.isHeader() && nextCoords.col >= 0;
+      if (!isNestedHeadersRange) {
+        return;
+      }
+      var visualColumnIndexStart = _classPrivateFieldGet(this, _stateManager).findLeftMostColumnIndex(nextCoords.row, nextCoords.col);
+      var visualColumnIndexEnd = _classPrivateFieldGet(this, _stateManager).findRightMostColumnIndex(nextCoords.row, nextCoords.col);
+      if (delta.col < 0) {
+        var nextColumn = highlight.col >= visualColumnIndexStart && highlight.col <= visualColumnIndexEnd ? visualColumnIndexStart - 1 : visualColumnIndexEnd;
+        var 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) {
+        var _nextColumn = highlight.col >= visualColumnIndexStart && highlight.col <= visualColumnIndexEnd ? visualColumnIndexEnd + 1 : visualColumnIndexStart;
+        var _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.
+     */
+  }, {
+    key: "onBeforeSelectColumns",
+    value: function onBeforeSelectColumns(from, to) {
+      var headerLevel = from.row;
+      var startNodeData = this._getHeaderTreeNodeDataByCoords({
+        row: headerLevel,
+        col: from.col
+      });
+      var 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 = this.hot).selectColumns.apply(_this$hot, columnsToSelect);
     }
 
     /**

package/plugins/nestedHeaders/stateManager/headersTree.js

@@ -7,6 +7,7 @@ require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.object.keys.js");
@@ -48,9 +49,6 @@ function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) {
 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; } }
-var _rootNodes = /*#__PURE__*/new WeakMap();
-var _rootsIndex = /*#__PURE__*/new WeakMap();
-var _sourceSettings = /*#__PURE__*/new WeakMap();
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
  * @private
@@ -87,40 +85,40 @@ var _sourceSettings = /*#__PURE__*/new WeakMap();
  *
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
+var _rootNodes = /*#__PURE__*/new WeakMap();
+var _rootsIndex = /*#__PURE__*/new WeakMap();
+var _sourceSettings = /*#__PURE__*/new WeakMap();
 var HeadersTree = /*#__PURE__*/function () {
-  /**
-   * The collection of nested headers settings structured into trees. The root trees are stored
-   * under the visual column index.
-   *
-   * @private
-   * @type {Map<number, TreeNode>}
-   */
-
-  /**
-   * 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>}
-   */
-
-  /**
-   * The instance of the SourceSettings class.
-   *
-   * @private
-   * @type {SourceSettings}
-   */
-
   function HeadersTree(sourceSettings) {
     _classCallCheck(this, 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>}
+     */
     _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

package/plugins/nestedHeaders/stateManager/headersTree.mjs

@@ -22,6 +22,7 @@ import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.object.keys.js";
@@ -83,39 +84,36 @@ var _rootNodes = /*#__PURE__*/new WeakMap();
 var _rootsIndex = /*#__PURE__*/new WeakMap();
 var _sourceSettings = /*#__PURE__*/new WeakMap();
 var HeadersTree = /*#__PURE__*/function () {
-  /**
-   * The collection of nested headers settings structured into trees. The root trees are stored
-   * under the visual column index.
-   *
-   * @private
-   * @type {Map<number, TreeNode>}
-   */
-
-  /**
-   * 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>}
-   */
-
-  /**
-   * The instance of the SourceSettings class.
-   *
-   * @private
-   * @type {SourceSettings}
-   */
-
   function HeadersTree(sourceSettings) {
     _classCallCheck(this, 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>}
+     */
     _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

package/plugins/nestedHeaders/stateManager/index.js

@@ -45,9 +45,6 @@ function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.
 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; }
-var _sourceSettings = /*#__PURE__*/new WeakMap();
-var _headersTree = /*#__PURE__*/new WeakMap();
-var _stateMatrix = /*#__PURE__*/new WeakMap();
 /**
  * The state manager is a source of truth for nested headers configuration.
  * The state generation process is divided into three stages.
@@ -76,6 +73,9 @@ var _stateMatrix = /*#__PURE__*/new WeakMap();
  *
  * @class StateManager
  */
+var _sourceSettings = /*#__PURE__*/new WeakMap();
+var _headersTree = /*#__PURE__*/new WeakMap();
+var _stateMatrix = /*#__PURE__*/new WeakMap();
 var StateManager = /*#__PURE__*/function () {
   function StateManager() {
     _classCallCheck(this, StateManager);
@@ -416,6 +416,43 @@ var StateManager = /*#__PURE__*/function () {
       return stepBackColumn;
     }
 
+    /**
+     * The method is helpful in cases where the column index targets in-between currently
+     * collapsed column. In that case, the method returns the right-most column index
+     * where the nested header ends.
+     *
+     * @param {number} headerLevel Header level (there is support for negative and positive values).
+     * @param {number} columnIndex A visual column index.
+     * @returns {number}
+     */
+  }, {
+    key: "findRightMostColumnIndex",
+    value: function findRightMostColumnIndex(headerLevel, columnIndex) {
+      var _this$getHeaderSettin3;
+      var _ref4 = (_this$getHeaderSettin3 = this.getHeaderSettings(headerLevel, columnIndex)) !== null && _this$getHeaderSettin3 !== void 0 ? _this$getHeaderSettin3 : {
+          isRoot: true,
+          origColspan: 1
+        },
+        isRoot = _ref4.isRoot,
+        origColspan = _ref4.origColspan;
+      if (isRoot) {
+        return columnIndex + origColspan - 1;
+      }
+      var stepForthColumn = columnIndex + 1;
+      while (stepForthColumn < this.getColumnsCount()) {
+        var _this$getHeaderSettin4;
+        var _ref5 = (_this$getHeaderSettin4 = this.getHeaderSettings(headerLevel, stepForthColumn)) !== null && _this$getHeaderSettin4 !== void 0 ? _this$getHeaderSettin4 : {
+            isRoot: true
+          },
+          isRootNode = _ref5.isRoot;
+        if (isRootNode) {
+          break;
+        }
+        stepForthColumn += 1;
+      }
+      return stepForthColumn - 1;
+    }
+
     /**
      * Gets a total number of headers levels.
      *

package/plugins/nestedHeaders/stateManager/index.mjs

@@ -411,6 +411,43 @@ var StateManager = /*#__PURE__*/function () {
       return stepBackColumn;
     }
 
+    /**
+     * The method is helpful in cases where the column index targets in-between currently
+     * collapsed column. In that case, the method returns the right-most column index
+     * where the nested header ends.
+     *
+     * @param {number} headerLevel Header level (there is support for negative and positive values).
+     * @param {number} columnIndex A visual column index.
+     * @returns {number}
+     */
+  }, {
+    key: "findRightMostColumnIndex",
+    value: function findRightMostColumnIndex(headerLevel, columnIndex) {
+      var _this$getHeaderSettin3;
+      var _ref4 = (_this$getHeaderSettin3 = this.getHeaderSettings(headerLevel, columnIndex)) !== null && _this$getHeaderSettin3 !== void 0 ? _this$getHeaderSettin3 : {
+          isRoot: true,
+          origColspan: 1
+        },
+        isRoot = _ref4.isRoot,
+        origColspan = _ref4.origColspan;
+      if (isRoot) {
+        return columnIndex + origColspan - 1;
+      }
+      var stepForthColumn = columnIndex + 1;
+      while (stepForthColumn < this.getColumnsCount()) {
+        var _this$getHeaderSettin4;
+        var _ref5 = (_this$getHeaderSettin4 = this.getHeaderSettings(headerLevel, stepForthColumn)) !== null && _this$getHeaderSettin4 !== void 0 ? _this$getHeaderSettin4 : {
+            isRoot: true
+          },
+          isRootNode = _ref5.isRoot;
+        if (isRootNode) {
+          break;
+        }
+        stepForthColumn += 1;
+      }
+      return stepForthColumn - 1;
+    }
+
     /**
      * Gets a total number of headers levels.
      *

package/plugins/nestedHeaders/stateManager/matrixGenerator.js

@@ -10,6 +10,7 @@ require("core-js/modules/es.string.includes.js");
 var _array = require("../../../helpers/array");
 var _utils = require("./utils");
 var _excluded = ["crossHiddenColumns"];
+/* eslint-disable jsdoc/require-description-complete-sentence */
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**

package/plugins/nestedHeaders/stateManager/settingsNormalizer.js

@@ -9,6 +9,7 @@ require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
 exports.__esModule = true;
@@ -24,7 +25,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
  * A function that normalizes user-defined settings into one predictable
  * structure. Currently, the developer can declare nested headers by passing

package/plugins/nestedHeaders/stateManager/settingsNormalizer.mjs

@@ -9,6 +9,7 @@ import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.regexp.exec.js";
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }