handsontable 0.0.0-next-93e34dc-20230601 → 0.0.0-next-b7cca45-20230605

package/3rdparty/walkontable/src/core/core.mjs

@@ -30,7 +30,6 @@ import Settings from "../settings.mjs";
 import MasterTable from "../table/master.mjs";
 import Viewport from "../viewport.mjs";
 import CoreAbstract from "./_base.mjs";
-import { SelectionManager } from "../selection/manager.mjs";
 import { objectEach } from "../../../../helpers/object.mjs";
 import { addClass, removeClass } from "../../../../helpers/dom/element.mjs";
 /**
@@ -51,8 +50,8 @@ var Walkontable = /*#__PURE__*/function (_CoreAbstract) {
 
     _this.wtTable = new MasterTable(_this.getTableDao(), facadeGetter, _this.domBindings, _this.wtSettings);
     _this.wtViewport = new Viewport(_this.getViewportDao(), _this.domBindings, _this.wtSettings, _this.eventManager, _this.wtTable);
-    _this.selectionManager = new SelectionManager(_this.wtSettings.getSetting('selections'));
-    _this.wtEvent = new Event(facadeGetter, _this.domBindings, _this.wtSettings, _this.eventManager, _this.wtTable, _this.selectionManager);
+    _this.selections = _this.wtSettings.getSetting('selections');
+    _this.wtEvent = new Event(facadeGetter, _this.domBindings, _this.wtSettings, _this.eventManager, _this.wtTable, _this.selections);
     _this.wtOverlays = new Overlays( // TODO create DAO and remove reference to the Walkontable instance.
     _assertThisInitialized(_this), facadeGetter, _this.domBindings, _this.wtSettings, _this.eventManager, _this.wtTable);
     _this.exportSettingsAsClassNames();

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

@@ -38,16 +38,16 @@ var Event = /*#__PURE__*/function () {
    * @param {Settings} wtSettings The walkontable settings.
    * @param {EventManager} eventManager The walkontable event manager.
    * @param {Table} wtTable The table.
-   * @param {SelectionManager} selectionManager Selections.
+   * @param {Selections} selections Selections.
    * @param {Event} [parent=null] The main Event instance.
    */
-  function Event(facadeGetter, domBindings, wtSettings, eventManager, wtTable, selectionManager) {
+  function Event(facadeGetter, domBindings, wtSettings, eventManager, wtTable, selections) {
     var parent = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
     _classCallCheck(this, Event);
     this.wtSettings = wtSettings;
     this.domBindings = domBindings;
     this.wtTable = wtTable;
-    this.selectionManager = selectionManager;
+    this.selections = selections;
     this.parent = parent;
 
     /**
@@ -180,11 +180,11 @@ var Event = /*#__PURE__*/function () {
         cell.coords = this.wtTable.getCoords(TD);
         cell.TD = TD;
       } else if ((0, _element.hasClass)(elem, 'wtBorder') && (0, _element.hasClass)(elem, 'current')) {
-        cell.coords = this.selectionManager.getFocusSelection().cellRange.highlight;
+        cell.coords = this.selections.getCell().cellRange.highlight;
         cell.TD = this.wtTable.getCell(cell.coords);
       } else if ((0, _element.hasClass)(elem, 'wtBorder') && (0, _element.hasClass)(elem, 'area')) {
-        if (this.selectionManager.getAreaSelection().cellRange) {
-          cell.coords = this.selectionManager.getAreaSelection().cellRange.to;
+        if (this.selections.createOrGetArea().cellRange) {
+          cell.coords = this.selections.createOrGetArea().cellRange.to;
           cell.TD = this.wtTable.getCell(cell.coords);
         }
       }
@@ -334,7 +334,7 @@ var Event = /*#__PURE__*/function () {
     key: "onTouchStart",
     value: function onTouchStart(event) {
       var priv = privatePool.get(this);
-      priv.selectedCellBeforeTouchEnd = this.selectionManager.getFocusSelection().cellRange;
+      priv.selectedCellBeforeTouchEnd = this.selections.getCell().cellRange;
       this.touchApplied = true;
       this.onMouseDown(event);
     }

package/3rdparty/walkontable/src/event.mjs

@@ -34,16 +34,16 @@ var Event = /*#__PURE__*/function () {
    * @param {Settings} wtSettings The walkontable settings.
    * @param {EventManager} eventManager The walkontable event manager.
    * @param {Table} wtTable The table.
-   * @param {SelectionManager} selectionManager Selections.
+   * @param {Selections} selections Selections.
    * @param {Event} [parent=null] The main Event instance.
    */
-  function Event(facadeGetter, domBindings, wtSettings, eventManager, wtTable, selectionManager) {
+  function Event(facadeGetter, domBindings, wtSettings, eventManager, wtTable, selections) {
     var parent = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
     _classCallCheck(this, Event);
     this.wtSettings = wtSettings;
     this.domBindings = domBindings;
     this.wtTable = wtTable;
-    this.selectionManager = selectionManager;
+    this.selections = selections;
     this.parent = parent;
 
     /**
@@ -176,11 +176,11 @@ var Event = /*#__PURE__*/function () {
         cell.coords = this.wtTable.getCoords(TD);
         cell.TD = TD;
       } else if (hasClass(elem, 'wtBorder') && hasClass(elem, 'current')) {
-        cell.coords = this.selectionManager.getFocusSelection().cellRange.highlight;
+        cell.coords = this.selections.getCell().cellRange.highlight;
         cell.TD = this.wtTable.getCell(cell.coords);
       } else if (hasClass(elem, 'wtBorder') && hasClass(elem, 'area')) {
-        if (this.selectionManager.getAreaSelection().cellRange) {
-          cell.coords = this.selectionManager.getAreaSelection().cellRange.to;
+        if (this.selections.createOrGetArea().cellRange) {
+          cell.coords = this.selections.createOrGetArea().cellRange.to;
           cell.TD = this.wtTable.getCell(cell.coords);
         }
       }
@@ -330,7 +330,7 @@ var Event = /*#__PURE__*/function () {
     key: "onTouchStart",
     value: function onTouchStart(event) {
       var priv = privatePool.get(this);
-      priv.selectedCellBeforeTouchEnd = this.selectionManager.getFocusSelection().cellRange;
+      priv.selectedCellBeforeTouchEnd = this.selections.getCell().cellRange;
       this.touchApplied = true;
       this.onMouseDown(event);
     }

package/3rdparty/walkontable/src/facade/core.js

@@ -82,9 +82,9 @@ var WalkontableFacade = /*#__PURE__*/function () {
       return this._wot.cloneOverlay; // todo create facade
     }
   }, {
-    key: "selectionManager",
+    key: "selections",
     get: function get() {
-      return this._wot.selectionManager; // todo create facade
+      return this._wot.selections; // todo create facade
     }
   }, {
     key: "wtViewport",

package/3rdparty/walkontable/src/facade/core.mjs

@@ -77,9 +77,9 @@ var WalkontableFacade = /*#__PURE__*/function () {
       return this._wot.cloneOverlay; // todo create facade
     }
   }, {
-    key: "selectionManager",
+    key: "selections",
     get: function get() {
-      return this._wot.selectionManager; // todo create facade
+      return this._wot.selections; // todo create facade
     }
   }, {
     key: "wtViewport",

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

@@ -23,16 +23,8 @@ exports.CellRange = _range.default;
 var _core = _interopRequireDefault(require("./facade/core"));
 exports.default = _core.default;
 exports.Core = _core.default;
-var _selection = require("./selection");
-exports.Selection = _selection.Selection;
-exports.HIGHLIGHT_ACTIVE_HEADER_TYPE = _selection.ACTIVE_HEADER_TYPE;
-exports.HIGHLIGHT_AREA_TYPE = _selection.AREA_TYPE;
-exports.HIGHLIGHT_FOCUS_TYPE = _selection.FOCUS_TYPE;
-exports.HIGHLIGHT_FILL_TYPE = _selection.FILL_TYPE;
-exports.HIGHLIGHT_HEADER_TYPE = _selection.HEADER_TYPE;
-exports.HIGHLIGHT_ROW_TYPE = _selection.ROW_TYPE;
-exports.HIGHLIGHT_COLUMN_TYPE = _selection.COLUMN_TYPE;
-exports.HIGHLIGHT_CUSTOM_SELECTION_TYPE = _selection.CUSTOM_SELECTION_TYPE;
+var _selection = _interopRequireDefault(require("./selection"));
+exports.Selection = _selection.default;
 var Renderer = _interopRequireWildcard(require("./renderer"));
 exports.Renderer = Renderer;
 var _orderView = require("./utils/orderView");

package/3rdparty/walkontable/src/index.mjs

@@ -3,8 +3,8 @@ import ViewportRowsCalculator from "./calculator/viewportRows.mjs";
 import CellCoords from "./cell/coords.mjs";
 import CellRange from "./cell/range.mjs";
 import Walkontable from "./facade/core.mjs";
-import { Selection, ACTIVE_HEADER_TYPE, AREA_TYPE, FOCUS_TYPE, FILL_TYPE, HEADER_TYPE, ROW_TYPE, COLUMN_TYPE, CUSTOM_SELECTION_TYPE } from "./selection/index.mjs";
+import Selection from "./selection.mjs";
 import * as Renderer from "./renderer/index.mjs";
 import { OrderView, SharedOrderView } from "./utils/orderView/index.mjs";
 import { getListenersCounter } from "../../../eventManager.mjs";
-export { ViewportColumnsCalculator, ViewportRowsCalculator, CellCoords, CellRange, Walkontable as default, Walkontable as Core, Selection, ACTIVE_HEADER_TYPE as HIGHLIGHT_ACTIVE_HEADER_TYPE, AREA_TYPE as HIGHLIGHT_AREA_TYPE, FOCUS_TYPE as HIGHLIGHT_FOCUS_TYPE, FILL_TYPE as HIGHLIGHT_FILL_TYPE, HEADER_TYPE as HIGHLIGHT_HEADER_TYPE, ROW_TYPE as HIGHLIGHT_ROW_TYPE, COLUMN_TYPE as HIGHLIGHT_COLUMN_TYPE, CUSTOM_SELECTION_TYPE as HIGHLIGHT_CUSTOM_SELECTION_TYPE, Renderer, OrderView, SharedOrderView, getListenersCounter };
+export { ViewportColumnsCalculator, ViewportRowsCalculator, CellCoords, CellRange, Walkontable as default, Walkontable as Core, Selection, Renderer, OrderView, SharedOrderView, getListenersCounter };

package/3rdparty/walkontable/src/overlay/_base.js

@@ -307,7 +307,7 @@ var Overlay = /*#__PURE__*/function () {
         // todo ioc , or factor func if used only here
         event: this.wot.wtEvent,
         // todo ioc , or factory func if used only here
-        selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
+        selections: this.wot.selections // todo ioc , or factory func if used only here
       });
     }
 

package/3rdparty/walkontable/src/overlay/_base.mjs

@@ -302,7 +302,7 @@ export var Overlay = /*#__PURE__*/function () {
         // todo ioc , or factor func if used only here
         event: this.wot.wtEvent,
         // todo ioc , or factory func if used only here
-        selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
+        selections: this.wot.selections // todo ioc , or factory func if used only here
       });
     }
 

package/3rdparty/walkontable/src/overlay/inlineStart.js

@@ -19,7 +19,6 @@ require("core-js/modules/es.object.get-prototype-of.js");
 var _element = require("../../../../helpers/dom/element");
 var _inlineStart = _interopRequireDefault(require("../table/inlineStart"));
 var _base = require("./_base");
-var _selection = require("../selection");
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
@@ -212,8 +211,11 @@ var InlineStartOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "adjustRootChildrenSize",
     value: function adjustRootChildrenSize() {
+      var _selections$getCell$g;
       var holder = this.clone.wtTable.holder;
-      var selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(_selection.CORNER_DEFAULT_STYLE.width, 10) / 2 : 0;
+      var selections = this.wot.selections;
+      var facade = this.facadeGetter();
+      var selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(facade).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
       this.clone.wtTable.hider.style.height = this.hider.style.height;
       holder.style.height = holder.parentNode.style.height;
       // Add selection corner protruding part to the holder total width to make sure that

package/3rdparty/walkontable/src/overlay/inlineStart.mjs

@@ -28,7 +28,6 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 import { addClass, getScrollbarWidth, getScrollLeft, getWindowScrollTop, hasClass, outerWidth, removeClass, setOverlayPosition, resetCssTransform } from "../../../../helpers/dom/element.mjs";
 import InlineStartOverlayTable from "../table/inlineStart.mjs";
 import { Overlay } from "./_base.mjs";
-import { CORNER_DEFAULT_STYLE } from "../selection/index.mjs";
 import { CLONE_INLINE_START } from "./constants.mjs";
 /**
  * @class InlineStartOverlay
@@ -207,8 +206,11 @@ export var InlineStartOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "adjustRootChildrenSize",
     value: function adjustRootChildrenSize() {
+      var _selections$getCell$g;
       var holder = this.clone.wtTable.holder;
-      var selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(CORNER_DEFAULT_STYLE.width, 10) / 2 : 0;
+      var selections = this.wot.selections;
+      var facade = this.facadeGetter();
+      var selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(facade).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
       this.clone.wtTable.hider.style.height = this.hider.style.height;
       holder.style.height = holder.parentNode.style.height;
       // Add selection corner protruding part to the holder total width to make sure that

package/3rdparty/walkontable/src/overlay/top.js

@@ -18,7 +18,6 @@ require("core-js/modules/es.number.constructor.js");
 var _element = require("../../../../helpers/dom/element");
 var _top = _interopRequireDefault(require("./../table/top"));
 var _base = require("./_base");
-var _selection = require("../selection");
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -241,8 +240,11 @@ var TopOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "adjustRootChildrenSize",
     value: function adjustRootChildrenSize() {
+      var _selections$getCell$g;
       var holder = this.clone.wtTable.holder;
-      var selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(_selection.CORNER_DEFAULT_STYLE.height, 10) / 2 : 0;
+      var selections = this.wot.selections;
+      var facade = this.facadeGetter();
+      var selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(facade).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
       this.clone.wtTable.hider.style.width = this.hider.style.width;
       holder.style.width = holder.parentNode.style.width;
       // Add selection corner protruding part to the holder total height to make sure that

package/3rdparty/walkontable/src/overlay/top.mjs

@@ -29,7 +29,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { addClass, getScrollbarWidth, getScrollTop, getWindowScrollLeft, hasClass, outerHeight, removeClass, setOverlayPosition, resetCssTransform } from "../../../../helpers/dom/element.mjs";
 import TopOverlayTable from "./../table/top.mjs";
 import { Overlay } from "./_base.mjs";
-import { CORNER_DEFAULT_STYLE } from "../selection/index.mjs";
 import { CLONE_TOP } from "./constants.mjs";
 /**
  * @class TopOverlay
@@ -236,8 +235,11 @@ export var TopOverlay = /*#__PURE__*/function (_Overlay) {
   }, {
     key: "adjustRootChildrenSize",
     value: function adjustRootChildrenSize() {
+      var _selections$getCell$g;
       var holder = this.clone.wtTable.holder;
-      var selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(CORNER_DEFAULT_STYLE.height, 10) / 2 : 0;
+      var selections = this.wot.selections;
+      var facade = this.facadeGetter();
+      var selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(facade).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
       this.clone.wtTable.hider.style.width = this.hider.style.width;
       holder.style.width = holder.parentNode.style.width;
       // Add selection corner protruding part to the holder total height to make sure that

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

@@ -0,0 +1,354 @@
+"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.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;