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

package/plugins/filters/filters.mjs

@@ -1,39 +1,25 @@
-import "core-js/modules/es.array.unscopables.flat.js";
 import "core-js/modules/es.array.push.js";
-import "core-js/modules/es.error.cause.js";
-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 _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; }
-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); }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-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; } }
-function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-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 _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
 import { BasePlugin } from "../base/index.mjs";
 import { arrayEach, arrayMap } from "../../helpers/array.mjs";
 import { toSingleLine } from "../../helpers/templateLiteralTag.mjs";
 import { warn } from "../../helpers/console.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
+import EventManager from "../../eventManager.mjs";
 import { addClass, removeClass } from "../../helpers/dom/element.mjs";
-import { isKey } from "../../helpers/unicode.mjs";
-import { SEPARATOR } from "../contextMenu/predefinedItems/index.mjs";
+import { SEPARATOR } from "../contextMenu/predefinedItems.mjs";
 import * as constants from "../../i18n/constants.mjs";
-import { ConditionComponent } from "./component/condition.mjs";
-import { OperatorsComponent } from "./component/operators.mjs";
-import { ValueComponent } from "./component/value.mjs";
-import { ActionBarComponent } from "./component/actionBar.mjs";
+import ConditionComponent from "./component/condition.mjs";
+import OperatorsComponent from "./component/operators.mjs";
+import ValueComponent from "./component/value.mjs";
+import ActionBarComponent from "./component/actionBar.mjs";
 import ConditionCollection from "./conditionCollection.mjs";
 import DataFilter from "./dataFilter.mjs";
 import ConditionUpdateObserver from "./conditionUpdateObserver.mjs";
 import { createArrayAssertion, toEmptyString, unifyColumnValues } from "./utils.mjs";
-import { createMenuFocusController } from "./menu/focusController.mjs";
 import { CONDITION_NONE, CONDITION_BY_VALUE, OPERATION_AND, OPERATION_OR, OPERATION_OR_THEN_VARIABLE } from "./constants.mjs";
 import { TrimmingMap } from "../../translations/index.mjs";
 export const PLUGIN_KEY = 'filters';
 export const PLUGIN_PRIORITY = 250;
-const SHORTCUTS_GROUP = PLUGIN_KEY;
 
 /**
  * @plugin Filters
@@ -70,7 +56,6 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * ```
  * :::
  */
-var _menuFocusNavigator = /*#__PURE__*/new WeakMap();
 export class Filters extends BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -81,55 +66,52 @@ export class Filters extends BasePlugin {
   static get PLUGIN_DEPS() {
     return ['plugin:DropdownMenu', 'plugin:HiddenRows', 'cell-type:checkbox'];
   }
-
-  /**
-   * Instance of {@link DropdownMenu}.
-   *
-   * @private
-   * @type {DropdownMenu}
-   */
-
   constructor(hotInstance) {
     super(hotInstance);
-    // One listener for the enable/disable functionality
-    _defineProperty(this, "dropdownMenuPlugin", null);
+    /**
+     * Instance of {@link EventManager}.
+     *
+     * @private
+     * @type {EventManager}
+     */
+    this.eventManager = new EventManager(this);
+    /**
+     * Instance of {@link DropdownMenu}.
+     *
+     * @private
+     * @type {DropdownMenu}
+     */
+    this.dropdownMenuPlugin = null;
     /**
      * Instance of {@link ConditionCollection}.
      *
      * @private
      * @type {ConditionCollection}
      */
-    _defineProperty(this, "conditionCollection", null);
+    this.conditionCollection = null;
     /**
      * Instance of {@link ConditionUpdateObserver}.
      *
      * @private
      * @type {ConditionUpdateObserver}
      */
-    _defineProperty(this, "conditionUpdateObserver", null);
+    this.conditionUpdateObserver = null;
     /**
      * Map, where key is component identifier and value represent `BaseComponent` element or it derivatives.
      *
      * @private
      * @type {Map}
      */
-    _defineProperty(this, "components", new Map([['filter_by_condition', null], ['filter_operators', null], ['filter_by_condition2', null], ['filter_by_value', null], ['filter_action_bar', null]]));
+    this.components = new Map([['filter_by_condition', null], ['filter_operators', null], ['filter_by_condition2', null], ['filter_by_value', null], ['filter_action_bar', null]]);
     /**
      * Map of skipped rows by plugin.
      *
      * @private
      * @type {null|TrimmingMap}
      */
-    _defineProperty(this, "filtersRowsMap", null);
-    /**
-     * Menu focus navigator allows switching the focus position through Tab and Shift Tab keys.
-     *
-     * @type {MenuFocusNavigator|undefined}
-     */
-    _classPrivateFieldInitSpec(this, _menuFocusNavigator, {
-      writable: true,
-      value: void 0
-    });
+    this.filtersRowsMap = null;
+
+    // One listener for the enable/disable functionality
     this.hot.addHook('afterGetColHeader', (col, TH) => this.onAfterGetColHeader(col, TH));
   }
 
@@ -209,6 +191,7 @@ export class Filters extends BasePlugin {
       this.conditionUpdateObserver.addLocalHook('update', conditionState => this.updateComponents(conditionState));
     }
     this.components.forEach(component => component.show());
+    this.addHook('beforeDropdownMenuSetItems', items => this.onBeforeDropdownMenuSetItems(items));
     this.addHook('afterDropdownMenuDefaultOptions', defaultOptions => this.onAfterDropdownMenuDefaultOptions(defaultOptions));
     this.addHook('afterDropdownMenuShow', () => this.onAfterDropdownMenuShow());
     this.addHook('afterDropdownMenuHide', () => this.onAfterDropdownMenuHide());
@@ -219,33 +202,6 @@ export class Filters extends BasePlugin {
       this.dropdownMenuPlugin.disablePlugin();
       this.dropdownMenuPlugin.enablePlugin();
     }
-    if (!_classPrivateFieldGet(this, _menuFocusNavigator) && this.dropdownMenuPlugin.enabled) {
-      const mainMenu = this.dropdownMenuPlugin.menu;
-      const focusableItems = [
-      // A fake menu item that once focused allows escaping from the focus navigation (using Tab keys)
-      // to the menu navigation using arrow keys.
-      {
-        focus: () => mainMenu.focus()
-      }, ...Array.from(this.components).map(_ref => {
-        let [, component] = _ref;
-        return component.getElements();
-      }).flat()];
-      _classPrivateFieldSet(this, _menuFocusNavigator, createMenuFocusController(mainMenu, focusableItems));
-      const forwardToFocusNavigation = event => {
-        _classPrivateFieldGet(this, _menuFocusNavigator).listen();
-        event.preventDefault();
-        if (isKey(event.keyCode, 'TAB')) {
-          if (event.shiftKey) {
-            _classPrivateFieldGet(this, _menuFocusNavigator).toPreviousItem();
-          } else {
-            _classPrivateFieldGet(this, _menuFocusNavigator).toNextItem();
-          }
-        }
-      };
-      this.components.get('filter_by_value').addLocalHook('listTabKeydown', forwardToFocusNavigation);
-      this.components.get('filter_by_condition').addLocalHook('selectTabKeydown', forwardToFocusNavigation);
-    }
-    this.registerShortcuts();
     super.enablePlugin();
   }
 
@@ -266,36 +222,9 @@ export class Filters extends BasePlugin {
       this.conditionCollection = null;
       this.hot.rowIndexMapper.unregisterMap(this.pluginName);
     }
-    this.unregisterShortcuts();
     super.disablePlugin();
   }
 
-  /**
-   * Register shortcuts responsible for clearing the filters.
-   *
-   * @private
-   */
-  registerShortcuts() {
-    this.hot.getShortcutManager().getContext('grid').addShortcut({
-      keys: [['Alt', 'A']],
-      stopPropagation: true,
-      callback: () => {
-        this.clearConditions();
-        this.filter();
-      },
-      group: SHORTCUTS_GROUP
-    });
-  }
-
-  /**
-   * Unregister shortcuts responsible for clearing the filters.
-   *
-   * @private
-   */
-  unregisterShortcuts() {
-    this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
-  }
-
   /* eslint-disable jsdoc/require-description-complete-sentence */
   /**
    * @memberof Filters#
@@ -485,6 +414,7 @@ export class Filters extends BasePlugin {
     this.hot.runHooks('afterFilter', conditions);
     this.hot.view.adjustElementsSize(true);
     this.hot.render();
+    this.clearColumnSelection();
   }
 
   /**
@@ -506,6 +436,18 @@ export class Filters extends BasePlugin {
     };
   }
 
+  /**
+   * Clears column selection.
+   *
+   * @private
+   */
+  clearColumnSelection() {
+    const selectedColumn = this.getSelectedColumn();
+    if (selectedColumn !== null) {
+      this.hot.selectCell(0, selectedColumn.visualIndex);
+    }
+  }
+
   /**
    * Returns handsontable source data with cell meta based on current selection.
    *
@@ -612,6 +554,21 @@ export class Filters extends BasePlugin {
     this.components.get('filter_by_condition2').getSelectElement().closeOptions();
   }
 
+  /**
+   * Before dropdown menu set menu items listener.
+   *
+   * @private
+   */
+  onBeforeDropdownMenuSetItems() {
+    if (this.dropdownMenuPlugin) {
+      this.dropdownMenuPlugin.menu.addLocalHook('afterOpen', () => {
+        this.dropdownMenuPlugin.menu.hotMenu.updateSettings({
+          hiddenRows: true
+        });
+      });
+    }
+  }
+
   /**
    * After dropdown menu default options listener.
    *
@@ -690,7 +647,6 @@ export class Filters extends BasePlugin {
       this.components.forEach(component => component.saveState(physicalIndex));
       this.filtersRowsMap.clear();
       this.filter();
-      this.hot.selectCell(0, selectedColumn.visualIndex);
     }
     (_this$dropdownMenuPlu3 = this.dropdownMenuPlugin) === null || _this$dropdownMenuPlu3 === void 0 || _this$dropdownMenuPlu3.close();
   }

package/plugins/filters/ui/_base.js

@@ -1,7 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
 var _object = require("../../../helpers/object");
 var _localHooks = _interopRequireDefault(require("../../../mixins/localHooks"));
 var _eventManager = _interopRequireDefault(require("../../../eventManager"));
@@ -11,9 +10,6 @@ var C = _interopRequireWildcard(require("../../../i18n/constants"));
 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; }
 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; }
-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); }
 const STATE_BUILT = 'built';
 const STATE_BUILDING = 'building';
 const EVENTS_TO_REGISTER = ['click', 'input', 'keydown', 'keypress', 'keyup', 'focus', 'blur', 'change'];
@@ -31,43 +27,38 @@ class BaseUI {
       wrapIt: true
     });
   }
-
-  /**
-   * Instance of Handsontable.
-   *
-   * @type {Core}
-   */
-
   constructor(hotInstance, options) {
-    _defineProperty(this, "hot", void 0);
+    /**
+     * Instance of Handsontable.
+     *
+     * @type {Core}
+     */
+    this.hot = hotInstance;
     /**
      * Instance of EventManager.
      *
      * @type {EventManager}
      */
-    _defineProperty(this, "eventManager", new _eventManager.default(this));
+    this.eventManager = new _eventManager.default(this);
     /**
      * List of element options.
      *
      * @type {object}
      */
-    _defineProperty(this, "options", void 0);
+    this.options = (0, _object.extend)(BaseUI.DEFAULTS, options);
     /**
      * Build root DOM element.
      *
      * @type {Element}
      * @private
      */
-    _defineProperty(this, "_element", void 0);
+    this._element = this.hot.rootDocument.createElement(this.options.wrapIt ? 'div' : this.options.tagName);
     /**
      * Flag which determines build state of element.
      *
      * @type {string}
      */
-    _defineProperty(this, "buildState", void 0);
-    this.hot = hotInstance;
-    this.options = (0, _object.extend)(BaseUI.DEFAULTS, options);
-    this._element = this.hot.rootDocument.createElement(this.options.wrapIt ? 'div' : this.options.tagName);
+    this.buildState = null;
   }
 
   /**
@@ -140,16 +131,6 @@ class BaseUI {
     if (!this.buildState) {
       this.buildState = STATE_BUILDING;
     }
-
-    // prevents "hot.unlisten()" call when clicked
-    // (https://github.com/handsontable/handsontable/blob/master/handsontable/src/tableView.js#L317-L321)
-    this._element.setAttribute('data-hot-input', true);
-    if (this.options.tabIndex !== undefined) {
-      this._element.setAttribute('tabindex', this.options.tabIndex);
-    }
-    if (this.options.role !== undefined) {
-      this._element.setAttribute('role', this.options.role);
-    }
     if (this.options.className) {
       (0, _element.addClass)(this._element, this.options.className);
     }
@@ -157,10 +138,6 @@ class BaseUI {
       (0, _array.arrayEach)(this.options.children, element => this._element.appendChild(element.element));
     } else if (this.options.wrapIt) {
       const element = this.hot.rootDocument.createElement(this.options.tagName);
-
-      // prevents "hot.unlisten()" call when clicked
-      // (https://github.com/handsontable/handsontable/blob/master/handsontable/src/tableView.js#L317-L321)
-      element.setAttribute('data-hot-input', true);
       (0, _object.objectEach)(this.options, (value, key) => {
         if (element[key] !== void 0 && key !== 'className' && key !== 'tagName' && key !== 'children') {
           element[key] = this.translateIfPossible(value);
@@ -214,5 +191,6 @@ class BaseUI {
     this._element = null;
   }
 }
-exports.BaseUI = BaseUI;
-(0, _object.mixin)(BaseUI, _localHooks.default);
+(0, _object.mixin)(BaseUI, _localHooks.default);
+var _default = BaseUI;
+exports.default = _default;

package/plugins/filters/ui/_base.mjs

@@ -1,7 +1,3 @@
-import "core-js/modules/es.error.cause.js";
-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; }
-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); }
 import { clone, extend, mixin, objectEach } from "../../../helpers/object.mjs";
 import localHooks from "../../../mixins/localHooks.mjs";
 import EventManager from "../../../eventManager.mjs";
@@ -15,7 +11,7 @@ const EVENTS_TO_REGISTER = ['click', 'input', 'keydown', 'keypress', 'keyup', 'f
 /**
  * @private
  */
-export class BaseUI {
+class BaseUI {
   static get DEFAULTS() {
     return clone({
       className: '',
@@ -25,43 +21,38 @@ export class BaseUI {
       wrapIt: true
     });
   }
-
-  /**
-   * Instance of Handsontable.
-   *
-   * @type {Core}
-   */
-
   constructor(hotInstance, options) {
-    _defineProperty(this, "hot", void 0);
+    /**
+     * Instance of Handsontable.
+     *
+     * @type {Core}
+     */
+    this.hot = hotInstance;
     /**
      * Instance of EventManager.
      *
      * @type {EventManager}
      */
-    _defineProperty(this, "eventManager", new EventManager(this));
+    this.eventManager = new EventManager(this);
     /**
      * List of element options.
      *
      * @type {object}
      */
-    _defineProperty(this, "options", void 0);
+    this.options = extend(BaseUI.DEFAULTS, options);
     /**
      * Build root DOM element.
      *
      * @type {Element}
      * @private
      */
-    _defineProperty(this, "_element", void 0);
+    this._element = this.hot.rootDocument.createElement(this.options.wrapIt ? 'div' : this.options.tagName);
     /**
      * Flag which determines build state of element.
      *
      * @type {string}
      */
-    _defineProperty(this, "buildState", void 0);
-    this.hot = hotInstance;
-    this.options = extend(BaseUI.DEFAULTS, options);
-    this._element = this.hot.rootDocument.createElement(this.options.wrapIt ? 'div' : this.options.tagName);
+    this.buildState = null;
   }
 
   /**
@@ -134,16 +125,6 @@ export class BaseUI {
     if (!this.buildState) {
       this.buildState = STATE_BUILDING;
     }
-
-    // prevents "hot.unlisten()" call when clicked
-    // (https://github.com/handsontable/handsontable/blob/master/handsontable/src/tableView.js#L317-L321)
-    this._element.setAttribute('data-hot-input', true);
-    if (this.options.tabIndex !== undefined) {
-      this._element.setAttribute('tabindex', this.options.tabIndex);
-    }
-    if (this.options.role !== undefined) {
-      this._element.setAttribute('role', this.options.role);
-    }
     if (this.options.className) {
       addClass(this._element, this.options.className);
     }
@@ -151,10 +132,6 @@ export class BaseUI {
       arrayEach(this.options.children, element => this._element.appendChild(element.element));
     } else if (this.options.wrapIt) {
       const element = this.hot.rootDocument.createElement(this.options.tagName);
-
-      // prevents "hot.unlisten()" call when clicked
-      // (https://github.com/handsontable/handsontable/blob/master/handsontable/src/tableView.js#L317-L321)
-      element.setAttribute('data-hot-input', true);
       objectEach(this.options, (value, key) => {
         if (element[key] !== void 0 && key !== 'className' && key !== 'tagName' && key !== 'children') {
           element[key] = this.translateIfPossible(value);
@@ -208,4 +185,5 @@ export class BaseUI {
     this._element = null;
   }
 }
-mixin(BaseUI, localHooks);
+mixin(BaseUI, localHooks);
+export default BaseUI;

package/plugins/filters/ui/input.js

@@ -1,53 +1,27 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
 var _element = require("../../../helpers/dom/element");
 var _object = require("../../../helpers/object");
-var _base = require("./_base");
-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 _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; } }
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
+var _base = _interopRequireDefault(require("./_base"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const privatePool = new WeakMap();
+
 /**
  * @private
  * @class InputUI
  */
-var _input = /*#__PURE__*/new WeakMap();
-var _onKeyup = /*#__PURE__*/new WeakSet();
-class InputUI extends _base.BaseUI {
+class InputUI extends _base.default {
   static get DEFAULTS() {
     return (0, _object.clone)({
       placeholder: '',
       type: 'text',
-      tagName: 'input',
-      tabIndex: -1
+      tagName: 'input'
     });
   }
-
-  /**
-   * The reference to the input element.
-   *
-   * @type {HTMLInputElement}
-   */
-
   constructor(hotInstance, options) {
     super(hotInstance, (0, _object.extend)(InputUI.DEFAULTS, options));
-    /**
-     * OnKeyup listener.
-     *
-     * @param {Event} event The mouse event object.
-     */
-    _classPrivateMethodInitSpec(this, _onKeyup);
-    _classPrivateFieldInitSpec(this, _input, {
-      writable: true,
-      value: void 0
-    });
+    privatePool.set(this, {});
     this.registerHooks();
   }
 
@@ -55,7 +29,8 @@ class InputUI extends _base.BaseUI {
    * Register all necessary hooks.
    */
   registerHooks() {
-    this.addLocalHook('keyup', event => _classPrivateMethodGet(this, _onKeyup, _onKeyup2).call(this, event));
+    this.addLocalHook('click', () => this.onClick());
+    this.addLocalHook('keyup', event => this.onKeyup(event));
   }
 
   /**
@@ -63,8 +38,9 @@ class InputUI extends _base.BaseUI {
    */
   build() {
     super.build();
+    const priv = privatePool.get(this);
     const icon = this.hot.rootDocument.createElement('div');
-    _classPrivateFieldSet(this, _input, this._element.firstChild);
+    priv.input = this._element.firstChild;
     (0, _element.addClass)(this._element, 'htUIInput');
     (0, _element.addClass)(icon, 'htUIInputIcon');
     this._element.appendChild(icon);
@@ -78,9 +54,10 @@ class InputUI extends _base.BaseUI {
     if (!this.isBuilt()) {
       return;
     }
-    _classPrivateFieldGet(this, _input).type = this.options.type;
-    _classPrivateFieldGet(this, _input).placeholder = this.translateIfPossible(this.options.placeholder);
-    _classPrivateFieldGet(this, _input).value = this.translateIfPossible(this.options.value);
+    const input = privatePool.get(this).input;
+    input.type = this.options.type;
+    input.placeholder = this.translateIfPossible(this.options.placeholder);
+    input.value = this.translateIfPossible(this.options.value);
   }
 
   /**
@@ -88,11 +65,23 @@ class InputUI extends _base.BaseUI {
    */
   focus() {
     if (this.isBuilt()) {
-      _classPrivateFieldGet(this, _input).focus();
+      privatePool.get(this).input.focus();
     }
   }
+
+  /**
+   * OnClick listener.
+   */
+  onClick() {}
+
+  /**
+   * OnKeyup listener.
+   *
+   * @param {Event} event The mouse event object.
+   */
+  onKeyup(event) {
+    this.options.value = event.target.value;
+  }
 }
-exports.InputUI = InputUI;
-function _onKeyup2(event) {
-  this.options.value = event.target.value;
-}
+var _default = InputUI;
+exports.default = _default;