handsontable 13.1.0 → 14.0.0-next-e8f87aa-20231030

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

@@ -1,290 +0,0 @@
-import "core-js/modules/es.array.push.js";
-import { addClass, hasClass } from "./../../../helpers/dom/element.mjs";
-import Border from "./border.mjs";
-/**
- * @class Selection
- */
-class Selection {
-  /**
-   * @param {object} settings The selection settings object. @todo type.
-   * @param {CellRange} cellRange The cell range instance.
-   */
-  constructor(settings, cellRange) {
-    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}
-   */
-  getBorder(wotInstance) {
-    if (!this.instanceBorders[wotInstance.guid]) {
-      this.instanceBorders[wotInstance.guid] = new Border(wotInstance, this.settings);
-    }
-    return this.instanceBorders[wotInstance.guid];
-  }
-
-  /**
-   * Checks if selection is empty.
-   *
-   * @returns {boolean}
-   */
-  isEmpty() {
-    return this.cellRange === null;
-  }
-
-  /**
-   * Adds a cell coords to the selection.
-   *
-   * @param {CellCoords} coords The cell coordinates to add.
-   * @returns {Selection}
-   */
-  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}
-   */
-  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}
-   */
-  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]`.
-   */
-  getCorners() {
-    const topStart = this.cellRange.getOuterTopStartCorner();
-    const 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}
-   */
-  addClassAtCoords(wotInstance, sourceRow, sourceColumn, className) {
-    let markIntersections = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-    const TD = wotInstance.wtTable.getCell(this.settings.createCellCoords(sourceRow, sourceColumn));
-    if (typeof TD === 'object') {
-      let cellClassName = className;
-      if (markIntersections) {
-        cellClassName = this.classNameGenerator(TD);
-        if (!this.classNames.includes(cellClassName)) {
-          this.classNames.push(cellClassName);
-        }
-      }
-      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}
-   */
-  linearClassNameGenerator(baseClassName, layerLevelOwner) {
-    // TODO: Make this recursive function Proper Tail Calls (TCO/PTC) friendly.
-    return function calcClassName(element) {
-      let previousIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
-      if (layerLevelOwner === 0 || previousIndex === 0) {
-        return baseClassName;
-      }
-      let index = previousIndex >= 0 ? previousIndex : layerLevelOwner;
-      let className = baseClassName;
-      index -= 1;
-      const previousClassName = index === 0 ? baseClassName : `${baseClassName}-${index}`;
-      if (hasClass(element, previousClassName)) {
-        const currentLayer = index + 1;
-        className = `${baseClassName}-${currentLayer}`;
-      } else {
-        className = calcClassName(element, index);
-      }
-      return className;
-    };
-  }
-
-  /**
-   * @param {WalkontableFacade} wotInstance The Walkontable instance.
-   */
-  draw(wotInstance) {
-    if (this.isEmpty()) {
-      if (this.settings.border) {
-        this.getBorder(wotInstance).disappear();
-      }
-      return;
-    }
-    const renderedRows = wotInstance.wtTable.getRenderedRowsCount();
-    const renderedColumns = wotInstance.wtTable.getRenderedColumnsCount();
-    const corners = this.getCorners();
-    const [topRow, topColumn, bottomRow, bottomColumn] = corners;
-    const {
-      highlightHeaderClassName,
-      highlightColumnClassName,
-      highlightRowClassName,
-      highlightOnlyClosestHeader,
-      selectionType
-    } = this.settings;
-    const isHeaderSelectionType = selectionType === void 0 || ['active-header', 'header'].includes(selectionType);
-    if (isHeaderSelectionType && topColumn !== null && bottomColumn !== null) {
-      let selectionColumnCursor = 0;
-      for (let column = 0; column < renderedColumns; column += 1) {
-        const sourceCol = wotInstance.wtTable.columnFilter.renderedToSource(column);
-        if (sourceCol >= topColumn && sourceCol <= bottomColumn) {
-          let THs = wotInstance.wtTable.getColumnHeaders(sourceCol);
-          const closestHeaderLevel = THs.length - 1;
-          if (highlightOnlyClosestHeader && THs.length > 1) {
-            THs = [THs[closestHeaderLevel]];
-          }
-          for (let headerLevel = 0; headerLevel < THs.length; headerLevel += 1) {
-            const newClasses = [];
-            let TH = THs[headerLevel];
-            if (highlightHeaderClassName) {
-              newClasses.push(highlightHeaderClassName);
-            }
-            if (highlightColumnClassName) {
-              newClasses.push(highlightColumnClassName);
-            }
-            headerLevel = highlightOnlyClosestHeader ? closestHeaderLevel : headerLevel;
-            const newSourceCol = wotInstance.getSetting('onBeforeHighlightingColumnHeader', sourceCol, headerLevel, {
-              selectionType,
-              columnCursor: selectionColumnCursor,
-              selectionWidth: bottomColumn - topColumn + 1,
-              classNames: newClasses
-            });
-            if (newSourceCol !== sourceCol) {
-              TH = wotInstance.wtTable.getColumnHeader(newSourceCol, headerLevel);
-            }
-            addClass(TH, newClasses);
-          }
-          selectionColumnCursor += 1;
-        }
-      }
-    }
-    if (topRow !== null && bottomRow !== null) {
-      let selectionRowCursor = 0;
-      for (let row = 0; row < renderedRows; row += 1) {
-        const sourceRow = wotInstance.wtTable.rowFilter.renderedToSource(row);
-        if (isHeaderSelectionType && sourceRow >= topRow && sourceRow <= bottomRow) {
-          let THs = wotInstance.wtTable.getRowHeaders(sourceRow);
-          const closestHeaderLevel = THs.length - 1;
-          if (highlightOnlyClosestHeader && THs.length > 1) {
-            THs = [THs[closestHeaderLevel]];
-          }
-          for (let headerLevel = 0; headerLevel < THs.length; headerLevel += 1) {
-            const newClasses = [];
-            let TH = THs[headerLevel];
-            if (highlightHeaderClassName) {
-              newClasses.push(highlightHeaderClassName);
-            }
-            if (highlightRowClassName) {
-              newClasses.push(highlightRowClassName);
-            }
-            headerLevel = highlightOnlyClosestHeader ? closestHeaderLevel : headerLevel;
-            const newSourceRow = wotInstance.getSetting('onBeforeHighlightingRowHeader', sourceRow, headerLevel, {
-              selectionType,
-              rowCursor: selectionRowCursor,
-              selectionHeight: bottomRow - topRow + 1,
-              classNames: newClasses
-            });
-            if (newSourceRow !== sourceRow) {
-              TH = wotInstance.wtTable.getRowHeader(newSourceRow, headerLevel);
-            }
-            addClass(TH, newClasses);
-          }
-          selectionRowCursor += 1;
-        }
-        if (topColumn !== null && bottomColumn !== null) {
-          for (let column = 0; column < renderedColumns; column += 1) {
-            const 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);
-              }
-            }
-            const 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.
-   */
-  destroy() {
-    Object.values(this.instanceBorders).forEach(border => border.destroy());
-  }
-}
-export default Selection;

package/plugins/contextMenu/predefinedItems.js

@@ -1,76 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.addItem = addItem;
-exports.predefinedItems = predefinedItems;
-var _object = require("../../helpers/object");
-var _alignment = _interopRequireWildcard(require("./predefinedItems/alignment"));
-exports.ALIGNMENT = _alignment.KEY;
-var _clearColumn = _interopRequireWildcard(require("./predefinedItems/clearColumn"));
-exports.CLEAR_COLUMN = _clearColumn.KEY;
-var _columnLeft = _interopRequireWildcard(require("./predefinedItems/columnLeft"));
-exports.COLUMN_LEFT = _columnLeft.KEY;
-var _columnRight = _interopRequireWildcard(require("./predefinedItems/columnRight"));
-exports.COLUMN_RIGHT = _columnRight.KEY;
-var _readOnly = _interopRequireWildcard(require("./predefinedItems/readOnly"));
-exports.READ_ONLY = _readOnly.KEY;
-var _redo = _interopRequireWildcard(require("./predefinedItems/redo"));
-exports.REDO = _redo.KEY;
-var _removeColumn = _interopRequireWildcard(require("./predefinedItems/removeColumn"));
-exports.REMOVE_COLUMN = _removeColumn.KEY;
-var _removeRow = _interopRequireWildcard(require("./predefinedItems/removeRow"));
-exports.REMOVE_ROW = _removeRow.KEY;
-var _rowAbove = _interopRequireWildcard(require("./predefinedItems/rowAbove"));
-exports.ROW_ABOVE = _rowAbove.KEY;
-var _rowBelow = _interopRequireWildcard(require("./predefinedItems/rowBelow"));
-exports.ROW_BELOW = _rowBelow.KEY;
-var _separator = _interopRequireWildcard(require("./predefinedItems/separator"));
-exports.SEPARATOR = _separator.KEY;
-var _noItems = _interopRequireWildcard(require("./predefinedItems/noItems"));
-exports.NO_ITEMS = _noItems.KEY;
-var _undo = _interopRequireWildcard(require("./predefinedItems/undo"));
-exports.UNDO = _undo.KEY;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const ITEMS = [_rowAbove.KEY, _rowBelow.KEY, _columnLeft.KEY, _columnRight.KEY, _clearColumn.KEY, _removeRow.KEY, _removeColumn.KEY, _undo.KEY, _redo.KEY, _readOnly.KEY, _alignment.KEY, _separator.KEY, _noItems.KEY];
-exports.ITEMS = ITEMS;
-const _predefinedItems = {
-  [_separator.KEY]: _separator.default,
-  [_noItems.KEY]: _noItems.default,
-  [_rowAbove.KEY]: _rowAbove.default,
-  [_rowBelow.KEY]: _rowBelow.default,
-  [_columnLeft.KEY]: _columnLeft.default,
-  [_columnRight.KEY]: _columnRight.default,
-  [_clearColumn.KEY]: _clearColumn.default,
-  [_removeRow.KEY]: _removeRow.default,
-  [_removeColumn.KEY]: _removeColumn.default,
-  [_undo.KEY]: _undo.default,
-  [_redo.KEY]: _redo.default,
-  [_readOnly.KEY]: _readOnly.default,
-  [_alignment.KEY]: _alignment.default
-};
-
-/**
- * Gets new object with all predefined menu items.
- *
- * @returns {object}
- */
-function predefinedItems() {
-  const items = {};
-  (0, _object.objectEach)(_predefinedItems, (itemFactory, key) => {
-    items[key] = itemFactory();
-  });
-  return items;
-}
-
-/**
- * Add new predefined menu item to the collection.
- *
- * @param {string} key Menu command id.
- * @param {object} item Object command descriptor.
- */
-function addItem(key, item) {
-  if (ITEMS.indexOf(key) === -1) {
-    _predefinedItems[key] = item;
-  }
-}

package/plugins/contextMenu/predefinedItems.mjs

@@ -1,68 +0,0 @@
-import { objectEach } from "../../helpers/object.mjs";
-import alignmentItem, { KEY as ALIGNMENT } from "./predefinedItems/alignment.mjs";
-import clearColumnItem, { KEY as CLEAR_COLUMN } from "./predefinedItems/clearColumn.mjs";
-import columnLeftItem, { KEY as COLUMN_LEFT } from "./predefinedItems/columnLeft.mjs";
-import columnRightItem, { KEY as COLUMN_RIGHT } from "./predefinedItems/columnRight.mjs";
-import readOnlyItem, { KEY as READ_ONLY } from "./predefinedItems/readOnly.mjs";
-import redoItem, { KEY as REDO } from "./predefinedItems/redo.mjs";
-import removeColumnItem, { KEY as REMOVE_COLUMN } from "./predefinedItems/removeColumn.mjs";
-import removeRowItem, { KEY as REMOVE_ROW } from "./predefinedItems/removeRow.mjs";
-import rowAboveItem, { KEY as ROW_ABOVE } from "./predefinedItems/rowAbove.mjs";
-import rowBelowItem, { KEY as ROW_BELOW } from "./predefinedItems/rowBelow.mjs";
-import separatorItem, { KEY as SEPARATOR } from "./predefinedItems/separator.mjs";
-import noItemsItem, { KEY as NO_ITEMS } from "./predefinedItems/noItems.mjs";
-import undoItem, { KEY as UNDO } from "./predefinedItems/undo.mjs";
-export { KEY as ALIGNMENT } from "./predefinedItems/alignment.mjs";
-export { KEY as CLEAR_COLUMN } from "./predefinedItems/clearColumn.mjs";
-export { KEY as COLUMN_LEFT } from "./predefinedItems/columnLeft.mjs";
-export { KEY as COLUMN_RIGHT } from "./predefinedItems/columnRight.mjs";
-export { KEY as READ_ONLY } from "./predefinedItems/readOnly.mjs";
-export { KEY as REDO } from "./predefinedItems/redo.mjs";
-export { KEY as REMOVE_COLUMN } from "./predefinedItems/removeColumn.mjs";
-export { KEY as REMOVE_ROW } from "./predefinedItems/removeRow.mjs";
-export { KEY as ROW_ABOVE } from "./predefinedItems/rowAbove.mjs";
-export { KEY as ROW_BELOW } from "./predefinedItems/rowBelow.mjs";
-export { KEY as SEPARATOR } from "./predefinedItems/separator.mjs";
-export { KEY as NO_ITEMS } from "./predefinedItems/noItems.mjs";
-export { KEY as UNDO } from "./predefinedItems/undo.mjs";
-export const ITEMS = [ROW_ABOVE, ROW_BELOW, COLUMN_LEFT, COLUMN_RIGHT, CLEAR_COLUMN, REMOVE_ROW, REMOVE_COLUMN, UNDO, REDO, READ_ONLY, ALIGNMENT, SEPARATOR, NO_ITEMS];
-const _predefinedItems = {
-  [SEPARATOR]: separatorItem,
-  [NO_ITEMS]: noItemsItem,
-  [ROW_ABOVE]: rowAboveItem,
-  [ROW_BELOW]: rowBelowItem,
-  [COLUMN_LEFT]: columnLeftItem,
-  [COLUMN_RIGHT]: columnRightItem,
-  [CLEAR_COLUMN]: clearColumnItem,
-  [REMOVE_ROW]: removeRowItem,
-  [REMOVE_COLUMN]: removeColumnItem,
-  [UNDO]: undoItem,
-  [REDO]: redoItem,
-  [READ_ONLY]: readOnlyItem,
-  [ALIGNMENT]: alignmentItem
-};
-
-/**
- * Gets new object with all predefined menu items.
- *
- * @returns {object}
- */
-export function predefinedItems() {
-  const items = {};
-  objectEach(_predefinedItems, (itemFactory, key) => {
-    items[key] = itemFactory();
-  });
-  return items;
-}
-
-/**
- * Add new predefined menu item to the collection.
- *
- * @param {string} key Menu command id.
- * @param {object} item Object command descriptor.
- */
-export function addItem(key, item) {
-  if (ITEMS.indexOf(key) === -1) {
-    _predefinedItems[key] = item;
-  }
-}

package/plugins/copyPaste/clipboardData.js

@@ -1,18 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-/**
- * @private
- */
-class ClipboardData {
-  constructor() {
-    this.data = {};
-  }
-  setData(type, value) {
-    this.data[type] = value;
-  }
-  getData(type) {
-    return this.data[type] || void 0;
-  }
-}
-exports.default = ClipboardData;

package/plugins/copyPaste/clipboardData.mjs

@@ -1,14 +0,0 @@
-/**
- * @private
- */
-export default class ClipboardData {
-  constructor() {
-    this.data = {};
-  }
-  setData(type, value) {
-    this.data[type] = value;
-  }
-  getData(type) {
-    return this.data[type] || void 0;
-  }
-}

package/plugins/copyPaste/focusableElement.js

@@ -1,186 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.createElement = createElement;
-exports.deactivateElement = deactivateElement;
-exports.destroyElement = destroyElement;
-var _eventManager = _interopRequireDefault(require("../../eventManager"));
-var _localHooks = _interopRequireDefault(require("../../mixins/localHooks"));
-var _object = require("../../helpers/object");
-var _browser = require("../../helpers/browser");
-var _element = require("../../helpers/dom/element");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * @private
- * @class FocusableWrapper
- */
-class FocusableWrapper {
-  constructor(container) {
-    this.rootDocument = container.defaultView ? container : container.ownerDocument;
-    /**
-     * The main/operational focusable element.
-     *
-     * @type {HTMLElement}
-     */
-    this.mainElement = null;
-    /**
-     * Instance of EventManager.
-     *
-     * @type {EventManager}
-     */
-    this.eventManager = new _eventManager.default(this);
-    /**
-     * An object for tracking information about event listeners attached to the focusable element.
-     *
-     * @type {WeakSet}
-     */
-    this.listenersCount = new WeakSet();
-    /**
-     * Parent for an focusable element.
-     *
-     * @type {HTMLElement}
-     */
-    this.container = container;
-  }
-
-  /**
-   * Switch to the secondary focusable element. Used when no any main focusable element is provided.
-   */
-  useSecondaryElement() {
-    const el = createOrGetSecondaryElement(this.container);
-    if (!this.listenersCount.has(el)) {
-      this.listenersCount.add(el);
-      forwardEventsToLocalHooks(this.eventManager, el, this);
-    }
-    this.mainElement = el;
-  }
-
-  /**
-   * Switch to the main focusable element.
-   *
-   * @param {HTMLElement} element The DOM element.
-   */
-  setFocusableElement(element) {
-    if (!this.listenersCount.has(element)) {
-      this.listenersCount.add(element);
-      forwardEventsToLocalHooks(this.eventManager, element, this);
-    }
-    this.mainElement = element;
-  }
-
-  /**
-   * Get currently set focusable element.
-   *
-   * @returns {HTMLElement}
-   */
-  getFocusableElement() {
-    return this.mainElement;
-  }
-
-  /**
-   * Set focus to the focusable element.
-   */
-  focus() {
-    // Add an empty space to texarea. It is necessary for safari to enable "copy" command from menu bar.
-    this.mainElement.value = ' ';
-    if (!(0, _browser.isMobileBrowser)()) {
-      (0, _element.selectElementIfAllowed)(this.mainElement);
-    }
-  }
-}
-(0, _object.mixin)(FocusableWrapper, _localHooks.default);
-const refCounter = new WeakMap();
-
-/**
- * Create and return the FocusableWrapper instance.
- *
- * @param {HTMLElement} container The container element, holder for focusable elements.
- * @returns {FocusableWrapper}
- */
-function createElement(container) {
-  const focusableWrapper = new FocusableWrapper(container);
-  let counter = refCounter.get(container);
-  counter = isNaN(counter) ? 0 : counter;
-  refCounter.set(container, counter + 1);
-  return focusableWrapper;
-}
-
-/**
- * Deactivate the FocusableWrapper instance.
- *
- * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
- */
-function deactivateElement(wrapper) {
-  wrapper.eventManager.clear();
-}
-const runLocalHooks = (eventName, subject) => event => subject.runLocalHooks(eventName, event);
-
-/**
- * Register copy/cut/paste events and forward their actions to the subject local hooks system.
- *
- * @param {EventManager} eventManager The instance of the EventManager class.
- * @param {HTMLElement} element The element on which the listeners are mounted.
- * @param {FocusableWrapper} subject The subject object for local hooks.
- */
-function forwardEventsToLocalHooks(eventManager, element, subject) {
-  eventManager.addEventListener(element, 'copy', runLocalHooks('copy', subject));
-  eventManager.addEventListener(element, 'cut', runLocalHooks('cut', subject));
-  eventManager.addEventListener(element, 'paste', runLocalHooks('paste', subject));
-}
-const secondaryElements = new WeakMap();
-
-/**
- * Create and attach newly created focusable element to the DOM.
- *
- * @param {HTMLElement} container The container element, holder for focusable elements.
- * @returns {HTMLElement}
- */
-function createOrGetSecondaryElement(container) {
-  const secondaryElement = secondaryElements.get(container);
-  if (secondaryElement) {
-    if (!secondaryElement.parentElement) {
-      container.appendChild(secondaryElement);
-    }
-    return secondaryElement;
-  }
-  const doc = container.defaultView ? container : container.ownerDocument;
-  const element = doc.createElement('textarea');
-  secondaryElements.set(container, element);
-  element.setAttribute('data-hot-input', ''); // Makes the element recognizable by Hot as its own component's element.
-  element.className = 'HandsontableCopyPaste';
-  element.tabIndex = -1;
-  element.autocomplete = 'off';
-  element.wrap = 'hard';
-  element.value = ' ';
-  container.appendChild(element);
-  return element;
-}
-
-/**
- * Destroy the FocusableWrapper instance.
- *
- * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
- */
-function destroyElement(wrapper) {
-  if (!(wrapper instanceof FocusableWrapper)) {
-    return;
-  }
-  let counter = refCounter.get(wrapper.container);
-  counter = isNaN(counter) ? 0 : counter;
-  if (counter > 0) {
-    counter -= 1;
-  }
-  deactivateElement(wrapper);
-  if (counter <= 0) {
-    counter = 0;
-
-    // Detach secondary element from the DOM.
-    const secondaryElement = secondaryElements.get(wrapper.container);
-    if (secondaryElement && secondaryElement.parentNode) {
-      secondaryElement.parentNode.removeChild(secondaryElement);
-      secondaryElements.delete(wrapper.container);
-    }
-    wrapper.mainElement = null;
-  }
-  refCounter.set(wrapper.container, counter);
-}