handsontable 12.1.2 → 12.2.0

package/plugins/contextMenu/menu.mjs

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/web.timers.js";
 import "core-js/modules/es.object.keys.js";
@@ -18,13 +15,9 @@ import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 import Cursor from "./cursor.mjs";
 import { SEPARATOR, NO_ITEMS, predefinedItems } from "./predefinedItems.mjs";
 import { filterSeparators, hasSubMenu, isDisabled, isItemHidden, isSeparator, isSelectionDisabled, normalizeSelection } from "./utils.mjs";
@@ -41,6 +34,7 @@ import localHooks from "../../mixins/localHooks.mjs";
 var MIN_WIDTH = 215;
 var SHORTCUTS_CONTEXT = 'menu';
 var SHORTCUTS_GROUP = SHORTCUTS_CONTEXT;
+
 /**
  * @typedef MenuOptions
  * @property {Menu} [parent=null] Instance of {@link Menu}.
@@ -56,7 +50,6 @@ var SHORTCUTS_GROUP = SHORTCUTS_CONTEXT;
  * @private
  * @class Menu
  */
-
 var Menu = /*#__PURE__*/function () {
   /**
    * @param {Core} hotInstance Handsontable instance.
@@ -64,7 +57,6 @@ var Menu = /*#__PURE__*/function () {
    */
   function Menu(hotInstance, options) {
     _classCallCheck(this, Menu);
-
     this.hot = hotInstance;
     this.options = options || {
       parent: null,
@@ -92,20 +84,17 @@ var Menu = /*#__PURE__*/function () {
     this._afterScrollCallback = null;
     this.registerEvents();
   }
+
   /**
    * Register event listeners.
    *
    * @private
    */
-
-
   _createClass(Menu, [{
     key: "registerEvents",
     value: function registerEvents() {
       var _this = this;
-
       var frame = this.hot.rootWindow;
-
       while (frame) {
         this.eventManager.addEventListener(frame.document, 'mousedown', function (event) {
           return _this.onDocumentMouseDown(event);
@@ -116,75 +105,74 @@ var Menu = /*#__PURE__*/function () {
         frame = getParentWindow(frame);
       }
     }
+
     /**
      * Set array of objects which defines menu items.
      *
      * @param {Array} menuItems Menu items to display.
      */
-
   }, {
     key: "setMenuItems",
     value: function setMenuItems(menuItems) {
       this.menuItems = menuItems;
     }
+
     /**
      * Returns currently selected menu item. Returns `null` if no item was selected.
      *
      * @returns {object|null}
      */
-
   }, {
     key: "getSelectedItem",
     value: function getSelectedItem() {
       return this.hasSelectedItem() ? this.hotMenu.getSourceDataAtRow(this.hotMenu.getSelectedLast()[0]) : null;
     }
+
     /**
      * Checks if the menu has selected (highlighted) any item from the menu list.
      *
      * @returns {boolean}
      */
-
   }, {
     key: "hasSelectedItem",
     value: function hasSelectedItem() {
       return Array.isArray(this.hotMenu.getSelectedLast());
     }
+
     /**
      * Set offset menu position for specified area (`above`, `below`, `left` or `right`).
      *
      * @param {string} area Specified area name (`above`, `below`, `left` or `right`).
      * @param {number} offset Offset value.
      */
-
   }, {
     key: "setOffset",
     value: function setOffset(area) {
       var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       this.offset[area] = offset;
     }
+
     /**
      * Check if menu is using as sub-menu.
      *
      * @returns {boolean}
      */
-
   }, {
     key: "isSubMenu",
     value: function isSubMenu() {
       return this.parentMenu !== null;
     }
+
     /**
      * Open menu.
      *
      * @fires Hooks#beforeContextMenuShow
      * @fires Hooks#afterContextMenuShow
      */
-
   }, {
     key: "open",
     value: function open() {
       var _this2 = this;
-
       this.runLocalHooks('beforeOpen');
       this.container.removeAttribute('style');
       this.container.style.display = 'block';
@@ -197,16 +185,13 @@ var Menu = /*#__PURE__*/function () {
         if (item.key === NO_ITEMS) {
           noItemsDefined = true;
         }
-
         return isItemHidden(item, _this2.hot);
       });
-
       if (filteredItems.length < 1 && !noItemsDefined) {
         filteredItems.push(predefinedItems()[NO_ITEMS]);
       } else if (filteredItems.length === 0) {
         return;
       }
-
       filteredItems = filterSeparators(filteredItems, SEPARATOR);
       var shouldAutoCloseMenu = false;
       var settings = {
@@ -218,7 +203,6 @@ var Menu = /*#__PURE__*/function () {
           if (isDefined(width) && width < minWidthOfMenu) {
             return minWidthOfMenu;
           }
-
           return width;
         },
         autoRowSize: false,
@@ -248,9 +232,10 @@ var Menu = /*#__PURE__*/function () {
           return filteredItems[row].name === SEPARATOR ? 1 : 23;
         },
         afterOnCellContextMenu: function afterOnCellContextMenu(event) {
-          event.preventDefault(); // On the Windows platform, the "contextmenu" is triggered after the "mouseup" so that's
-          // why the closing menu is here. (#6507#issuecomment-582392301).
+          event.preventDefault();
 
+          // On the Windows platform, the "contextmenu" is triggered after the "mouseup" so that's
+          // why the closing menu is here. (#6507#issuecomment-582392301).
           if (isWindowsOS() && shouldAutoCloseMenu && _this2.hasSelectedItem()) {
             _this2.close(true);
           }
@@ -258,7 +243,6 @@ var Menu = /*#__PURE__*/function () {
         beforeOnCellMouseUp: function beforeOnCellMouseUp(event) {
           if (_this2.hasSelectedItem()) {
             shouldAutoCloseMenu = !_this2.isCommandPassive(_this2.getSelectedItem());
-
             _this2.executeCommand(event);
           }
         },
@@ -305,152 +289,123 @@ var Menu = /*#__PURE__*/function () {
       var config = {
         group: SHORTCUTS_CONTEXT
       };
-
       var menuContextConfig = _objectSpread(_objectSpread({}, config), {}, {
         runOnlyIf: function runOnlyIf(event) {
           return isInput(event.target) === false || _this2.container.contains(event.target) === false;
         }
-      }); // Default shortcuts for Handsontable should not be handled. Changing context will help with that.
-
+      });
 
+      // Default shortcuts for Handsontable should not be handled. Changing context will help with that.
       shortcutManager.setActiveContextName('menu');
       menuContext.addShortcuts([{
         keys: [['Escape']],
         callback: function callback() {
           _this2.keyEvent = true;
-
           _this2.close();
-
           _this2.keyEvent = false;
         }
       }, {
         keys: [['ArrowDown']],
         callback: function callback() {
           var selection = _this2.hotMenu.getSelectedLast();
-
           _this2.keyEvent = true;
-
           if (selection) {
             _this2.selectNextCell(selection[0], selection[1]);
           } else {
             _this2.selectFirstCell();
           }
-
           _this2.keyEvent = false;
         }
       }, {
         keys: [['ArrowUp']],
         callback: function callback() {
           var selection = _this2.hotMenu.getSelectedLast();
-
           _this2.keyEvent = true;
-
           if (selection) {
             _this2.selectPrevCell(selection[0], selection[1]);
           } else {
             _this2.selectLastCell();
           }
-
           _this2.keyEvent = false;
         }
       }, {
         keys: [['ArrowRight']],
         callback: function callback() {
           var selection = _this2.hotMenu.getSelectedLast();
-
           _this2.keyEvent = true;
-
           if (selection) {
             var menu = _this2.openSubMenu(selection[0]);
-
             if (menu) {
               menu.selectFirstCell();
             }
           }
-
           _this2.keyEvent = false;
         }
       }, {
         keys: [['ArrowLeft']],
         callback: function callback() {
           var selection = _this2.hotMenu.getSelectedLast();
-
           _this2.keyEvent = true;
-
           if (selection && _this2.isSubMenu()) {
             _this2.close();
-
             if (_this2.parentMenu) {
               _this2.parentMenu.hotMenu.listen();
             }
           }
-
           _this2.keyEvent = false;
         }
       }, {
         keys: [['Enter']],
         callback: function callback(event) {
           var selection = _this2.hotMenu.getSelectedLast();
-
           _this2.keyEvent = true;
-
           if (!_this2.hotMenu.getSourceDataAtRow(selection[0]).submenu) {
             _this2.executeCommand(event);
-
             _this2.close(true);
           }
-
           _this2.keyEvent = false;
         }
       }, {
         keys: [['PageUp']],
         callback: function callback() {
           var selection = _this2.hotMenu.getSelectedLast();
-
           _this2.keyEvent = true;
-
           if (selection) {
             _this2.hotMenu.selection.transformStart(-_this2.hotMenu.countVisibleRows(), 0);
           } else {
             _this2.selectFirstCell();
           }
-
           _this2.keyEvent = false;
         }
       }, {
         keys: [['PageDown']],
         callback: function callback() {
           var selection = _this2.hotMenu.getSelectedLast();
-
           _this2.keyEvent = true;
-
           if (selection) {
             _this2.hotMenu.selection.transformStart(_this2.hotMenu.countVisibleRows(), 0);
           } else {
             _this2.selectLastCell();
           }
-
           _this2.keyEvent = false;
         }
       }], menuContextConfig);
       this.blockMainTableCallbacks();
       this.runLocalHooks('afterOpen');
     }
+
     /**
      * Close menu.
      *
      * @param {boolean} [closeParent=false] If `true` try to close parent menu if exists.
      */
-
   }, {
     key: "close",
     value: function close() {
       var closeParent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
       if (!this.isOpened()) {
         return;
       }
-
       if (closeParent && this.parentMenu) {
         this.parentMenu.close();
       } else {
@@ -461,33 +416,29 @@ var Menu = /*#__PURE__*/function () {
         this.hotMenu = null;
         this.hot.getSettings().outsideClickDeselects = this.origOutsideClickDeselects;
         this.runLocalHooks('afterClose');
-
         if (this.parentMenu) {
           this.parentMenu.hotMenu.listen();
         }
       }
     }
+
     /**
      * Open sub menu at the provided row index.
      *
      * @param {number} row Row index.
      * @returns {Menu|boolean} Returns created menu or `false` if no one menu was created.
      */
-
   }, {
     key: "openSubMenu",
     value: function openSubMenu(row) {
       if (!this.hotMenu) {
         return false;
       }
-
       var cell = this.hotMenu.getCell(row, 0);
       this.closeAllSubMenus();
-
       if (!cell || !hasSubMenu(cell)) {
         return false;
       }
-
       var dataItem = this.hotMenu.getSourceDataAtRow(row);
       var subMenu = new Menu(this.hot, {
         parent: this,
@@ -502,51 +453,49 @@ var Menu = /*#__PURE__*/function () {
       this.hotSubMenus[dataItem.key] = subMenu;
       return subMenu;
     }
+
     /**
      * Close sub menu at row index.
      *
      * @param {number} row Row index.
      */
-
   }, {
     key: "closeSubMenu",
     value: function closeSubMenu(row) {
       var dataItem = this.hotMenu.getSourceDataAtRow(row);
       var menus = this.hotSubMenus[dataItem.key];
-
       if (menus) {
         menus.destroy();
         delete this.hotSubMenus[dataItem.key];
       }
     }
+
     /**
      * Close all opened sub menus.
      */
-
   }, {
     key: "closeAllSubMenus",
     value: function closeAllSubMenus() {
       var _this3 = this;
-
       arrayEach(this.hotMenu.getData(), function (value, row) {
         return _this3.closeSubMenu(row);
       });
     }
+
     /**
      * Checks if all created and opened sub menus are closed.
      *
      * @returns {boolean}
      */
-
   }, {
     key: "isAllSubMenusClosed",
     value: function isAllSubMenusClosed() {
       return Object.keys(this.hotSubMenus).length === 0;
     }
+
     /**
      * Destroy instance.
      */
-
   }, {
     key: "destroy",
     value: function destroy() {
@@ -555,50 +504,50 @@ var Menu = /*#__PURE__*/function () {
       this.close();
       this.parentMenu = null;
       this.eventManager.destroy();
-
       if (menuContainerParentElement) {
         menuContainerParentElement.removeChild(this.container);
       }
     }
+
     /**
      * Checks if menu was opened.
      *
      * @returns {boolean} Returns `true` if menu was opened.
      */
-
   }, {
     key: "isOpened",
     value: function isOpened() {
       return this.hotMenu !== null;
     }
+
     /**
      * Execute menu command.
      *
+     * The `executeCommand()` method works only for selected cells.
+     *
+     * When no cells are selected, `executeCommand()` doesn't do anything.
+     *
      * @param {Event} [event] The mouse event object.
      */
-
   }, {
     key: "executeCommand",
     value: function executeCommand(event) {
       if (!this.isOpened() || !this.hasSelectedItem()) {
         return;
       }
-
       var selectedItem = this.getSelectedItem();
       this.runLocalHooks('select', selectedItem, event);
-
       if (this.isCommandPassive(selectedItem)) {
         return;
       }
-
       var selRanges = this.hot.getSelectedRange();
       var normalizedSelection = selRanges ? normalizeSelection(selRanges) : [];
       this.runLocalHooks('executeCommand', selectedItem.key, normalizedSelection, event);
-
       if (this.isSubMenu()) {
         this.parentMenu.runLocalHooks('executeCommand', selectedItem.key, normalizedSelection, event);
       }
     }
+
     /**
      * Checks if the passed command is passive or not. The command is passive when it's marked as
      * disabled, the descriptor object contains `isCommand` property set to `false`, command
@@ -608,28 +557,26 @@ var Menu = /*#__PURE__*/function () {
      * @param {object} commandDescriptor Selected menu item from the menu data source.
      * @returns {boolean}
      */
-
   }, {
     key: "isCommandPassive",
     value: function isCommandPassive(commandDescriptor) {
       var isCommand = commandDescriptor.isCommand,
-          commandName = commandDescriptor.name,
-          disabled = commandDescriptor.disabled,
-          submenu = commandDescriptor.submenu;
+        commandName = commandDescriptor.name,
+        disabled = commandDescriptor.disabled,
+        submenu = commandDescriptor.submenu;
       var isItemDisabled = disabled === true || typeof disabled === 'function' && disabled.call(this.hot) === true;
       return isCommand === false || commandName === SEPARATOR || isItemDisabled === true || submenu;
     }
+
     /**
      * Set menu position based on dom event or based on literal object.
      *
      * @param {Event|object} coords Event or literal Object with coordinates.
      */
-
   }, {
     key: "setPosition",
     value: function setPosition(coords) {
       var cursor = new Cursor(coords, this.container.ownerDocument.defaultView);
-
       if (this.options.keepInViewport) {
         if (cursor.fitsBelow(this.container)) {
           this.setPositionBelowCursor(cursor);
@@ -638,7 +585,6 @@ var Menu = /*#__PURE__*/function () {
         } else {
           this.setPositionBelowCursor(cursor);
         }
-
         if (this.hot.isLtr()) {
           this.setHorizontalPositionForLtr(cursor);
         } else {
@@ -649,12 +595,12 @@ var Menu = /*#__PURE__*/function () {
         this.setPositionOnRightOfCursor(cursor);
       }
     }
+
     /**
      * Set menu horizontal position for RTL mode.
      *
      * @param {Cursor} cursor `Cursor` object.
      */
-
   }, {
     key: "setHorizontalPositionForRtl",
     value: function setHorizontalPositionForRtl(cursor) {
@@ -664,12 +610,12 @@ var Menu = /*#__PURE__*/function () {
         this.setPositionOnRightOfCursor(cursor);
       }
     }
+
     /**
      * Set menu horizontal position for LTR mode.
      *
      * @param {Cursor} cursor `Cursor` object.
      */
-
   }, {
     key: "setHorizontalPositionForLtr",
     value: function setHorizontalPositionForLtr(cursor) {
@@ -679,164 +625,151 @@ var Menu = /*#__PURE__*/function () {
         this.setPositionOnLeftOfCursor(cursor);
       }
     }
+
     /**
      * Set menu position above cursor object.
      *
      * @param {Cursor} cursor `Cursor` object.
      */
-
   }, {
     key: "setPositionAboveCursor",
     value: function setPositionAboveCursor(cursor) {
       var top = this.offset.above + cursor.top - this.container.offsetHeight;
-
       if (this.isSubMenu()) {
         top = cursor.top + cursor.cellHeight - this.container.offsetHeight + 3;
       }
-
       this.container.style.top = "".concat(top, "px");
     }
+
     /**
      * Set menu position below cursor object.
      *
      * @param {Cursor} cursor `Cursor` object.
      */
-
   }, {
     key: "setPositionBelowCursor",
     value: function setPositionBelowCursor(cursor) {
       var top = this.offset.below + cursor.top + 1;
-
       if (this.isSubMenu()) {
         top = cursor.top - 1;
       }
-
       this.container.style.top = "".concat(top, "px");
     }
+
     /**
      * Set menu position on the right of cursor object.
      *
      * @param {Cursor} cursor `Cursor` object.
      */
-
   }, {
     key: "setPositionOnRightOfCursor",
     value: function setPositionOnRightOfCursor(cursor) {
       var left = cursor.left;
-
       if (this.isSubMenu()) {
         var _this$parentMenu$cont = this.parentMenu.container.getBoundingClientRect(),
-            parentMenuRight = _this$parentMenu$cont.right; // move the sub menu by the width of the parent's border (usually by 1-2 pixels)
-
+          parentMenuRight = _this$parentMenu$cont.right;
 
+        // move the sub menu by the width of the parent's border (usually by 1-2 pixels)
         left += cursor.cellWidth + parentMenuRight - (cursor.left + cursor.cellWidth);
       } else {
         left += this.offset.right;
       }
-
       this.container.style.left = "".concat(left, "px");
     }
+
     /**
      * Set menu position on the left of cursor object.
      *
      * @param {Cursor} cursor `Cursor` object.
      */
-
   }, {
     key: "setPositionOnLeftOfCursor",
     value: function setPositionOnLeftOfCursor(cursor) {
       var left = this.offset.left + cursor.left - this.container.offsetWidth;
-
       if (this.isSubMenu()) {
         var _this$parentMenu$cont2 = this.parentMenu.container.getBoundingClientRect(),
-            parentMenuLeft = _this$parentMenu$cont2.left; // move the sub menu by the width of the parent's border (usually by 1-2 pixels)
-
+          parentMenuLeft = _this$parentMenu$cont2.left;
 
+        // move the sub menu by the width of the parent's border (usually by 1-2 pixels)
         left -= cursor.left - parentMenuLeft;
       }
-
       this.container.style.left = "".concat(left, "px");
     }
+
     /**
      * Select first cell in opened menu.
      */
-
   }, {
     key: "selectFirstCell",
     value: function selectFirstCell() {
       var cell = this.hotMenu.getCell(0, 0);
-
       if (isSeparator(cell) || isDisabled(cell) || isSelectionDisabled(cell)) {
         this.selectNextCell(0, 0);
       } else {
         this.hotMenu.selectCell(0, 0);
       }
     }
+
     /**
      * Select last cell in opened menu.
      */
-
   }, {
     key: "selectLastCell",
     value: function selectLastCell() {
       var lastRow = this.hotMenu.countRows() - 1;
       var cell = this.hotMenu.getCell(lastRow, 0);
-
       if (isSeparator(cell) || isDisabled(cell) || isSelectionDisabled(cell)) {
         this.selectPrevCell(lastRow, 0);
       } else {
         // disable default "scroll-to-cell" option and instead of that...
-        this.hotMenu.selectCell(lastRow, 0, undefined, undefined, false); // ...scroll to the cell with "snap to the bottom" option
-
+        this.hotMenu.selectCell(lastRow, 0, undefined, undefined, false);
+        // ...scroll to the cell with "snap to the bottom" option
         this.hotMenu.scrollViewportTo(lastRow, 0, true, false);
       }
     }
+
     /**
      * Select next cell in opened menu.
      *
      * @param {number} row Row index.
      * @param {number} col Column index.
      */
-
   }, {
     key: "selectNextCell",
     value: function selectNextCell(row, col) {
       var nextRow = row + 1;
       var cell = nextRow < this.hotMenu.countRows() ? this.hotMenu.getCell(nextRow, col) : null;
-
       if (!cell) {
         return;
       }
-
       if (isSeparator(cell) || isDisabled(cell) || isSelectionDisabled(cell)) {
         this.selectNextCell(nextRow, col);
       } else {
         this.hotMenu.selectCell(nextRow, col);
       }
     }
+
     /**
      * Select previous cell in opened menu.
      *
      * @param {number} row Row index.
      * @param {number} col Column index.
      */
-
   }, {
     key: "selectPrevCell",
     value: function selectPrevCell(row, col) {
       var prevRow = row - 1;
       var cell = prevRow >= 0 ? this.hotMenu.getCell(prevRow, col) : null;
-
       if (!cell) {
         return;
       }
-
       if (isSeparator(cell) || isDisabled(cell) || isSelectionDisabled(cell)) {
         this.selectPrevCell(prevRow, col);
       } else {
         this.hotMenu.selectCell(prevRow, col);
       }
     }
+
     /**
      * Menu item renderer.
      *
@@ -848,41 +781,31 @@ var Menu = /*#__PURE__*/function () {
      * @param {string} prop The column property if used.
      * @param {string} value The cell value.
      */
-
   }, {
     key: "menuItemRenderer",
     value: function menuItemRenderer(hot, TD, row, col, prop, value) {
       var _this4 = this;
-
       var item = hot.getSourceDataAtRow(row);
       var wrapper = this.hot.rootDocument.createElement('div');
-
       var isSubMenu = function isSubMenu(itemToTest) {
         return hasOwnProperty(itemToTest, 'submenu');
       };
-
       var itemIsSeparator = function itemIsSeparator(itemToTest) {
         return new RegExp(SEPARATOR, 'i').test(itemToTest.name);
       };
-
       var itemIsDisabled = function itemIsDisabled(itemToTest) {
         return itemToTest.disabled === true || typeof itemToTest.disabled === 'function' && itemToTest.disabled.call(_this4.hot) === true;
       };
-
       var itemIsSelectionDisabled = function itemIsSelectionDisabled(itemToTest) {
         return itemToTest.disableSelection;
       };
-
       var itemValue = value;
-
       if (typeof itemValue === 'function') {
         itemValue = itemValue.call(this.hot);
       }
-
       empty(TD);
       addClass(wrapper, 'htItemWrapper');
       TD.appendChild(wrapper);
-
       if (itemIsSeparator(item)) {
         addClass(TD, 'htSeparator');
       } else if (typeof item.renderer === 'function') {
@@ -891,7 +814,6 @@ var Menu = /*#__PURE__*/function () {
       } else {
         fastInnerHTML(wrapper, itemValue);
       }
-
       if (itemIsDisabled(item)) {
         addClass(TD, 'htDisabled');
         this.eventManager.addEventListener(TD, 'mouseenter', function () {
@@ -904,7 +826,6 @@ var Menu = /*#__PURE__*/function () {
         });
       } else if (isSubMenu(item)) {
         addClass(TD, 'htSubmenu');
-
         if (itemIsSelectionDisabled(item)) {
           this.eventManager.addEventListener(TD, 'mouseenter', function () {
             return hot.deselectCell();
@@ -916,7 +837,6 @@ var Menu = /*#__PURE__*/function () {
         }
       } else {
         removeClass(TD, ['htSubmenu', 'htDisabled']);
-
         if (itemIsSelectionDisabled(item)) {
           this.eventManager.addEventListener(TD, 'mouseenter', function () {
             return hot.deselectCell();
@@ -928,6 +848,7 @@ var Menu = /*#__PURE__*/function () {
         }
       }
     }
+
     /**
      * Create container/wrapper for handsontable.
      *
@@ -935,7 +856,6 @@ var Menu = /*#__PURE__*/function () {
      * @param {string} [name] Class name.
      * @returns {HTMLElement}
      */
-
   }, {
     key: "createContainer",
     value: function createContainer() {
@@ -943,52 +863,44 @@ var Menu = /*#__PURE__*/function () {
       var doc = this.options.container.ownerDocument;
       var className = name;
       var container;
-
       if (className) {
         if (isFunction(className)) {
           className = className.call(this.hot);
-
           if (className === null || isUndefined(className)) {
             className = '';
           } else {
             className = className.toString();
           }
         }
-
         className = className.replace(/[^A-z0-9]/g, '_');
         className = "".concat(this.options.className, "Sub_").concat(className);
         container = doc.querySelector(".".concat(this.options.className, ".").concat(className));
       }
-
       if (!container) {
         container = doc.createElement('div');
         addClass(container, "htMenu ".concat(this.options.className));
-
         if (className) {
           addClass(container, className);
         }
-
         this.options.container.appendChild(container);
       }
-
       return container;
     }
+
     /**
      * @private
      */
-
   }, {
     key: "blockMainTableCallbacks",
     value: function blockMainTableCallbacks() {
       this._afterScrollCallback = function () {};
-
       this.hot.addHook('afterScrollVertically', this._afterScrollCallback);
       this.hot.addHook('afterScrollHorizontally', this._afterScrollCallback);
     }
+
     /**
      * @private
      */
-
   }, {
     key: "releaseMainTableCallbacks",
     value: function releaseMainTableCallbacks() {
@@ -998,12 +910,12 @@ var Menu = /*#__PURE__*/function () {
         this._afterScrollCallback = null;
       }
     }
+
     /**
      * On after init listener.
      *
      * @private
      */
-
   }, {
     key: "onAfterInit",
     value: function onAfterInit() {
@@ -1014,12 +926,14 @@ var Menu = /*#__PURE__*/function () {
       var currentHiderWidth = parseInt(hiderStyle.width, 10);
       var realHeight = arrayReduce(data, function (accumulator, value) {
         return accumulator + (value.name === SEPARATOR ? 1 : 26);
-      }, 0); // Additional 3px to menu's size because of additional border around its `table.htCore`.
+      }, 0);
 
+      // Additional 3px to menu's size because of additional border around its `table.htCore`.
       holderStyle.width = "".concat(currentHiderWidth + 3, "px");
       holderStyle.height = "".concat(realHeight + 3, "px");
       hiderStyle.height = holderStyle.height;
     }
+
     /**
      * On after selection listener.
      *
@@ -1029,7 +943,6 @@ var Menu = /*#__PURE__*/function () {
      * @param {number} c2 Selection end column index.
      * @param {object} preventScrolling Object with `value` property where its value change will be observed.
      */
-
   }, {
     key: "onAfterSelection",
     value: function onAfterSelection(r, c, r2, c2, preventScrolling) {
@@ -1037,49 +950,48 @@ var Menu = /*#__PURE__*/function () {
         preventScrolling.value = true;
       }
     }
+
     /**
      * Document mouse down listener.
      *
      * @private
      * @param {Event} event The mouse event object.
      */
-
   }, {
     key: "onDocumentMouseDown",
     value: function onDocumentMouseDown(event) {
       if (!this.isOpened()) {
         return;
-      } // Close menu when clicked element is not belongs to menu itself
-
+      }
 
+      // Close menu when clicked element is not belongs to menu itself
       if (this.options.standalone && this.hotMenu && !isChildOf(event.target, this.hotMenu.rootElement)) {
-        this.close(true); // Automatically close menu when clicked element is not belongs to menu or submenu (not necessarily to itself)
+        this.close(true);
+
+        // Automatically close menu when clicked element is not belongs to menu or submenu (not necessarily to itself)
       } else if ((this.isAllSubMenusClosed() || this.isSubMenu()) && !isChildOf(event.target, '.htMenu')) {
         this.close(true);
       }
     }
+
     /**
      * Document's contextmenu listener.
      *
      * @private
      * @param {MouseEvent} event The mouse event object.
      */
-
   }, {
     key: "onDocumentContextMenu",
     value: function onDocumentContextMenu(event) {
       if (!this.isOpened()) {
         return;
       }
-
       if (hasClass(event.target, 'htCore') && isChildOf(event.target, this.hotMenu.rootElement)) {
         event.preventDefault();
       }
     }
   }]);
-
   return Menu;
 }();
-
 mixin(Menu, localHooks);
 export default Menu;