handsontable 14.0.0-next-c080457-20231107 → 14.0.0-next-bfad250-20231108

package/plugins/dragToScroll/dragToScroll.js

@@ -1,11 +1,16 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 var _base = require("../base");
-var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _event = require("../../helpers/dom/event");
 var _element = require("../../helpers/dom/element");
-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; }
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'dragToScroll';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 100;
 
@@ -19,45 +24,44 @@ const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 100;
  * @class DragToScroll
  * @plugin DragToScroll
  */
+var _setupListening = /*#__PURE__*/new WeakSet();
 class DragToScroll extends _base.BasePlugin {
-  static get PLUGIN_KEY() {
-    return PLUGIN_KEY;
-  }
-  static get PLUGIN_PRIORITY() {
-    return PLUGIN_PRIORITY;
-  }
-  constructor(hotInstance) {
-    super(hotInstance);
+  constructor() {
+    super(...arguments);
     /**
-     * Instance of {@link EventManager}.
+     * On after on cell/cellCorner mouse down listener.
      *
-     * @private
-     * @type {EventManager}
+     * @param {MouseEvent} event The mouse event object.
      */
-    this.eventManager = new _eventManager.default(this);
+    _classPrivateMethodInitSpec(this, _setupListening);
     /**
      * Size of an element and its position relative to the viewport,
      * e.g. {bottom: 449, height: 441, left: 8, right: 814, top: 8, width: 806, x: 8, y:8}.
      *
      * @type {DOMRect}
      */
-    this.boundaries = null;
+    _defineProperty(this, "boundaries", null);
     /**
      * Callback function.
      *
      * @private
      * @type {Function}
      */
-    this.callback = null;
+    _defineProperty(this, "callback", null);
     /**
      * Flag indicates mouseDown/mouseUp.
      *
      * @private
      * @type {boolean}
      */
-    this.listening = false;
+    _defineProperty(this, "listening", false);
+  }
+  static get PLUGIN_KEY() {
+    return PLUGIN_KEY;
+  }
+  static get PLUGIN_PRIORITY() {
+    return PLUGIN_PRIORITY;
   }
-
   /**
    * Checks if the plugin is enabled in the handsontable settings. This method is executed in {@link Hooks#beforeInit}
    * hook and if it returns `true` then the {@link DragToScroll#enablePlugin} method is called.
@@ -75,8 +79,8 @@ class DragToScroll extends _base.BasePlugin {
     if (this.enabled) {
       return;
     }
-    this.addHook('afterOnCellMouseDown', event => this.setupListening(event));
-    this.addHook('afterOnCellCornerMouseDown', event => this.setupListening(event));
+    this.addHook('afterOnCellMouseDown', event => _classPrivateMethodGet(this, _setupListening, _setupListening2).call(this, event));
+    this.addHook('afterOnCellCornerMouseDown', event => _classPrivateMethodGet(this, _setupListening, _setupListening2).call(this, event));
     this.registerEvents();
     super.enablePlugin();
   }
@@ -200,39 +204,6 @@ class DragToScroll extends _base.BasePlugin {
   unregisterEvents() {
     this.eventManager.clear();
   }
-
-  /**
-   * On after on cell/cellCorner mouse down listener.
-   *
-   * @private
-   * @param {MouseEvent} event The mouse event object.
-   */
-  setupListening(event) {
-    if ((0, _event.isRightClick)(event)) {
-      return;
-    }
-    const scrollHandler = this.hot.view._wt.wtTable.holder; // native scroll
-
-    if (scrollHandler === this.hot.rootWindow) {
-      // not much we can do currently
-      return;
-    }
-    this.setBoundaries(scrollHandler.getBoundingClientRect());
-    this.setCallback((scrollX, scrollY) => {
-      if (scrollX < 0) {
-        scrollHandler.scrollLeft -= 50;
-      } else if (scrollX > 0) {
-        scrollHandler.scrollLeft += 50;
-      }
-      if (scrollY < 0) {
-        scrollHandler.scrollTop -= 20;
-      } else if (scrollY > 0) {
-        scrollHandler.scrollTop += 20;
-      }
-    });
-    this.listen();
-  }
-
   /**
    * 'mouseMove' event callback.
    *
@@ -253,4 +224,29 @@ class DragToScroll extends _base.BasePlugin {
     super.destroy();
   }
 }
-exports.DragToScroll = DragToScroll;
+exports.DragToScroll = DragToScroll;
+function _setupListening2(event) {
+  if ((0, _event.isRightClick)(event)) {
+    return;
+  }
+  const scrollHandler = this.hot.view._wt.wtTable.holder; // native scroll
+
+  if (scrollHandler === this.hot.rootWindow) {
+    // not much we can do currently
+    return;
+  }
+  this.setBoundaries(scrollHandler.getBoundingClientRect());
+  this.setCallback((scrollX, scrollY) => {
+    if (scrollX < 0) {
+      scrollHandler.scrollLeft -= 50;
+    } else if (scrollX > 0) {
+      scrollHandler.scrollLeft += 50;
+    }
+    if (scrollY < 0) {
+      scrollHandler.scrollTop -= 20;
+    } else if (scrollY > 0) {
+      scrollHandler.scrollTop += 20;
+    }
+  });
+  this.listen();
+}

package/plugins/dragToScroll/dragToScroll.mjs

@@ -1,5 +1,11 @@
+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 EventManager from "../../eventManager.mjs";
 import { isRightClick } from "../../helpers/dom/event.mjs";
 import { getParentWindow } from "../../helpers/dom/element.mjs";
 export const PLUGIN_KEY = 'dragToScroll';
@@ -15,45 +21,44 @@ export const PLUGIN_PRIORITY = 100;
  * @class DragToScroll
  * @plugin DragToScroll
  */
+var _setupListening = /*#__PURE__*/new WeakSet();
 export class DragToScroll extends BasePlugin {
-  static get PLUGIN_KEY() {
-    return PLUGIN_KEY;
-  }
-  static get PLUGIN_PRIORITY() {
-    return PLUGIN_PRIORITY;
-  }
-  constructor(hotInstance) {
-    super(hotInstance);
+  constructor() {
+    super(...arguments);
     /**
-     * Instance of {@link EventManager}.
+     * On after on cell/cellCorner mouse down listener.
      *
-     * @private
-     * @type {EventManager}
+     * @param {MouseEvent} event The mouse event object.
      */
-    this.eventManager = new EventManager(this);
+    _classPrivateMethodInitSpec(this, _setupListening);
     /**
      * Size of an element and its position relative to the viewport,
      * e.g. {bottom: 449, height: 441, left: 8, right: 814, top: 8, width: 806, x: 8, y:8}.
      *
      * @type {DOMRect}
      */
-    this.boundaries = null;
+    _defineProperty(this, "boundaries", null);
     /**
      * Callback function.
      *
      * @private
      * @type {Function}
      */
-    this.callback = null;
+    _defineProperty(this, "callback", null);
     /**
      * Flag indicates mouseDown/mouseUp.
      *
      * @private
      * @type {boolean}
      */
-    this.listening = false;
+    _defineProperty(this, "listening", false);
+  }
+  static get PLUGIN_KEY() {
+    return PLUGIN_KEY;
+  }
+  static get PLUGIN_PRIORITY() {
+    return PLUGIN_PRIORITY;
   }
-
   /**
    * Checks if the plugin is enabled in the handsontable settings. This method is executed in {@link Hooks#beforeInit}
    * hook and if it returns `true` then the {@link DragToScroll#enablePlugin} method is called.
@@ -71,8 +76,8 @@ export class DragToScroll extends BasePlugin {
     if (this.enabled) {
       return;
     }
-    this.addHook('afterOnCellMouseDown', event => this.setupListening(event));
-    this.addHook('afterOnCellCornerMouseDown', event => this.setupListening(event));
+    this.addHook('afterOnCellMouseDown', event => _classPrivateMethodGet(this, _setupListening, _setupListening2).call(this, event));
+    this.addHook('afterOnCellCornerMouseDown', event => _classPrivateMethodGet(this, _setupListening, _setupListening2).call(this, event));
     this.registerEvents();
     super.enablePlugin();
   }
@@ -196,39 +201,6 @@ export class DragToScroll extends BasePlugin {
   unregisterEvents() {
     this.eventManager.clear();
   }
-
-  /**
-   * On after on cell/cellCorner mouse down listener.
-   *
-   * @private
-   * @param {MouseEvent} event The mouse event object.
-   */
-  setupListening(event) {
-    if (isRightClick(event)) {
-      return;
-    }
-    const scrollHandler = this.hot.view._wt.wtTable.holder; // native scroll
-
-    if (scrollHandler === this.hot.rootWindow) {
-      // not much we can do currently
-      return;
-    }
-    this.setBoundaries(scrollHandler.getBoundingClientRect());
-    this.setCallback((scrollX, scrollY) => {
-      if (scrollX < 0) {
-        scrollHandler.scrollLeft -= 50;
-      } else if (scrollX > 0) {
-        scrollHandler.scrollLeft += 50;
-      }
-      if (scrollY < 0) {
-        scrollHandler.scrollTop -= 20;
-      } else if (scrollY > 0) {
-        scrollHandler.scrollTop += 20;
-      }
-    });
-    this.listen();
-  }
-
   /**
    * 'mouseMove' event callback.
    *
@@ -248,4 +220,29 @@ export class DragToScroll extends BasePlugin {
   destroy() {
     super.destroy();
   }
+}
+function _setupListening2(event) {
+  if (isRightClick(event)) {
+    return;
+  }
+  const scrollHandler = this.hot.view._wt.wtTable.holder; // native scroll
+
+  if (scrollHandler === this.hot.rootWindow) {
+    // not much we can do currently
+    return;
+  }
+  this.setBoundaries(scrollHandler.getBoundingClientRect());
+  this.setCallback((scrollX, scrollY) => {
+    if (scrollX < 0) {
+      scrollHandler.scrollLeft -= 50;
+    } else if (scrollX > 0) {
+      scrollHandler.scrollLeft += 50;
+    }
+    if (scrollY < 0) {
+      scrollHandler.scrollTop -= 20;
+    } else if (scrollY > 0) {
+      scrollHandler.scrollTop += 20;
+    }
+  });
+  this.listen();
 }

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');
@@ -80,6 +82,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;
@@ -99,45 +107,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));
   }
 
   /**
@@ -186,10 +232,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];
@@ -258,7 +304,8 @@ class DropdownMenu extends _base.BasePlugin {
       callback,
       runOnlyIf: () => {
         var _this$hot$getSelected;
-        return ((_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isHeader()) && !this.menu.isOpened();
+        const highlight = (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight;
+        return highlight && this.hot.selection.isCellVisible(highlight) && highlight.isHeader() && !this.menu.isOpened();
       },
       captureCtrl: true,
       group: SHORTCUTS_GROUP
@@ -267,7 +314,8 @@ class DropdownMenu extends _base.BasePlugin {
       callback,
       runOnlyIf: () => {
         var _this$hot$getSelected2;
-        return ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight.isCell()) && !this.menu.isOpened();
+        const highlight = (_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight;
+        return highlight && this.hot.selection.isCellVisible(highlight) && highlight.isCell() && !this.menu.isOpened();
       },
       group: SHORTCUTS_GROUP
     }]);
@@ -288,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));
   }
 
   /**
@@ -382,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.
    */
@@ -509,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
 };