handsontable 11.0.0 → 12.0.0

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

@@ -2,7 +2,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 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); return Constructor; }
+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 "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
@@ -11,11 +11,10 @@ import "core-js/modules/es.weak-map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/web.timers.js";
 import "core-js/modules/es.array.includes.js";
-import { closestDown, hasClass, isChildOf, getParent } from "./../../../helpers/dom/element.mjs";
-import { partial } from "./../../../helpers/function.mjs";
-import { isTouchSupported } from "./../../../helpers/feature.mjs";
-import { isMobileBrowser, isChromeWebKit, isFirefoxWebKit, isIOS } from "./../../../helpers/browser.mjs";
-import EventManager from "./../../../eventManager.mjs";
+import { closestDown, hasClass, isChildOf, getParent } from "../../../helpers/dom/element.mjs";
+import { partial } from "../../../helpers/function.mjs";
+import { isTouchSupported } from "../../../helpers/feature.mjs";
+import { isMobileBrowser, isChromeWebKit, isFirefoxWebKit, isIOS } from "../../../helpers/browser.mjs";
 import { isDefined } from "../../../helpers/mixed.mjs";
 var privatePool = new WeakMap();
 /**
@@ -24,26 +23,44 @@ var privatePool = new WeakMap();
 
 var Event = /*#__PURE__*/function () {
   /**
-   * @param {*} instance Walkontable instance.
+   * @param {FacadeGetter} facadeGetter Gets an instance facade.
+   * @param {DomBindings} domBindings Bindings into dom.
+   * @param {Settings} wtSettings The walkontable settings.
+   * @param {EventManager} eventManager The walkontable event manager.
+   * @param {Table} wtTable The table.
+   * @param {Selections} selections Selections.
+   * @param {Event} [parent=null] The main Event instance.
    */
-  function Event(instance) {
+  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 Walkontable}.
+     * Instance of {@link EventManager}.
      *
      * @private
-     * @type {Walkontable}
+     * @type {EventManager}
      */
-    this.instance = instance;
+
+    this.eventManager = eventManager;
     /**
-     * Instance of {@link EventManager}.
+     * Should be use only for passing face called external origin methods, like registered event listeners.
+     * It provides backward compatibility by getting instance facade.
+     *
+     * @todo Consider about removing this from Event class, because it make relationship into facade (implicit circular dependency).
+     * @todo Con. Maybe passing listener caller as an ioc from faced resolves this issue. To rethink later.
      *
+     * @type {FacadeGetter}
      * @private
-     * @type {EventManager}
      */
 
-    this.eventManager = new EventManager(instance);
+    this.facadeGetter = facadeGetter;
     privatePool.set(this, {
       selectedCellBeforeTouchEnd: void 0,
       dblClickTimeout: [null, null],
@@ -63,53 +80,53 @@ var Event = /*#__PURE__*/function () {
     value: function registerEvents() {
       var _this = this;
 
-      this.eventManager.addEventListener(this.instance.wtTable.holder, 'contextmenu', function (event) {
+      this.eventManager.addEventListener(this.wtTable.holder, 'contextmenu', function (event) {
         return _this.onContextMenu(event);
       });
-      this.eventManager.addEventListener(this.instance.wtTable.TABLE, 'mouseover', function (event) {
+      this.eventManager.addEventListener(this.wtTable.TABLE, 'mouseover', function (event) {
         return _this.onMouseOver(event);
       });
-      this.eventManager.addEventListener(this.instance.wtTable.TABLE, 'mouseout', function (event) {
+      this.eventManager.addEventListener(this.wtTable.TABLE, 'mouseout', function (event) {
         return _this.onMouseOut(event);
       });
 
       var initTouchEvents = function initTouchEvents() {
-        _this.eventManager.addEventListener(_this.instance.wtTable.holder, 'touchstart', function (event) {
+        _this.eventManager.addEventListener(_this.wtTable.holder, 'touchstart', function (event) {
           return _this.onTouchStart(event);
         });
 
-        _this.eventManager.addEventListener(_this.instance.wtTable.holder, 'touchend', function (event) {
+        _this.eventManager.addEventListener(_this.wtTable.holder, 'touchend', function (event) {
           return _this.onTouchEnd(event);
         });
 
-        if (!_this.instance.momentumScrolling) {
-          _this.instance.momentumScrolling = {};
+        if (!_this.momentumScrolling) {
+          _this.momentumScrolling = {};
         }
 
-        _this.eventManager.addEventListener(_this.instance.wtTable.holder, 'scroll', function () {
-          clearTimeout(_this.instance.momentumScrolling._timeout);
+        _this.eventManager.addEventListener(_this.wtTable.holder, 'scroll', function () {
+          clearTimeout(_this.momentumScrolling._timeout);
 
-          if (!_this.instance.momentumScrolling.ongoing) {
-            _this.instance.getSetting('onBeforeTouchScroll');
+          if (!_this.momentumScrolling.ongoing) {
+            _this.wtSettings.getSetting('onBeforeTouchScroll');
           }
 
-          _this.instance.momentumScrolling.ongoing = true;
-          _this.instance.momentumScrolling._timeout = setTimeout(function () {
-            if (!_this.instance.touchApplied) {
-              _this.instance.momentumScrolling.ongoing = false;
+          _this.momentumScrolling.ongoing = true;
+          _this.momentumScrolling._timeout = setTimeout(function () {
+            if (!_this.touchApplied) {
+              _this.momentumScrolling.ongoing = false;
 
-              _this.instance.getSetting('onAfterMomentumScroll');
+              _this.wtSettings.getSetting('onAfterMomentumScroll');
             }
           }, 200);
         });
       };
 
       var initMouseEvents = function initMouseEvents() {
-        _this.eventManager.addEventListener(_this.instance.wtTable.holder, 'mouseup', function (event) {
+        _this.eventManager.addEventListener(_this.wtTable.holder, 'mouseup', function (event) {
           return _this.onMouseUp(event);
         });
 
-        _this.eventManager.addEventListener(_this.instance.wtTable.holder, 'mousedown', function (event) {
+        _this.eventManager.addEventListener(_this.wtTable.holder, 'mousedown', function (event) {
           return _this.onMouseDown(event);
         });
       };
@@ -164,19 +181,19 @@ var Event = /*#__PURE__*/function () {
     key: "parentCell",
     value: function parentCell(elem) {
       var cell = {};
-      var TABLE = this.instance.wtTable.TABLE;
+      var TABLE = this.wtTable.TABLE;
       var TD = closestDown(elem, ['TD', 'TH'], TABLE);
 
       if (TD) {
-        cell.coords = this.instance.wtTable.getCoords(TD);
+        cell.coords = this.wtTable.getCoords(TD);
         cell.TD = TD;
       } else if (hasClass(elem, 'wtBorder') && hasClass(elem, 'current')) {
-        cell.coords = this.instance.selections.getCell().cellRange.highlight;
-        cell.TD = this.instance.wtTable.getCell(cell.coords);
+        cell.coords = this.selections.getCell().cellRange.highlight;
+        cell.TD = this.wtTable.getCell(cell.coords);
       } else if (hasClass(elem, 'wtBorder') && hasClass(elem, 'area')) {
-        if (this.instance.selections.createOrGetArea().cellRange) {
-          cell.coords = this.instance.selections.createOrGetArea().cellRange.to;
-          cell.TD = this.instance.wtTable.getCell(cell.coords);
+        if (this.selections.createOrGetArea().cellRange) {
+          cell.coords = this.selections.createOrGetArea().cellRange.to;
+          cell.TD = this.wtTable.getCell(cell.coords);
         }
       }
 
@@ -193,7 +210,7 @@ var Event = /*#__PURE__*/function () {
     key: "onMouseDown",
     value: function onMouseDown(event) {
       var priv = privatePool.get(this);
-      var activeElement = this.instance.rootDocument.activeElement;
+      var activeElement = this.domBindings.rootDocument.activeElement;
       var getParentNode = partial(getParent, event.target);
       var realTarget = event.target; // ignore focusable element from mouse down processing (https://github.com/handsontable/handsontable/issues/3555)
 
@@ -204,13 +221,13 @@ var Event = /*#__PURE__*/function () {
       var cell = this.parentCell(realTarget);
 
       if (hasClass(realTarget, 'corner')) {
-        this.instance.getSetting('onCellCornerMouseDown', event, realTarget);
-      } else if (cell.TD && this.instance.hasSetting('onCellMouseDown')) {
-        this.instance.getSetting('onCellMouseDown', event, cell.coords, cell.TD, this.instance);
+        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
 
 
-      if ((event.button === 0 || this.instance.touchApplied) && cell.TD) {
+      if ((event.button === 0 || this.touchApplied) && cell.TD) {
         priv.dblClickOrigin[0] = cell.TD;
         clearTimeout(priv.dblClickTimeout[0]);
         priv.dblClickTimeout[0] = setTimeout(function () {
@@ -228,11 +245,11 @@ var Event = /*#__PURE__*/function () {
   }, {
     key: "onContextMenu",
     value: function onContextMenu(event) {
-      if (this.instance.hasSetting('onCellContextMenu')) {
+      if (this.wtSettings.has('onCellContextMenu')) {
         var cell = this.parentCell(event.target);
 
         if (cell.TD) {
-          this.instance.getSetting('onCellContextMenu', event, cell.coords, cell.TD, this.instance);
+          this.callListener('onCellContextMenu', event, cell.coords, cell.TD);
         }
       }
     }
@@ -246,17 +263,17 @@ var Event = /*#__PURE__*/function () {
   }, {
     key: "onMouseOver",
     value: function onMouseOver(event) {
-      if (!this.instance.hasSetting('onCellMouseOver')) {
+      if (!this.wtSettings.has('onCellMouseOver')) {
         return;
       }
 
-      var table = this.instance.wtTable.TABLE;
+      var table = this.wtTable.TABLE;
       var td = closestDown(event.target, ['TD', 'TH'], table);
-      var mainWOT = this.instance.cloneSource || this.instance;
+      var parent = this.parent || this;
 
-      if (td && td !== mainWOT.lastMouseOver && isChildOf(td, table)) {
-        mainWOT.lastMouseOver = td;
-        this.instance.getSetting('onCellMouseOver', event, this.instance.wtTable.getCoords(td), td, this.instance);
+      if (td && td !== parent.lastMouseOver && isChildOf(td, table)) {
+        parent.lastMouseOver = td;
+        this.callListener('onCellMouseOver', event, this.wtTable.getCoords(td), td);
       }
     }
     /**
@@ -269,16 +286,16 @@ var Event = /*#__PURE__*/function () {
   }, {
     key: "onMouseOut",
     value: function onMouseOut(event) {
-      if (!this.instance.hasSetting('onCellMouseOut')) {
+      if (!this.wtSettings.has('onCellMouseOut')) {
         return;
       }
 
-      var table = this.instance.wtTable.TABLE;
+      var table = this.wtTable.TABLE;
       var lastTD = closestDown(event.target, ['TD', 'TH'], table);
       var nextTD = closestDown(event.relatedTarget, ['TD', 'TH'], table);
 
       if (lastTD && lastTD !== nextTD && isChildOf(lastTD, table)) {
-        this.instance.getSetting('onCellMouseOut', event, this.instance.wtTable.getCoords(lastTD), lastTD, this.instance);
+        this.callListener('onCellMouseOut', event, this.wtTable.getCoords(lastTD), lastTD);
       }
     }
     /**
@@ -294,20 +311,20 @@ var Event = /*#__PURE__*/function () {
       var priv = privatePool.get(this);
       var cell = this.parentCell(event.target);
 
-      if (cell.TD && this.instance.hasSetting('onCellMouseUp')) {
-        this.instance.getSetting('onCellMouseUp', event, cell.coords, cell.TD, this.instance);
+      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 (event.button !== 0 && !this.instance.touchApplied) {
+      if (event.button !== 0 && !this.touchApplied) {
         return;
       }
 
       if (cell.TD === priv.dblClickOrigin[0] && cell.TD === priv.dblClickOrigin[1]) {
         if (hasClass(event.target, 'corner')) {
-          this.instance.getSetting('onCellCornerDblClick', event, cell.coords, cell.TD, this.instance);
+          this.callListener('onCellCornerDblClick', event, cell.coords, cell.TD);
         } else {
-          this.instance.getSetting('onCellDblClick', event, cell.coords, cell.TD, this.instance);
+          this.callListener('onCellDblClick', event, cell.coords, cell.TD);
         }
 
         priv.dblClickOrigin[0] = null;
@@ -331,8 +348,8 @@ var Event = /*#__PURE__*/function () {
     key: "onTouchStart",
     value: function onTouchStart(event) {
       var priv = privatePool.get(this);
-      priv.selectedCellBeforeTouchEnd = this.instance.selections.getCell().cellRange;
-      this.instance.touchApplied = true;
+      priv.selectedCellBeforeTouchEnd = this.selections.getCell().cellRange;
+      this.touchApplied = true;
       this.onMouseDown(event);
     }
     /**
@@ -350,7 +367,7 @@ var Event = /*#__PURE__*/function () {
       var target = event.target;
       var parentCellCoords = (_this$parentCell = this.parentCell(target)) === null || _this$parentCell === void 0 ? void 0 : _this$parentCell.coords;
       var isCellsRange = isDefined(parentCellCoords) && parentCellCoords.row >= 0 && parentCellCoords.col >= 0;
-      var isEventCancelable = event.cancelable && isCellsRange && this.instance.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).
@@ -372,7 +389,26 @@ var Event = /*#__PURE__*/function () {
       }
 
       this.onMouseUp(event);
-      this.instance.touchApplied = false;
+      this.touchApplied = false;
+    }
+    /**
+     * Call listener with backward compatibility.
+     *
+     * @private
+     * @param {string} name Name of listener.
+     * @param {MouseEvent} event The event object.
+     * @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.

package/3rdparty/walkontable/src/facade/core.js

@@ -0,0 +1,251 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _core = _interopRequireDefault(require("../core/core"));
+
+var _base = _interopRequireDefault(require("../core/_base"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+/**
+ * This layer cares about backward compatibility.
+ *
+ * @class WalkontableFacade
+ * @augments Walkontable
+ * @inheritDoc
+ */
+var WalkontableFacade = /*#__PURE__*/function () {
+  /**
+   * @param {SettingsPure|Walkontable} settingsOrInstance The Walkontable settings.
+   */
+  function WalkontableFacade(settingsOrInstance) {
+    _classCallCheck(this, WalkontableFacade);
+
+    if (settingsOrInstance instanceof _base.default) {
+      this._wot = settingsOrInstance;
+    } else {
+      this._initFromSettings(settingsOrInstance);
+    }
+  }
+
+  _createClass(WalkontableFacade, [{
+    key: "_initFromSettings",
+    value: function _initFromSettings(settings) {
+      settings.facade = function (instance) {
+        var facade = new WalkontableFacade(instance);
+        return function () {
+          return facade;
+        };
+      };
+
+      this._wot = new _core.default(settings.table, settings);
+    }
+  }, {
+    key: "guid",
+    get: function get() {
+      return this._wot.guid;
+    }
+  }, {
+    key: "rootDocument",
+    get: function get() {
+      return this._wot.domBindings.rootDocument;
+    }
+  }, {
+    key: "rootWindow",
+    get: function get() {
+      return this._wot.domBindings.rootWindow;
+    }
+  }, {
+    key: "wtSettings",
+    get: function get() {
+      return this._wot.wtSettings; // todo create facade
+    }
+  }, {
+    key: "cloneSource",
+    get: function get() {
+      return this._wot.cloneSource; // todo create facade
+    }
+  }, {
+    key: "cloneOverlay",
+    get: function get() {
+      return this._wot.cloneOverlay; // todo create facade
+    }
+  }, {
+    key: "selections",
+    get: function get() {
+      return this._wot.selections; // todo create facade
+    }
+  }, {
+    key: "wtViewport",
+    get: function get() {
+      return this._wot.wtViewport; // todo create facade
+    }
+  }, {
+    key: "wtOverlays",
+    get: function get() {
+      return this._wot.wtOverlays; // todo create facade
+    }
+  }, {
+    key: "wtTable",
+    get: function get() {
+      return this._wot.wtTable; // todo create facade
+    }
+  }, {
+    key: "wtEvent",
+    get: function get() {
+      return this._wot.wtEvent; // todo create facade
+    }
+  }, {
+    key: "wtScroll",
+    get: function get() {
+      return this._wot.wtScroll; // todo create facade
+    }
+  }, {
+    key: "drawn",
+    get: function get() {
+      return this._wot.drawn;
+    },
+    set: function set(value) {
+      this._wot.drawn = value;
+    }
+  }, {
+    key: "drawInterrupted",
+    get: function get() {
+      return this._wot.drawInterrupted;
+    },
+    set: function set(value) {
+      this._wot.drawInterrupted = value;
+    }
+  }, {
+    key: "lastMouseOver",
+    get: function get() {
+      return this._wot.lastMouseOver;
+    },
+    set: function set(value) {
+      this._wot.lastMouseOver = value;
+    }
+  }, {
+    key: "momentumScrolling",
+    get: function get() {
+      return this._wot.momentumScrolling;
+    },
+    set: function set(value) {
+      this._wot.momentumScrolling = value;
+    }
+  }, {
+    key: "touchApplied",
+    get: function get() {
+      return this._wot.touchApplied;
+    },
+    set: function set(value) {
+      this._wot.touchApplied = value;
+    }
+  }, {
+    key: "domBindings",
+    get: function get() {
+      return this._wot.domBindings;
+    }
+  }, {
+    key: "eventListeners",
+    get: function get() {
+      return this._wot.eventListeners;
+    },
+    set: function set(value) {
+      this._wot.eventListeners = value;
+    }
+  }, {
+    key: "eventManager",
+    get: function get() {
+      return this._wot.eventManager;
+    }
+  }, {
+    key: "createCellCoords",
+    value: function createCellCoords(row, column) {
+      return this._wot.createCellCoords(row, column);
+    }
+  }, {
+    key: "createCellRange",
+    value: function createCellRange(highlight, from, to) {
+      return this._wot.createCellRange(highlight, from, to);
+    }
+  }, {
+    key: "draw",
+    value: function draw() {
+      var fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      this._wot.draw(fastDraw);
+
+      return this;
+    }
+  }, {
+    key: "getCell",
+    value: function getCell(coords) {
+      var topmost = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      return this._wot.getCell(coords, topmost);
+    }
+  }, {
+    key: "scrollViewport",
+    value: function scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft) {
+      return this._wot.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
+    }
+  }, {
+    key: "scrollViewportHorizontally",
+    value: function scrollViewportHorizontally(column, snapToRight, snapToLeft) {
+      return this._wot.scrollViewportHorizontally(column, snapToRight, snapToLeft);
+    }
+  }, {
+    key: "scrollViewportVertically",
+    value: function scrollViewportVertically(row, snapToTop, snapToBottom) {
+      return this._wot.scrollViewportVertically(row, snapToTop, snapToBottom);
+    }
+  }, {
+    key: "getViewport",
+    value: function getViewport() {
+      return this._wot.getViewport();
+    }
+  }, {
+    key: "getOverlayName",
+    value: function getOverlayName() {
+      return this._wot.cloneOverlay ? this._wot.cloneOverlay.type : 'master';
+    }
+  }, {
+    key: "exportSettingsAsClassNames",
+    value: function exportSettingsAsClassNames() {
+      return this._wot.exportSettingsAsClassNames();
+    }
+  }, {
+    key: "update",
+    value: function update(settings, value) {
+      this._wot.wtSettings.update(settings, value);
+
+      return this;
+    }
+  }, {
+    key: "getSetting",
+    value: function getSetting(key, param1, param2, param3, param4) {
+      return this._wot.wtSettings.getSetting(key, param1, param2, param3, param4);
+    }
+  }, {
+    key: "hasSetting",
+    value: function hasSetting(key) {
+      return this._wot.wtSettings.hasSetting(key);
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this._wot.destroy();
+    }
+  }]);
+
+  return WalkontableFacade;
+}();
+
+exports.default = WalkontableFacade;