handsontable 0.0.0-next-7026906-20231107 → 0.0.0-next-7b93b7d-20231107

package/plugins/dropdownMenu/dropdownMenu.js

@@ -7,7 +7,6 @@ var _array = require("../../helpers/array");
 var _object = require("../../helpers/object");
 var _commandExecutor = require("../contextMenu/commandExecutor");
 var _utils = require("../contextMenu/utils");
-var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _element = require("../../helpers/dom/element");
 var _itemsFactory = require("../contextMenu/itemsFactory");
 var _menu = require("../contextMenu/menu");
@@ -18,6 +17,9 @@ var _a11y = require("../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _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 _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 _pluginHooks.default.getSingleton().register('afterDropdownMenuDefaultOptions');
 _pluginHooks.default.getSingleton().register('beforeDropdownMenuShow');
@@ -82,6 +84,12 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * :::
  */
 var _addCustomShortcuts = /*#__PURE__*/new WeakSet();
+var _onTableClick = /*#__PURE__*/new WeakSet();
+var _onAfterGetColHeader = /*#__PURE__*/new WeakSet();
+var _onMenuBeforeOpen = /*#__PURE__*/new WeakSet();
+var _onMenuAfterOpen = /*#__PURE__*/new WeakSet();
+var _onSubMenuAfterOpen = /*#__PURE__*/new WeakSet();
+var _onMenuAfterClose = /*#__PURE__*/new WeakSet();
 class DropdownMenu extends _base.BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -101,45 +109,83 @@ class DropdownMenu extends _base.BasePlugin {
   static get DEFAULT_ITEMS() {
     return [_predefinedItems.COLUMN_LEFT, _predefinedItems.COLUMN_RIGHT, _predefinedItems.SEPARATOR, _predefinedItems.REMOVE_COLUMN, _predefinedItems.SEPARATOR, _predefinedItems.CLEAR_COLUMN, _predefinedItems.SEPARATOR, _predefinedItems.READ_ONLY, _predefinedItems.SEPARATOR, _predefinedItems.ALIGNMENT];
   }
+
+  /**
+   * Instance of {@link CommandExecutor}.
+   *
+   * @private
+   * @type {CommandExecutor}
+   */
+
   constructor(hotInstance) {
     super(hotInstance);
+
+    // One listener for enable/disable functionality
     /**
-     * Instance of {@link EventManager}.
+     * On menu after close listener.
      *
      * @private
-     * @type {EventManager}
+     * @fires Hooks#afterDropdownMenuHide
      */
+    _classPrivateMethodInitSpec(this, _onMenuAfterClose);
     /**
-     * Add custom shortcuts to the provided menu instance.
+     * Listener for the `afterSubmenuOpen` hook.
      *
-     * @param {Menu} menuInstance The menu instance.
+     * @private
+     * @param {Menu} subMenuInstance The opened sub menu instance.
      */
-    _classPrivateMethodInitSpec(this, _addCustomShortcuts);
-    this.eventManager = new _eventManager.default(this);
+    _classPrivateMethodInitSpec(this, _onSubMenuAfterOpen);
+    /**
+     * On menu after open listener.
+     *
+     * @private
+     * @fires Hooks#afterDropdownMenuShow
+     */
+    _classPrivateMethodInitSpec(this, _onMenuAfterOpen);
+    /**
+     * On menu before open listener.
+     *
+     * @private
+     * @fires Hooks#beforeDropdownMenuShow
+     */
+    _classPrivateMethodInitSpec(this, _onMenuBeforeOpen);
     /**
-     * Instance of {@link CommandExecutor}.
+     * On after get column header listener.
      *
      * @private
-     * @type {CommandExecutor}
+     * @param {number} col Visual column index.
+     * @param {HTMLTableCellElement} TH Header's TH element.
      */
-    this.commandExecutor = new _commandExecutor.CommandExecutor(this.hot);
+    _classPrivateMethodInitSpec(this, _onAfterGetColHeader);
+    /**
+     * Table click listener.
+     *
+     * @private
+     * @param {Event} event The mouse event object.
+     */
+    _classPrivateMethodInitSpec(this, _onTableClick);
+    /**
+     * Add custom shortcuts to the provided menu instance.
+     *
+     * @param {Menu} menuInstance The menu instance.
+     */
+    _classPrivateMethodInitSpec(this, _addCustomShortcuts);
+    _defineProperty(this, "commandExecutor", new _commandExecutor.CommandExecutor(this.hot));
     /**
      * Instance of {@link ItemsFactory}.
      *
      * @private
      * @type {ItemsFactory}
      */
-    this.itemsFactory = null;
+    _defineProperty(this, "itemsFactory", null);
     /**
      * Instance of {@link Menu}.
      *
      * @private
      * @type {Menu}
      */
-    this.menu = null;
-
-    // One listener for enable/disable functionality
-    this.hot.addHook('afterGetColHeader', (col, TH) => this.onAfterGetColHeader(col, TH));
+    _defineProperty(this, "menu", null);
+    this.hot.addHook('afterGetColHeader', (col, TH) => _classPrivateMethodGet(this, _onAfterGetColHeader, _onAfterGetColHeader2).call(this, col, TH));
   }
 
   /**
@@ -188,10 +234,10 @@ class DropdownMenu extends _base.BasePlugin {
       });
       this.hot.runHooks('beforeDropdownMenuSetItems', menuItems);
       this.menu.setMenuItems(menuItems);
-      this.menu.addLocalHook('beforeOpen', () => this.onMenuBeforeOpen());
-      this.menu.addLocalHook('afterOpen', () => this.onMenuAfterOpen());
-      this.menu.addLocalHook('afterSubmenuOpen', subMenuInstance => this.onSubMenuAfterOpen(subMenuInstance));
-      this.menu.addLocalHook('afterClose', () => this.onMenuAfterClose());
+      this.menu.addLocalHook('beforeOpen', () => _classPrivateMethodGet(this, _onMenuBeforeOpen, _onMenuBeforeOpen2).call(this));
+      this.menu.addLocalHook('afterOpen', () => _classPrivateMethodGet(this, _onMenuAfterOpen, _onMenuAfterOpen2).call(this));
+      this.menu.addLocalHook('afterSubmenuOpen', subMenuInstance => _classPrivateMethodGet(this, _onSubMenuAfterOpen, _onSubMenuAfterOpen2).call(this, subMenuInstance));
+      this.menu.addLocalHook('afterClose', () => _classPrivateMethodGet(this, _onMenuAfterClose, _onMenuAfterClose2).call(this));
       this.menu.addLocalHook('executeCommand', function () {
         for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
           params[_key] = arguments[_key];
@@ -290,7 +336,7 @@ class DropdownMenu extends _base.BasePlugin {
    * @private
    */
   registerEvents() {
-    this.eventManager.addEventListener(this.hot.rootElement, 'click', event => this.onTableClick(event));
+    this.eventManager.addEventListener(this.hot.rootElement, 'click', event => _classPrivateMethodGet(this, _onTableClick, _onTableClick2).call(this, event));
   }
 
   /**
@@ -384,115 +430,6 @@ class DropdownMenu extends _base.BasePlugin {
       }
     }
   }
-  /**
-   * Table click listener.
-   *
-   * @private
-   * @param {Event} event The mouse event object.
-   */
-  onTableClick(event) {
-    event.stopPropagation();
-    if ((0, _element.hasClass)(event.target, BUTTON_CLASS_NAME)) {
-      const offset = (0, _utils.getDocumentOffsetByElement)(this.menu.container, this.hot.rootDocument);
-      const rect = event.target.getBoundingClientRect();
-      this.open({
-        left: rect.left + offset.left,
-        top: rect.top + event.target.offsetHeight + 3 + offset.top
-      }, {
-        left: rect.width
-      });
-    }
-  }
-
-  /**
-   * On after get column header listener.
-   *
-   * @private
-   * @param {number} col Visual column index.
-   * @param {HTMLTableCellElement} TH Header's TH element.
-   */
-  onAfterGetColHeader(col, TH) {
-    // Corner or a higher-level header
-    const headerRow = TH.parentNode;
-    if (!headerRow) {
-      return;
-    }
-    const headerRowList = headerRow.parentNode.childNodes;
-    const level = Array.prototype.indexOf.call(headerRowList, headerRow);
-    if (col < 0 || level !== headerRowList.length - 1) {
-      return;
-    }
-    const existingButton = TH.querySelector(`.${BUTTON_CLASS_NAME}`);
-
-    // Plugin enabled and buttons already exists, return.
-    if (this.enabled && existingButton) {
-      return;
-    }
-    // Plugin disabled and buttons still exists, so remove them.
-    if (!this.enabled) {
-      if (existingButton) {
-        existingButton.parentNode.removeChild(existingButton);
-      }
-      return;
-    }
-    const button = this.hot.rootDocument.createElement('button');
-    button.className = BUTTON_CLASS_NAME;
-    button.type = 'button';
-    button.tabIndex = -1;
-    if (this.hot.getSettings().ariaTags) {
-      (0, _element.setAttribute)(button, [(0, _a11y.A11Y_LABEL)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_LABEL_OPEN_MENU))]);
-      (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_HASPOPUP)('menu')]);
-    }
-
-    // prevent page reload on button click
-    button.onclick = function () {
-      return false;
-    };
-    TH.firstChild.insertBefore(button, TH.firstChild.firstChild);
-  }
-
-  /**
-   * On menu before open listener.
-   *
-   * @private
-   * @fires Hooks#beforeDropdownMenuShow
-   */
-  onMenuBeforeOpen() {
-    this.hot.runHooks('beforeDropdownMenuShow', this);
-  }
-
-  /**
-   * On menu after open listener.
-   *
-   * @private
-   * @fires Hooks#afterDropdownMenuShow
-   */
-  onMenuAfterOpen() {
-    this.hot.runHooks('afterDropdownMenuShow', this);
-    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, this.menu);
-  }
-
-  /**
-   * Listener for the `afterSubmenuOpen` hook.
-   *
-   * @private
-   * @param {Menu} subMenuInstance The opened sub menu instance.
-   */
-  onSubMenuAfterOpen(subMenuInstance) {
-    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, subMenuInstance);
-  }
-
-  /**
-   * On menu after close listener.
-   *
-   * @private
-   * @fires Hooks#afterDropdownMenuHide
-   */
-  onMenuAfterClose() {
-    this.hot.listen();
-    this.hot.runHooks('afterDropdownMenuHide', this);
-  }
-
   /**
    * Destroys the plugin instance.
    */
@@ -511,6 +448,72 @@ function _addCustomShortcuts2(menuInstance) {
     callback: () => false
   }]);
 }
+function _onTableClick2(event) {
+  event.stopPropagation();
+  if ((0, _element.hasClass)(event.target, BUTTON_CLASS_NAME)) {
+    const offset = (0, _utils.getDocumentOffsetByElement)(this.menu.container, this.hot.rootDocument);
+    const rect = event.target.getBoundingClientRect();
+    this.open({
+      left: rect.left + offset.left,
+      top: rect.top + event.target.offsetHeight + 3 + offset.top
+    }, {
+      left: rect.width
+    });
+  }
+}
+function _onAfterGetColHeader2(col, TH) {
+  // Corner or a higher-level header
+  const headerRow = TH.parentNode;
+  if (!headerRow) {
+    return;
+  }
+  const headerRowList = headerRow.parentNode.childNodes;
+  const level = Array.prototype.indexOf.call(headerRowList, headerRow);
+  if (col < 0 || level !== headerRowList.length - 1) {
+    return;
+  }
+  const existingButton = TH.querySelector(`.${BUTTON_CLASS_NAME}`);
+
+  // Plugin enabled and buttons already exists, return.
+  if (this.enabled && existingButton) {
+    return;
+  }
+  // Plugin disabled and buttons still exists, so remove them.
+  if (!this.enabled) {
+    if (existingButton) {
+      existingButton.parentNode.removeChild(existingButton);
+    }
+    return;
+  }
+  const button = this.hot.rootDocument.createElement('button');
+  button.className = BUTTON_CLASS_NAME;
+  button.type = 'button';
+  button.tabIndex = -1;
+  if (this.hot.getSettings().ariaTags) {
+    (0, _element.setAttribute)(button, [(0, _a11y.A11Y_LABEL)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_LABEL_OPEN_MENU))]);
+    (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_HASPOPUP)('menu')]);
+  }
+
+  // prevent page reload on button click
+  button.onclick = function () {
+    return false;
+  };
+  TH.firstChild.insertBefore(button, TH.firstChild.firstChild);
+}
+function _onMenuBeforeOpen2() {
+  this.hot.runHooks('beforeDropdownMenuShow', this);
+}
+function _onMenuAfterOpen2() {
+  this.hot.runHooks('afterDropdownMenuShow', this);
+  _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, this.menu);
+}
+function _onSubMenuAfterOpen2(subMenuInstance) {
+  _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, subMenuInstance);
+}
+function _onMenuAfterClose2() {
+  this.hot.listen();
+  this.hot.runHooks('afterDropdownMenuHide', this);
+}
 DropdownMenu.SEPARATOR = {
   name: _predefinedItems.SEPARATOR
 };

package/plugins/dropdownMenu/dropdownMenu.mjs

@@ -1,13 +1,15 @@
 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 _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 _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 import { BasePlugin } from "../base/index.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
 import { objectEach } from "../../helpers/object.mjs";
 import { CommandExecutor } from "../contextMenu/commandExecutor.mjs";
 import { getDocumentOffsetByElement } from "../contextMenu/utils.mjs";
-import EventManager from "../../eventManager.mjs";
 import { hasClass, setAttribute } from "../../helpers/dom/element.mjs";
 import { ItemsFactory } from "../contextMenu/itemsFactory.mjs";
 import { Menu } from "../contextMenu/menu/index.mjs";
@@ -76,6 +78,12 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * :::
  */
 var _addCustomShortcuts = /*#__PURE__*/new WeakSet();
+var _onTableClick = /*#__PURE__*/new WeakSet();
+var _onAfterGetColHeader = /*#__PURE__*/new WeakSet();
+var _onMenuBeforeOpen = /*#__PURE__*/new WeakSet();
+var _onMenuAfterOpen = /*#__PURE__*/new WeakSet();
+var _onSubMenuAfterOpen = /*#__PURE__*/new WeakSet();
+var _onMenuAfterClose = /*#__PURE__*/new WeakSet();
 export class DropdownMenu extends BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -95,45 +103,83 @@ export class DropdownMenu extends BasePlugin {
   static get DEFAULT_ITEMS() {
     return [COLUMN_LEFT, COLUMN_RIGHT, SEPARATOR, REMOVE_COLUMN, SEPARATOR, CLEAR_COLUMN, SEPARATOR, READ_ONLY, SEPARATOR, ALIGNMENT];
   }
+
+  /**
+   * Instance of {@link CommandExecutor}.
+   *
+   * @private
+   * @type {CommandExecutor}
+   */
+
   constructor(hotInstance) {
     super(hotInstance);
+
+    // One listener for enable/disable functionality
     /**
-     * Instance of {@link EventManager}.
+     * On menu after close listener.
      *
      * @private
-     * @type {EventManager}
+     * @fires Hooks#afterDropdownMenuHide
      */
+    _classPrivateMethodInitSpec(this, _onMenuAfterClose);
     /**
-     * Add custom shortcuts to the provided menu instance.
+     * Listener for the `afterSubmenuOpen` hook.
      *
-     * @param {Menu} menuInstance The menu instance.
+     * @private
+     * @param {Menu} subMenuInstance The opened sub menu instance.
      */
-    _classPrivateMethodInitSpec(this, _addCustomShortcuts);
-    this.eventManager = new EventManager(this);
+    _classPrivateMethodInitSpec(this, _onSubMenuAfterOpen);
+    /**
+     * On menu after open listener.
+     *
+     * @private
+     * @fires Hooks#afterDropdownMenuShow
+     */
+    _classPrivateMethodInitSpec(this, _onMenuAfterOpen);
+    /**
+     * On menu before open listener.
+     *
+     * @private
+     * @fires Hooks#beforeDropdownMenuShow
+     */
+    _classPrivateMethodInitSpec(this, _onMenuBeforeOpen);
     /**
-     * Instance of {@link CommandExecutor}.
+     * On after get column header listener.
      *
      * @private
-     * @type {CommandExecutor}
+     * @param {number} col Visual column index.
+     * @param {HTMLTableCellElement} TH Header's TH element.
      */
-    this.commandExecutor = new CommandExecutor(this.hot);
+    _classPrivateMethodInitSpec(this, _onAfterGetColHeader);
+    /**
+     * Table click listener.
+     *
+     * @private
+     * @param {Event} event The mouse event object.
+     */
+    _classPrivateMethodInitSpec(this, _onTableClick);
+    /**
+     * Add custom shortcuts to the provided menu instance.
+     *
+     * @param {Menu} menuInstance The menu instance.
+     */
+    _classPrivateMethodInitSpec(this, _addCustomShortcuts);
+    _defineProperty(this, "commandExecutor", new CommandExecutor(this.hot));
     /**
      * Instance of {@link ItemsFactory}.
      *
      * @private
      * @type {ItemsFactory}
      */
-    this.itemsFactory = null;
+    _defineProperty(this, "itemsFactory", null);
     /**
      * Instance of {@link Menu}.
      *
      * @private
      * @type {Menu}
      */
-    this.menu = null;
-
-    // One listener for enable/disable functionality
-    this.hot.addHook('afterGetColHeader', (col, TH) => this.onAfterGetColHeader(col, TH));
+    _defineProperty(this, "menu", null);
+    this.hot.addHook('afterGetColHeader', (col, TH) => _classPrivateMethodGet(this, _onAfterGetColHeader, _onAfterGetColHeader2).call(this, col, TH));
   }
 
   /**
@@ -182,10 +228,10 @@ export class DropdownMenu extends BasePlugin {
       });
       this.hot.runHooks('beforeDropdownMenuSetItems', menuItems);
       this.menu.setMenuItems(menuItems);
-      this.menu.addLocalHook('beforeOpen', () => this.onMenuBeforeOpen());
-      this.menu.addLocalHook('afterOpen', () => this.onMenuAfterOpen());
-      this.menu.addLocalHook('afterSubmenuOpen', subMenuInstance => this.onSubMenuAfterOpen(subMenuInstance));
-      this.menu.addLocalHook('afterClose', () => this.onMenuAfterClose());
+      this.menu.addLocalHook('beforeOpen', () => _classPrivateMethodGet(this, _onMenuBeforeOpen, _onMenuBeforeOpen2).call(this));
+      this.menu.addLocalHook('afterOpen', () => _classPrivateMethodGet(this, _onMenuAfterOpen, _onMenuAfterOpen2).call(this));
+      this.menu.addLocalHook('afterSubmenuOpen', subMenuInstance => _classPrivateMethodGet(this, _onSubMenuAfterOpen, _onSubMenuAfterOpen2).call(this, subMenuInstance));
+      this.menu.addLocalHook('afterClose', () => _classPrivateMethodGet(this, _onMenuAfterClose, _onMenuAfterClose2).call(this));
       this.menu.addLocalHook('executeCommand', function () {
         for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
           params[_key] = arguments[_key];
@@ -284,7 +330,7 @@ export class DropdownMenu extends BasePlugin {
    * @private
    */
   registerEvents() {
-    this.eventManager.addEventListener(this.hot.rootElement, 'click', event => this.onTableClick(event));
+    this.eventManager.addEventListener(this.hot.rootElement, 'click', event => _classPrivateMethodGet(this, _onTableClick, _onTableClick2).call(this, event));
   }
 
   /**
@@ -378,115 +424,6 @@ export class DropdownMenu extends BasePlugin {
       }
     }
   }
-  /**
-   * Table click listener.
-   *
-   * @private
-   * @param {Event} event The mouse event object.
-   */
-  onTableClick(event) {
-    event.stopPropagation();
-    if (hasClass(event.target, BUTTON_CLASS_NAME)) {
-      const offset = getDocumentOffsetByElement(this.menu.container, this.hot.rootDocument);
-      const rect = event.target.getBoundingClientRect();
-      this.open({
-        left: rect.left + offset.left,
-        top: rect.top + event.target.offsetHeight + 3 + offset.top
-      }, {
-        left: rect.width
-      });
-    }
-  }
-
-  /**
-   * On after get column header listener.
-   *
-   * @private
-   * @param {number} col Visual column index.
-   * @param {HTMLTableCellElement} TH Header's TH element.
-   */
-  onAfterGetColHeader(col, TH) {
-    // Corner or a higher-level header
-    const headerRow = TH.parentNode;
-    if (!headerRow) {
-      return;
-    }
-    const headerRowList = headerRow.parentNode.childNodes;
-    const level = Array.prototype.indexOf.call(headerRowList, headerRow);
-    if (col < 0 || level !== headerRowList.length - 1) {
-      return;
-    }
-    const existingButton = TH.querySelector(`.${BUTTON_CLASS_NAME}`);
-
-    // Plugin enabled and buttons already exists, return.
-    if (this.enabled && existingButton) {
-      return;
-    }
-    // Plugin disabled and buttons still exists, so remove them.
-    if (!this.enabled) {
-      if (existingButton) {
-        existingButton.parentNode.removeChild(existingButton);
-      }
-      return;
-    }
-    const button = this.hot.rootDocument.createElement('button');
-    button.className = BUTTON_CLASS_NAME;
-    button.type = 'button';
-    button.tabIndex = -1;
-    if (this.hot.getSettings().ariaTags) {
-      setAttribute(button, [A11Y_LABEL(this.hot.getTranslatedPhrase(COLUMN_HEADER_LABEL_OPEN_MENU))]);
-      setAttribute(TH, [A11Y_HASPOPUP('menu')]);
-    }
-
-    // prevent page reload on button click
-    button.onclick = function () {
-      return false;
-    };
-    TH.firstChild.insertBefore(button, TH.firstChild.firstChild);
-  }
-
-  /**
-   * On menu before open listener.
-   *
-   * @private
-   * @fires Hooks#beforeDropdownMenuShow
-   */
-  onMenuBeforeOpen() {
-    this.hot.runHooks('beforeDropdownMenuShow', this);
-  }
-
-  /**
-   * On menu after open listener.
-   *
-   * @private
-   * @fires Hooks#afterDropdownMenuShow
-   */
-  onMenuAfterOpen() {
-    this.hot.runHooks('afterDropdownMenuShow', this);
-    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, this.menu);
-  }
-
-  /**
-   * Listener for the `afterSubmenuOpen` hook.
-   *
-   * @private
-   * @param {Menu} subMenuInstance The opened sub menu instance.
-   */
-  onSubMenuAfterOpen(subMenuInstance) {
-    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, subMenuInstance);
-  }
-
-  /**
-   * On menu after close listener.
-   *
-   * @private
-   * @fires Hooks#afterDropdownMenuHide
-   */
-  onMenuAfterClose() {
-    this.hot.listen();
-    this.hot.runHooks('afterDropdownMenuHide', this);
-  }
-
   /**
    * Destroys the plugin instance.
    */
@@ -504,6 +441,72 @@ function _addCustomShortcuts2(menuInstance) {
     callback: () => false
   }]);
 }
+function _onTableClick2(event) {
+  event.stopPropagation();
+  if (hasClass(event.target, BUTTON_CLASS_NAME)) {
+    const offset = getDocumentOffsetByElement(this.menu.container, this.hot.rootDocument);
+    const rect = event.target.getBoundingClientRect();
+    this.open({
+      left: rect.left + offset.left,
+      top: rect.top + event.target.offsetHeight + 3 + offset.top
+    }, {
+      left: rect.width
+    });
+  }
+}
+function _onAfterGetColHeader2(col, TH) {
+  // Corner or a higher-level header
+  const headerRow = TH.parentNode;
+  if (!headerRow) {
+    return;
+  }
+  const headerRowList = headerRow.parentNode.childNodes;
+  const level = Array.prototype.indexOf.call(headerRowList, headerRow);
+  if (col < 0 || level !== headerRowList.length - 1) {
+    return;
+  }
+  const existingButton = TH.querySelector(`.${BUTTON_CLASS_NAME}`);
+
+  // Plugin enabled and buttons already exists, return.
+  if (this.enabled && existingButton) {
+    return;
+  }
+  // Plugin disabled and buttons still exists, so remove them.
+  if (!this.enabled) {
+    if (existingButton) {
+      existingButton.parentNode.removeChild(existingButton);
+    }
+    return;
+  }
+  const button = this.hot.rootDocument.createElement('button');
+  button.className = BUTTON_CLASS_NAME;
+  button.type = 'button';
+  button.tabIndex = -1;
+  if (this.hot.getSettings().ariaTags) {
+    setAttribute(button, [A11Y_LABEL(this.hot.getTranslatedPhrase(COLUMN_HEADER_LABEL_OPEN_MENU))]);
+    setAttribute(TH, [A11Y_HASPOPUP('menu')]);
+  }
+
+  // prevent page reload on button click
+  button.onclick = function () {
+    return false;
+  };
+  TH.firstChild.insertBefore(button, TH.firstChild.firstChild);
+}
+function _onMenuBeforeOpen2() {
+  this.hot.runHooks('beforeDropdownMenuShow', this);
+}
+function _onMenuAfterOpen2() {
+  this.hot.runHooks('afterDropdownMenuShow', this);
+  _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, this.menu);
+}
+function _onSubMenuAfterOpen2(subMenuInstance) {
+  _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, subMenuInstance);
+}
+function _onMenuAfterClose2() {
+  this.hot.listen();
+  this.hot.runHooks('afterDropdownMenuHide', this);
+}
 DropdownMenu.SEPARATOR = {
   name: SEPARATOR
 };