handsontable 13.1.0-next-e1a7d2c-20230831 → 14.0.0-next-d97b156-20231027

package/plugins/filters/component/actionBar.mjs

@@ -1,14 +1,20 @@
+import "core-js/modules/es.error.cause.js";
+var _class;
 import "core-js/modules/es.array.push.js";
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+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; }
 import { addClass } from "../../../helpers/dom/element.mjs";
 import { arrayEach } from "../../../helpers/array.mjs";
 import * as C from "../../../i18n/constants.mjs";
-import BaseComponent from "./_base.mjs";
-import InputUI from "../ui/input.mjs";
+import { BaseComponent } from "./_base.mjs";
+import { InputUI } from "../ui/input.mjs";
 /**
  * @private
  * @class ActionBarComponent
  */
-class ActionBarComponent extends BaseComponent {
+var _onButtonClick = /*#__PURE__*/new WeakSet();
+export class ActionBarComponent extends BaseComponent {
   static get BUTTON_OK() {
     return 'ok';
   }
@@ -20,6 +26,13 @@ class ActionBarComponent extends BaseComponent {
       id: options.id,
       stateless: true
     });
+    /**
+     * On button click listener.
+     *
+     * @param {Event} event DOM event.
+     * @param {InputUI} button InputUI object.
+     */
+    _classPrivateMethodInitSpec(this, _onButtonClick);
     this.name = options.name;
     this.elements.push(new InputUI(this.hot, {
       type: 'button',
@@ -43,7 +56,7 @@ class ActionBarComponent extends BaseComponent {
    */
   registerHooks() {
     arrayEach(this.elements, element => {
-      element.addLocalHook('click', (event, button) => this.onButtonClick(event, button));
+      element.addLocalHook('click', (event, button) => _classPrivateMethodGet(this, _onButtonClick, _onButtonClick2).call(this, event, button));
     });
   }
 
@@ -61,9 +74,7 @@ class ActionBarComponent extends BaseComponent {
       hidden: () => this.isHidden(),
       renderer: (hot, wrapper) => {
         addClass(wrapper.parentNode, 'htFiltersMenuActionBar');
-        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
-          arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
-        }
+        arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
         return wrapper;
       }
     };
@@ -82,20 +93,12 @@ class ActionBarComponent extends BaseComponent {
   cancel() {
     this.runLocalHooks('cancel');
   }
-
-  /**
-   * On button click listener.
-   *
-   * @private
-   * @param {Event} event DOM event.
-   * @param {InputUI} button InputUI object.
-   */
-  onButtonClick(event, button) {
-    if (button.options.identifier === ActionBarComponent.BUTTON_OK) {
-      this.accept();
-    } else {
-      this.cancel();
-    }
-  }
 }
-export default ActionBarComponent;
+_class = ActionBarComponent;
+function _onButtonClick2(event, button) {
+  if (button.options.identifier === _class.BUTTON_OK) {
+    this.accept();
+  } else {
+    this.cancel();
+  }
+}

package/plugins/filters/component/condition.js

@@ -2,39 +2,56 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.error.cause.js");
 var _element = require("../../../helpers/dom/element");
 var _event = require("../../../helpers/dom/event");
 var _array = require("../../../helpers/array");
 var _unicode = require("../../../helpers/unicode");
 var _object = require("../../../helpers/object");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
-var _base = _interopRequireDefault(require("./_base"));
+var _base = require("./_base");
 var _constants2 = _interopRequireWildcard(require("../constants"));
-var _input = _interopRequireDefault(require("../ui/input"));
-var _select = _interopRequireDefault(require("../ui/select"));
+var _input = require("../ui/input");
+var _select = require("../ui/select");
 var _conditionRegisterer = require("../conditionRegisterer");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+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; }
 /**
  * @private
  * @class ConditionComponent
  */
-class ConditionComponent extends _base.default {
+var _onConditionSelect = /*#__PURE__*/new WeakSet();
+var _onInputKeyDown = /*#__PURE__*/new WeakSet();
+class ConditionComponent extends _base.BaseComponent {
   constructor(hotInstance, options) {
     super(hotInstance, {
       id: options.id,
       stateless: false
     });
+    /**
+     * Key down listener.
+     *
+     * @param {Event} event The DOM event object.
+     */
+    _classPrivateMethodInitSpec(this, _onInputKeyDown);
+    /**
+     * On condition select listener.
+     *
+     * @param {object} command Menu item object (command).
+     */
+    _classPrivateMethodInitSpec(this, _onConditionSelect);
     this.name = options.name;
     this.addSeparator = options.addSeparator;
-    this.elements.push(new _select.default(this.hot, {
+    this.elements.push(new _select.SelectUI(this.hot, {
       menuContainer: options.menuContainer
     }));
-    this.elements.push(new _input.default(this.hot, {
+    this.elements.push(new _input.InputUI(this.hot, {
       placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_VALUE
     }));
-    this.elements.push(new _input.default(this.hot, {
+    this.elements.push(new _input.InputUI(this.hot, {
       placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE
     }));
     this.registerHooks();
@@ -46,10 +63,9 @@ class ConditionComponent extends _base.default {
    * @private
    */
   registerHooks() {
-    this.getSelectElement().addLocalHook('select', command => this.onConditionSelect(command));
-    this.getSelectElement().addLocalHook('afterClose', () => this.onSelectUIClosed());
+    this.getSelectElement().addLocalHook('select', command => _classPrivateMethodGet(this, _onConditionSelect, _onConditionSelect2).call(this, command)).addLocalHook('afterClose', () => this.runLocalHooks('afterClose')).addLocalHook('tabKeydown', event => this.runLocalHooks('selectTabKeydown', event));
     (0, _array.arrayEach)(this.getInputElements(), input => {
-      input.addLocalHook('keydown', event => this.onInputKeyDown(event));
+      input.addLocalHook('keydown', event => _classPrivateMethodGet(this, _onInputKeyDown, _onInputKeyDown2).call(this, event));
     });
   }
 
@@ -76,7 +92,7 @@ class ConditionComponent extends _base.default {
       element.setValue(arg);
       element[copyOfCommand.inputsCount > index ? 'show' : 'hide']();
       if (!index) {
-        setTimeout(() => element.focus(), 10);
+        this.hot._registerTimeout(() => element.focus(), 10);
       }
     });
   }
@@ -125,7 +141,7 @@ class ConditionComponent extends _base.default {
    * @returns {SelectUI}
    */
   getSelectElement() {
-    return this.elements.filter(element => element instanceof _select.default)[0];
+    return this.elements.filter(element => element instanceof _select.SelectUI)[0];
   }
 
   /**
@@ -145,7 +161,7 @@ class ConditionComponent extends _base.default {
    * @returns {Array}
    */
   getInputElements() {
-    return this.elements.filter(element => element instanceof _input.default);
+    return this.elements.filter(element => element instanceof _input.InputUI);
   }
 
   /**
@@ -169,9 +185,7 @@ class ConditionComponent extends _base.default {
         (0, _element.addClass)(label, 'htFiltersMenuLabel');
         label.textContent = value;
         wrapper.appendChild(label);
-        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
-          (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
-        }
+        (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
         return wrapper;
       }
     };
@@ -195,47 +209,20 @@ class ConditionComponent extends _base.default {
     // Select element as default 'None'
     this.getSelectElement().setValue(items[0]);
   }
-
-  /**
-   * On condition select listener.
-   *
-   * @private
-   * @param {object} command Menu item object (command).
-   */
-  onConditionSelect(command) {
-    (0, _array.arrayEach)(this.getInputElements(), (element, index) => {
-      element[command.inputsCount > index ? 'show' : 'hide']();
-      if (index === 0) {
-        setTimeout(() => element.focus(), 10);
-      }
-    });
-    this.runLocalHooks('change', command);
-  }
-
-  /**
-   * On component SelectUI closed listener.
-   *
-   * @private
-   */
-  onSelectUIClosed() {
-    this.runLocalHooks('afterClose');
-  }
-
-  /**
-   * Key down listener.
-   *
-   * @private
-   * @param {Event} event The DOM event object.
-   */
-  onInputKeyDown(event) {
-    if ((0, _unicode.isKey)(event.keyCode, 'ENTER')) {
-      this.runLocalHooks('accept');
-      (0, _event.stopImmediatePropagation)(event);
-    } else if ((0, _unicode.isKey)(event.keyCode, 'ESCAPE')) {
-      this.runLocalHooks('cancel');
-      (0, _event.stopImmediatePropagation)(event);
+}
+exports.ConditionComponent = ConditionComponent;
+function _onConditionSelect2(command) {
+  (0, _array.arrayEach)(this.getInputElements(), (element, index) => {
+    element[command.inputsCount > index ? 'show' : 'hide']();
+    if (index === 0) {
+      this.hot._registerTimeout(() => element.focus(), 10);
     }
-  }
+  });
+  this.runLocalHooks('change', command);
 }
-var _default = ConditionComponent;
-exports.default = _default;
+function _onInputKeyDown2(event) {
+  if ((0, _unicode.isKey)(event.keyCode, 'ESCAPE')) {
+    this.runLocalHooks('cancel');
+    (0, _event.stopImmediatePropagation)(event);
+  }
+}

package/plugins/filters/component/condition.mjs

@@ -1,25 +1,43 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.error.cause.js";
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+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; }
 import { addClass } from "../../../helpers/dom/element.mjs";
 import { stopImmediatePropagation } from "../../../helpers/dom/event.mjs";
 import { arrayEach } from "../../../helpers/array.mjs";
 import { isKey } from "../../../helpers/unicode.mjs";
 import { clone } from "../../../helpers/object.mjs";
 import * as C from "../../../i18n/constants.mjs";
-import BaseComponent from "./_base.mjs";
+import { BaseComponent } from "./_base.mjs";
 import getOptionsList, { CONDITION_NONE } from "../constants.mjs";
-import InputUI from "../ui/input.mjs";
-import SelectUI from "../ui/select.mjs";
+import { InputUI } from "../ui/input.mjs";
+import { SelectUI } from "../ui/select.mjs";
 import { getConditionDescriptor } from "../conditionRegisterer.mjs";
 /**
  * @private
  * @class ConditionComponent
  */
-class ConditionComponent extends BaseComponent {
+var _onConditionSelect = /*#__PURE__*/new WeakSet();
+var _onInputKeyDown = /*#__PURE__*/new WeakSet();
+export class ConditionComponent extends BaseComponent {
   constructor(hotInstance, options) {
     super(hotInstance, {
       id: options.id,
       stateless: false
     });
+    /**
+     * Key down listener.
+     *
+     * @param {Event} event The DOM event object.
+     */
+    _classPrivateMethodInitSpec(this, _onInputKeyDown);
+    /**
+     * On condition select listener.
+     *
+     * @param {object} command Menu item object (command).
+     */
+    _classPrivateMethodInitSpec(this, _onConditionSelect);
     this.name = options.name;
     this.addSeparator = options.addSeparator;
     this.elements.push(new SelectUI(this.hot, {
@@ -40,10 +58,9 @@ class ConditionComponent extends BaseComponent {
    * @private
    */
   registerHooks() {
-    this.getSelectElement().addLocalHook('select', command => this.onConditionSelect(command));
-    this.getSelectElement().addLocalHook('afterClose', () => this.onSelectUIClosed());
+    this.getSelectElement().addLocalHook('select', command => _classPrivateMethodGet(this, _onConditionSelect, _onConditionSelect2).call(this, command)).addLocalHook('afterClose', () => this.runLocalHooks('afterClose')).addLocalHook('tabKeydown', event => this.runLocalHooks('selectTabKeydown', event));
     arrayEach(this.getInputElements(), input => {
-      input.addLocalHook('keydown', event => this.onInputKeyDown(event));
+      input.addLocalHook('keydown', event => _classPrivateMethodGet(this, _onInputKeyDown, _onInputKeyDown2).call(this, event));
     });
   }
 
@@ -70,7 +87,7 @@ class ConditionComponent extends BaseComponent {
       element.setValue(arg);
       element[copyOfCommand.inputsCount > index ? 'show' : 'hide']();
       if (!index) {
-        setTimeout(() => element.focus(), 10);
+        this.hot._registerTimeout(() => element.focus(), 10);
       }
     });
   }
@@ -163,9 +180,7 @@ class ConditionComponent extends BaseComponent {
         addClass(label, 'htFiltersMenuLabel');
         label.textContent = value;
         wrapper.appendChild(label);
-        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
-          arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
-        }
+        arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
         return wrapper;
       }
     };
@@ -189,46 +204,19 @@ class ConditionComponent extends BaseComponent {
     // Select element as default 'None'
     this.getSelectElement().setValue(items[0]);
   }
-
-  /**
-   * On condition select listener.
-   *
-   * @private
-   * @param {object} command Menu item object (command).
-   */
-  onConditionSelect(command) {
-    arrayEach(this.getInputElements(), (element, index) => {
-      element[command.inputsCount > index ? 'show' : 'hide']();
-      if (index === 0) {
-        setTimeout(() => element.focus(), 10);
-      }
-    });
-    this.runLocalHooks('change', command);
-  }
-
-  /**
-   * On component SelectUI closed listener.
-   *
-   * @private
-   */
-  onSelectUIClosed() {
-    this.runLocalHooks('afterClose');
-  }
-
-  /**
-   * Key down listener.
-   *
-   * @private
-   * @param {Event} event The DOM event object.
-   */
-  onInputKeyDown(event) {
-    if (isKey(event.keyCode, 'ENTER')) {
-      this.runLocalHooks('accept');
-      stopImmediatePropagation(event);
-    } else if (isKey(event.keyCode, 'ESCAPE')) {
-      this.runLocalHooks('cancel');
-      stopImmediatePropagation(event);
+}
+function _onConditionSelect2(command) {
+  arrayEach(this.getInputElements(), (element, index) => {
+    element[command.inputsCount > index ? 'show' : 'hide']();
+    if (index === 0) {
+      this.hot._registerTimeout(() => element.focus(), 10);
     }
-  }
+  });
+  this.runLocalHooks('change', command);
 }
-export default ConditionComponent;
+function _onInputKeyDown2(event) {
+  if (isKey(event.keyCode, 'ESCAPE')) {
+    this.runLocalHooks('cancel');
+    stopImmediatePropagation(event);
+  }
+}

package/plugins/filters/component/operators.js

@@ -6,25 +6,34 @@ require("core-js/modules/es.error.cause.js");
 var _element = require("../../../helpers/dom/element");
 var _array = require("../../../helpers/array");
 var _templateLiteralTag = require("../../../helpers/templateLiteralTag");
-var _base = _interopRequireDefault(require("./_base"));
+var _base = require("./_base");
 var _logicalOperationRegisterer = require("../logicalOperationRegisterer");
 var _conjunction = require("../logicalOperations/conjunction");
 var _disjunction = require("../logicalOperations/disjunction");
 var _disjunctionWithExtraCondition = require("../logicalOperations/disjunctionWithExtraCondition");
-var _radioInput = _interopRequireDefault(require("../ui/radioInput"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _radioInput = require("../ui/radioInput");
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+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; }
 const SELECTED_AT_START_ELEMENT_INDEX = 0;
 
 /**
  * @private
  * @class OperatorsComponent
  */
-class OperatorsComponent extends _base.default {
+var _onRadioInputChange = /*#__PURE__*/new WeakSet();
+class OperatorsComponent extends _base.BaseComponent {
   constructor(hotInstance, options) {
     super(hotInstance, {
       id: options.id,
       stateless: false
     });
+    /**
+     * OnChange listener.
+     *
+     * @param {Event} event The DOM event object.
+     */
+    _classPrivateMethodInitSpec(this, _onRadioInputChange);
     this.name = options.name;
     this.buildOperatorsElement();
   }
@@ -43,9 +52,7 @@ class OperatorsComponent extends _base.default {
       hidden: () => this.isHidden(),
       renderer: (hot, wrapper) => {
         (0, _element.addClass)(wrapper.parentNode, 'htFiltersMenuOperators');
-        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
-          (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
-        }
+        (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
         return wrapper;
       }
     };
@@ -59,7 +66,7 @@ class OperatorsComponent extends _base.default {
   buildOperatorsElement() {
     const operationKeys = [_conjunction.OPERATION_ID, _disjunction.OPERATION_ID];
     (0, _array.arrayEach)(operationKeys, operation => {
-      const radioInput = new _radioInput.default(this.hot, {
+      const radioInput = new _radioInput.RadioInputUI(this.hot, {
         name: 'operator',
         label: {
           htmlFor: operation,
@@ -69,7 +76,7 @@ class OperatorsComponent extends _base.default {
         checked: operation === operationKeys[SELECTED_AT_START_ELEMENT_INDEX],
         id: operation
       });
-      radioInput.addLocalHook('change', event => this.onRadioInputChange(event));
+      radioInput.addLocalHook('change', event => _classPrivateMethodGet(this, _onRadioInputChange, _onRadioInputChange2).call(this, event));
       this.elements.push(radioInput);
     });
   }
@@ -94,7 +101,7 @@ class OperatorsComponent extends _base.default {
    * @returns {string}
    */
   getActiveOperationId() {
-    const operationElement = this.elements.find(element => element instanceof _radioInput.default && element.isChecked());
+    const operationElement = this.elements.find(element => element instanceof _radioInput.RadioInputUI && element.isChecked());
     if (operationElement) {
       return operationElement.getValue();
     }
@@ -146,16 +153,8 @@ class OperatorsComponent extends _base.default {
   reset() {
     this.setChecked(SELECTED_AT_START_ELEMENT_INDEX);
   }
-
-  /**
-   * OnChange listener.
-   *
-   * @private
-   * @param {Event} event The DOM event object.
-   */
-  onRadioInputChange(event) {
-    this.setState(event.target.value);
-  }
 }
-var _default = OperatorsComponent;
-exports.default = _default;
+exports.OperatorsComponent = OperatorsComponent;
+function _onRadioInputChange2(event) {
+  this.setState(event.target.value);
+}

package/plugins/filters/component/operators.mjs

@@ -1,26 +1,36 @@
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.error.cause.js";
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+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; }
 import { addClass } from "../../../helpers/dom/element.mjs";
 import { arrayEach } from "../../../helpers/array.mjs";
 import { toSingleLine } from "../../../helpers/templateLiteralTag.mjs";
-import BaseComponent from "./_base.mjs";
+import { BaseComponent } from "./_base.mjs";
 import { getOperationName } from "../logicalOperationRegisterer.mjs";
 import { OPERATION_ID as OPERATION_AND } from "../logicalOperations/conjunction.mjs";
 import { OPERATION_ID as OPERATION_OR } from "../logicalOperations/disjunction.mjs";
 import { OPERATION_ID as OPERATION_OR_THEN_VARIABLE } from "../logicalOperations/disjunctionWithExtraCondition.mjs";
-import RadioInputUI from "../ui/radioInput.mjs";
+import { RadioInputUI } from "../ui/radioInput.mjs";
 const SELECTED_AT_START_ELEMENT_INDEX = 0;
 
 /**
  * @private
  * @class OperatorsComponent
  */
-class OperatorsComponent extends BaseComponent {
+var _onRadioInputChange = /*#__PURE__*/new WeakSet();
+export class OperatorsComponent extends BaseComponent {
   constructor(hotInstance, options) {
     super(hotInstance, {
       id: options.id,
       stateless: false
     });
+    /**
+     * OnChange listener.
+     *
+     * @param {Event} event The DOM event object.
+     */
+    _classPrivateMethodInitSpec(this, _onRadioInputChange);
     this.name = options.name;
     this.buildOperatorsElement();
   }
@@ -39,9 +49,7 @@ class OperatorsComponent extends BaseComponent {
       hidden: () => this.isHidden(),
       renderer: (hot, wrapper) => {
         addClass(wrapper.parentNode, 'htFiltersMenuOperators');
-        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
-          arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
-        }
+        arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
         return wrapper;
       }
     };
@@ -65,7 +73,7 @@ class OperatorsComponent extends BaseComponent {
         checked: operation === operationKeys[SELECTED_AT_START_ELEMENT_INDEX],
         id: operation
       });
-      radioInput.addLocalHook('change', event => this.onRadioInputChange(event));
+      radioInput.addLocalHook('change', event => _classPrivateMethodGet(this, _onRadioInputChange, _onRadioInputChange2).call(this, event));
       this.elements.push(radioInput);
     });
   }
@@ -142,15 +150,7 @@ class OperatorsComponent extends BaseComponent {
   reset() {
     this.setChecked(SELECTED_AT_START_ELEMENT_INDEX);
   }
-
-  /**
-   * OnChange listener.
-   *
-   * @private
-   * @param {Event} event The DOM event object.
-   */
-  onRadioInputChange(event) {
-    this.setState(event.target.value);
-  }
 }
-export default OperatorsComponent;
+function _onRadioInputChange2(event) {
+  this.setState(event.target.value);
+}