handsontable 14.6.1 → 15.0.0-next-4472a60-20241203

package/plugins/dropdownMenu/dropdownMenu.js

@@ -10,10 +10,9 @@ var _utils = require("../contextMenu/utils");
 var _element = require("../../helpers/dom/element");
 var _itemsFactory = require("../contextMenu/itemsFactory");
 var _menu = require("../contextMenu/menu");
-var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
+var _hooks = require("../../core/hooks");
 var _predefinedItems = require("../contextMenu/predefinedItems");
 var _a11y = require("../../helpers/a11y");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -23,11 +22,11 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
-_pluginHooks.default.getSingleton().register('afterDropdownMenuDefaultOptions');
-_pluginHooks.default.getSingleton().register('beforeDropdownMenuShow');
-_pluginHooks.default.getSingleton().register('afterDropdownMenuShow');
-_pluginHooks.default.getSingleton().register('afterDropdownMenuHide');
-_pluginHooks.default.getSingleton().register('afterDropdownMenuExecute');
+_hooks.Hooks.getSingleton().register('afterDropdownMenuDefaultOptions');
+_hooks.Hooks.getSingleton().register('beforeDropdownMenuShow');
+_hooks.Hooks.getSingleton().register('afterDropdownMenuShow');
+_hooks.Hooks.getSingleton().register('afterDropdownMenuHide');
+_hooks.Hooks.getSingleton().register('afterDropdownMenuExecute');
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'dropdownMenu';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 230;
 const BUTTON_CLASS_NAME = 'changeType';

package/plugins/dropdownMenu/dropdownMenu.mjs

@@ -16,7 +16,7 @@ import { getDocumentOffsetByElement } from "../contextMenu/utils.mjs";
 import { hasClass, setAttribute } from "../../helpers/dom/element.mjs";
 import { ItemsFactory } from "../contextMenu/itemsFactory.mjs";
 import { Menu } from "../contextMenu/menu/index.mjs";
-import Hooks from "../../pluginHooks.mjs";
+import { Hooks } from "../../core/hooks/index.mjs";
 import { COLUMN_LEFT, COLUMN_RIGHT, REMOVE_COLUMN, CLEAR_COLUMN, READ_ONLY, ALIGNMENT, SEPARATOR } from "../contextMenu/predefinedItems/index.mjs";
 import { A11Y_HASPOPUP, A11Y_HIDDEN, A11Y_LABEL } from "../../helpers/a11y.mjs";
 Hooks.getSingleton().register('afterDropdownMenuDefaultOptions');

package/plugins/exportFile/types/csv.js

@@ -1,6 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/esnext.iterator.map.js");
 var _array = require("../../../helpers/array");
 var _mixed = require("../../../helpers/mixed");
 var _base = _interopRequireDefault(require("./_base"));

package/plugins/exportFile/types/csv.mjs

@@ -1,3 +1,4 @@
+import "core-js/modules/esnext.iterator.map.js";
 import { arrayEach, arrayMap } from "../../../helpers/array.mjs";
 import { stringify } from "../../../helpers/mixed.mjs";
 import BaseType from "./_base.mjs";

package/plugins/filters/component/condition.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
 var _element = require("../../../helpers/dom/element");
 var _event = require("../../../helpers/dom/event");
 var _array = require("../../../helpers/array");

package/plugins/filters/component/condition.mjs

@@ -1,5 +1,7 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }

package/plugins/filters/component/operators.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.js");
 var _element = require("../../../helpers/dom/element");
 var _array = require("../../../helpers/array");
 var _templateLiteralTag = require("../../../helpers/templateLiteralTag");

package/plugins/filters/component/operators.mjs

@@ -1,5 +1,7 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.find.js";
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }

package/plugins/filters/component/value.js

@@ -3,6 +3,9 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _element = require("../../../helpers/dom/element");
 var _event = require("../../../helpers/dom/event");
 var _array = require("../../../helpers/array");

package/plugins/filters/component/value.mjs

@@ -1,5 +1,8 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.map.js";
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }

package/plugins/filters/conditionCollection.js

@@ -3,6 +3,9 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.some.js");
 var _array = require("../../helpers/array");
 var _object = require("../../helpers/object");
 var _templateLiteralTag = require("../../helpers/templateLiteralTag");

package/plugins/filters/conditionCollection.mjs

@@ -1,5 +1,8 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.map.js";
+import "core-js/modules/esnext.iterator.some.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/plugins/filters/conditionUpdateObserver.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
 var _array = require("../../helpers/array");
 var _object = require("../../helpers/object");
 var _function = require("../../helpers/function");

package/plugins/filters/conditionUpdateObserver.mjs

@@ -1,5 +1,7 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }

package/plugins/filters/filters.js

@@ -4,6 +4,10 @@ exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.unscopables.flat.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _base = require("../base");
 var _array = require("../../helpers/array");
 var _templateLiteralTag = require("../../helpers/templateLiteralTag");
@@ -76,6 +80,7 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * :::
  */
 var _menuFocusNavigator = /*#__PURE__*/new WeakMap();
+var _dropdownMenuTraces = /*#__PURE__*/new WeakMap();
 var _Filters_brand = /*#__PURE__*/new WeakSet();
 class Filters extends _base.BasePlugin {
   static get PLUGIN_KEY() {
@@ -139,6 +144,12 @@ class Filters extends _base.BasePlugin {
      * @type {MenuFocusNavigator|undefined}
      */
     _classPrivateFieldInitSpec(this, _menuFocusNavigator, void 0);
+    /**
+     * Traces the new menu instances to apply the focus navigation to the latest one.
+     *
+     * @type {WeakSet<Menu>}
+     */
+    _classPrivateFieldInitSpec(this, _dropdownMenuTraces, new WeakSet());
     this.hot.addHook('afterGetColHeader', (col, TH) => _assertClassBrand(_Filters_brand, this, _onAfterGetColHeader).call(this, col, TH));
   }
 
@@ -157,6 +168,7 @@ class Filters extends _base.BasePlugin {
    * Enables the plugin functionality for this Handsontable instance.
    */
   enablePlugin() {
+    var _this = this;
     if (this.enabled) {
       return;
     }
@@ -218,7 +230,13 @@ class Filters extends _base.BasePlugin {
       this.conditionUpdateObserver.addLocalHook('update', conditionState => _assertClassBrand(_Filters_brand, this, _updateComponents).call(this, conditionState));
     }
     this.components.forEach(component => component.show());
-    this.addHook('afterDropdownMenuDefaultOptions', defaultOptions => _assertClassBrand(_Filters_brand, this, _onAfterDropdownMenuDefaultOptions).call(this, defaultOptions));
+    this.addHook('afterDropdownMenuDefaultOptions', function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _assertClassBrand(_Filters_brand, _this, _onAfterDropdownMenuDefaultOptions).call(_this, ...args);
+    });
+    this.addHook('beforeDropdownMenuShow', () => _assertClassBrand(_Filters_brand, this, _onBeforeDropdownMenuShow).call(this));
     this.addHook('afterDropdownMenuShow', () => _assertClassBrand(_Filters_brand, this, _onAfterDropdownMenuShow).call(this));
     this.addHook('afterDropdownMenuHide', () => _assertClassBrand(_Filters_brand, this, _onAfterDropdownMenuHide).call(this));
     this.addHook('afterChange', changes => _assertClassBrand(_Filters_brand, this, _onAfterChange).call(this, changes));
@@ -229,15 +247,15 @@ class Filters extends _base.BasePlugin {
       this.dropdownMenuPlugin.enablePlugin();
     }
     if (!_classPrivateFieldGet(_menuFocusNavigator, this) && 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: () => {
-          const menuNavigator = mainMenu.getNavigator();
+          const menu = _classPrivateFieldGet(_menuFocusNavigator, this).getMenu();
+          const menuNavigator = menu.getNavigator();
           const lastSelectedMenuItem = _classPrivateFieldGet(_menuFocusNavigator, this).getLastMenuPage();
-          mainMenu.focus();
+          menu.focus();
           if (lastSelectedMenuItem > 0) {
             menuNavigator.setCurrentPage(lastSelectedMenuItem);
           } else {
@@ -248,7 +266,7 @@ class Filters extends _base.BasePlugin {
         let [, component] = _ref;
         return component.getElements();
       }).flat()];
-      _classPrivateFieldSet(_menuFocusNavigator, this, (0, _focusController.createMenuFocusController)(mainMenu, focusableItems));
+      _classPrivateFieldSet(_menuFocusNavigator, this, (0, _focusController.createMenuFocusController)(this.dropdownMenuPlugin.menu, focusableItems));
       const forwardToFocusNavigation = event => {
         _classPrivateFieldGet(_menuFocusNavigator, this).listen();
         event.preventDefault();
@@ -706,8 +724,8 @@ class Filters extends _base.BasePlugin {
       return indexes;
     }
     const menu = this.dropdownMenuPlugin.menu;
-    for (var _len = arguments.length, components = new Array(_len), _key = 0; _key < _len; _key++) {
-      components[_key] = arguments[_key];
+    for (var _len2 = arguments.length, components = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      components[_key2] = arguments[_key2];
     }
     (0, _array.arrayEach)(components, component => {
       (0, _array.arrayEach)(menu.menuItems, (item, index) => {
@@ -734,8 +752,8 @@ class Filters extends _base.BasePlugin {
     const menu = this.dropdownMenuPlugin.menu;
     const hotMenu = menu.hotMenu;
     const hiddenRows = hotMenu.getPlugin('hiddenRows');
-    for (var _len2 = arguments.length, components = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      components[_key2 - 1] = arguments[_key2];
+    for (var _len3 = arguments.length, components = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      components[_key3 - 1] = arguments[_key3];
     }
     const indexes = this.getIndexesOfComponents(...components);
     if (visible) {
@@ -753,8 +771,8 @@ class Filters extends _base.BasePlugin {
    * @param {...BaseComponent} components List of components.
    */
   hideComponents() {
-    for (var _len3 = arguments.length, components = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      components[_key3] = arguments[_key3];
+    for (var _len4 = arguments.length, components = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      components[_key4] = arguments[_key4];
     }
     this.changeComponentsVisibility(false, ...components);
   }
@@ -766,8 +784,8 @@ class Filters extends _base.BasePlugin {
    * @param {...BaseComponent} components List of components.
    */
   showComponents() {
-    for (var _len4 = arguments.length, components = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      components[_key4] = arguments[_key4];
+    for (var _len5 = arguments.length, components = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      components[_key5] = arguments[_key5];
     }
     this.changeComponentsVisibility(true, ...components);
   }
@@ -814,6 +832,16 @@ function _onAfterDropdownMenuHide() {
   this.components.get('filter_by_condition').getSelectElement().closeOptions();
   this.components.get('filter_by_condition2').getSelectElement().closeOptions();
 }
+/**
+ * Hooks applies the new dropdown menu instance to the focus navigator.
+ */
+function _onBeforeDropdownMenuShow() {
+  const mainMenu = this.dropdownMenuPlugin.menu;
+  if (!_classPrivateFieldGet(_dropdownMenuTraces, this).has(mainMenu)) {
+    _classPrivateFieldGet(_menuFocusNavigator, this).setMenu(mainMenu);
+  }
+  _classPrivateFieldGet(_dropdownMenuTraces, this).add(mainMenu);
+}
 /**
  * After dropdown menu default options listener.
  *
@@ -872,10 +900,12 @@ function _onActionBarSubmit(submitType) {
  * @param {object} command Menu item object (command).
  */
 function _onComponentChange(component, command) {
+  const menu = this.dropdownMenuPlugin.menu;
   this.updateDependentComponentsVisibility();
   if (component.constructor === _condition.ConditionComponent && !command.inputsCount) {
     this.setListeningDropdownMenu();
   }
+  menu.updateMenuDimensions();
 }
 /**
  * On component SelectUI closed listener.

package/plugins/filters/filters.mjs

@@ -1,6 +1,10 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.array.unscopables.flat.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/esnext.iterator.map.js";
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -70,6 +74,7 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * :::
  */
 var _menuFocusNavigator = /*#__PURE__*/new WeakMap();
+var _dropdownMenuTraces = /*#__PURE__*/new WeakMap();
 var _Filters_brand = /*#__PURE__*/new WeakSet();
 export class Filters extends BasePlugin {
   static get PLUGIN_KEY() {
@@ -133,6 +138,12 @@ export class Filters extends BasePlugin {
      * @type {MenuFocusNavigator|undefined}
      */
     _classPrivateFieldInitSpec(this, _menuFocusNavigator, void 0);
+    /**
+     * Traces the new menu instances to apply the focus navigation to the latest one.
+     *
+     * @type {WeakSet<Menu>}
+     */
+    _classPrivateFieldInitSpec(this, _dropdownMenuTraces, new WeakSet());
     this.hot.addHook('afterGetColHeader', (col, TH) => _assertClassBrand(_Filters_brand, this, _onAfterGetColHeader).call(this, col, TH));
   }
 
@@ -151,6 +162,7 @@ export class Filters extends BasePlugin {
    * Enables the plugin functionality for this Handsontable instance.
    */
   enablePlugin() {
+    var _this = this;
     if (this.enabled) {
       return;
     }
@@ -212,7 +224,13 @@ export class Filters extends BasePlugin {
       this.conditionUpdateObserver.addLocalHook('update', conditionState => _assertClassBrand(_Filters_brand, this, _updateComponents).call(this, conditionState));
     }
     this.components.forEach(component => component.show());
-    this.addHook('afterDropdownMenuDefaultOptions', defaultOptions => _assertClassBrand(_Filters_brand, this, _onAfterDropdownMenuDefaultOptions).call(this, defaultOptions));
+    this.addHook('afterDropdownMenuDefaultOptions', function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _assertClassBrand(_Filters_brand, _this, _onAfterDropdownMenuDefaultOptions).call(_this, ...args);
+    });
+    this.addHook('beforeDropdownMenuShow', () => _assertClassBrand(_Filters_brand, this, _onBeforeDropdownMenuShow).call(this));
     this.addHook('afterDropdownMenuShow', () => _assertClassBrand(_Filters_brand, this, _onAfterDropdownMenuShow).call(this));
     this.addHook('afterDropdownMenuHide', () => _assertClassBrand(_Filters_brand, this, _onAfterDropdownMenuHide).call(this));
     this.addHook('afterChange', changes => _assertClassBrand(_Filters_brand, this, _onAfterChange).call(this, changes));
@@ -223,15 +241,15 @@ export class Filters extends BasePlugin {
       this.dropdownMenuPlugin.enablePlugin();
     }
     if (!_classPrivateFieldGet(_menuFocusNavigator, this) && 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: () => {
-          const menuNavigator = mainMenu.getNavigator();
+          const menu = _classPrivateFieldGet(_menuFocusNavigator, this).getMenu();
+          const menuNavigator = menu.getNavigator();
           const lastSelectedMenuItem = _classPrivateFieldGet(_menuFocusNavigator, this).getLastMenuPage();
-          mainMenu.focus();
+          menu.focus();
           if (lastSelectedMenuItem > 0) {
             menuNavigator.setCurrentPage(lastSelectedMenuItem);
           } else {
@@ -242,7 +260,7 @@ export class Filters extends BasePlugin {
         let [, component] = _ref;
         return component.getElements();
       }).flat()];
-      _classPrivateFieldSet(_menuFocusNavigator, this, createMenuFocusController(mainMenu, focusableItems));
+      _classPrivateFieldSet(_menuFocusNavigator, this, createMenuFocusController(this.dropdownMenuPlugin.menu, focusableItems));
       const forwardToFocusNavigation = event => {
         _classPrivateFieldGet(_menuFocusNavigator, this).listen();
         event.preventDefault();
@@ -700,8 +718,8 @@ export class Filters extends BasePlugin {
       return indexes;
     }
     const menu = this.dropdownMenuPlugin.menu;
-    for (var _len = arguments.length, components = new Array(_len), _key = 0; _key < _len; _key++) {
-      components[_key] = arguments[_key];
+    for (var _len2 = arguments.length, components = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      components[_key2] = arguments[_key2];
     }
     arrayEach(components, component => {
       arrayEach(menu.menuItems, (item, index) => {
@@ -728,8 +746,8 @@ export class Filters extends BasePlugin {
     const menu = this.dropdownMenuPlugin.menu;
     const hotMenu = menu.hotMenu;
     const hiddenRows = hotMenu.getPlugin('hiddenRows');
-    for (var _len2 = arguments.length, components = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      components[_key2 - 1] = arguments[_key2];
+    for (var _len3 = arguments.length, components = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      components[_key3 - 1] = arguments[_key3];
     }
     const indexes = this.getIndexesOfComponents(...components);
     if (visible) {
@@ -747,8 +765,8 @@ export class Filters extends BasePlugin {
    * @param {...BaseComponent} components List of components.
    */
   hideComponents() {
-    for (var _len3 = arguments.length, components = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      components[_key3] = arguments[_key3];
+    for (var _len4 = arguments.length, components = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      components[_key4] = arguments[_key4];
     }
     this.changeComponentsVisibility(false, ...components);
   }
@@ -760,8 +778,8 @@ export class Filters extends BasePlugin {
    * @param {...BaseComponent} components List of components.
    */
   showComponents() {
-    for (var _len4 = arguments.length, components = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      components[_key4] = arguments[_key4];
+    for (var _len5 = arguments.length, components = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      components[_key5] = arguments[_key5];
     }
     this.changeComponentsVisibility(true, ...components);
   }
@@ -807,6 +825,16 @@ function _onAfterDropdownMenuHide() {
   this.components.get('filter_by_condition').getSelectElement().closeOptions();
   this.components.get('filter_by_condition2').getSelectElement().closeOptions();
 }
+/**
+ * Hooks applies the new dropdown menu instance to the focus navigator.
+ */
+function _onBeforeDropdownMenuShow() {
+  const mainMenu = this.dropdownMenuPlugin.menu;
+  if (!_classPrivateFieldGet(_dropdownMenuTraces, this).has(mainMenu)) {
+    _classPrivateFieldGet(_menuFocusNavigator, this).setMenu(mainMenu);
+  }
+  _classPrivateFieldGet(_dropdownMenuTraces, this).add(mainMenu);
+}
 /**
  * After dropdown menu default options listener.
  *
@@ -865,10 +893,12 @@ function _onActionBarSubmit(submitType) {
  * @param {object} command Menu item object (command).
  */
 function _onComponentChange(component, command) {
+  const menu = this.dropdownMenuPlugin.menu;
   this.updateDependentComponentsVisibility();
   if (component.constructor === ConditionComponent && !command.inputsCount) {
     this.setListeningDropdownMenu();
   }
+  menu.updateMenuDimensions();
 }
 /**
  * On component SelectUI closed listener.

package/plugins/filters/logicalOperations/conjunction.js

@@ -2,6 +2,8 @@
 
 exports.__esModule = true;
 exports.operationResult = operationResult;
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.every.js");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
 var _logicalOperationRegisterer = require("../logicalOperationRegisterer");
 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); }

package/plugins/filters/logicalOperations/conjunction.mjs

@@ -1,3 +1,5 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.every.js";
 import * as C from "../../../i18n/constants.mjs";
 import { registerOperation } from "../logicalOperationRegisterer.mjs";
 export const OPERATION_ID = 'conjunction';

package/plugins/filters/logicalOperations/disjunction.js

@@ -2,6 +2,8 @@
 
 exports.__esModule = true;
 exports.operationResult = operationResult;
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.some.js");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
 var _logicalOperationRegisterer = require("../logicalOperationRegisterer");
 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); }

package/plugins/filters/logicalOperations/disjunction.mjs

@@ -1,3 +1,5 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.some.js";
 import * as C from "../../../i18n/constants.mjs";
 import { registerOperation } from "../logicalOperationRegisterer.mjs";
 export const OPERATION_ID = 'disjunction';

package/plugins/filters/logicalOperations/disjunctionWithExtraCondition.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.operationResult = operationResult;
 require("core-js/modules/es.error.cause.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.some.js");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
 var _logicalOperationRegisterer = require("../logicalOperationRegisterer");
 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); }

package/plugins/filters/logicalOperations/disjunctionWithExtraCondition.mjs

@@ -1,4 +1,6 @@
 import "core-js/modules/es.error.cause.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.some.js";
 import * as C from "../../../i18n/constants.mjs";
 import { registerOperation } from "../logicalOperationRegisterer.mjs";
 export const OPERATION_ID = 'disjunctionWithExtraCondition';

package/plugins/filters/menu/focusController.js

@@ -2,6 +2,8 @@
 
 exports.__esModule = true;
 exports.createMenuFocusController = createMenuFocusController;
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 var _focusNavigator = require("./focusNavigator");
 var _select = require("../ui/select");
 var _base = require("../ui/_base");
@@ -32,10 +34,11 @@ function createMenuFocusController(mainMenu, menuItems) {
    * into the focus mode triggered by the TAB or SHIFT+TAB keys).
    */
   let lastSelectedMenuItem = -1;
+  let menuInstance;
   const focusNavigator = (0, _focusNavigator.createFocusNavigator)(menuItems);
   const updateNavigatorPosition = element => () => {
-    if (mainMenu.isOpened()) {
-      mainMenu.getKeyboardShortcutsCtrl().listen(SHORTCUTS_MENU_CONTEXT);
+    if (menuInstance.isOpened()) {
+      menuInstance.getKeyboardShortcutsCtrl().listen(SHORTCUTS_MENU_CONTEXT);
     }
     focusNavigator.setCurrentPage(menuItems.indexOf(element));
   };
@@ -48,11 +51,7 @@ function createMenuFocusController(mainMenu, menuItems) {
       element.addLocalHook('afterClose', updateNavigatorPosition(element));
     }
   });
-  mainMenu.addLocalHook('afterSelectionChange', selectedItem => {
-    if (!selectedItem.key.startsWith('filter_')) {
-      focusNavigator.clear();
-    }
-  });
+  setMenu(mainMenu);
 
   /**
    * Extends the menu and submenus with new keyboard shortcuts.
@@ -60,7 +59,7 @@ function createMenuFocusController(mainMenu, menuItems) {
    * @param {*} menu The menu (as main menu or submenu) instance.
    */
   function addKeyboardShortcuts(menu) {
-    const mainMenuShortcutsCtrl = mainMenu.getKeyboardShortcutsCtrl();
+    const mainMenuShortcutsCtrl = menuInstance.getKeyboardShortcutsCtrl();
     const currentMenuShortcutsCtrl = menu.getKeyboardShortcutsCtrl();
     focusNavigator.clear();
     currentMenuShortcutsCtrl.addCustomShortcuts([{
@@ -79,7 +78,7 @@ function createMenuFocusController(mainMenu, menuItems) {
     mainMenuShortcutsCtrl.addCustomShortcuts([{
       keys: [['Tab'], ['Shift', 'Tab']],
       callback: event => {
-        const menuNavigator = mainMenu.getNavigator();
+        const menuNavigator = menuInstance.getNavigator();
         if (menuNavigator.getCurrentPage() > -1) {
           lastSelectedMenuItem = menuNavigator.getCurrentPage();
         }
@@ -93,7 +92,7 @@ function createMenuFocusController(mainMenu, menuItems) {
     }, {
       keys: [['Escape']],
       callback: () => {
-        mainMenu.close();
+        menuInstance.close();
       }
     }, {
       keys: [['Enter'], ['Space']],
@@ -114,16 +113,39 @@ function createMenuFocusController(mainMenu, menuItems) {
       }
     }], SHORTCUTS_MENU_CONTEXT);
   }
-  mainMenu.addLocalHook('afterSubmenuOpen', addKeyboardShortcuts);
-  mainMenu.addLocalHook('afterOpen', addKeyboardShortcuts);
 
   /**
    * Focuses the menu and switches its shortcut context to that one which controls
    * the focus navigation.
    */
   function listen() {
-    mainMenu.focus();
-    mainMenu.getKeyboardShortcutsCtrl().listen(SHORTCUTS_MENU_CONTEXT);
+    menuInstance.focus();
+    menuInstance.getKeyboardShortcutsCtrl().listen(SHORTCUTS_MENU_CONTEXT);
+  }
+
+  /**
+   * Applies the focus controller to the new menu instance.
+   *
+   * @param {Menu} menu The new menu instance.
+   */
+  function setMenu(menu) {
+    menu.addLocalHook('afterSelectionChange', selectedItem => {
+      if (!selectedItem.key.startsWith('filter_')) {
+        focusNavigator.clear();
+      }
+    });
+    menu.addLocalHook('afterSubmenuOpen', addKeyboardShortcuts);
+    menu.addLocalHook('afterOpen', addKeyboardShortcuts);
+    menuInstance = menu;
+  }
+
+  /**
+   * Retrieves the current menu instance.
+   *
+   * @returns {Menu} The current menu instance.
+   */
+  function getMenu() {
+    return menuInstance;
   }
 
   /**
@@ -137,6 +159,8 @@ function createMenuFocusController(mainMenu, menuItems) {
   return {
     ...focusNavigator,
     listen,
+    setMenu,
+    getMenu,
     getLastMenuPage
   };
 }