handsontable 11.1.0 → 12.1.0

package/plugins/multipleSelectionHandles/multipleSelectionHandles.js

@@ -43,8 +43,6 @@ var _base = require("../base");
 
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
 
-var _src = require("../../3rdparty/walkontable/src");
-
 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"); } }
@@ -53,13 +51,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -69,7 +67,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var PLUGIN_KEY = 'multipleSelectionHandles';
 exports.PLUGIN_KEY = PLUGIN_KEY;
@@ -188,10 +186,10 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
       this.eventManager.addEventListener(rootElement, 'touchstart', function (event) {
         var selectedRange;
 
-        if ((0, _element.hasClass)(event.target, 'topLeftSelectionHandle-HitArea')) {
+        if ((0, _element.hasClass)(event.target, 'topSelectionHandle-HitArea')) {
           selectedRange = _this.hot.getSelectedRangeLast();
 
-          _this.dragged.push('topLeft');
+          _this.dragged.push('top');
 
           _this.touchStartRange = {
             width: selectedRange.getWidth(),
@@ -200,10 +198,10 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
           };
           event.preventDefault();
           return false;
-        } else if ((0, _element.hasClass)(event.target, 'bottomRightSelectionHandle-HitArea')) {
+        } else if ((0, _element.hasClass)(event.target, 'bottomSelectionHandle-HitArea')) {
           selectedRange = _this.hot.getSelectedRangeLast();
 
-          _this.dragged.push('bottomRight');
+          _this.dragged.push('bottom');
 
           _this.touchStartRange = {
             width: selectedRange.getWidth(),
@@ -215,24 +213,20 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
         }
       });
       this.eventManager.addEventListener(rootElement, 'touchend', function (event) {
-        if ((0, _element.hasClass)(event.target, 'topLeftSelectionHandle-HitArea')) {
-          removeFromDragged.call(_this, 'topLeft');
+        if ((0, _element.hasClass)(event.target, 'topSelectionHandle-HitArea')) {
+          removeFromDragged.call(_this, 'top');
           _this.touchStartRange = void 0;
           event.preventDefault();
           return false;
-        } else if ((0, _element.hasClass)(event.target, 'bottomRightSelectionHandle-HitArea')) {
-          removeFromDragged.call(_this, 'bottomRight');
+        } else if ((0, _element.hasClass)(event.target, 'bottomSelectionHandle-HitArea')) {
+          removeFromDragged.call(_this, 'bottom');
           _this.touchStartRange = void 0;
           event.preventDefault();
           return false;
         }
       });
       this.eventManager.addEventListener(rootElement, 'touchmove', function (event) {
-        var _this3$hot = _this3.hot,
-            rootWindow = _this3$hot.rootWindow,
-            rootDocument = _this3$hot.rootDocument;
-        var scrollTop = (0, _element.getWindowScrollTop)(rootWindow);
-        var scrollLeft = (0, _element.getWindowScrollLeft)(rootWindow);
+        var rootDocument = _this3.hot.rootDocument;
         var targetCoords;
         var selectedRange;
         var rangeWidth;
@@ -244,7 +238,7 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
           return;
         }
 
-        var endTarget = rootDocument.elementFromPoint(event.touches[0].screenX - scrollLeft, event.touches[0].screenY - scrollTop);
+        var endTarget = rootDocument.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY);
 
         if (!endTarget || endTarget === _this.lastSetCell) {
           return;
@@ -283,10 +277,10 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "getCurrentRangeCoords",
     value: function getCurrentRangeCoords(selectedRange, currentTouch, touchStartDirection, currentDirection, draggedHandle) {
-      var topLeftCorner = selectedRange.getTopLeftCorner();
-      var bottomRightCorner = selectedRange.getBottomRightCorner();
-      var bottomLeftCorner = selectedRange.getBottomLeftCorner();
-      var topRightCorner = selectedRange.getTopRightCorner();
+      var topStartCorner = selectedRange.getTopStartCorner();
+      var bottomEndCorner = selectedRange.getBottomEndCorner();
+      var bottomStartCorner = selectedRange.getBottomStartCorner();
+      var topEndCorner = selectedRange.getTopEndCorner();
       var newCoords = {
         start: null,
         end: null
@@ -297,25 +291,25 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
           switch (currentDirection) {
             case 'NE-SW':
             case 'NW-SE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
-                  start: new _src.CellCoords(currentTouch.row, selectedRange.highlight.col),
-                  end: new _src.CellCoords(bottomLeftCorner.row, currentTouch.col)
+                  start: this.hot._createCellCoords(currentTouch.row, selectedRange.highlight.col),
+                  end: this.hot._createCellCoords(bottomStartCorner.row, currentTouch.col)
                 };
               } else {
                 newCoords = {
-                  start: new _src.CellCoords(selectedRange.highlight.row, currentTouch.col),
-                  end: new _src.CellCoords(currentTouch.row, topLeftCorner.col)
+                  start: this.hot._createCellCoords(selectedRange.highlight.row, currentTouch.col),
+                  end: this.hot._createCellCoords(currentTouch.row, topStartCorner.col)
                 };
               }
 
               break;
 
             case 'SE-NW':
-              if (draggedHandle === 'bottomRight') {
+              if (draggedHandle === 'bottom') {
                 newCoords = {
-                  start: new _src.CellCoords(bottomRightCorner.row, currentTouch.col),
-                  end: new _src.CellCoords(currentTouch.row, topLeftCorner.col)
+                  start: this.hot._createCellCoords(bottomEndCorner.row, currentTouch.col),
+                  end: this.hot._createCellCoords(currentTouch.row, topStartCorner.col)
                 };
               }
 
@@ -330,10 +324,10 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
         case 'NW-SE':
           switch (currentDirection) {
             case 'NE-SW':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
                   start: currentTouch,
-                  end: bottomLeftCorner
+                  end: bottomStartCorner
                 };
               } else {
                 newCoords.end = currentTouch;
@@ -342,10 +336,10 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
               break;
 
             case 'NW-SE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
                   start: currentTouch,
-                  end: bottomRightCorner
+                  end: bottomEndCorner
                 };
               } else {
                 newCoords.end = currentTouch;
@@ -354,10 +348,10 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
               break;
 
             case 'SE-NW':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
                   start: currentTouch,
-                  end: topLeftCorner
+                  end: topStartCorner
                 };
               } else {
                 newCoords.end = currentTouch;
@@ -366,10 +360,10 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
               break;
 
             case 'SW-NE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
                   start: currentTouch,
-                  end: topRightCorner
+                  end: topEndCorner
                 };
               } else {
                 newCoords.end = currentTouch;
@@ -386,15 +380,15 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
         case 'SW-NE':
           switch (currentDirection) {
             case 'NW-SE':
-              if (draggedHandle === 'bottomRight') {
+              if (draggedHandle === 'bottom') {
                 newCoords = {
-                  start: new _src.CellCoords(currentTouch.row, topLeftCorner.col),
-                  end: new _src.CellCoords(bottomLeftCorner.row, currentTouch.col)
+                  start: this.hot._createCellCoords(currentTouch.row, topStartCorner.col),
+                  end: this.hot._createCellCoords(bottomStartCorner.row, currentTouch.col)
                 };
               } else {
                 newCoords = {
-                  start: new _src.CellCoords(topLeftCorner.row, currentTouch.col),
-                  end: new _src.CellCoords(currentTouch.row, bottomRightCorner.col)
+                  start: this.hot._createCellCoords(topStartCorner.row, currentTouch.col),
+                  end: this.hot._createCellCoords(currentTouch.row, bottomEndCorner.col)
                 };
               }
 
@@ -404,29 +398,29 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
             //  break;
 
             case 'SW-NE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
-                  start: new _src.CellCoords(selectedRange.highlight.row, currentTouch.col),
-                  end: new _src.CellCoords(currentTouch.row, bottomRightCorner.col)
+                  start: this.hot._createCellCoords(selectedRange.highlight.row, currentTouch.col),
+                  end: this.hot._createCellCoords(currentTouch.row, bottomEndCorner.col)
                 };
               } else {
                 newCoords = {
-                  start: new _src.CellCoords(currentTouch.row, topLeftCorner.col),
-                  end: new _src.CellCoords(topLeftCorner.row, currentTouch.col)
+                  start: this.hot._createCellCoords(currentTouch.row, topStartCorner.col),
+                  end: this.hot._createCellCoords(topStartCorner.row, currentTouch.col)
                 };
               }
 
               break;
 
             case 'SE-NW':
-              if (draggedHandle === 'bottomRight') {
+              if (draggedHandle === 'bottom') {
                 newCoords = {
-                  start: new _src.CellCoords(currentTouch.row, topRightCorner.col),
-                  end: new _src.CellCoords(topLeftCorner.row, currentTouch.col)
+                  start: this.hot._createCellCoords(currentTouch.row, topEndCorner.col),
+                  end: this.hot._createCellCoords(topStartCorner.row, currentTouch.col)
                 };
-              } else if (draggedHandle === 'topLeft') {
+              } else if (draggedHandle === 'top') {
                 newCoords = {
-                  start: bottomLeftCorner,
+                  start: bottomStartCorner,
                   end: currentTouch
                 };
               }
@@ -444,19 +438,19 @@ var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
             case 'NW-SE':
             case 'NE-SW':
             case 'SW-NE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords.end = currentTouch;
               }
 
               break;
 
             case 'SE-NW':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords.end = currentTouch;
               } else {
                 newCoords = {
                   start: currentTouch,
-                  end: topLeftCorner
+                  end: topStartCorner
                 };
               }
 

package/plugins/multipleSelectionHandles/multipleSelectionHandles.mjs

@@ -22,13 +22,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -38,13 +38,12 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-import { getWindowScrollTop, hasClass, getWindowScrollLeft } from "../../helpers/dom/element.mjs";
+import { hasClass } from "../../helpers/dom/element.mjs";
 import { isMobileBrowser } from "../../helpers/browser.mjs";
 import { BasePlugin } from "../base/index.mjs";
 import EventManager from "../../eventManager.mjs";
-import { CellCoords } from "../../3rdparty/walkontable/src/index.mjs";
 export var PLUGIN_KEY = 'multipleSelectionHandles';
 export var PLUGIN_PRIORITY = 160;
 /**
@@ -159,10 +158,10 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
       this.eventManager.addEventListener(rootElement, 'touchstart', function (event) {
         var selectedRange;
 
-        if (hasClass(event.target, 'topLeftSelectionHandle-HitArea')) {
+        if (hasClass(event.target, 'topSelectionHandle-HitArea')) {
           selectedRange = _this.hot.getSelectedRangeLast();
 
-          _this.dragged.push('topLeft');
+          _this.dragged.push('top');
 
           _this.touchStartRange = {
             width: selectedRange.getWidth(),
@@ -171,10 +170,10 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
           };
           event.preventDefault();
           return false;
-        } else if (hasClass(event.target, 'bottomRightSelectionHandle-HitArea')) {
+        } else if (hasClass(event.target, 'bottomSelectionHandle-HitArea')) {
           selectedRange = _this.hot.getSelectedRangeLast();
 
-          _this.dragged.push('bottomRight');
+          _this.dragged.push('bottom');
 
           _this.touchStartRange = {
             width: selectedRange.getWidth(),
@@ -186,24 +185,20 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
         }
       });
       this.eventManager.addEventListener(rootElement, 'touchend', function (event) {
-        if (hasClass(event.target, 'topLeftSelectionHandle-HitArea')) {
-          removeFromDragged.call(_this, 'topLeft');
+        if (hasClass(event.target, 'topSelectionHandle-HitArea')) {
+          removeFromDragged.call(_this, 'top');
           _this.touchStartRange = void 0;
           event.preventDefault();
           return false;
-        } else if (hasClass(event.target, 'bottomRightSelectionHandle-HitArea')) {
-          removeFromDragged.call(_this, 'bottomRight');
+        } else if (hasClass(event.target, 'bottomSelectionHandle-HitArea')) {
+          removeFromDragged.call(_this, 'bottom');
           _this.touchStartRange = void 0;
           event.preventDefault();
           return false;
         }
       });
       this.eventManager.addEventListener(rootElement, 'touchmove', function (event) {
-        var _this3$hot = _this3.hot,
-            rootWindow = _this3$hot.rootWindow,
-            rootDocument = _this3$hot.rootDocument;
-        var scrollTop = getWindowScrollTop(rootWindow);
-        var scrollLeft = getWindowScrollLeft(rootWindow);
+        var rootDocument = _this3.hot.rootDocument;
         var targetCoords;
         var selectedRange;
         var rangeWidth;
@@ -215,7 +210,7 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
           return;
         }
 
-        var endTarget = rootDocument.elementFromPoint(event.touches[0].screenX - scrollLeft, event.touches[0].screenY - scrollTop);
+        var endTarget = rootDocument.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY);
 
         if (!endTarget || endTarget === _this.lastSetCell) {
           return;
@@ -254,10 +249,10 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "getCurrentRangeCoords",
     value: function getCurrentRangeCoords(selectedRange, currentTouch, touchStartDirection, currentDirection, draggedHandle) {
-      var topLeftCorner = selectedRange.getTopLeftCorner();
-      var bottomRightCorner = selectedRange.getBottomRightCorner();
-      var bottomLeftCorner = selectedRange.getBottomLeftCorner();
-      var topRightCorner = selectedRange.getTopRightCorner();
+      var topStartCorner = selectedRange.getTopStartCorner();
+      var bottomEndCorner = selectedRange.getBottomEndCorner();
+      var bottomStartCorner = selectedRange.getBottomStartCorner();
+      var topEndCorner = selectedRange.getTopEndCorner();
       var newCoords = {
         start: null,
         end: null
@@ -268,25 +263,25 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
           switch (currentDirection) {
             case 'NE-SW':
             case 'NW-SE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
-                  start: new CellCoords(currentTouch.row, selectedRange.highlight.col),
-                  end: new CellCoords(bottomLeftCorner.row, currentTouch.col)
+                  start: this.hot._createCellCoords(currentTouch.row, selectedRange.highlight.col),
+                  end: this.hot._createCellCoords(bottomStartCorner.row, currentTouch.col)
                 };
               } else {
                 newCoords = {
-                  start: new CellCoords(selectedRange.highlight.row, currentTouch.col),
-                  end: new CellCoords(currentTouch.row, topLeftCorner.col)
+                  start: this.hot._createCellCoords(selectedRange.highlight.row, currentTouch.col),
+                  end: this.hot._createCellCoords(currentTouch.row, topStartCorner.col)
                 };
               }
 
               break;
 
             case 'SE-NW':
-              if (draggedHandle === 'bottomRight') {
+              if (draggedHandle === 'bottom') {
                 newCoords = {
-                  start: new CellCoords(bottomRightCorner.row, currentTouch.col),
-                  end: new CellCoords(currentTouch.row, topLeftCorner.col)
+                  start: this.hot._createCellCoords(bottomEndCorner.row, currentTouch.col),
+                  end: this.hot._createCellCoords(currentTouch.row, topStartCorner.col)
                 };
               }
 
@@ -301,10 +296,10 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
         case 'NW-SE':
           switch (currentDirection) {
             case 'NE-SW':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
                   start: currentTouch,
-                  end: bottomLeftCorner
+                  end: bottomStartCorner
                 };
               } else {
                 newCoords.end = currentTouch;
@@ -313,10 +308,10 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
               break;
 
             case 'NW-SE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
                   start: currentTouch,
-                  end: bottomRightCorner
+                  end: bottomEndCorner
                 };
               } else {
                 newCoords.end = currentTouch;
@@ -325,10 +320,10 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
               break;
 
             case 'SE-NW':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
                   start: currentTouch,
-                  end: topLeftCorner
+                  end: topStartCorner
                 };
               } else {
                 newCoords.end = currentTouch;
@@ -337,10 +332,10 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
               break;
 
             case 'SW-NE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
                   start: currentTouch,
-                  end: topRightCorner
+                  end: topEndCorner
                 };
               } else {
                 newCoords.end = currentTouch;
@@ -357,15 +352,15 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
         case 'SW-NE':
           switch (currentDirection) {
             case 'NW-SE':
-              if (draggedHandle === 'bottomRight') {
+              if (draggedHandle === 'bottom') {
                 newCoords = {
-                  start: new CellCoords(currentTouch.row, topLeftCorner.col),
-                  end: new CellCoords(bottomLeftCorner.row, currentTouch.col)
+                  start: this.hot._createCellCoords(currentTouch.row, topStartCorner.col),
+                  end: this.hot._createCellCoords(bottomStartCorner.row, currentTouch.col)
                 };
               } else {
                 newCoords = {
-                  start: new CellCoords(topLeftCorner.row, currentTouch.col),
-                  end: new CellCoords(currentTouch.row, bottomRightCorner.col)
+                  start: this.hot._createCellCoords(topStartCorner.row, currentTouch.col),
+                  end: this.hot._createCellCoords(currentTouch.row, bottomEndCorner.col)
                 };
               }
 
@@ -375,29 +370,29 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
             //  break;
 
             case 'SW-NE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords = {
-                  start: new CellCoords(selectedRange.highlight.row, currentTouch.col),
-                  end: new CellCoords(currentTouch.row, bottomRightCorner.col)
+                  start: this.hot._createCellCoords(selectedRange.highlight.row, currentTouch.col),
+                  end: this.hot._createCellCoords(currentTouch.row, bottomEndCorner.col)
                 };
               } else {
                 newCoords = {
-                  start: new CellCoords(currentTouch.row, topLeftCorner.col),
-                  end: new CellCoords(topLeftCorner.row, currentTouch.col)
+                  start: this.hot._createCellCoords(currentTouch.row, topStartCorner.col),
+                  end: this.hot._createCellCoords(topStartCorner.row, currentTouch.col)
                 };
               }
 
               break;
 
             case 'SE-NW':
-              if (draggedHandle === 'bottomRight') {
+              if (draggedHandle === 'bottom') {
                 newCoords = {
-                  start: new CellCoords(currentTouch.row, topRightCorner.col),
-                  end: new CellCoords(topLeftCorner.row, currentTouch.col)
+                  start: this.hot._createCellCoords(currentTouch.row, topEndCorner.col),
+                  end: this.hot._createCellCoords(topStartCorner.row, currentTouch.col)
                 };
-              } else if (draggedHandle === 'topLeft') {
+              } else if (draggedHandle === 'top') {
                 newCoords = {
-                  start: bottomLeftCorner,
+                  start: bottomStartCorner,
                   end: currentTouch
                 };
               }
@@ -415,19 +410,19 @@ export var MultipleSelectionHandles = /*#__PURE__*/function (_BasePlugin) {
             case 'NW-SE':
             case 'NE-SW':
             case 'SW-NE':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords.end = currentTouch;
               }
 
               break;
 
             case 'SE-NW':
-              if (draggedHandle === 'topLeft') {
+              if (draggedHandle === 'top') {
                 newCoords.end = currentTouch;
               } else {
                 newCoords = {
                   start: currentTouch,
-                  end: topLeftCorner
+                  end: topStartCorner
                 };
               }