handsontable 0.0.0-next-b0a4ea2-20231024 → 0.0.0-next-9059914-20231025

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

@@ -1,267 +0,0 @@
-import "core-js/modules/es.error.cause.js";
-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; } }
-/* eslint-disable no-continue */
-import { addClass } from "../../../../helpers/dom/element.mjs";
-/**
- * Selection scanner module scans the rendered cells and headers and if it finds an intersection with
- * the coordinates of the Selection class (highlight) it returns the DOM elements.
- *
- * @private
- */
-var _selection = /*#__PURE__*/new WeakMap();
-var _activeOverlaysWot = /*#__PURE__*/new WeakMap();
-var _scanCellsRange = /*#__PURE__*/new WeakSet();
-export class SelectionScanner {
-  constructor() {
-    /**
-     * The method triggers a callback for each rendered cell.
-     *
-     * @param {function(number, number): void} callback The callback function to trigger.
-     */
-    _classPrivateMethodInitSpec(this, _scanCellsRange);
-    /**
-     * Active Selection instance to process.
-     *
-     * @type {Selection}
-     */
-    _classPrivateFieldInitSpec(this, _selection, {
-      writable: true,
-      value: void 0
-    });
-    /**
-     * The Walkontable instance that the scans depends on.
-     *
-     * @type {Walkontable}
-     */
-    _classPrivateFieldInitSpec(this, _activeOverlaysWot, {
-      writable: true,
-      value: void 0
-    });
-  }
-  /**
-   * Sets the Walkontable instance that will be taking into account while scanning the table.
-   *
-   * @param {Walkontable} activeOverlaysWot The Walkontable instance.
-   * @returns {SelectionScanner}
-   */
-  setActiveOverlay(activeOverlaysWot) {
-    _classPrivateFieldSet(this, _activeOverlaysWot, activeOverlaysWot);
-    return this;
-  }
-
-  /**
-   * Sets the Selection instance to process.
-   *
-   * @param {Selection} selection The Selection instance.
-   * @returns {SelectionScanner}
-   */
-  setActiveSelection(selection) {
-    _classPrivateFieldSet(this, _selection, selection);
-    return this;
-  }
-
-  /**
-   * Scans the rendered table with selection and returns elements that intersects
-   * with selection coordinates.
-   *
-   * @returns {HTMLTableElement[]}
-   */
-  scan() {
-    const selectionType = _classPrivateFieldGet(this, _selection).settings.selectionType;
-    const elements = new Set();
-
-    // TODO(improvement): use heuristics from coords to detect what type of scan
-    // the Selection needs instead of using `selectionType` property.
-    if (selectionType === 'active-header') {
-      this.scanColumnsInHeadersRange(element => elements.add(element));
-      this.scanRowsInHeadersRange(element => elements.add(element));
-    } else if (selectionType === 'area') {
-      this.scanCellsRange(element => elements.add(element));
-    } else if (selectionType === 'focus') {
-      this.scanColumnsInHeadersRange(element => elements.add(element));
-      this.scanRowsInHeadersRange(element => elements.add(element));
-      this.scanCellsRange(element => elements.add(element));
-    } else if (selectionType === 'fill') {
-      this.scanCellsRange(element => elements.add(element));
-    } else if (selectionType === 'header') {
-      this.scanColumnsInHeadersRange(element => elements.add(element));
-      this.scanRowsInHeadersRange(element => elements.add(element));
-    } else if (selectionType === 'row') {
-      this.scanRowsInHeadersRange(element => elements.add(element));
-      this.scanRowsInCellsRange(element => elements.add(element));
-    } else if (selectionType === 'column') {
-      this.scanColumnsInHeadersRange(element => elements.add(element));
-      this.scanColumnsInCellsRange(element => elements.add(element));
-    }
-    return elements;
-  }
-
-  /**
-   * Scans the table (only rendered headers) and collect all column headers (TH) that match
-   * the coordinates passed in the Selection instance.
-   *
-   * @param {function(HTMLTableElement): void} callback The callback function to trigger.
-   */
-  scanColumnsInHeadersRange(callback) {
-    const [topRow, topColumn, bottomRow, bottomColumn] = _classPrivateFieldGet(this, _selection).getCorners();
-    const {
-      wtTable
-    } = _classPrivateFieldGet(this, _activeOverlaysWot);
-    const renderedColumnsCount = wtTable.getRenderedColumnsCount();
-    const columnHeadersCount = wtTable.getColumnHeadersCount();
-    let cursor = 0;
-    for (let column = -wtTable.getRowHeadersCount(); column < renderedColumnsCount; column++) {
-      const sourceColumn = wtTable.columnFilter.renderedToSource(column);
-      if (sourceColumn < topColumn || sourceColumn > bottomColumn) {
-        continue;
-      }
-      for (let headerLevel = -columnHeadersCount; headerLevel < 0; headerLevel++) {
-        if (headerLevel < topRow || headerLevel > bottomRow) {
-          continue;
-        }
-        const positiveBasedHeaderLevel = headerLevel + columnHeadersCount;
-        let TH = wtTable.getColumnHeader(sourceColumn, positiveBasedHeaderLevel);
-        const newSourceCol = _classPrivateFieldGet(this, _activeOverlaysWot).getSetting('onBeforeHighlightingColumnHeader', sourceColumn, positiveBasedHeaderLevel, {
-          selectionType: _classPrivateFieldGet(this, _selection).settings.selectionType,
-          columnCursor: cursor,
-          selectionWidth: bottomColumn - topColumn + 1
-        });
-        if (newSourceCol === null) {
-          continue;
-        }
-        if (newSourceCol !== sourceColumn) {
-          TH = wtTable.getColumnHeader(newSourceCol, positiveBasedHeaderLevel);
-        }
-        callback(TH);
-      }
-      cursor += 1;
-    }
-  }
-
-  /**
-   * Scans the table (only rendered headers) and collect all row headers (TH) that match
-   * the coordinates passed in the Selection instance.
-   *
-   * @param {function(HTMLTableElement): void} callback The callback function to trigger.
-   */
-  scanRowsInHeadersRange(callback) {
-    const [topRow, topColumn, bottomRow, bottomColumn] = _classPrivateFieldGet(this, _selection).getCorners();
-    const {
-      wtTable
-    } = _classPrivateFieldGet(this, _activeOverlaysWot);
-    const renderedRowsCount = wtTable.getRenderedRowsCount();
-    const rowHeadersCount = wtTable.getRowHeadersCount();
-    let cursor = 0;
-    for (let row = -wtTable.getColumnHeadersCount(); row < renderedRowsCount; row++) {
-      const sourceRow = wtTable.rowFilter.renderedToSource(row);
-      if (sourceRow < topRow || sourceRow > bottomRow) {
-        continue;
-      }
-      for (let headerLevel = -rowHeadersCount; headerLevel < 0; headerLevel++) {
-        if (headerLevel < topColumn || headerLevel > bottomColumn) {
-          continue;
-        }
-        const positiveBasedHeaderLevel = headerLevel + rowHeadersCount;
-        let TH = wtTable.getRowHeader(sourceRow, positiveBasedHeaderLevel);
-        const newSourceRow = _classPrivateFieldGet(this, _activeOverlaysWot).getSetting('onBeforeHighlightingRowHeader', sourceRow, positiveBasedHeaderLevel, {
-          selectionType: _classPrivateFieldGet(this, _selection).settings.selectionType,
-          rowCursor: cursor,
-          selectionHeight: bottomRow - topRow + 1
-        });
-        if (newSourceRow === null) {
-          continue;
-        }
-        if (newSourceRow !== sourceRow) {
-          TH = wtTable.getRowHeader(newSourceRow, positiveBasedHeaderLevel);
-        }
-        callback(TH);
-      }
-      cursor += 1;
-    }
-  }
-
-  /**
-   * Scans the table (only rendered cells) and collect all cells (TR) that match
-   * the coordinates passed in the Selection instance.
-   *
-   * @param {function(HTMLTableElement): void} callback The callback function to trigger.
-   */
-  scanCellsRange(callback) {
-    const [topRow, topColumn, bottomRow, bottomColumn] = _classPrivateFieldGet(this, _selection).getCorners();
-    const {
-      wtTable
-    } = _classPrivateFieldGet(this, _activeOverlaysWot);
-    _classPrivateMethodGet(this, _scanCellsRange, _scanCellsRange2).call(this, (sourceRow, sourceColumn) => {
-      if (sourceRow >= topRow && sourceRow <= bottomRow && sourceColumn >= topColumn && sourceColumn <= bottomColumn) {
-        const cell = wtTable.getCell(_classPrivateFieldGet(this, _activeOverlaysWot).createCellCoords(sourceRow, sourceColumn));
-
-        // support for old API
-        const additionalSelectionClass = _classPrivateFieldGet(this, _activeOverlaysWot).getSetting('onAfterDrawSelection', sourceRow, sourceColumn, _classPrivateFieldGet(this, _selection).settings.layerLevel);
-        if (typeof additionalSelectionClass === 'string') {
-          addClass(cell, additionalSelectionClass);
-        }
-        callback(cell);
-      }
-    });
-  }
-
-  /**
-   * Scans the table (only rendered cells) and collects all cells (TR) that match the coordinates
-   * passed in the Selection instance but only for the X axis (rows).
-   *
-   * @param {function(HTMLTableElement): void} callback The callback function to trigger.
-   */
-  scanRowsInCellsRange(callback) {
-    // eslint-disable-next-line comma-spacing
-    const [topRow,, bottomRow] = _classPrivateFieldGet(this, _selection).getCorners();
-    const {
-      wtTable
-    } = _classPrivateFieldGet(this, _activeOverlaysWot);
-    _classPrivateMethodGet(this, _scanCellsRange, _scanCellsRange2).call(this, (sourceRow, sourceColumn) => {
-      if (sourceRow >= topRow && sourceRow <= bottomRow) {
-        const cell = wtTable.getCell(_classPrivateFieldGet(this, _activeOverlaysWot).createCellCoords(sourceRow, sourceColumn));
-        callback(cell);
-      }
-    });
-  }
-
-  /**
-   * Scans the table (only rendered cells) and collects all cells (TR) that match the coordinates
-   * passed in the Selection instance but only for the Y axis (columns).
-   *
-   * @param {function(HTMLTableElement): void} callback The callback function to trigger.
-   */
-  scanColumnsInCellsRange(callback) {
-    const [, topColumn,, bottomColumn] = _classPrivateFieldGet(this, _selection).getCorners();
-    const {
-      wtTable
-    } = _classPrivateFieldGet(this, _activeOverlaysWot);
-    _classPrivateMethodGet(this, _scanCellsRange, _scanCellsRange2).call(this, (sourceRow, sourceColumn) => {
-      if (sourceColumn >= topColumn && sourceColumn <= bottomColumn) {
-        const cell = wtTable.getCell(_classPrivateFieldGet(this, _activeOverlaysWot).createCellCoords(sourceRow, sourceColumn));
-        callback(cell);
-      }
-    });
-  }
-}
-function _scanCellsRange2(callback) {
-  const {
-    wtTable
-  } = _classPrivateFieldGet(this, _activeOverlaysWot);
-  const renderedRowsCount = wtTable.getRenderedRowsCount();
-  const renderedColumnsCount = wtTable.getRenderedColumnsCount();
-  for (let row = 0; row < renderedRowsCount; row += 1) {
-    const sourceRow = wtTable.rowFilter.renderedToSource(row);
-    for (let column = 0; column < renderedColumnsCount; column += 1) {
-      callback(sourceRow, wtTable.columnFilter.renderedToSource(column));
-    }
-  }
-}

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

@@ -1,101 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-var _object = require("../../../../helpers/object");
-var _localHooks = _interopRequireDefault(require("../../../../mixins/localHooks"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * The Selection class allows highlighting (by applying CSS class) the table's cells or headers
- * and setting up the borders if defined in the settings.
- *
- * The Selection coordinates may point to the cells (positive numbers) or headers (negative numbers).
- *
- * @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;
-  }
-
-  /**
-   * 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 {number[]} 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];
-  }
-
-  /**
-   * Destroys the instance.
-   */
-  destroy() {
-    this.runLocalHooks('destroy');
-  }
-}
-(0, _object.mixin)(Selection, _localHooks.default);
-var _default = Selection;
-exports.default = _default;

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

@@ -1,96 +0,0 @@
-import { mixin } from "../../../../helpers/object.mjs";
-import localHooks from "../../../../mixins/localHooks.mjs";
-/**
- * The Selection class allows highlighting (by applying CSS class) the table's cells or headers
- * and setting up the borders if defined in the settings.
- *
- * The Selection coordinates may point to the cells (positive numbers) or headers (negative numbers).
- *
- * @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;
-  }
-
-  /**
-   * 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 {number[]} 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];
-  }
-
-  /**
-   * Destroys the instance.
-   */
-  destroy() {
-    this.runLocalHooks('destroy');
-  }
-}
-mixin(Selection, localHooks);
-export default Selection;

package/cellTypes/selectType/index.d.ts

@@ -1 +0,0 @@
-export * from './selectType';

package/cellTypes/selectType/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-var _selectType = require("./selectType");
-exports.CELL_TYPE = _selectType.CELL_TYPE;
-exports.SelectCellType = _selectType.SelectCellType;

package/cellTypes/selectType/index.mjs

@@ -1 +0,0 @@
-export { CELL_TYPE, SelectCellType } from "./selectType.mjs";

package/cellTypes/selectType/selectType.d.ts

@@ -1,14 +0,0 @@
-import { CellTypeObject } from '../base';
-import { SelectEditor } from '../../editors/selectEditor';
-import { selectRenderer } from '../../renderers/selectRenderer';
-
-export const CELL_TYPE: 'select';
-export interface SelectCellType extends CellTypeObject {
-  editor: typeof SelectEditor;
-  renderer: typeof selectRenderer;
-}
-
-export namespace SelectCellType {
-  export { SelectEditor as editor };
-  export { selectRenderer as renderer };
-}

package/cellTypes/selectType/selectType.js

@@ -1,13 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-var _selectEditor = require("../../editors/selectEditor");
-var _selectRenderer = require("../../renderers/selectRenderer");
-const CELL_TYPE = 'select';
-exports.CELL_TYPE = CELL_TYPE;
-const SelectCellType = {
-  CELL_TYPE,
-  editor: _selectEditor.SelectEditor,
-  renderer: _selectRenderer.selectRenderer
-};
-exports.SelectCellType = SelectCellType;

package/cellTypes/selectType/selectType.mjs

@@ -1,8 +0,0 @@
-import { SelectEditor } from "../../editors/selectEditor/index.mjs";
-import { selectRenderer } from "../../renderers/selectRenderer/index.mjs";
-export const CELL_TYPE = 'select';
-export const SelectCellType = {
-  CELL_TYPE,
-  editor: SelectEditor,
-  renderer: selectRenderer
-};

package/core/focusCatcher/focusDetector.js

@@ -1,63 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.installFocusDetector = installFocusDetector;
-var _element = require("../../helpers/dom/element");
-var _a11y = require("../../helpers/a11y");
-/**
- * Installs a focus detector module. The module appends two input elements into the DOM side by side.
- * When the first input is focused, then it means that a user entered to the component using the TAB key
- * from the element above. When the second input is focused, a user enters to the component from
- * the element below the table. Each action, once detected, triggers the specific hook.
- *
- * @param {Handsontable} hot The Handsontable instance.
- * @param {{ onFocusFromTop: Function, onFocusFromBottom: Function }} hooks An object with defined callbacks to call.
- * @returns {{ activate: Function, deactivate: Function }}
- */
-function installFocusDetector(hot) {
-  let hooks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const rootElement = hot.rootElement;
-  const inputTrapTop = createInputElement(hot);
-  const inputTrapBottom = createInputElement(hot);
-  inputTrapTop.addEventListener('focus', () => hooks === null || hooks === void 0 ? void 0 : hooks.onFocusFromTop());
-  inputTrapBottom.addEventListener('focus', () => hooks === null || hooks === void 0 ? void 0 : hooks.onFocusFromBottom());
-  rootElement.firstChild.before(inputTrapTop);
-  rootElement.lastChild.after(inputTrapBottom);
-  return {
-    /**
-     * Activates the detector by resetting the tabIndex of the input elements.
-     */
-    activate() {
-      hot._registerTimeout(() => {
-        inputTrapTop.tabIndex = 0;
-        inputTrapBottom.tabIndex = 0;
-      }, 10);
-    },
-    /**
-     * Deactivates the detector by setting tabIndex to -1.
-     */
-    deactivate() {
-      hot._registerTimeout(() => {
-        inputTrapTop.tabIndex = -1;
-        inputTrapBottom.tabIndex = -1;
-      }, 10);
-    }
-  };
-}
-
-/**
- * Creates a new HTML input element.
- *
- * @param {Handsontable} hot The Handsontable instance.
- * @returns {HTMLInputElement}
- */
-function createInputElement(hot) {
-  const rootDocument = hot.rootDocument;
-  const input = rootDocument.createElement('input');
-  input.type = 'text';
-  input.classList.add('htFocusCatcher');
-  if (hot.getSettings().ariaTags) {
-    (0, _element.setAttribute)(input, [(0, _a11y.A11Y_PRESENTATION)()]);
-  }
-  return input;
-}

package/core/focusCatcher/focusDetector.mjs

@@ -1,59 +0,0 @@
-import { setAttribute } from "../../helpers/dom/element.mjs";
-import { A11Y_PRESENTATION } from "../../helpers/a11y.mjs";
-/**
- * Installs a focus detector module. The module appends two input elements into the DOM side by side.
- * When the first input is focused, then it means that a user entered to the component using the TAB key
- * from the element above. When the second input is focused, a user enters to the component from
- * the element below the table. Each action, once detected, triggers the specific hook.
- *
- * @param {Handsontable} hot The Handsontable instance.
- * @param {{ onFocusFromTop: Function, onFocusFromBottom: Function }} hooks An object with defined callbacks to call.
- * @returns {{ activate: Function, deactivate: Function }}
- */
-export function installFocusDetector(hot) {
-  let hooks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const rootElement = hot.rootElement;
-  const inputTrapTop = createInputElement(hot);
-  const inputTrapBottom = createInputElement(hot);
-  inputTrapTop.addEventListener('focus', () => hooks === null || hooks === void 0 ? void 0 : hooks.onFocusFromTop());
-  inputTrapBottom.addEventListener('focus', () => hooks === null || hooks === void 0 ? void 0 : hooks.onFocusFromBottom());
-  rootElement.firstChild.before(inputTrapTop);
-  rootElement.lastChild.after(inputTrapBottom);
-  return {
-    /**
-     * Activates the detector by resetting the tabIndex of the input elements.
-     */
-    activate() {
-      hot._registerTimeout(() => {
-        inputTrapTop.tabIndex = 0;
-        inputTrapBottom.tabIndex = 0;
-      }, 10);
-    },
-    /**
-     * Deactivates the detector by setting tabIndex to -1.
-     */
-    deactivate() {
-      hot._registerTimeout(() => {
-        inputTrapTop.tabIndex = -1;
-        inputTrapBottom.tabIndex = -1;
-      }, 10);
-    }
-  };
-}
-
-/**
- * Creates a new HTML input element.
- *
- * @param {Handsontable} hot The Handsontable instance.
- * @returns {HTMLInputElement}
- */
-function createInputElement(hot) {
-  const rootDocument = hot.rootDocument;
-  const input = rootDocument.createElement('input');
-  input.type = 'text';
-  input.classList.add('htFocusCatcher');
-  if (hot.getSettings().ariaTags) {
-    setAttribute(input, [A11Y_PRESENTATION()]);
-  }
-  return input;
-}