handsontable 0.0.0-next-8d0643b-20230809 → 0.0.0-next-be16baf-20230809

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

@@ -5,6 +5,7 @@ require("core-js/modules/es.error.cause.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 }; }
 /**
@@ -172,15 +173,10 @@ class InlineStartOverlay extends _base.Overlay {
    * Adjust overlay root childs size.
    */
   adjustRootChildrenSize() {
-    var _selections$getCell$g;
     const {
       holder
     } = this.clone.wtTable;
-    const {
-      selections
-    } = this.wot;
-    const facade = this.facadeGetter();
-    const 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);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(_selection.CORNER_DEFAULT_STYLE.width, 10) / 2 : 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

@@ -2,6 +2,7 @@ import "core-js/modules/es.error.cause.js";
 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
@@ -168,15 +169,10 @@ export class InlineStartOverlay extends Overlay {
    * Adjust overlay root childs size.
    */
   adjustRootChildrenSize() {
-    var _selections$getCell$g;
     const {
       holder
     } = this.clone.wtTable;
-    const {
-      selections
-    } = this.wot;
-    const facade = this.facadeGetter();
-    const 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);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(CORNER_DEFAULT_STYLE.width, 10) / 2 : 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

@@ -5,6 +5,7 @@ require("core-js/modules/es.error.cause.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 _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; }
@@ -199,15 +200,10 @@ class TopOverlay extends _base.Overlay {
    * Adjust overlay root childs size.
    */
   adjustRootChildrenSize() {
-    var _selections$getCell$g;
     const {
       holder
     } = this.clone.wtTable;
-    const {
-      selections
-    } = this.wot;
-    const facade = this.facadeGetter();
-    const 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);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(_selection.CORNER_DEFAULT_STYLE.height, 10) / 2 : 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

@@ -5,6 +5,7 @@ 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
@@ -195,15 +196,10 @@ export class TopOverlay extends Overlay {
    * Adjust overlay root childs size.
    */
   adjustRootChildrenSize() {
-    var _selections$getCell$g;
     const {
       holder
     } = this.clone.wtTable;
-    const {
-      selections
-    } = this.wot;
-    const facade = this.facadeGetter();
-    const 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);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(CORNER_DEFAULT_STYLE.height, 10) / 2 : 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/{border.js → selection/border/border.js}

@@ -1,10 +1,11 @@
 "use strict";
 
 exports.__esModule = true;
-var _element = require("../../../helpers/dom/element");
-var _event = require("../../../helpers/dom/event");
-var _object = require("../../../helpers/object");
-var _browser = require("../../../helpers/browser");
+var _element = require("../../../../../helpers/dom/element");
+var _event = require("../../../../../helpers/dom/event");
+var _object = require("../../../../../helpers/object");
+var _browser = require("../../../../../helpers/browser");
+var _constants = require("./constants");
 /**
  *
  */
@@ -34,13 +35,7 @@ class Border {
     this.bottomStyle = null;
     this.startStyle = null;
     this.endStyle = null;
-    this.cornerDefaultStyle = {
-      width: '6px',
-      height: '6px',
-      borderWidth: '1px',
-      borderStyle: 'solid',
-      borderColor: '#FFF'
-    };
+    this.cornerDefaultStyle = _constants.CORNER_DEFAULT_STYLE;
     // Offset to moving the corner to be centered relative to the grid.
     this.cornerCenterPointOffset = -(parseInt(this.cornerDefaultStyle.width, 10) / 2);
     this.corner = null;
@@ -250,7 +245,7 @@ class Border {
    * @returns {boolean}
    */
   isPartRange(row, col) {
-    const areaSelection = this.wot.selections.createOrGetArea();
+    const areaSelection = this.wot.selectionManager.getAreaSelection();
     if (areaSelection.cellRange) {
       if (row !== areaSelection.cellRange.to.row || col !== areaSelection.cellRange.to.col) {
         return true;

package/3rdparty/walkontable/src/{border.mjs → selection/border/border.mjs}

@@ -1,7 +1,8 @@
-import { addClass, hasClass, removeClass, getComputedStyle, getTrimmingContainer, innerWidth, innerHeight, offset, outerHeight, outerWidth } from "../../../helpers/dom/element.mjs";
-import { stopImmediatePropagation } from "../../../helpers/dom/event.mjs";
-import { objectEach } from "../../../helpers/object.mjs";
-import { isMobileBrowser } from "../../../helpers/browser.mjs";
+import { addClass, hasClass, removeClass, getComputedStyle, getTrimmingContainer, innerWidth, innerHeight, offset, outerHeight, outerWidth } from "../../../../../helpers/dom/element.mjs";
+import { stopImmediatePropagation } from "../../../../../helpers/dom/event.mjs";
+import { objectEach } from "../../../../../helpers/object.mjs";
+import { isMobileBrowser } from "../../../../../helpers/browser.mjs";
+import { CORNER_DEFAULT_STYLE } from "./constants.mjs";
 /**
  *
  */
@@ -31,13 +32,7 @@ class Border {
     this.bottomStyle = null;
     this.startStyle = null;
     this.endStyle = null;
-    this.cornerDefaultStyle = {
-      width: '6px',
-      height: '6px',
-      borderWidth: '1px',
-      borderStyle: 'solid',
-      borderColor: '#FFF'
-    };
+    this.cornerDefaultStyle = CORNER_DEFAULT_STYLE;
     // Offset to moving the corner to be centered relative to the grid.
     this.cornerCenterPointOffset = -(parseInt(this.cornerDefaultStyle.width, 10) / 2);
     this.corner = null;
@@ -247,7 +242,7 @@ class Border {
    * @returns {boolean}
    */
   isPartRange(row, col) {
-    const areaSelection = this.wot.selections.createOrGetArea();
+    const areaSelection = this.wot.selectionManager.getAreaSelection();
     if (areaSelection.cellRange) {
       if (row !== areaSelection.cellRange.to.row || col !== areaSelection.cellRange.to.col) {
         return true;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+/**
+ * Default border corner style.
+ *
+ * @type {object}
+ */
+const CORNER_DEFAULT_STYLE = Object.freeze({
+  width: '6px',
+  height: '6px',
+  borderWidth: '1px',
+  borderStyle: 'solid',
+  borderColor: '#FFF'
+});
+exports.CORNER_DEFAULT_STYLE = CORNER_DEFAULT_STYLE;

package/3rdparty/walkontable/src/selection/border/constants.mjs

@@ -0,0 +1,12 @@
+/**
+ * Default border corner style.
+ *
+ * @type {object}
+ */
+export const CORNER_DEFAULT_STYLE = Object.freeze({
+  width: '6px',
+  height: '6px',
+  borderWidth: '1px',
+  borderStyle: 'solid',
+  borderColor: '#FFF'
+});

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

@@ -0,0 +1,62 @@
+"use strict";
+
+exports.__esModule = true;
+/**
+ * Selection type that is visible only if the row or column header is clicked. If that happened
+ * all row or column header layers are highlighted.
+ *
+ * @type {string}
+ */
+const ACTIVE_HEADER_TYPE = 'active-header';
+/**
+ * Selection type that is visible only if the a cell or cells are clicked. If that happened
+ * only the most closest to the cells row or column header is highlighted.
+ *
+ * @type {string}
+ */
+exports.ACTIVE_HEADER_TYPE = ACTIVE_HEADER_TYPE;
+const HEADER_TYPE = 'header';
+/**
+ * Selection type that is visible when a cell or cells are clicked. The selected cells are
+ * highlighted.
+ *
+ * @type {string}
+ */
+exports.HEADER_TYPE = HEADER_TYPE;
+const AREA_TYPE = 'area';
+/**
+ * Selection type defines a cell that follows the user (keyboard navigation).
+ *
+ * @type {string}
+ */
+exports.AREA_TYPE = AREA_TYPE;
+const FOCUS_TYPE = 'focus';
+/**
+ * Selection type defines borders for the autofill functionality.
+ *
+ * @type {string}
+ */
+exports.FOCUS_TYPE = FOCUS_TYPE;
+const FILL_TYPE = 'fill';
+/**
+ * Selection type defines highlights for the `currentRowClassName` option.
+ *
+ * @type {string}
+ */
+exports.FILL_TYPE = FILL_TYPE;
+const ROW_TYPE = 'row';
+/**
+ * Selection type defines highlights for the `currentColumnClassName` option.
+ *
+ * @type {string}
+ */
+exports.ROW_TYPE = ROW_TYPE;
+const COLUMN_TYPE = 'column';
+/**
+ * Selection type defines highlights managed by the CustomBorders plugin.
+ *
+ * @type {string}
+ */
+exports.COLUMN_TYPE = COLUMN_TYPE;
+const CUSTOM_SELECTION_TYPE = 'custom-selection';
+exports.CUSTOM_SELECTION_TYPE = CUSTOM_SELECTION_TYPE;

package/3rdparty/walkontable/src/selection/constants.mjs

@@ -0,0 +1,51 @@
+/**
+ * Selection type that is visible only if the row or column header is clicked. If that happened
+ * all row or column header layers are highlighted.
+ *
+ * @type {string}
+ */
+export const ACTIVE_HEADER_TYPE = 'active-header';
+/**
+ * Selection type that is visible only if the a cell or cells are clicked. If that happened
+ * only the most closest to the cells row or column header is highlighted.
+ *
+ * @type {string}
+ */
+export const HEADER_TYPE = 'header';
+/**
+ * Selection type that is visible when a cell or cells are clicked. The selected cells are
+ * highlighted.
+ *
+ * @type {string}
+ */
+export const AREA_TYPE = 'area';
+/**
+ * Selection type defines a cell that follows the user (keyboard navigation).
+ *
+ * @type {string}
+ */
+export const FOCUS_TYPE = 'focus';
+/**
+ * Selection type defines borders for the autofill functionality.
+ *
+ * @type {string}
+ */
+export const FILL_TYPE = 'fill';
+/**
+ * Selection type defines highlights for the `currentRowClassName` option.
+ *
+ * @type {string}
+ */
+export const ROW_TYPE = 'row';
+/**
+ * Selection type defines highlights for the `currentColumnClassName` option.
+ *
+ * @type {string}
+ */
+export const COLUMN_TYPE = 'column';
+/**
+ * Selection type defines highlights managed by the CustomBorders plugin.
+ *
+ * @type {string}
+ */
+export const CUSTOM_SELECTION_TYPE = 'custom-selection';

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

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+var _exportNames = {
+  SelectionManager: true,
+  Selection: true
+};
+var _selection = _interopRequireDefault(require("./selection"));
+exports.Selection = _selection.default;
+var _constants = require("./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] === _constants[key]) return;
+  exports[key] = _constants[key];
+});
+var _constants2 = require("./border/constants");
+Object.keys(_constants2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants2[key]) return;
+  exports[key] = _constants2[key];
+});
+var _manager = require("./manager");
+exports.SelectionManager = _manager.SelectionManager;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -0,0 +1,5 @@
+import Selection from "./selection.mjs";
+export * from "./constants.mjs";
+export * from "./border/constants.mjs";
+export { SelectionManager } from "./manager.mjs";
+export { Selection };

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

@@ -0,0 +1,259 @@
+"use strict";
+
+exports.__esModule = true;
+require("core-js/modules/es.array.unscopables.flat.js");
+require("core-js/modules/es.error.cause.js");
+var _element = require("../../../../helpers/dom/element");
+var _scanner2 = require("./scanner");
+var _border = _interopRequireDefault(require("./border/border"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
+/**
+ * Module responsible for rendering selections (CSS classes) and borders based on the
+ * collection of the Selection instances provided throughout the `selections` Walkontable
+ * setting.
+ *
+ * @private
+ */
+var _activeOverlaysWot = /*#__PURE__*/new WeakMap();
+var _selections = /*#__PURE__*/new WeakMap();
+var _scanner = /*#__PURE__*/new WeakMap();
+var _appliedClasses = /*#__PURE__*/new WeakMap();
+var _destroyListeners = /*#__PURE__*/new WeakMap();
+var _selectionBorders = /*#__PURE__*/new WeakMap();
+var _resetCells = /*#__PURE__*/new WeakSet();
+class SelectionManager {
+  constructor(selections) {
+    /**
+     * Resets the elements to their initial state (remove the CSS classes that are added in the
+     * previous render cycle).
+     */
+    _classPrivateMethodInitSpec(this, _resetCells);
+    /**
+     * The overlay's Walkontable instance that are currently processed.
+     *
+     * @type {Walkontable}
+     */
+    _classPrivateFieldInitSpec(this, _activeOverlaysWot, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * The Highlight instance that holds Selections instances within it.
+     *
+     * @type {Highlight|null}
+     */
+    _classPrivateFieldInitSpec(this, _selections, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * The SelectionScanner allows to scan and collect the cell and header elements that matches
+     * to the coords defined in the selections.
+     *
+     * @type {SelectionScanner}
+     */
+    _classPrivateFieldInitSpec(this, _scanner, {
+      writable: true,
+      value: new _scanner2.SelectionScanner()
+    });
+    /**
+     * The Map tracks applied CSS classes. It's used to reset the elements state to their initial state.
+     *
+     * @type {WeakMap}
+     */
+    _classPrivateFieldInitSpec(this, _appliedClasses, {
+      writable: true,
+      value: new WeakMap()
+    });
+    /**
+     * The Map tracks applied "destroy" listeners for Selection instances.
+     *
+     * @type {WeakMap}
+     */
+    _classPrivateFieldInitSpec(this, _destroyListeners, {
+      writable: true,
+      value: new WeakSet()
+    });
+    /**
+     * The Map holds references to Border classes for Selection instances which requires that when
+     * the "border" setting is defined.
+     *
+     * @type {Map}
+     */
+    _classPrivateFieldInitSpec(this, _selectionBorders, {
+      writable: true,
+      value: new Map()
+    });
+    _classPrivateFieldSet(this, _selections, selections);
+  }
+
+  /**
+   * Sets the active Walkontable instance.
+   *
+   * @param {Walkontable} activeWot The overlays or master Walkontable instance.
+   * @returns {SelectionManager}
+   */
+  setActiveOverlay(activeWot) {
+    _classPrivateFieldSet(this, _activeOverlaysWot, activeWot);
+    _classPrivateFieldGet(this, _scanner).setActiveOverlay(_classPrivateFieldGet(this, _activeOverlaysWot));
+    if (!_classPrivateFieldGet(this, _appliedClasses).has(_classPrivateFieldGet(this, _activeOverlaysWot))) {
+      _classPrivateFieldGet(this, _appliedClasses).set(_classPrivateFieldGet(this, _activeOverlaysWot), new Set());
+    }
+    return this;
+  }
+
+  /**
+   * Gets the Selection instance of the "focus" type.
+   *
+   * @returns {Selection|null}
+   */
+  getFocusSelection() {
+    return _classPrivateFieldGet(this, _selections) !== null ? _classPrivateFieldGet(this, _selections).getFocus() : null;
+  }
+
+  /**
+   * Gets the Selection instance of the "area" type.
+   *
+   * @returns {Selection|null}
+   */
+  getAreaSelection() {
+    return _classPrivateFieldGet(this, _selections) !== null ? _classPrivateFieldGet(this, _selections).createLayeredArea() : null;
+  }
+
+  /**
+   * Gets the Border instance associated with Selection instance.
+   *
+   * @param {Selection} selection The selection instance.
+   * @returns {Border|null} Returns the Border instance (new for each overlay Walkontable instance).
+   */
+  getBorderInstance(selection) {
+    if (!selection.settings.border) {
+      return null;
+    }
+    if (_classPrivateFieldGet(this, _selectionBorders).has(selection)) {
+      const borders = _classPrivateFieldGet(this, _selectionBorders).get(selection);
+      if (borders.has(_classPrivateFieldGet(this, _activeOverlaysWot))) {
+        return borders.get(_classPrivateFieldGet(this, _activeOverlaysWot));
+      }
+      const border = new _border.default(_classPrivateFieldGet(this, _activeOverlaysWot), selection.settings);
+      borders.set(_classPrivateFieldGet(this, _activeOverlaysWot), border);
+      return border;
+    }
+    const border = new _border.default(_classPrivateFieldGet(this, _activeOverlaysWot), selection.settings);
+    _classPrivateFieldGet(this, _selectionBorders).set(selection, new Map([[_classPrivateFieldGet(this, _activeOverlaysWot), border]]));
+    return border;
+  }
+
+  /**
+   * Gets all Border instances associated with Selection instance for all overlays.
+   *
+   * @param {Selection} selection The selection instance.
+   * @returns {Border[]}
+   */
+  getBorderInstances(selection) {
+    var _classPrivateFieldGet2, _classPrivateFieldGet3;
+    return Array.from((_classPrivateFieldGet2 = (_classPrivateFieldGet3 = _classPrivateFieldGet(this, _selectionBorders).get(selection)) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.values()) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : []);
+  }
+
+  /**
+   * Destroys the Border instance associated with Selection instance.
+   *
+   * @param {Selection} selection The selection instance.
+   */
+  destroyBorders(selection) {
+    _classPrivateFieldGet(this, _selectionBorders).get(selection).forEach(border => border.destroy());
+    _classPrivateFieldGet(this, _selectionBorders).delete(selection);
+  }
+
+  /**
+   * Renders all the selections (add CSS classes to cells and draw borders).
+   *
+   * @param {boolean} fastDraw Indicates the render cycle type (fast/slow).
+   */
+  render(fastDraw) {
+    if (_classPrivateFieldGet(this, _selections) === null) {
+      return;
+    }
+    if (fastDraw) {
+      // there was no rerender, so we need to remove classNames by ourselves
+      _classPrivateMethodGet(this, _resetCells, _resetCells2).call(this);
+    }
+    const selections = Array.from(_classPrivateFieldGet(this, _selections));
+    const classNamesMap = new Map();
+    for (let i = 0; i < selections.length; i++) {
+      const selection = selections[i];
+      const {
+        className,
+        createLayers,
+        selectionType
+      } = selection.settings;
+      if (!_classPrivateFieldGet(this, _destroyListeners).has(selection)) {
+        _classPrivateFieldGet(this, _destroyListeners).add(selection);
+        selection.addLocalHook('destroy', () => this.destroyBorders(selection));
+      }
+      const borderInstance = this.getBorderInstance(selection);
+      if (selection.isEmpty()) {
+        borderInstance === null || borderInstance === void 0 ? void 0 : borderInstance.disappear();
+        continue; // eslint-disable-line no-continue
+      }
+
+      if (className) {
+        const elements = _classPrivateFieldGet(this, _scanner).setActiveSelection(selection).scan();
+        elements.forEach(element => {
+          if (classNamesMap.has(element)) {
+            const classNamesLayers = classNamesMap.get(element);
+            if (classNamesLayers.has(className) && createLayers === true) {
+              classNamesLayers.set(className, classNamesLayers.get(className) + 1);
+            } else {
+              classNamesLayers.set(className, 1);
+            }
+          } else {
+            classNamesMap.set(element, new Map([[className, 1]]));
+          }
+        });
+      }
+      const corners = selection.getCorners();
+      _classPrivateFieldGet(this, _activeOverlaysWot).getSetting('onBeforeDrawBorders', corners, selectionType);
+      borderInstance === null || borderInstance === void 0 ? void 0 : borderInstance.appear(corners);
+    }
+    classNamesMap.forEach((classNamesLayers, element) => {
+      const classNames = Array.from(classNamesLayers).map(_ref => {
+        let [className, occurrenceCount] = _ref;
+        if (occurrenceCount === 1) {
+          return className;
+        }
+        return [className, ...Array.from({
+          length: occurrenceCount - 1
+        }, (_, i) => `${className}-${i + 1}`)];
+      }).flat();
+      classNames.forEach(className => _classPrivateFieldGet(this, _appliedClasses).get(_classPrivateFieldGet(this, _activeOverlaysWot)).add(className));
+      (0, _element.addClass)(element, classNames);
+    });
+  }
+}
+exports.SelectionManager = SelectionManager;
+function _resetCells2() {
+  const appliedOverlaysClasses = _classPrivateFieldGet(this, _appliedClasses).get(_classPrivateFieldGet(this, _activeOverlaysWot));
+  const classesToRemove = _classPrivateFieldGet(this, _activeOverlaysWot).wtSettings.getSetting('onBeforeRemoveCellClassNames');
+  if (Array.isArray(classesToRemove)) {
+    for (let i = 0; i < classesToRemove.length; i++) {
+      appliedOverlaysClasses.add(classesToRemove[i]);
+    }
+  }
+  appliedOverlaysClasses.forEach(className => {
+    const nodes = _classPrivateFieldGet(this, _activeOverlaysWot).wtTable.TABLE.querySelectorAll(`.${className}`);
+    for (let i = 0, len = nodes.length; i < len; i++) {
+      (0, _element.removeClass)(nodes[i], className);
+    }
+  });
+  appliedOverlaysClasses.clear();
+}