handsontable 0.0.0-next-48677e7-20230509 → 0.0.0-next-c73b24c-20230510

package/selection/highlight/types/{row.mjs → index.mjs}

@@ -1,12 +1,10 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.to-primitive.js";
 import "core-js/modules/es.date.to-primitive.js";
+import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/web.dom-collections.for-each.js";
@@ -15,31 +13,38 @@ import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
-var _excluded = ["rowClassName"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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 _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; }
-import { HIGHLIGHT_ROW_TYPE } from "../../../3rdparty/walkontable/src/index.mjs";
-import VisualSelection from "../visualSelection.mjs";
+import staticRegister from "./../../../utils/staticRegister.mjs";
+import { ACTIVE_HEADER_TYPE, AREA_TYPE, CELL_TYPE, CUSTOM_SELECTION_TYPE, FILL_TYPE, HEADER_TYPE } from "../constants.mjs";
+import activeHeaderHighlight from "./activeHeader.mjs";
+import areaHighlight from "./area.mjs";
+import cellHighlight from "./cell.mjs";
+import customSelection from "./customSelection.mjs";
+import fillHighlight from "./fill.mjs";
+import headerHighlight from "./header.mjs";
+var _staticRegister = staticRegister('highlight/types'),
+  register = _staticRegister.register,
+  getItem = _staticRegister.getItem;
+register(ACTIVE_HEADER_TYPE, activeHeaderHighlight);
+register(AREA_TYPE, areaHighlight);
+register(CELL_TYPE, cellHighlight);
+register(CUSTOM_SELECTION_TYPE, customSelection);
+register(FILL_TYPE, fillHighlight);
+register(HEADER_TYPE, headerHighlight);
+
 /**
- * Creates the new instance of Selection, responsible for highlighting cells in a rows and
- * row headers.
- * This type of selection can occur multiple times.
- *
- * @param {object} highlightParams A configuration object to create a highlight.
- * @param {string} highlightParams.rowClassName Highlighted row' class name.
+ * @param {string} highlightType The selection type.
+ * @param {object} options The selection options.
  * @returns {Selection}
  */
-export function createHighlight(_ref) {
-  var rowClassName = _ref.rowClassName,
-    restOptions = _objectWithoutProperties(_ref, _excluded);
-  return new VisualSelection(_objectSpread(_objectSpread({
-    className: rowClassName
-  }, restOptions), {}, {
-    selectionType: HIGHLIGHT_ROW_TYPE
-  }));
-}
+function createHighlight(highlightType, options) {
+  return getItem(highlightType)(_objectSpread({
+    type: highlightType
+  }, options));
+}
+export { createHighlight };

package/selection/highlight/visualSelection.js

@@ -37,16 +37,15 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 var VisualSelection = /*#__PURE__*/function (_Selection) {
   _inherits(VisualSelection, _Selection);
   var _super = _createSuper(VisualSelection);
-  /**
-   * Range of selection visually. Visual representation may have representation in a rendered selection.
-   *
-   * @type {null|CellRange}
-   */
-
   function VisualSelection(settings, visualCellRange) {
     var _this;
     _classCallCheck(this, VisualSelection);
     _this = _super.call(this, settings, null);
+    /**
+     * Range of selection visually. Visual representation may have representation in a rendered selection.
+     *
+     * @type {null|CellRange}
+     */
     _defineProperty(_assertThisInitialized(_this), "visualCellRange", null);
     _this.visualCellRange = visualCellRange || null;
     _this.commit();
@@ -100,6 +99,10 @@ var VisualSelection = /*#__PURE__*/function (_Selection) {
         return null;
       }
       if (visibleFromCoords.row > visibleToCoords.row || visibleFromCoords.col > visibleToCoords.col) {
+        var isHeaderTypeSelection = this.settings.type === 'header' || this.settings.type === 'active-header';
+        if (!isHeaderTypeSelection) {
+          return null;
+        }
         visibleFromCoords = from;
         visibleToCoords = to;
       }
@@ -152,7 +155,12 @@ var VisualSelection = /*#__PURE__*/function (_Selection) {
       if (visualIndex < 0) {
         return visualIndex;
       }
-      return indexMapper.getNearestNotHiddenIndex(visualIndex, searchDirection);
+      var nearestVisualIndex = indexMapper.getNearestNotHiddenIndex(visualIndex, searchDirection);
+      var isHeaderSelectionType = this.settings.type === 'header' || this.settings.type === 'active-header';
+      if (isHeaderSelectionType && nearestVisualIndex === null) {
+        return -1;
+      }
+      return nearestVisualIndex;
     }
 
     /**
@@ -228,7 +236,11 @@ var VisualSelection = /*#__PURE__*/function (_Selection) {
       var _this$cellRange = this.cellRange,
         from = _this$cellRange.from,
         to = _this$cellRange.to;
-      return [Math.min(from.row, to.row), Math.min(from.col, to.col), Math.max(from.row, to.row), Math.max(from.col, to.col)];
+      var isRowUndefined = from.row === null || to.row === null;
+      var isColumnUndefined = from.col === null || to.col === null;
+      var topLeftCorner = this.settings.createCellCoords(isRowUndefined ? null : Math.min(from.row, to.row), isColumnUndefined ? null : Math.min(from.col, to.col));
+      var bottomRightCorner = this.settings.createCellCoords(isRowUndefined ? null : Math.max(from.row, to.row), isColumnUndefined ? null : Math.max(from.col, to.col));
+      return [topLeftCorner.row, topLeftCorner.col, bottomRightCorner.row, bottomRightCorner.col];
     }
 
     /**
@@ -253,16 +265,13 @@ var VisualSelection = /*#__PURE__*/function (_Selection) {
      *                                      points to the beginning of the selection.
      * @param {CellCoords} visualToCoords The CellCoords object which contains coordinates that
      *                                    points to the end of the selection.
-     * @returns {CellRange|null}
+     * @returns {CellRange}
      */
   }, {
     key: "createRenderableCellRange",
     value: function createRenderableCellRange(visualFromCoords, visualToCoords) {
       var renderableFromCoords = this.settings.visualToRenderableCoords(visualFromCoords);
       var renderableToCoords = this.settings.visualToRenderableCoords(visualToCoords);
-      if (renderableFromCoords.row === null || renderableFromCoords.col === null || renderableToCoords.row === null || renderableToCoords.col === null) {
-        return null;
-      }
       return this.settings.createCellRange(renderableFromCoords, renderableFromCoords, renderableToCoords);
     }
   }]);

package/selection/highlight/visualSelection.mjs

@@ -33,16 +33,15 @@ import { Selection } from "./../../3rdparty/walkontable/src/index.mjs";
 var VisualSelection = /*#__PURE__*/function (_Selection) {
   _inherits(VisualSelection, _Selection);
   var _super = _createSuper(VisualSelection);
-  /**
-   * Range of selection visually. Visual representation may have representation in a rendered selection.
-   *
-   * @type {null|CellRange}
-   */
-
   function VisualSelection(settings, visualCellRange) {
     var _this;
     _classCallCheck(this, VisualSelection);
     _this = _super.call(this, settings, null);
+    /**
+     * Range of selection visually. Visual representation may have representation in a rendered selection.
+     *
+     * @type {null|CellRange}
+     */
     _defineProperty(_assertThisInitialized(_this), "visualCellRange", null);
     _this.visualCellRange = visualCellRange || null;
     _this.commit();
@@ -96,6 +95,10 @@ var VisualSelection = /*#__PURE__*/function (_Selection) {
         return null;
       }
       if (visibleFromCoords.row > visibleToCoords.row || visibleFromCoords.col > visibleToCoords.col) {
+        var isHeaderTypeSelection = this.settings.type === 'header' || this.settings.type === 'active-header';
+        if (!isHeaderTypeSelection) {
+          return null;
+        }
         visibleFromCoords = from;
         visibleToCoords = to;
       }
@@ -148,7 +151,12 @@ var VisualSelection = /*#__PURE__*/function (_Selection) {
       if (visualIndex < 0) {
         return visualIndex;
       }
-      return indexMapper.getNearestNotHiddenIndex(visualIndex, searchDirection);
+      var nearestVisualIndex = indexMapper.getNearestNotHiddenIndex(visualIndex, searchDirection);
+      var isHeaderSelectionType = this.settings.type === 'header' || this.settings.type === 'active-header';
+      if (isHeaderSelectionType && nearestVisualIndex === null) {
+        return -1;
+      }
+      return nearestVisualIndex;
     }
 
     /**
@@ -224,7 +232,11 @@ var VisualSelection = /*#__PURE__*/function (_Selection) {
       var _this$cellRange = this.cellRange,
         from = _this$cellRange.from,
         to = _this$cellRange.to;
-      return [Math.min(from.row, to.row), Math.min(from.col, to.col), Math.max(from.row, to.row), Math.max(from.col, to.col)];
+      var isRowUndefined = from.row === null || to.row === null;
+      var isColumnUndefined = from.col === null || to.col === null;
+      var topLeftCorner = this.settings.createCellCoords(isRowUndefined ? null : Math.min(from.row, to.row), isColumnUndefined ? null : Math.min(from.col, to.col));
+      var bottomRightCorner = this.settings.createCellCoords(isRowUndefined ? null : Math.max(from.row, to.row), isColumnUndefined ? null : Math.max(from.col, to.col));
+      return [topLeftCorner.row, topLeftCorner.col, bottomRightCorner.row, bottomRightCorner.col];
     }
 
     /**
@@ -249,16 +261,13 @@ var VisualSelection = /*#__PURE__*/function (_Selection) {
      *                                      points to the beginning of the selection.
      * @param {CellCoords} visualToCoords The CellCoords object which contains coordinates that
      *                                    points to the end of the selection.
-     * @returns {CellRange|null}
+     * @returns {CellRange}
      */
   }, {
     key: "createRenderableCellRange",
     value: function createRenderableCellRange(visualFromCoords, visualToCoords) {
       var renderableFromCoords = this.settings.visualToRenderableCoords(visualFromCoords);
       var renderableToCoords = this.settings.visualToRenderableCoords(visualToCoords);
-      if (renderableFromCoords.row === null || renderableFromCoords.col === null || renderableToCoords.row === null || renderableToCoords.col === null) {
-        return null;
-      }
       return this.settings.createCellRange(renderableFromCoords, renderableFromCoords, renderableToCoords);
     }
   }]);

package/selection/index.js

@@ -5,11 +5,14 @@ require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.object.keys.js");
 exports.__esModule = true;
 var _exportNames = {
+  Highlight: true,
   Selection: true,
   handleMouseEvent: true,
   detectSelectionType: true,
   normalizeSelectionFactory: true
 };
+var _highlight = _interopRequireDefault(require("./highlight/highlight"));
+exports.Highlight = _highlight.default;
 var _selection = _interopRequireDefault(require("./selection"));
 exports.Selection = _selection.default;
 var _mouseEventHandler = require("./mouseEventHandler");
@@ -17,11 +20,11 @@ exports.handleMouseEvent = _mouseEventHandler.handleMouseEvent;
 var _utils = require("./utils");
 exports.detectSelectionType = _utils.detectSelectionType;
 exports.normalizeSelectionFactory = _utils.normalizeSelectionFactory;
-var _highlight = require("./highlight/highlight");
-Object.keys(_highlight).forEach(function (key) {
+var _constants = require("./highlight/constants");
+Object.keys(_constants).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _highlight[key]) return;
-  exports[key] = _highlight[key];
+  if (key in exports && exports[key] === _constants[key]) return;
+  exports[key] = _constants[key];
 });
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/selection/index.mjs

@@ -1,5 +1,6 @@
+import Highlight from "./highlight/highlight.mjs";
 import Selection from "./selection.mjs";
 import { handleMouseEvent } from "./mouseEventHandler.mjs";
 import { detectSelectionType, normalizeSelectionFactory } from "./utils.mjs";
-export * from "./highlight/highlight.mjs";
-export { handleMouseEvent, Selection, detectSelectionType, normalizeSelectionFactory };
+export * from "./highlight/constants.mjs";
+export { handleMouseEvent, Highlight, Selection, detectSelectionType, normalizeSelectionFactory };

package/selection/selection.js

@@ -5,8 +5,6 @@ require("core-js/modules/es.object.freeze.js");
 require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 exports.__esModule = true;
 exports.default = void 0;
 require("core-js/modules/es.array.iterator.js");
@@ -25,7 +23,8 @@ require("core-js/modules/es.symbol.to-primitive.js");
 require("core-js/modules/es.date.to-primitive.js");
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.symbol.description.js");
-var _highlight = _interopRequireWildcard(require("./highlight/highlight"));
+var _highlight = _interopRequireDefault(require("./highlight/highlight"));
+var _constants = require("./highlight/constants");
 var _range = _interopRequireDefault(require("./range"));
 var _object = require("./../helpers/object");
 var _mixed = require("./../helpers/mixed");
@@ -36,8 +35,6 @@ var _utils = require("./utils");
 var _templateLiteralTag = require("./../helpers/templateLiteralTag");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -155,12 +152,6 @@ var Selection = /*#__PURE__*/function () {
       countCols: function countCols() {
         return _this.tableProps.countColsTranslated();
       },
-      countRowHeaders: function countRowHeaders() {
-        return _this.tableProps.countRowHeaders();
-      },
-      countColHeaders: function countColHeaders() {
-        return _this.tableProps.countColHeaders();
-      },
       visualToRenderableCoords: function visualToRenderableCoords(coords) {
         return _this.tableProps.visualToRenderableCoords(coords);
       },
@@ -345,9 +336,9 @@ var Selection = /*#__PURE__*/function () {
       }
 
       // Set up current selection.
-      this.highlight.getFocus().clear();
-      if (this.highlight.isEnabledFor(_highlight.FOCUS_TYPE, cellRange.highlight)) {
-        this.highlight.getFocus().add(this.selectedRange.current().highlight).commit().syncWith(cellRange);
+      this.highlight.getCell().clear();
+      if (this.highlight.isEnabledFor(_constants.CELL_TYPE, cellRange.highlight)) {
+        this.highlight.getCell().add(this.selectedRange.current().highlight).commit().syncWith(cellRange);
       }
       var layerLevel = this.getLayerLevel();
 
@@ -357,85 +348,64 @@ var Selection = /*#__PURE__*/function () {
         (0, _array.arrayEach)(this.highlight.getAreas(), function (highlight) {
           return void highlight.clear();
         });
-        (0, _array.arrayEach)(this.highlight.getLayeredAreas(), function (highlight) {
-          return void highlight.clear();
-        });
-        (0, _array.arrayEach)(this.highlight.getRowHeaders(), function (highlight) {
-          return void highlight.clear();
-        });
-        (0, _array.arrayEach)(this.highlight.getColumnHeaders(), function (highlight) {
-          return void highlight.clear();
-        });
-        (0, _array.arrayEach)(this.highlight.getActiveRowHeaders(), function (highlight) {
-          return void highlight.clear();
-        });
-        (0, _array.arrayEach)(this.highlight.getActiveColumnHeaders(), function (highlight) {
-          return void highlight.clear();
-        });
-        (0, _array.arrayEach)(this.highlight.getRowHighlights(), function (highlight) {
+        (0, _array.arrayEach)(this.highlight.getHeaders(), function (highlight) {
           return void highlight.clear();
         });
-        (0, _array.arrayEach)(this.highlight.getColumnHighlights(), function (highlight) {
+        (0, _array.arrayEach)(this.highlight.getActiveHeaders(), function (highlight) {
           return void highlight.clear();
         });
       }
       this.highlight.useLayerLevel(layerLevel);
-      var areaHighlight = this.highlight.createArea();
-      var layeredAreaHighlight = this.highlight.createLayeredArea();
-      var rowHeaderHighlight = this.highlight.createRowHeader();
-      var columnHeaderHighlight = this.highlight.createColumnHeader();
-      var activeRowHeaderHighlight = this.highlight.createActiveRowHeader();
-      var activeColumnHeaderHighlight = this.highlight.createActiveColumnHeader();
-      var rowHighlight = this.highlight.createRowHighlight();
-      var columnHighlight = this.highlight.createColumnHighlight();
+      var areaHighlight = this.highlight.createOrGetArea();
+      var headerHighlight = this.highlight.createOrGetHeader();
+      var activeHeaderHighlight = this.highlight.createOrGetActiveHeader();
       areaHighlight.clear();
-      layeredAreaHighlight.clear();
-      rowHeaderHighlight.clear();
-      columnHeaderHighlight.clear();
-      activeRowHeaderHighlight.clear();
-      activeColumnHeaderHighlight.clear();
-      rowHighlight.clear();
-      columnHighlight.clear();
-      if (this.highlight.isEnabledFor(_highlight.AREA_TYPE, cellRange.highlight) && (this.isMultiple() || layerLevel >= 1)) {
+      headerHighlight.clear();
+      activeHeaderHighlight.clear();
+      if (this.highlight.isEnabledFor(_constants.AREA_TYPE, cellRange.highlight) && (this.isMultiple() || layerLevel >= 1)) {
         areaHighlight.add(cellRange.from).add(cellRange.to).commit();
-        layeredAreaHighlight.add(cellRange.from).add(cellRange.to).commit();
         if (layerLevel === 1) {
           // For single cell selection in the same layer, we do not create area selection to prevent blue background.
           // When non-consecutive selection is performed we have to add that missing area selection to the previous layer
           // based on previous coordinates. It only occurs when the previous selection wasn't select multiple cells.
           var previousRange = this.selectedRange.previous();
-          this.highlight.useLayerLevel(layerLevel - 1);
-          this.highlight.createArea().add(previousRange.from).commit()
-          // Range may start with hidden indexes. Commit would not found start point (as we add just the `from` coords).
-          .syncWith(previousRange);
-          this.highlight.createLayeredArea().add(previousRange.from).commit()
+          this.highlight.useLayerLevel(layerLevel - 1).createOrGetArea().add(previousRange.from).commit()
           // Range may start with hidden indexes. Commit would not found start point (as we add just the `from` coords).
           .syncWith(previousRange);
           this.highlight.useLayerLevel(layerLevel);
         }
       }
-      if (this.highlight.isEnabledFor(_highlight.HEADER_TYPE, cellRange.highlight)) {
-        var rowCoordsFrom = this.tableProps.createCellCoords(Math.max(cellRange.from.row, 0), -1);
-        var rowCoordsTo = this.tableProps.createCellCoords(cellRange.to.row, -1);
-        var columnCoordsFrom = this.tableProps.createCellCoords(-1, Math.max(cellRange.from.col, 0));
-        var columnCoordsTo = this.tableProps.createCellCoords(-1, cellRange.to.col);
+      if (this.highlight.isEnabledFor(_constants.HEADER_TYPE, cellRange.highlight)) {
+        // The header selection generally contains cell selection. In a case when all rows (or columns)
+        // are hidden that visual coordinates are translated to renderable coordinates that do not exist.
+        // Hence no header highlight is generated. In that case, to make a column (or a row) header
+        // highlight, the row and column index has to point to the header (the negative value). See #7052.
+        var areAnyRowsRendered = this.tableProps.countRowsTranslated() === 0;
+        var areAnyColumnsRendered = this.tableProps.countColsTranslated() === 0;
+        var headerCellRange = cellRange;
+        if (areAnyRowsRendered || areAnyColumnsRendered) {
+          headerCellRange = cellRange.clone();
+        }
+        if (areAnyRowsRendered) {
+          headerCellRange.from.row = -1;
+        }
+        if (areAnyColumnsRendered) {
+          headerCellRange.from.col = -1;
+        }
         if (this.settings.selectionMode === 'single') {
-          rowHeaderHighlight.add(rowCoordsFrom).commit();
-          columnHeaderHighlight.add(columnCoordsFrom).commit();
-          rowHighlight.add(rowCoordsFrom).commit();
-          columnHighlight.add(columnCoordsFrom).commit();
+          if (this.isSelectedByAnyHeader()) {
+            headerCellRange.from.normalize();
+          }
+          headerHighlight.add(headerCellRange.from).commit();
         } else {
-          rowHeaderHighlight.add(rowCoordsFrom).add(rowCoordsTo).commit();
-          columnHeaderHighlight.add(columnCoordsFrom).add(columnCoordsTo).commit();
-          rowHighlight.add(rowCoordsFrom).add(rowCoordsTo).commit();
-          columnHighlight.add(columnCoordsFrom).add(columnCoordsTo).commit();
+          headerHighlight.add(headerCellRange.from).add(headerCellRange.to).commit();
         }
         if (this.isEntireRowSelected()) {
           var isRowSelected = this.tableProps.countCols() === cellRange.getWidth();
 
           // Make sure that the whole row is selected (in case where selectionMode is set to 'single')
           if (isRowSelected) {
-            activeRowHeaderHighlight.add(this.tableProps.createCellCoords(cellRange.from.row, Math.min(-this.tableProps.countRowHeaders(), -1))).add(this.tableProps.createCellCoords(cellRange.to.row, -1)).commit();
+            activeHeaderHighlight.add(this.tableProps.createCellCoords(cellRange.from.row, -1)).add(this.tableProps.createCellCoords(cellRange.to.row, -1)).commit();
           }
         }
         if (this.isEntireColumnSelected()) {
@@ -443,7 +413,7 @@ var Selection = /*#__PURE__*/function () {
 
           // Make sure that the whole column is selected (in case where selectionMode is set to 'single')
           if (isColumnSelected) {
-            activeColumnHeaderHighlight.add(this.tableProps.createCellCoords(Math.min(-this.tableProps.countColHeaders(), -1), cellRange.from.col)).add(this.tableProps.createCellCoords(-1, cellRange.to.col)).commit();
+            activeHeaderHighlight.add(this.tableProps.createCellCoords(-1, cellRange.from.col)).add(this.tableProps.createCellCoords(-1, cellRange.to.col)).commit();
           }
         }
       }
@@ -678,9 +648,7 @@ var Selection = /*#__PURE__*/function () {
       if (!includeRowHeaders && !includeColumnHeaders && (nrOfRows === 0 || nrOfColumns === 0)) {
         return;
       }
-      var rowFrom = includeColumnHeaders ? -this.tableProps.countColHeaders() : 0;
-      var columnFrom = includeRowHeaders ? -this.tableProps.countRowHeaders() : 0;
-      var startCoords = this.tableProps.createCellCoords(rowFrom, columnFrom);
+      var startCoords = this.tableProps.createCellCoords(includeColumnHeaders ? -1 : 0, includeRowHeaders ? -1 : 0);
       var endCoords = this.tableProps.createCellCoords(nrOfRows - 1, nrOfColumns - 1);
       this.clear();
       this.setRangeStartOnly(startCoords);
@@ -814,29 +782,19 @@ var Selection = /*#__PURE__*/function () {
       if (!this.isSelected()) {
         return;
       }
-      var focusHighlight = this.highlight.getFocus();
+      var cellHighlight = this.highlight.getCell();
       var currentLayer = this.getLayerLevel();
-      focusHighlight.commit().syncWith(this.selectedRange.current());
+      cellHighlight.commit().syncWith(this.selectedRange.current());
 
       // Rewriting rendered ranges going through all layers.
       for (var layerLevel = 0; layerLevel < this.selectedRange.size(); layerLevel += 1) {
         this.highlight.useLayerLevel(layerLevel);
-        var areaHighlight = this.highlight.createArea();
-        var areaLayeredHighlight = this.highlight.createLayeredArea();
-        var rowHeaderHighlight = this.highlight.createRowHeader();
-        var columnHeaderHighlight = this.highlight.createColumnHeader();
-        var activeRowHeaderHighlight = this.highlight.createActiveRowHeader();
-        var activeColumnHeaderHighlight = this.highlight.createActiveColumnHeader();
-        var rowHighlight = this.highlight.createRowHighlight();
-        var columnHighlight = this.highlight.createColumnHighlight();
+        var areaHighlight = this.highlight.createOrGetArea();
+        var headerHighlight = this.highlight.createOrGetHeader();
+        var activeHeaderHighlight = this.highlight.createOrGetActiveHeader();
         areaHighlight.commit();
-        areaLayeredHighlight.commit();
-        rowHeaderHighlight.commit();
-        columnHeaderHighlight.commit();
-        activeRowHeaderHighlight.commit();
-        activeColumnHeaderHighlight.commit();
-        rowHighlight.commit();
-        columnHighlight.commit();
+        headerHighlight.commit();
+        activeHeaderHighlight.commit();
       }
 
       // Reverting starting layer for the Highlight.