handsontable 11.1.0 → 12.1.0

package/selection/range.js

@@ -21,8 +21,6 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.symbol.description.js");
 
-var _src = require("./../3rdparty/walkontable/src");
-
 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); } }
@@ -37,7 +35,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
  * @util
  */
 var SelectionRange = /*#__PURE__*/function (_Symbol$iterator) {
-  function SelectionRange() {
+  function SelectionRange(createCellRange) {
     _classCallCheck(this, SelectionRange);
 
     /**
@@ -46,6 +44,7 @@ var SelectionRange = /*#__PURE__*/function (_Symbol$iterator) {
      * @type {CellRange[]}
      */
     this.ranges = [];
+    this.createCellRange = createCellRange;
   }
   /**
    * Check if selected range is empty.
@@ -71,7 +70,7 @@ var SelectionRange = /*#__PURE__*/function (_Symbol$iterator) {
     key: "set",
     value: function set(coords) {
       this.clear();
-      this.ranges.push(new _src.CellRange(coords));
+      this.ranges.push(this.createCellRange(coords));
       return this;
     }
     /**
@@ -84,7 +83,7 @@ var SelectionRange = /*#__PURE__*/function (_Symbol$iterator) {
   }, {
     key: "add",
     value: function add(coords) {
-      this.ranges.push(new _src.CellRange(coords));
+      this.ranges.push(this.createCellRange(coords));
       return this;
     }
     /**

package/selection/range.mjs

@@ -14,7 +14,6 @@ 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; }
 
-import { CellRange } from "./../3rdparty/walkontable/src/index.mjs";
 /**
  * The SelectionRange class is a simple CellRanges collection designed for easy manipulation of the multiple
  * consecutive and non-consecutive selections.
@@ -22,9 +21,8 @@ import { CellRange } from "./../3rdparty/walkontable/src/index.mjs";
  * @class SelectionRange
  * @util
  */
-
 var SelectionRange = /*#__PURE__*/function (_Symbol$iterator) {
-  function SelectionRange() {
+  function SelectionRange(createCellRange) {
     _classCallCheck(this, SelectionRange);
 
     /**
@@ -33,6 +31,7 @@ var SelectionRange = /*#__PURE__*/function (_Symbol$iterator) {
      * @type {CellRange[]}
      */
     this.ranges = [];
+    this.createCellRange = createCellRange;
   }
   /**
    * Check if selected range is empty.
@@ -58,7 +57,7 @@ var SelectionRange = /*#__PURE__*/function (_Symbol$iterator) {
     key: "set",
     value: function set(coords) {
       this.clear();
-      this.ranges.push(new CellRange(coords));
+      this.ranges.push(this.createCellRange(coords));
       return this;
     }
     /**
@@ -71,7 +70,7 @@ var SelectionRange = /*#__PURE__*/function (_Symbol$iterator) {
   }, {
     key: "add",
     value: function add(coords) {
-      this.ranges.push(new CellRange(coords));
+      this.ranges.push(this.createCellRange(coords));
       return this;
     }
     /**

package/selection/selection.js

@@ -47,10 +47,6 @@ var _constants = require("./highlight/constants");
 
 var _range = _interopRequireDefault(require("./range"));
 
-var _src = require("./../3rdparty/walkontable/src");
-
-var _keyStateObserver = require("./../utils/keyStateObserver");
-
 var _object = require("./../helpers/object");
 
 var _mixed = require("./../helpers/mixed");
@@ -148,7 +144,9 @@ var Selection = /*#__PURE__*/function () {
      * @type {SelectionRange}
      */
 
-    this.selectedRange = new _range.default();
+    this.selectedRange = new _range.default(function (highlight, from, to) {
+      return _this.tableProps.createCellRange(highlight, from, to);
+    });
     /**
      * Visualization layer.
      *
@@ -174,6 +172,18 @@ var Selection = /*#__PURE__*/function () {
       },
       renderableToVisualCoords: function renderableToVisualCoords(coords) {
         return _this.tableProps.renderableToVisualCoords(coords);
+      },
+      createCellCoords: function createCellCoords(row, column) {
+        return _this.tableProps.createCellCoords(row, column);
+      },
+      createCellRange: function createCellRange(highlight, from, to) {
+        return _this.tableProps.createCellRange(highlight, from, to);
+      },
+      rowIndexMapper: function rowIndexMapper() {
+        return _this.tableProps.rowIndexMapper();
+      },
+      columnIndexMapper: function columnIndexMapper() {
+        return _this.tableProps.columnIndexMapper();
       }
     });
     /**
@@ -195,6 +205,9 @@ var Selection = /*#__PURE__*/function () {
       renderableToVisualCoords: function renderableToVisualCoords(coords) {
         return _this.tableProps.renderableToVisualCoords(coords);
       },
+      createCellCoords: function createCellCoords(row, column) {
+        return _this.tableProps.createCellCoords(row, column);
+      },
       fixedRowsBottom: function fixedRowsBottom() {
         return settings.fixedRowsBottom;
       },
@@ -302,7 +315,7 @@ var Selection = /*#__PURE__*/function () {
      * @param {CellCoords} coords Visual coords.
      * @param {boolean} [multipleSelection] If `true`, selection will be worked in 'multiple' mode. This option works
      *                                      only when 'selectionMode' is set as 'multiple'. If the argument is not defined
-     *                                      the default trigger will be used (isPressedCtrlKey() helper).
+     *                                      the default trigger will be used.
      * @param {boolean} [fragment=false] If `true`, the selection will be treated as a partial selection where the
      *                                   `setRangeEnd` method won't be called on every `setRangeStart` call.
      */
@@ -312,7 +325,7 @@ var Selection = /*#__PURE__*/function () {
     value: function setRangeStart(coords, multipleSelection) {
       var fragment = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var isMultipleMode = this.settings.selectionMode === 'multiple';
-      var isMultipleSelection = (0, _mixed.isUndefined)(multipleSelection) ? (0, _keyStateObserver.isPressedCtrlKey)() : multipleSelection;
+      var isMultipleSelection = (0, _mixed.isUndefined)(multipleSelection) ? this.tableProps.getShortcutManager().isCtrlPressed() : multipleSelection;
       var isRowNegative = coords.row < 0;
       var isColumnNegative = coords.col < 0;
       var selectedByCorner = isRowNegative && isColumnNegative; // We are creating copy. We would like to modify just the start of the selection by below hook. Then original coords
@@ -351,7 +364,7 @@ var Selection = /*#__PURE__*/function () {
      * @param {CellCoords} coords Visual coords.
      * @param {boolean} [multipleSelection] If `true`, selection will be worked in 'multiple' mode. This option works
      *                                      only when 'selectionMode' is set as 'multiple'. If the argument is not defined
-     *                                      the default trigger will be used (isPressedCtrlKey() helper).
+     *                                      the default trigger will be used.
      */
 
   }, {
@@ -380,14 +393,14 @@ var Selection = /*#__PURE__*/function () {
       var cellRange = this.selectedRange.current();
 
       if (this.settings.selectionMode !== 'single') {
-        cellRange.setTo(new _src.CellCoords(coordsClone.row, coordsClone.col));
+        cellRange.setTo(this.tableProps.createCellCoords(coordsClone.row, coordsClone.col));
       } // Set up current selection.
 
 
       this.highlight.getCell().clear();
 
       if (this.highlight.isEnabledFor(_constants.CELL_TYPE, cellRange.highlight)) {
-        this.highlight.getCell().add(this.selectedRange.current().highlight).commit().adjustCoordinates(cellRange);
+        this.highlight.getCell().add(this.selectedRange.current().highlight).commit().syncWith(cellRange);
       }
 
       var layerLevel = this.getLayerLevel(); // If the next layer level is lower than previous then clear all area and header highlights. This is the
@@ -422,7 +435,7 @@ var Selection = /*#__PURE__*/function () {
           // based on previous coordinates. It only occurs when the previous selection wasn't select multiple cells.
           var previousRange = this.selectedRange.previous();
           this.highlight.useLayerLevel(layerLevel - 1).createOrGetArea().add(previousRange.from).commit() // Range may start with hidden indexes. Commit would not found start point (as we add just the `from` coords).
-          .adjustCoordinates(previousRange);
+          .syncWith(previousRange);
           this.highlight.useLayerLevel(layerLevel);
         }
       }
@@ -462,7 +475,7 @@ var Selection = /*#__PURE__*/function () {
           var isRowSelected = this.tableProps.countCols() === cellRange.getWidth(); // Make sure that the whole row is selected (in case where selectionMode is set to 'single')
 
           if (isRowSelected) {
-            activeHeaderHighlight.add(new _src.CellCoords(cellRange.from.row, -1)).add(new _src.CellCoords(cellRange.to.row, -1)).commit();
+            activeHeaderHighlight.add(this.tableProps.createCellCoords(cellRange.from.row, -1)).add(this.tableProps.createCellCoords(cellRange.to.row, -1)).commit();
           }
         }
 
@@ -470,7 +483,7 @@ var Selection = /*#__PURE__*/function () {
           var isColumnSelected = this.tableProps.countRows() === cellRange.getHeight(); // Make sure that the whole column is selected (in case where selectionMode is set to 'single')
 
           if (isColumnSelected) {
-            activeHeaderHighlight.add(new _src.CellCoords(-1, cellRange.from.col)).add(new _src.CellCoords(-1, cellRange.to.col)).commit();
+            activeHeaderHighlight.add(this.tableProps.createCellCoords(-1, cellRange.from.col)).add(this.tableProps.createCellCoords(-1, cellRange.to.col)).commit();
           }
         }
       }
@@ -708,12 +721,12 @@ var Selection = /*#__PURE__*/function () {
         return;
       }
 
-      var startCoords = new _src.CellCoords(includeColumnHeaders ? -1 : 0, includeRowHeaders ? -1 : 0);
+      var startCoords = this.tableProps.createCellCoords(includeColumnHeaders ? -1 : 0, includeRowHeaders ? -1 : 0);
       this.clear();
       this.setRangeStartOnly(startCoords);
       this.selectedByRowHeader.add(this.getLayerLevel());
       this.selectedByColumnHeader.add(this.getLayerLevel());
-      this.setRangeEnd(new _src.CellCoords(nrOfRows - 1, nrOfColumns - 1));
+      this.setRangeEnd(this.tableProps.createCellCoords(nrOfRows - 1, nrOfColumns - 1));
       this.finish();
     }
     /**
@@ -771,9 +784,9 @@ var Selection = /*#__PURE__*/function () {
               rowEnd = _selectionSchemaNorma4[2],
               columnEnd = _selectionSchemaNorma4[3];
 
-          _this2.setRangeStartOnly(new _src.CellCoords(rowStart, columnStart), false);
+          _this2.setRangeStartOnly(_this2.tableProps.createCellCoords(rowStart, columnStart), false);
 
-          _this2.setRangeEnd(new _src.CellCoords(rowEnd, columnEnd));
+          _this2.setRangeEnd(_this2.tableProps.createCellCoords(rowEnd, columnEnd));
 
           _this2.finish();
         });
@@ -805,8 +818,8 @@ var Selection = /*#__PURE__*/function () {
       var isValid = (0, _utils.isValidCoord)(start, nrOfColumns) && (0, _utils.isValidCoord)(end, nrOfColumns);
 
       if (isValid) {
-        this.setRangeStartOnly(new _src.CellCoords(headerLevel, start));
-        this.setRangeEnd(new _src.CellCoords(nrOfRows - 1, end));
+        this.setRangeStartOnly(this.tableProps.createCellCoords(headerLevel, start));
+        this.setRangeEnd(this.tableProps.createCellCoords(nrOfRows - 1, end));
         this.finish();
       }
 
@@ -833,8 +846,8 @@ var Selection = /*#__PURE__*/function () {
       var isValid = (0, _utils.isValidCoord)(startRow, nrOfRows) && (0, _utils.isValidCoord)(endRow, nrOfRows);
 
       if (isValid) {
-        this.setRangeStartOnly(new _src.CellCoords(startRow, headerLevel));
-        this.setRangeEnd(new _src.CellCoords(endRow, nrOfColumns - 1));
+        this.setRangeStartOnly(this.tableProps.createCellCoords(startRow, headerLevel));
+        this.setRangeEnd(this.tableProps.createCellCoords(endRow, nrOfColumns - 1));
         this.finish();
       }
 
@@ -858,7 +871,7 @@ var Selection = /*#__PURE__*/function () {
 
       var cellHighlight = this.highlight.getCell();
       var currentLayer = this.getLayerLevel();
-      cellHighlight.commit().adjustCoordinates(this.selectedRange.current()); // Rewriting rendered ranges going through all layers.
+      cellHighlight.commit().syncWith(this.selectedRange.current()); // Rewriting rendered ranges going through all layers.
 
       for (var layerLevel = 0; layerLevel < this.selectedRange.size(); layerLevel += 1) {
         this.highlight.useLayerLevel(layerLevel);

package/selection/selection.mjs

@@ -44,8 +44,6 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 import Highlight from "./highlight/highlight.mjs";
 import { AREA_TYPE, HEADER_TYPE, CELL_TYPE } from "./highlight/constants.mjs";
 import SelectionRange from "./range.mjs";
-import { CellCoords } from "./../3rdparty/walkontable/src/index.mjs";
-import { isPressedCtrlKey } from "./../utils/keyStateObserver.mjs";
 import { createObjectPropListener, mixin } from "./../helpers/object.mjs";
 import { isUndefined } from "./../helpers/mixed.mjs";
 import { arrayEach } from "./../helpers/array.mjs";
@@ -113,7 +111,9 @@ var Selection = /*#__PURE__*/function () {
      * @type {SelectionRange}
      */
 
-    this.selectedRange = new SelectionRange();
+    this.selectedRange = new SelectionRange(function (highlight, from, to) {
+      return _this.tableProps.createCellRange(highlight, from, to);
+    });
     /**
      * Visualization layer.
      *
@@ -139,6 +139,18 @@ var Selection = /*#__PURE__*/function () {
       },
       renderableToVisualCoords: function renderableToVisualCoords(coords) {
         return _this.tableProps.renderableToVisualCoords(coords);
+      },
+      createCellCoords: function createCellCoords(row, column) {
+        return _this.tableProps.createCellCoords(row, column);
+      },
+      createCellRange: function createCellRange(highlight, from, to) {
+        return _this.tableProps.createCellRange(highlight, from, to);
+      },
+      rowIndexMapper: function rowIndexMapper() {
+        return _this.tableProps.rowIndexMapper();
+      },
+      columnIndexMapper: function columnIndexMapper() {
+        return _this.tableProps.columnIndexMapper();
       }
     });
     /**
@@ -160,6 +172,9 @@ var Selection = /*#__PURE__*/function () {
       renderableToVisualCoords: function renderableToVisualCoords(coords) {
         return _this.tableProps.renderableToVisualCoords(coords);
       },
+      createCellCoords: function createCellCoords(row, column) {
+        return _this.tableProps.createCellCoords(row, column);
+      },
       fixedRowsBottom: function fixedRowsBottom() {
         return settings.fixedRowsBottom;
       },
@@ -267,7 +282,7 @@ var Selection = /*#__PURE__*/function () {
      * @param {CellCoords} coords Visual coords.
      * @param {boolean} [multipleSelection] If `true`, selection will be worked in 'multiple' mode. This option works
      *                                      only when 'selectionMode' is set as 'multiple'. If the argument is not defined
-     *                                      the default trigger will be used (isPressedCtrlKey() helper).
+     *                                      the default trigger will be used.
      * @param {boolean} [fragment=false] If `true`, the selection will be treated as a partial selection where the
      *                                   `setRangeEnd` method won't be called on every `setRangeStart` call.
      */
@@ -277,7 +292,7 @@ var Selection = /*#__PURE__*/function () {
     value: function setRangeStart(coords, multipleSelection) {
       var fragment = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var isMultipleMode = this.settings.selectionMode === 'multiple';
-      var isMultipleSelection = isUndefined(multipleSelection) ? isPressedCtrlKey() : multipleSelection;
+      var isMultipleSelection = isUndefined(multipleSelection) ? this.tableProps.getShortcutManager().isCtrlPressed() : multipleSelection;
       var isRowNegative = coords.row < 0;
       var isColumnNegative = coords.col < 0;
       var selectedByCorner = isRowNegative && isColumnNegative; // We are creating copy. We would like to modify just the start of the selection by below hook. Then original coords
@@ -316,7 +331,7 @@ var Selection = /*#__PURE__*/function () {
      * @param {CellCoords} coords Visual coords.
      * @param {boolean} [multipleSelection] If `true`, selection will be worked in 'multiple' mode. This option works
      *                                      only when 'selectionMode' is set as 'multiple'. If the argument is not defined
-     *                                      the default trigger will be used (isPressedCtrlKey() helper).
+     *                                      the default trigger will be used.
      */
 
   }, {
@@ -345,14 +360,14 @@ var Selection = /*#__PURE__*/function () {
       var cellRange = this.selectedRange.current();
 
       if (this.settings.selectionMode !== 'single') {
-        cellRange.setTo(new CellCoords(coordsClone.row, coordsClone.col));
+        cellRange.setTo(this.tableProps.createCellCoords(coordsClone.row, coordsClone.col));
       } // Set up current selection.
 
 
       this.highlight.getCell().clear();
 
       if (this.highlight.isEnabledFor(CELL_TYPE, cellRange.highlight)) {
-        this.highlight.getCell().add(this.selectedRange.current().highlight).commit().adjustCoordinates(cellRange);
+        this.highlight.getCell().add(this.selectedRange.current().highlight).commit().syncWith(cellRange);
       }
 
       var layerLevel = this.getLayerLevel(); // If the next layer level is lower than previous then clear all area and header highlights. This is the
@@ -387,7 +402,7 @@ var Selection = /*#__PURE__*/function () {
           // based on previous coordinates. It only occurs when the previous selection wasn't select multiple cells.
           var previousRange = this.selectedRange.previous();
           this.highlight.useLayerLevel(layerLevel - 1).createOrGetArea().add(previousRange.from).commit() // Range may start with hidden indexes. Commit would not found start point (as we add just the `from` coords).
-          .adjustCoordinates(previousRange);
+          .syncWith(previousRange);
           this.highlight.useLayerLevel(layerLevel);
         }
       }
@@ -427,7 +442,7 @@ var Selection = /*#__PURE__*/function () {
           var isRowSelected = this.tableProps.countCols() === cellRange.getWidth(); // Make sure that the whole row is selected (in case where selectionMode is set to 'single')
 
           if (isRowSelected) {
-            activeHeaderHighlight.add(new CellCoords(cellRange.from.row, -1)).add(new CellCoords(cellRange.to.row, -1)).commit();
+            activeHeaderHighlight.add(this.tableProps.createCellCoords(cellRange.from.row, -1)).add(this.tableProps.createCellCoords(cellRange.to.row, -1)).commit();
           }
         }
 
@@ -435,7 +450,7 @@ var Selection = /*#__PURE__*/function () {
           var isColumnSelected = this.tableProps.countRows() === cellRange.getHeight(); // Make sure that the whole column is selected (in case where selectionMode is set to 'single')
 
           if (isColumnSelected) {
-            activeHeaderHighlight.add(new CellCoords(-1, cellRange.from.col)).add(new CellCoords(-1, cellRange.to.col)).commit();
+            activeHeaderHighlight.add(this.tableProps.createCellCoords(-1, cellRange.from.col)).add(this.tableProps.createCellCoords(-1, cellRange.to.col)).commit();
           }
         }
       }
@@ -673,12 +688,12 @@ var Selection = /*#__PURE__*/function () {
         return;
       }
 
-      var startCoords = new CellCoords(includeColumnHeaders ? -1 : 0, includeRowHeaders ? -1 : 0);
+      var startCoords = this.tableProps.createCellCoords(includeColumnHeaders ? -1 : 0, includeRowHeaders ? -1 : 0);
       this.clear();
       this.setRangeStartOnly(startCoords);
       this.selectedByRowHeader.add(this.getLayerLevel());
       this.selectedByColumnHeader.add(this.getLayerLevel());
-      this.setRangeEnd(new CellCoords(nrOfRows - 1, nrOfColumns - 1));
+      this.setRangeEnd(this.tableProps.createCellCoords(nrOfRows - 1, nrOfColumns - 1));
       this.finish();
     }
     /**
@@ -736,9 +751,9 @@ var Selection = /*#__PURE__*/function () {
               rowEnd = _selectionSchemaNorma4[2],
               columnEnd = _selectionSchemaNorma4[3];
 
-          _this2.setRangeStartOnly(new CellCoords(rowStart, columnStart), false);
+          _this2.setRangeStartOnly(_this2.tableProps.createCellCoords(rowStart, columnStart), false);
 
-          _this2.setRangeEnd(new CellCoords(rowEnd, columnEnd));
+          _this2.setRangeEnd(_this2.tableProps.createCellCoords(rowEnd, columnEnd));
 
           _this2.finish();
         });
@@ -770,8 +785,8 @@ var Selection = /*#__PURE__*/function () {
       var isValid = isValidCoord(start, nrOfColumns) && isValidCoord(end, nrOfColumns);
 
       if (isValid) {
-        this.setRangeStartOnly(new CellCoords(headerLevel, start));
-        this.setRangeEnd(new CellCoords(nrOfRows - 1, end));
+        this.setRangeStartOnly(this.tableProps.createCellCoords(headerLevel, start));
+        this.setRangeEnd(this.tableProps.createCellCoords(nrOfRows - 1, end));
         this.finish();
       }
 
@@ -798,8 +813,8 @@ var Selection = /*#__PURE__*/function () {
       var isValid = isValidCoord(startRow, nrOfRows) && isValidCoord(endRow, nrOfRows);
 
       if (isValid) {
-        this.setRangeStartOnly(new CellCoords(startRow, headerLevel));
-        this.setRangeEnd(new CellCoords(endRow, nrOfColumns - 1));
+        this.setRangeStartOnly(this.tableProps.createCellCoords(startRow, headerLevel));
+        this.setRangeEnd(this.tableProps.createCellCoords(endRow, nrOfColumns - 1));
         this.finish();
       }
 
@@ -823,7 +838,7 @@ var Selection = /*#__PURE__*/function () {
 
       var cellHighlight = this.highlight.getCell();
       var currentLayer = this.getLayerLevel();
-      cellHighlight.commit().adjustCoordinates(this.selectedRange.current()); // Rewriting rendered ranges going through all layers.
+      cellHighlight.commit().syncWith(this.selectedRange.current()); // Rewriting rendered ranges going through all layers.
 
       for (var layerLevel = 0; layerLevel < this.selectedRange.size(); layerLevel += 1) {
         this.highlight.useLayerLevel(layerLevel);

package/selection/transformation.js

@@ -3,8 +3,6 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _src = require("./../3rdparty/walkontable/src");
-
 var _object = require("../helpers/object");
 
 var _localHooks = _interopRequireDefault(require("./../mixins/localHooks"));
@@ -60,7 +58,7 @@ var Transformation = /*#__PURE__*/function () {
     key: "transformStart",
     value: function transformStart(rowDelta, colDelta) {
       var force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var delta = new _src.CellCoords(rowDelta, colDelta);
+      var delta = this.options.createCellCoords(rowDelta, colDelta);
       var highlightCoords = this.range.current().highlight;
 
       var _this$options$visualT = this.options.visualToRenderableCoords(highlightCoords),
@@ -107,7 +105,7 @@ var Transformation = /*#__PURE__*/function () {
           delta.col = totalCols - 1;
         }
 
-        var coords = new _src.CellCoords(renderableRow + delta.row, renderableColumn + delta.col);
+        var coords = this.options.createCellCoords(renderableRow + delta.row, renderableColumn + delta.col);
         rowTransformDir = 0;
         colTransformDir = 0;
 
@@ -144,7 +142,7 @@ var Transformation = /*#__PURE__*/function () {
   }, {
     key: "transformEnd",
     value: function transformEnd(rowDelta, colDelta) {
-      var delta = new _src.CellCoords(rowDelta, colDelta);
+      var delta = this.options.createCellCoords(rowDelta, colDelta);
       var cellRange = this.range.current();
       var visualCoords = cellRange.to;
       var rowTransformDir = 0;
@@ -164,7 +162,7 @@ var Transformation = /*#__PURE__*/function () {
             rowTo = _this$options$visualT3.row,
             colTo = _this$options$visualT3.col;
 
-        var coords = new _src.CellCoords(rowTo + delta.row, colTo + delta.col);
+        var coords = this.options.createCellCoords(rowTo + delta.row, colTo + delta.col);
         rowTransformDir = 0;
         colTransformDir = 0;
 

package/selection/transformation.mjs

@@ -4,7 +4,6 @@ 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; }
 
-import { CellCoords } from "./../3rdparty/walkontable/src/index.mjs";
 import { mixin } from "../helpers/object.mjs";
 import localHooks from "./../mixins/localHooks.mjs";
 /**
@@ -51,7 +50,7 @@ var Transformation = /*#__PURE__*/function () {
     key: "transformStart",
     value: function transformStart(rowDelta, colDelta) {
       var force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var delta = new CellCoords(rowDelta, colDelta);
+      var delta = this.options.createCellCoords(rowDelta, colDelta);
       var highlightCoords = this.range.current().highlight;
 
       var _this$options$visualT = this.options.visualToRenderableCoords(highlightCoords),
@@ -98,7 +97,7 @@ var Transformation = /*#__PURE__*/function () {
           delta.col = totalCols - 1;
         }
 
-        var coords = new CellCoords(renderableRow + delta.row, renderableColumn + delta.col);
+        var coords = this.options.createCellCoords(renderableRow + delta.row, renderableColumn + delta.col);
         rowTransformDir = 0;
         colTransformDir = 0;
 
@@ -135,7 +134,7 @@ var Transformation = /*#__PURE__*/function () {
   }, {
     key: "transformEnd",
     value: function transformEnd(rowDelta, colDelta) {
-      var delta = new CellCoords(rowDelta, colDelta);
+      var delta = this.options.createCellCoords(rowDelta, colDelta);
       var cellRange = this.range.current();
       var visualCoords = cellRange.to;
       var rowTransformDir = 0;
@@ -155,7 +154,7 @@ var Transformation = /*#__PURE__*/function () {
             rowTo = _this$options$visualT3.row,
             colTo = _this$options$visualT3.col;
 
-        var coords = new CellCoords(rowTo + delta.row, colTo + delta.col);
+        var coords = this.options.createCellCoords(rowTo + delta.row, colTo + delta.col);
         rowTransformDir = 0;
         colTransformDir = 0;
 

package/settings.d.ts

@@ -60,7 +60,7 @@ export interface CellProperties extends CellMeta {
 }
 
 /**
- * @internal
+ * @package
  * Omit properties K from T
  */
 export type Omit<T, K extends keyof T> = Pick<T, ({ [P in keyof T]: P } & { [P in K]: never } & { [x: string]: never, [x: number]: never })[keyof T]>;
@@ -135,6 +135,7 @@ export interface GridSettings extends Events {
   filteringCaseSensitive?: boolean;
   filters?: boolean;
   fixedColumnsLeft?: number;
+  fixedColumnsStart?: number;
   fixedRowsBottom?: number;
   fixedRowsTop?: number;
   formulas?: FormulasSettings;
@@ -147,6 +148,7 @@ export interface GridSettings extends Events {
   isEmptyRow?: (this: Core, row: number) => boolean;
   label?: LabelOptions;
   language?: string;
+  layoutDirection?: 'ltr' | 'rtl' | 'inherit';
   licenseKey?: string | 'non-commercial-and-evaluation';
   manualColumnFreeze?: boolean;
   manualColumnMove?: boolean | number[];

package/shortcuts/context.d.ts

@@ -0,0 +1,20 @@
+interface Shortcut {
+  keys: string[][];
+  callback: (event: Event) => boolean | void;
+  group: string;
+  runOnlyIf?: () => boolean;
+  captureCtrl?: boolean;
+  preventDefault?: boolean;
+  stopPropagation?: boolean;
+  relativeToGroup?: string;
+  position?: 'before' | 'after';
+}
+
+export interface Context {
+  addShortcut(shortcut: Shortcut): void;
+  addShortcuts(shortcuts: Shortcut[]): void;
+  getShortcuts(): Shortcut[];
+  hasShortcut(keys: string[]): boolean;
+  removeShortcutsByKeys(keys: string[]): void;
+  removeShortcutsByGroup(group: string): void;
+}