handsontable 11.0.0 → 12.0.0

package/plugins/multipleSelectionHandles/multipleSelectionHandles.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 require("core-js/modules/es.object.to-string.js");
 
@@ -43,21 +43,19 @@ 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"); } }
 
 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; }
 
-function _get(target, property, receiver) { 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(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+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 _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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
@@ -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

@@ -1,4 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 import "core-js/modules/es.array.splice.js";
 import "core-js/modules/es.array.index-of.js";
@@ -20,13 +20,13 @@ 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; }
 
-function _get(target, property, receiver) { 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(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+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 _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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
@@ -40,11 +40,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : 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
                 };
               }