handsontable 12.1.2 → 12.2.0

package/3rdparty/walkontable/src/event.js

@@ -2,42 +2,26 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/web.timers.js");
-
 require("core-js/modules/es.array.includes.js");
-
 var _element = require("../../../helpers/dom/element");
-
 var _function = require("../../../helpers/function");
-
 var _feature = require("../../../helpers/feature");
-
 var _browser = require("../../../helpers/browser");
-
 var _mixed = require("../../../helpers/mixed");
-
 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; }
-
 var privatePool = new WeakMap();
+
 /**
  * @class Event
  */
-
 var Event = /*#__PURE__*/function () {
   /**
    * @param {FacadeGetter} facadeGetter Gets an instance facade.
@@ -50,22 +34,21 @@ var Event = /*#__PURE__*/function () {
    */
   function Event(facadeGetter, domBindings, wtSettings, eventManager, wtTable, selections) {
     var parent = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
-
     _classCallCheck(this, Event);
-
     this.wtSettings = wtSettings;
     this.domBindings = domBindings;
     this.wtTable = wtTable;
     this.selections = selections;
     this.parent = parent;
+
     /**
      * Instance of {@link EventManager}.
      *
      * @private
      * @type {EventManager}
      */
-
     this.eventManager = eventManager;
+
     /**
      * Should be use only for passing face called external origin methods, like registered event listeners.
      * It provides backward compatibility by getting instance facade.
@@ -76,7 +59,6 @@ var Event = /*#__PURE__*/function () {
      * @type {FacadeGetter}
      * @private
      */
-
     this.facadeGetter = facadeGetter;
     privatePool.set(this, {
       selectedCellBeforeTouchEnd: void 0,
@@ -85,18 +67,16 @@ var Event = /*#__PURE__*/function () {
     });
     this.registerEvents();
   }
+
   /**
    * Adds listeners for mouse and touch events.
    *
    * @private
    */
-
-
   _createClass(Event, [{
     key: "registerEvents",
     value: function registerEvents() {
       var _this = this;
-
       this.eventManager.addEventListener(this.wtTable.holder, 'contextmenu', function (event) {
         return _this.onContextMenu(event);
       });
@@ -106,48 +86,38 @@ var Event = /*#__PURE__*/function () {
       this.eventManager.addEventListener(this.wtTable.TABLE, 'mouseout', function (event) {
         return _this.onMouseOut(event);
       });
-
       var initTouchEvents = function initTouchEvents() {
         _this.eventManager.addEventListener(_this.wtTable.holder, 'touchstart', function (event) {
           return _this.onTouchStart(event);
         });
-
         _this.eventManager.addEventListener(_this.wtTable.holder, 'touchend', function (event) {
           return _this.onTouchEnd(event);
         });
-
         if (!_this.momentumScrolling) {
           _this.momentumScrolling = {};
         }
-
         _this.eventManager.addEventListener(_this.wtTable.holder, 'scroll', function () {
           clearTimeout(_this.momentumScrolling._timeout);
-
           if (!_this.momentumScrolling.ongoing) {
             _this.wtSettings.getSetting('onBeforeTouchScroll');
           }
-
           _this.momentumScrolling.ongoing = true;
           _this.momentumScrolling._timeout = setTimeout(function () {
             if (!_this.touchApplied) {
               _this.momentumScrolling.ongoing = false;
-
               _this.wtSettings.getSetting('onAfterMomentumScroll');
             }
           }, 200);
         });
       };
-
       var initMouseEvents = function initMouseEvents() {
         _this.eventManager.addEventListener(_this.wtTable.holder, 'mouseup', function (event) {
           return _this.onMouseUp(event);
         });
-
         _this.eventManager.addEventListener(_this.wtTable.holder, 'mousedown', function (event) {
           return _this.onMouseDown(event);
         });
       };
-
       if ((0, _browser.isMobileBrowser)()) {
         initTouchEvents();
       } else {
@@ -155,10 +125,10 @@ var Event = /*#__PURE__*/function () {
         if ((0, _feature.isTouchSupported)()) {
           initTouchEvents();
         }
-
         initMouseEvents();
       }
     }
+
     /**
      * Checks if an element is already selected.
      *
@@ -166,26 +136,24 @@ var Event = /*#__PURE__*/function () {
      * @param {Element} touchTarget An element to check.
      * @returns {boolean}
      */
-
   }, {
     key: "selectedCellWasTouched",
     value: function selectedCellWasTouched(touchTarget) {
       var priv = privatePool.get(this);
       var cellUnderFinger = this.parentCell(touchTarget);
       var coordsOfCellUnderFinger = cellUnderFinger.coords;
-
       if (priv.selectedCellBeforeTouchEnd && coordsOfCellUnderFinger) {
         var _ref = [coordsOfCellUnderFinger.row, priv.selectedCellBeforeTouchEnd.from.row],
-            rowTouched = _ref[0],
-            rowSelected = _ref[1];
+          rowTouched = _ref[0],
+          rowSelected = _ref[1];
         var _ref2 = [coordsOfCellUnderFinger.col, priv.selectedCellBeforeTouchEnd.from.col],
-            colTouched = _ref2[0],
-            colSelected = _ref2[1];
+          colTouched = _ref2[0],
+          colSelected = _ref2[1];
         return rowTouched === rowSelected && colTouched === colSelected;
       }
-
       return false;
     }
+
     /**
      * Gets closest TD or TH element.
      *
@@ -193,14 +161,12 @@ var Event = /*#__PURE__*/function () {
      * @param {Element} elem An element from the traversing starts.
      * @returns {object} Contains coordinates and reference to TD or TH if it exists. Otherwise it's empty object.
      */
-
   }, {
     key: "parentCell",
     value: function parentCell(elem) {
       var cell = {};
       var TABLE = this.wtTable.TABLE;
       var TD = (0, _element.closestDown)(elem, ['TD', 'TH'], TABLE);
-
       if (TD) {
         cell.coords = this.wtTable.getCoords(TD);
         cell.TD = TD;
@@ -213,37 +179,35 @@ var Event = /*#__PURE__*/function () {
           cell.TD = this.wtTable.getCell(cell.coords);
         }
       }
-
       return cell;
     }
+
     /**
      * OnMouseDown callback.
      *
      * @private
      * @param {MouseEvent} event The mouse event object.
      */
-
   }, {
     key: "onMouseDown",
     value: function onMouseDown(event) {
       var priv = privatePool.get(this);
       var activeElement = this.domBindings.rootDocument.activeElement;
       var getParentNode = (0, _function.partial)(_element.getParent, event.target);
-      var realTarget = event.target; // ignore focusable element from mouse down processing (https://github.com/handsontable/handsontable/issues/3555)
+      var realTarget = event.target;
 
+      // ignore focusable element from mouse down processing (https://github.com/handsontable/handsontable/issues/3555)
       if (realTarget === activeElement || getParentNode(0) === activeElement || getParentNode(1) === activeElement) {
         return;
       }
-
       var cell = this.parentCell(realTarget);
-
       if ((0, _element.hasClass)(realTarget, 'corner')) {
         this.wtSettings.getSetting('onCellCornerMouseDown', event, realTarget);
       } else if (cell.TD && this.wtSettings.has('onCellMouseDown')) {
         this.callListener('onCellMouseDown', event, cell.coords, cell.TD);
-      } // doubleclick reacts only for left mouse button or from touch events
-
+      }
 
+      // doubleclick reacts only for left mouse button or from touch events
       if ((event.button === 0 || this.touchApplied) && cell.TD) {
         priv.dblClickOrigin[0] = cell.TD;
         clearTimeout(priv.dblClickTimeout[0]);
@@ -252,98 +216,90 @@ var Event = /*#__PURE__*/function () {
         }, 1000);
       }
     }
+
     /**
      * OnContextMenu callback.
      *
      * @private
      * @param {MouseEvent} event The mouse event object.
      */
-
   }, {
     key: "onContextMenu",
     value: function onContextMenu(event) {
       if (this.wtSettings.has('onCellContextMenu')) {
         var cell = this.parentCell(event.target);
-
         if (cell.TD) {
           this.callListener('onCellContextMenu', event, cell.coords, cell.TD);
         }
       }
     }
+
     /**
      * OnMouseOver callback.
      *
      * @private
      * @param {MouseEvent} event The mouse event object.
      */
-
   }, {
     key: "onMouseOver",
     value: function onMouseOver(event) {
       if (!this.wtSettings.has('onCellMouseOver')) {
         return;
       }
-
       var table = this.wtTable.TABLE;
       var td = (0, _element.closestDown)(event.target, ['TD', 'TH'], table);
       var parent = this.parent || this;
-
       if (td && td !== parent.lastMouseOver && (0, _element.isChildOf)(td, table)) {
         parent.lastMouseOver = td;
         this.callListener('onCellMouseOver', event, this.wtTable.getCoords(td), td);
       }
     }
+
     /**
      * OnMouseOut callback.
      *
      * @private
      * @param {MouseEvent} event The mouse event object.
      */
-
   }, {
     key: "onMouseOut",
     value: function onMouseOut(event) {
       if (!this.wtSettings.has('onCellMouseOut')) {
         return;
       }
-
       var table = this.wtTable.TABLE;
       var lastTD = (0, _element.closestDown)(event.target, ['TD', 'TH'], table);
       var nextTD = (0, _element.closestDown)(event.relatedTarget, ['TD', 'TH'], table);
-
       if (lastTD && lastTD !== nextTD && (0, _element.isChildOf)(lastTD, table)) {
         this.callListener('onCellMouseOut', event, this.wtTable.getCoords(lastTD), lastTD);
       }
     }
+
     /**
      * OnMouseUp callback.
      *
      * @private
      * @param {MouseEvent} event The mouse event object.
      */
-
   }, {
     key: "onMouseUp",
     value: function onMouseUp(event) {
       var priv = privatePool.get(this);
       var cell = this.parentCell(event.target);
-
       if (cell.TD && this.wtSettings.has('onCellMouseUp')) {
         this.callListener('onCellMouseUp', event, cell.coords, cell.TD);
-      } // if not left mouse button, and the origin event is not comes from touch
-
+      }
 
+      // if not left mouse button, and the origin event is not comes from touch
       if (event.button !== 0 && !this.touchApplied) {
         return;
       }
-
       if (cell.TD === priv.dblClickOrigin[0] && cell.TD === priv.dblClickOrigin[1]) {
         if ((0, _element.hasClass)(event.target, 'corner')) {
           this.callListener('onCellCornerDblClick', event, cell.coords, cell.TD);
         } else {
           this.callListener('onCellDblClick', event, cell.coords, cell.TD);
         }
-
         priv.dblClickOrigin[0] = null;
         priv.dblClickOrigin[1] = null;
       } else if (cell.TD === priv.dblClickOrigin[0]) {
@@ -354,13 +310,13 @@ var Event = /*#__PURE__*/function () {
         }, 500);
       }
     }
+
     /**
      * OnTouchStart callback. Simulates mousedown event.
      *
      * @private
      * @param {MouseEvent} event The mouse event object.
      */
-
   }, {
     key: "onTouchStart",
     value: function onTouchStart(event) {
@@ -369,33 +325,34 @@ var Event = /*#__PURE__*/function () {
       this.touchApplied = true;
       this.onMouseDown(event);
     }
+
     /**
      * OnTouchEnd callback. Simulates mouseup event.
      *
      * @private
      * @param {MouseEvent} event The mouse event object.
      */
-
   }, {
     key: "onTouchEnd",
     value: function onTouchEnd(event) {
       var _this$parentCell;
-
       var target = event.target;
       var parentCellCoords = (_this$parentCell = this.parentCell(target)) === null || _this$parentCell === void 0 ? void 0 : _this$parentCell.coords;
       var isCellsRange = (0, _mixed.isDefined)(parentCellCoords) && parentCellCoords.row >= 0 && parentCellCoords.col >= 0;
-      var isEventCancelable = event.cancelable && isCellsRange && this.wtSettings.getSetting('isDataViewInstance'); // To prevent accidental redirects or other actions that the interactive elements (e.q "A" link) do
+      var isEventCancelable = event.cancelable && isCellsRange && this.wtSettings.getSetting('isDataViewInstance');
+
+      // To prevent accidental redirects or other actions that the interactive elements (e.q "A" link) do
       // while the cell is highlighted, all touch events that are triggered on different cells are
       // "preventDefault"'ed. The user can interact with the element (e.q. click on the link that opens
       // a new page) only when the same cell was previously selected (see related PR #7980).
-
       if (isEventCancelable) {
-        var interactiveElements = ['A', 'BUTTON', 'INPUT']; // For browsers that use the WebKit as an engine (excluding Safari), there is a bug. The prevent
+        var interactiveElements = ['A', 'BUTTON', 'INPUT'];
+
+        // For browsers that use the WebKit as an engine (excluding Safari), there is a bug. The prevent
         // default has to be called all the time. Otherwise, the second tap won't be triggered (probably
         // caused by the native ~300ms delay - https://webkit.org/blog/5610/more-responsive-tapping-on-ios/).
         // To make the interactive elements work, the event target element has to be check. If the element
         // matches the allow-list, the event is not prevented.
-
         if ((0, _browser.isIOS)() && ((0, _browser.isChromeWebKit)() || (0, _browser.isFirefoxWebKit)()) && this.selectedCellWasTouched(target) && !interactiveElements.includes(target.tagName)) {
           event.preventDefault();
         } else if (!this.selectedCellWasTouched(target)) {
@@ -404,10 +361,10 @@ var Event = /*#__PURE__*/function () {
           event.preventDefault();
         }
       }
-
       this.onMouseUp(event);
       this.touchApplied = false;
     }
+
     /**
      * Call listener with backward compatibility.
      *
@@ -417,20 +374,18 @@ var Event = /*#__PURE__*/function () {
      * @param {CellCoords} coords Coordinates.
      * @param {HTMLElement} target Event target.
      */
-
   }, {
     key: "callListener",
     value: function callListener(name, event, coords, target) {
       var listener = this.wtSettings.getSettingPure(name);
-
       if (listener) {
         listener(event, coords, target, this.facadeGetter());
       }
     }
+
     /**
      * Clears double-click timeouts and destroys the internal eventManager instance.
      */
-
   }, {
     key: "destroy",
     value: function destroy() {
@@ -440,9 +395,7 @@ var Event = /*#__PURE__*/function () {
       this.eventManager.destroy();
     }
   }]);
-
   return Event;
 }();
-
 var _default = Event;
 exports.default = _default;