handsontable 0.0.0-next-2b3d6d8-20230623 → 0.0.0-next-74a68c1-20230627

package/shortcuts/utils.mjs

@@ -6,6 +6,10 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.sort.js";
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.regexp.constructor.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.string.replace.js";
 // This file handles key-name discrepancies between browsers.
 // For the list of discrepancies, go to: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values.
 var mappings = new Map([[' ', 'space'],
@@ -41,11 +45,23 @@ export var getKeysList = function getKeysList(normalizedKeys) {
 };
 
 /**
- * Normalize a `KeyboardEvent.key` property, to use it for keyboard shortcuts.
+ * The regex tests if the event.code matches to the pattern and it's used to extract letters and digits from
+ * the string.
+ */
+var codeToKeyRegExp = new RegExp('^(?:Key|Digit)([A-Z0-9])$');
+
+/**
+ * Normalizes a keyboard event key value to a key before its modification. When the keyboard event
+ * is triggered with Alt, Control or Shift keys the `key` property contains modified key e.g. for Alt+L
+ * it will be `ł`. But that value is only valid for polish keyboard layout. To fix that limitations, for
+ * letters and digits the value is taken from the `code` property which holds original value before
+ * transformation.
  *
- * @param {string} key KeyboardEvent's key property.
+ * @param {Event} event The KeyboardEvent object.
  * @returns {string}
  */
-export var normalizeEventKey = function normalizeEventKey(key) {
-  return key.toLowerCase();
+export var normalizeEventKey = function normalizeEventKey(_ref) {
+  var key = _ref.key,
+    code = _ref.code;
+  return (codeToKeyRegExp.test(code) ? code.replace(codeToKeyRegExp, '$1') : key).toLowerCase();
 };

package/tableView.js

@@ -613,6 +613,44 @@ var TableView = /*#__PURE__*/function () {
       return this.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
     }
 
+    /**
+     * The function returns the number of renderable column indexes within the passed range of the visual indexes.
+     *
+     * @param {number} columnStart The column visual start index.
+     * @param {number} columnEnd The column visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableColumnsInRange",
+    value: function countRenderableColumnsInRange(columnStart, columnEnd) {
+      var count = 0;
+      for (var column = columnStart; column <= columnEnd; column++) {
+        if (this.instance.columnIndexMapper.getRenderableFromVisualIndex(column) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
+    /**
+     * The function returns the number of renderable row indexes within the passed range of the visual indexes.
+     *
+     * @param {number} rowStart The row visual start index.
+     * @param {number} rowEnd The row visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableRowsInRange",
+    value: function countRenderableRowsInRange(rowStart, rowEnd) {
+      var count = 0;
+      for (var row = rowStart; row <= rowEnd; row++) {
+        if (this.instance.rowIndexMapper.getRenderableFromVisualIndex(row) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
     /**
      * Checks if at least one cell than belongs to the main table is not covered by the top, left or
      * bottom overlay.
@@ -884,15 +922,29 @@ var TableView = /*#__PURE__*/function () {
         },
         onBeforeHighlightingRowHeader: function onBeforeHighlightingRowHeader(renderableRow, headerLevel, highlightMeta) {
           var rowMapper = _this2.instance.rowIndexMapper;
-          var visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+          var areColumnHeadersSelected = renderableRow < 0;
+          var visualRow = renderableRow;
+          if (!areColumnHeadersSelected) {
+            visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+          }
           var newVisualRow = _this2.instance.runHooks('beforeHighlightingRowHeader', visualRow, headerLevel, highlightMeta);
-          return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+          if (!areColumnHeadersSelected) {
+            return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+          }
+          return newVisualRow;
         },
         onBeforeHighlightingColumnHeader: function onBeforeHighlightingColumnHeader(renderableColumn, headerLevel, highlightMeta) {
           var columnMapper = _this2.instance.columnIndexMapper;
-          var visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+          var areRowHeadersSelected = renderableColumn < 0;
+          var visualColumn = renderableColumn;
+          if (!areRowHeadersSelected) {
+            visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+          }
           var newVisualColumn = _this2.instance.runHooks('beforeHighlightingColumnHeader', visualColumn, headerLevel, highlightMeta);
-          return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+          if (!areRowHeadersSelected) {
+            return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+          }
+          return newVisualColumn;
         },
         onAfterDrawSelection: function onAfterDrawSelection(currentRow, currentColumn, layerLevel) {
           var cornersOfSelection;
@@ -903,10 +955,7 @@ var TableView = /*#__PURE__*/function () {
           var selectedRange = _this2.instance.selection.getSelectedRange();
           var selectionRangeSize = selectedRange.size();
           if (selectionRangeSize > 0) {
-            // Selection layers are stored from the "oldest" to the "newest". We should calculate the offset.
-            // Please look at the `SelectedRange` class and it's method for getting selection's layer for more information.
-            var selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
-            var selectionForLayer = selectedRange.peekByIndex(selectionOffset);
+            var selectionForLayer = selectedRange.peekByIndex(layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0);
             cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
           }
           return _this2.instance.runHooks('afterDrawSelection', visualRowIndex, visualColumnIndex, cornersOfSelection, layerLevel);
@@ -1080,7 +1129,7 @@ var TableView = /*#__PURE__*/function () {
     key: "isSelectedOnlyCell",
     value: function isSelectedOnlyCell() {
       var _this$instance$getSel, _this$instance$getSel2;
-      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
+      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingleCell()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
     }
 
     /**

package/tableView.mjs

@@ -608,6 +608,44 @@ var TableView = /*#__PURE__*/function () {
       return this.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
     }
 
+    /**
+     * The function returns the number of renderable column indexes within the passed range of the visual indexes.
+     *
+     * @param {number} columnStart The column visual start index.
+     * @param {number} columnEnd The column visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableColumnsInRange",
+    value: function countRenderableColumnsInRange(columnStart, columnEnd) {
+      var count = 0;
+      for (var column = columnStart; column <= columnEnd; column++) {
+        if (this.instance.columnIndexMapper.getRenderableFromVisualIndex(column) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
+    /**
+     * The function returns the number of renderable row indexes within the passed range of the visual indexes.
+     *
+     * @param {number} rowStart The row visual start index.
+     * @param {number} rowEnd The row visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableRowsInRange",
+    value: function countRenderableRowsInRange(rowStart, rowEnd) {
+      var count = 0;
+      for (var row = rowStart; row <= rowEnd; row++) {
+        if (this.instance.rowIndexMapper.getRenderableFromVisualIndex(row) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
     /**
      * Checks if at least one cell than belongs to the main table is not covered by the top, left or
      * bottom overlay.
@@ -879,15 +917,29 @@ var TableView = /*#__PURE__*/function () {
         },
         onBeforeHighlightingRowHeader: function onBeforeHighlightingRowHeader(renderableRow, headerLevel, highlightMeta) {
           var rowMapper = _this2.instance.rowIndexMapper;
-          var visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+          var areColumnHeadersSelected = renderableRow < 0;
+          var visualRow = renderableRow;
+          if (!areColumnHeadersSelected) {
+            visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+          }
           var newVisualRow = _this2.instance.runHooks('beforeHighlightingRowHeader', visualRow, headerLevel, highlightMeta);
-          return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+          if (!areColumnHeadersSelected) {
+            return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+          }
+          return newVisualRow;
         },
         onBeforeHighlightingColumnHeader: function onBeforeHighlightingColumnHeader(renderableColumn, headerLevel, highlightMeta) {
           var columnMapper = _this2.instance.columnIndexMapper;
-          var visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+          var areRowHeadersSelected = renderableColumn < 0;
+          var visualColumn = renderableColumn;
+          if (!areRowHeadersSelected) {
+            visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+          }
           var newVisualColumn = _this2.instance.runHooks('beforeHighlightingColumnHeader', visualColumn, headerLevel, highlightMeta);
-          return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+          if (!areRowHeadersSelected) {
+            return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+          }
+          return newVisualColumn;
         },
         onAfterDrawSelection: function onAfterDrawSelection(currentRow, currentColumn, layerLevel) {
           var cornersOfSelection;
@@ -898,10 +950,7 @@ var TableView = /*#__PURE__*/function () {
           var selectedRange = _this2.instance.selection.getSelectedRange();
           var selectionRangeSize = selectedRange.size();
           if (selectionRangeSize > 0) {
-            // Selection layers are stored from the "oldest" to the "newest". We should calculate the offset.
-            // Please look at the `SelectedRange` class and it's method for getting selection's layer for more information.
-            var selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
-            var selectionForLayer = selectedRange.peekByIndex(selectionOffset);
+            var selectionForLayer = selectedRange.peekByIndex(layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0);
             cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
           }
           return _this2.instance.runHooks('afterDrawSelection', visualRowIndex, visualColumnIndex, cornersOfSelection, layerLevel);
@@ -1075,7 +1124,7 @@ var TableView = /*#__PURE__*/function () {
     key: "isSelectedOnlyCell",
     value: function isSelectedOnlyCell() {
       var _this$instance$getSel, _this$instance$getSel2;
-      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
+      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingleCell()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
     }
 
     /**

package/3rdparty/walkontable/src/selection.js

@@ -1,355 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.symbol.iterator.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/web.dom-collections.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.array.from.js");
-require("core-js/modules/es.regexp.exec.js");
-exports.__esModule = true;
-exports.default = void 0;
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.string.includes.js");
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.values.js");
-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");
-require("core-js/modules/es.number.constructor.js");
-var _element = require("./../../../helpers/dom/element");
-var _border = _interopRequireDefault(require("./border"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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."); }
-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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-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); }
-/**
- * @class Selection
- */
-var Selection = /*#__PURE__*/function () {
-  /**
-   * @param {object} settings The selection settings object. @todo type.
-   * @param {CellRange} cellRange The cell range instance.
-   */
-  function Selection(settings, cellRange) {
-    _classCallCheck(this, Selection);
-    this.settings = settings;
-    this.cellRange = cellRange || null;
-    this.instanceBorders = {};
-    this.classNames = [this.settings.className];
-    this.classNameGenerator = this.linearClassNameGenerator(this.settings.className, this.settings.layerLevel);
-  }
-
-  /**
-   * Each Walkontable clone requires it's own border for every selection. This method creates and returns selection
-   * borders per instance.
-   *
-   * @param {WalkontableFacade} wotInstance The Walkontable instance.
-   * @returns {Border}
-   */
-  _createClass(Selection, [{
-    key: "getBorder",
-    value: function getBorder(wotInstance) {
-      if (!this.instanceBorders[wotInstance.guid]) {
-        this.instanceBorders[wotInstance.guid] = new _border.default(wotInstance, this.settings);
-      }
-      return this.instanceBorders[wotInstance.guid];
-    }
-
-    /**
-     * Checks if selection is empty.
-     *
-     * @returns {boolean}
-     */
-  }, {
-    key: "isEmpty",
-    value: function isEmpty() {
-      return this.cellRange === null;
-    }
-
-    /**
-     * Adds a cell coords to the selection.
-     *
-     * @param {CellCoords} coords The cell coordinates to add.
-     * @returns {Selection}
-     */
-  }, {
-    key: "add",
-    value: function add(coords) {
-      if (this.isEmpty()) {
-        this.cellRange = this.settings.createCellRange(coords);
-      } else {
-        this.cellRange.expand(coords);
-      }
-      return this;
-    }
-
-    /**
-     * If selection range from or to property equals oldCoords, replace it with newCoords. Return boolean
-     * information about success.
-     *
-     * @param {CellCoords} oldCoords An old cell coordinates to replace.
-     * @param {CellCoords} newCoords The new cell coordinates.
-     * @returns {boolean}
-     */
-  }, {
-    key: "replace",
-    value: function replace(oldCoords, newCoords) {
-      if (!this.isEmpty()) {
-        if (this.cellRange.from.isEqual(oldCoords)) {
-          this.cellRange.from = newCoords;
-          return true;
-        }
-        if (this.cellRange.to.isEqual(oldCoords)) {
-          this.cellRange.to = newCoords;
-          return true;
-        }
-      }
-      return false;
-    }
-
-    /**
-     * Clears selection.
-     *
-     * @returns {Selection}
-     */
-  }, {
-    key: "clear",
-    value: function clear() {
-      this.cellRange = null;
-      return this;
-    }
-
-    /**
-     * Returns the top left (or top right in RTL) and bottom right (or bottom left in RTL) selection coordinates.
-     *
-     * @returns {Array} Returns array of coordinates for example `[1, 1, 5, 5]`.
-     */
-  }, {
-    key: "getCorners",
-    value: function getCorners() {
-      var topStart = this.cellRange.getOuterTopStartCorner();
-      var bottomEnd = this.cellRange.getOuterBottomEndCorner();
-      return [topStart.row, topStart.col, bottomEnd.row, bottomEnd.col];
-    }
-
-    /**
-     * Adds class name to cell element at given coords.
-     *
-     * @param {WalkontableFacade} wotInstance Walkontable instance.
-     * @param {number} sourceRow Cell row coord.
-     * @param {number} sourceColumn Cell column coord.
-     * @param {string} className Class name.
-     * @param {boolean} [markIntersections=false] If `true`, linear className generator will be used to add CSS classes
-     *                                            in a continuous way.
-     * @returns {Selection}
-     */
-  }, {
-    key: "addClassAtCoords",
-    value: function addClassAtCoords(wotInstance, sourceRow, sourceColumn, className) {
-      var markIntersections = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-      var TD = wotInstance.wtTable.getCell(this.settings.createCellCoords(sourceRow, sourceColumn));
-      if (_typeof(TD) === 'object') {
-        var cellClassName = className;
-        if (markIntersections) {
-          cellClassName = this.classNameGenerator(TD);
-          if (!this.classNames.includes(cellClassName)) {
-            this.classNames.push(cellClassName);
-          }
-        }
-        (0, _element.addClass)(TD, cellClassName);
-      }
-      return this;
-    }
-
-    /**
-     * Generate helper for calculating classNames based on previously added base className.
-     * The generated className is always generated as a continuation of the previous className. For example, when
-     * the currently checked element has 'area-2' className the generated new className will be 'area-3'. When
-     * the element doesn't have any classNames than the base className will be returned ('area');.
-     *
-     * @param {string} baseClassName Base className to be used.
-     * @param {number} layerLevelOwner Layer level which the instance of the Selection belongs to.
-     * @returns {Function}
-     */
-  }, {
-    key: "linearClassNameGenerator",
-    value: function linearClassNameGenerator(baseClassName, layerLevelOwner) {
-      // TODO: Make this recursive function Proper Tail Calls (TCO/PTC) friendly.
-      return function calcClassName(element) {
-        var previousIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
-        if (layerLevelOwner === 0 || previousIndex === 0) {
-          return baseClassName;
-        }
-        var index = previousIndex >= 0 ? previousIndex : layerLevelOwner;
-        var className = baseClassName;
-        index -= 1;
-        var previousClassName = index === 0 ? baseClassName : "".concat(baseClassName, "-").concat(index);
-        if ((0, _element.hasClass)(element, previousClassName)) {
-          var currentLayer = index + 1;
-          className = "".concat(baseClassName, "-").concat(currentLayer);
-        } else {
-          className = calcClassName(element, index);
-        }
-        return className;
-      };
-    }
-
-    /**
-     * @param {WalkontableFacade} wotInstance The Walkontable instance.
-     */
-  }, {
-    key: "draw",
-    value: function draw(wotInstance) {
-      if (this.isEmpty()) {
-        if (this.settings.border) {
-          this.getBorder(wotInstance).disappear();
-        }
-        return;
-      }
-      var renderedRows = wotInstance.wtTable.getRenderedRowsCount();
-      var renderedColumns = wotInstance.wtTable.getRenderedColumnsCount();
-      var corners = this.getCorners();
-      var _corners = _slicedToArray(corners, 4),
-        topRow = _corners[0],
-        topColumn = _corners[1],
-        bottomRow = _corners[2],
-        bottomColumn = _corners[3];
-      var _this$settings = this.settings,
-        highlightHeaderClassName = _this$settings.highlightHeaderClassName,
-        highlightColumnClassName = _this$settings.highlightColumnClassName,
-        highlightRowClassName = _this$settings.highlightRowClassName,
-        highlightOnlyClosestHeader = _this$settings.highlightOnlyClosestHeader,
-        selectionType = _this$settings.selectionType;
-      var isHeaderSelectionType = selectionType === void 0 || ['active-header', 'header'].includes(selectionType);
-      if (isHeaderSelectionType && topColumn !== null && bottomColumn !== null) {
-        var selectionColumnCursor = 0;
-        for (var column = 0; column < renderedColumns; column += 1) {
-          var sourceCol = wotInstance.wtTable.columnFilter.renderedToSource(column);
-          if (sourceCol >= topColumn && sourceCol <= bottomColumn) {
-            var THs = wotInstance.wtTable.getColumnHeaders(sourceCol);
-            var closestHeaderLevel = THs.length - 1;
-            if (highlightOnlyClosestHeader && THs.length > 1) {
-              THs = [THs[closestHeaderLevel]];
-            }
-            for (var headerLevel = 0; headerLevel < THs.length; headerLevel += 1) {
-              var newClasses = [];
-              var TH = THs[headerLevel];
-              if (highlightHeaderClassName) {
-                newClasses.push(highlightHeaderClassName);
-              }
-              if (highlightColumnClassName) {
-                newClasses.push(highlightColumnClassName);
-              }
-              headerLevel = highlightOnlyClosestHeader ? closestHeaderLevel : headerLevel;
-              var newSourceCol = wotInstance.getSetting('onBeforeHighlightingColumnHeader', sourceCol, headerLevel, {
-                selectionType: selectionType,
-                columnCursor: selectionColumnCursor,
-                selectionWidth: bottomColumn - topColumn + 1,
-                classNames: newClasses
-              });
-              if (newSourceCol !== sourceCol) {
-                TH = wotInstance.wtTable.getColumnHeader(newSourceCol, headerLevel);
-              }
-              (0, _element.addClass)(TH, newClasses);
-            }
-            selectionColumnCursor += 1;
-          }
-        }
-      }
-      if (topRow !== null && bottomRow !== null) {
-        var selectionRowCursor = 0;
-        for (var row = 0; row < renderedRows; row += 1) {
-          var sourceRow = wotInstance.wtTable.rowFilter.renderedToSource(row);
-          if (isHeaderSelectionType && sourceRow >= topRow && sourceRow <= bottomRow) {
-            var _THs = wotInstance.wtTable.getRowHeaders(sourceRow);
-            var _closestHeaderLevel = _THs.length - 1;
-            if (highlightOnlyClosestHeader && _THs.length > 1) {
-              _THs = [_THs[_closestHeaderLevel]];
-            }
-            for (var _headerLevel = 0; _headerLevel < _THs.length; _headerLevel += 1) {
-              var _newClasses = [];
-              var _TH = _THs[_headerLevel];
-              if (highlightHeaderClassName) {
-                _newClasses.push(highlightHeaderClassName);
-              }
-              if (highlightRowClassName) {
-                _newClasses.push(highlightRowClassName);
-              }
-              _headerLevel = highlightOnlyClosestHeader ? _closestHeaderLevel : _headerLevel;
-              var newSourceRow = wotInstance.getSetting('onBeforeHighlightingRowHeader', sourceRow, _headerLevel, {
-                selectionType: selectionType,
-                rowCursor: selectionRowCursor,
-                selectionHeight: bottomRow - topRow + 1,
-                classNames: _newClasses
-              });
-              if (newSourceRow !== sourceRow) {
-                _TH = wotInstance.wtTable.getRowHeader(newSourceRow, _headerLevel);
-              }
-              (0, _element.addClass)(_TH, _newClasses);
-            }
-            selectionRowCursor += 1;
-          }
-          if (topColumn !== null && bottomColumn !== null) {
-            for (var _column = 0; _column < renderedColumns; _column += 1) {
-              var _sourceCol = wotInstance.wtTable.columnFilter.renderedToSource(_column);
-              if (sourceRow >= topRow && sourceRow <= bottomRow && _sourceCol >= topColumn && _sourceCol <= bottomColumn) {
-                // selected cell
-                if (this.settings.className) {
-                  this.addClassAtCoords(wotInstance, sourceRow, _sourceCol, this.settings.className, this.settings.markIntersections);
-                }
-              } else if (sourceRow >= topRow && sourceRow <= bottomRow) {
-                // selection is in this row
-                if (highlightRowClassName) {
-                  this.addClassAtCoords(wotInstance, sourceRow, _sourceCol, highlightRowClassName);
-                }
-              } else if (_sourceCol >= topColumn && _sourceCol <= bottomColumn) {
-                // selection is in this column
-                if (highlightColumnClassName) {
-                  this.addClassAtCoords(wotInstance, sourceRow, _sourceCol, highlightColumnClassName);
-                }
-              }
-              var additionalSelectionClass = wotInstance.getSetting('onAfterDrawSelection', sourceRow, _sourceCol, this.settings.layerLevel);
-              if (typeof additionalSelectionClass === 'string') {
-                this.addClassAtCoords(wotInstance, sourceRow, _sourceCol, additionalSelectionClass);
-              }
-            }
-          }
-        }
-      }
-      wotInstance.getSetting('onBeforeDrawBorders', corners, this.settings.className);
-      if (this.settings.border) {
-        // warning! border.appear modifies corners!
-        this.getBorder(wotInstance).appear(corners);
-      }
-    }
-
-    /**
-     * Cleans up all the DOM state related to a Selection instance. Call this prior to deleting a Selection instance.
-     */
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      Object.values(this.instanceBorders).forEach(function (border) {
-        return border.destroy();
-      });
-    }
-  }]);
-  return Selection;
-}();
-var _default = Selection;
-exports.default = _default;