handsontable 11.0.0 → 12.0.0

package/tableView.mjs

@@ -6,12 +6,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-
-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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -28,7 +22,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
@@ -44,12 +38,10 @@ import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.object.set-prototype-of.js";
-import "core-js/modules/es.reflect.construct.js";
 import { addClass, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput } from "./helpers/dom/element.mjs";
 import EventManager from "./eventManager.mjs";
 import { isImmediatePropagationStopped, isRightClick, isLeftClick } from "./helpers/dom/event.mjs";
-import Walkontable, { CellCoords } from "./3rdparty/walkontable/src/index.mjs";
+import Walkontable from "./3rdparty/walkontable/src/index.mjs";
 import { handleMouseEvent } from "./selection/mouseEventHandler.mjs";
 import { isRootInstance } from "./utils/rootInstance.mjs";
 var privatePool = new WeakMap();
@@ -91,6 +83,7 @@ var TableView = /*#__PURE__*/function () {
     /**
      * Main <THEAD> element.
      *
+     * @private
      * @type {HTMLTableSectionElement}
      */
 
@@ -98,6 +91,7 @@ var TableView = /*#__PURE__*/function () {
     /**
      * Main <TBODY> element.
      *
+     * @private
      * @type {HTMLTableSectionElement}
      */
 
@@ -105,10 +99,11 @@ var TableView = /*#__PURE__*/function () {
     /**
      * Main Walkontable instance.
      *
+     * @private
      * @type {Walkontable}
      */
 
-    this.wt = void 0;
+    this._wt = void 0;
     /**
      * Main Walkontable instance.
      *
@@ -184,7 +179,8 @@ var TableView = /*#__PURE__*/function () {
           this.adjustElementsSize(true);
         }
 
-        this.wt.draw(!this.instance.forceFullRender);
+        this._wt.draw(!this.instance.forceFullRender);
+
         this.instance.runHooks('afterRender', this.instance.forceFullRender);
         this.instance.forceFullRender = false;
         this.instance.renderCall = false;
@@ -204,7 +200,7 @@ var TableView = /*#__PURE__*/function () {
       if (this.instance.isRenderSuspended()) {
         this.postponedAdjustElementsSize = true;
       } else {
-        this.wt.wtOverlays.adjustElementsSize(force);
+        this._wt.wtOverlays.adjustElementsSize(force);
       }
     }
     /**
@@ -218,7 +214,7 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "getCellAtCoords",
     value: function getCellAtCoords(coords, topmost) {
-      var td = this.wt.getCell(coords, topmost);
+      var td = this._wt.getCell(coords, topmost);
 
       if (td < 0) {
         // there was an exit code (cell is out of bounds)
@@ -241,7 +237,7 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "scrollViewport",
     value: function scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft) {
-      return this.wt.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
+      return this._wt.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
     }
     /**
      * Scroll viewport to a column.
@@ -255,7 +251,7 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "scrollViewportHorizontally",
     value: function scrollViewportHorizontally(column, snapToRight, snapToLeft) {
-      return this.wt.scrollViewportHorizontally(column, snapToRight, snapToLeft);
+      return this._wt.scrollViewportHorizontally(column, snapToRight, snapToLeft);
     }
     /**
      * Scroll viewport to a row.
@@ -269,7 +265,7 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "scrollViewportVertically",
     value: function scrollViewportVertically(row, snapToTop, snapToBottom) {
-      return this.wt.scrollViewportVertically(row, snapToTop, snapToBottom);
+      return this._wt.scrollViewportVertically(row, snapToTop, snapToBottom);
     }
     /**
      * Prepares DOMElements and adds correct className to the root element.
@@ -337,7 +333,7 @@ var TableView = /*#__PURE__*/function () {
       });
       this.eventManager.addEventListener(rootElement, 'mousemove', function (event) {
         if (priv.selectionMouseDown && !_this.isTextSelectionAllowed(event.target)) {
-          // Clear selection only when fragmentSelection is enabled, otherwise clearing selection breakes the IME editor.
+          // Clear selection only when fragmentSelection is enabled, otherwise clearing selection breaks the IME editor.
           if (_this.settings.fragmentSelection) {
             clearTextSelection(_this.instance.rootWindow);
           }
@@ -346,6 +342,7 @@ var TableView = /*#__PURE__*/function () {
         }
       });
       this.eventManager.addEventListener(documentElement, 'keyup', function (event) {
+        // TODO: is it the best place and way to finish cell selection?
         if (selection.isInProgress() && !event.shiftKey) {
           selection.finish();
         }
@@ -386,7 +383,7 @@ var TableView = /*#__PURE__*/function () {
         } // immediate click on "holder" means click on the right side of vertical scrollbar
 
 
-        var holder = _this.instance.view.wt.wtTable.holder;
+        var holder = _this.instance.view._wt.wtTable.holder;
 
         if (next === holder) {
           var scrollbarWidth = getScrollbarWidth(rootDocument);
@@ -443,10 +440,12 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "translateFromRenderableToVisualCoords",
     value: function translateFromRenderableToVisualCoords(_ref) {
+      var _this$instance3;
+
       var row = _ref.row,
           col = _ref.col;
       // TODO: To consider an idea to reusing the CellCoords instance instead creating new one.
-      return _construct(CellCoords, _toConsumableArray(this.translateFromRenderableToVisualIndex(row, col)));
+      return (_this$instance3 = this.instance)._createCellCoords.apply(_this$instance3, _toConsumableArray(this.translateFromRenderableToVisualIndex(row, col)));
     }
     /**
      * Translate renderable row and column indexes to visual row and column indexes.
@@ -584,7 +583,63 @@ var TableView = /*#__PURE__*/function () {
       return notHiddenIndexes;
     }
     /**
-     * Defines default configuration and initializes WalkOnTable intance.
+     * The function returns the number of not hidden column indexes that fit between the first and
+     * last fixed column in the left (or right in RTL mode) overlay.
+     *
+     * @returns {number}
+     */
+
+  }, {
+    key: "countNotHiddenFixedColumnsStart",
+    value: function countNotHiddenFixedColumnsStart() {
+      var countCols = this.instance.countCols();
+      var visualFixedColumnsStart = Math.min(parseInt(this.settings.fixedColumnsStart, 10), countCols) - 1;
+      return this.countNotHiddenColumnIndexes(visualFixedColumnsStart, -1);
+    }
+    /**
+     * The function returns the number of not hidden row indexes that fit between the first and
+     * last fixed row in the top overlay.
+     *
+     * @returns {number}
+     */
+
+  }, {
+    key: "countNotHiddenFixedRowsTop",
+    value: function countNotHiddenFixedRowsTop() {
+      var countRows = this.instance.countRows();
+      var visualFixedRowsTop = Math.min(parseInt(this.settings.fixedRowsTop, 10), countRows) - 1;
+      return this.countNotHiddenRowIndexes(visualFixedRowsTop, -1);
+    }
+    /**
+     * The function returns the number of not hidden row indexes that fit between the first and
+     * last fixed row in the bottom overlay.
+     *
+     * @returns {number}
+     */
+
+  }, {
+    key: "countNotHiddenFixedRowsBottom",
+    value: function countNotHiddenFixedRowsBottom() {
+      var countRows = this.instance.countRows();
+      var visualFixedRowsBottom = Math.max(countRows - parseInt(this.settings.fixedRowsBottom, 10), 0);
+      return this.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
+    }
+    /**
+     * Checks if at least one cell than belongs to the main table is not covered by the top, left or
+     * bottom overlay.
+     *
+     * @returns {boolean}
+     */
+
+  }, {
+    key: "isMainTableNotFullyCoveredByOverlays",
+    value: function isMainTableNotFullyCoveredByOverlays() {
+      var fixedAllRows = this.countNotHiddenFixedRowsTop() + this.countNotHiddenFixedRowsBottom();
+      var fixedAllColumns = this.countNotHiddenFixedColumnsStart();
+      return this.instance.countRenderedRows() > fixedAllRows && this.instance.countRenderedCols() > fixedAllColumns;
+    }
+    /**
+     * Defines default configuration and initializes WalkOnTable instance.
      *
      * @private
      */
@@ -596,6 +651,7 @@ var TableView = /*#__PURE__*/function () {
 
       var priv = privatePool.get(this);
       var walkontableConfig = {
+        rtlMode: this.instance.isRtl(),
         externalRowCalculator: this.instance.getPlugin('autoRowSize') && this.instance.getPlugin('autoRowSize').isEnabled(),
         table: priv.table,
         isDataViewInstance: function isDataViewInstance() {
@@ -622,29 +678,20 @@ var TableView = /*#__PURE__*/function () {
           return _this2.countRenderableColumns();
         },
         // Number of renderable columns for the left overlay.
-        fixedColumnsLeft: function fixedColumnsLeft() {
-          var countCols = _this2.instance.countCols();
-
-          var visualFixedColumnsLeft = Math.min(parseInt(_this2.settings.fixedColumnsLeft, 10), countCols) - 1;
-          return _this2.countNotHiddenColumnIndexes(visualFixedColumnsLeft, -1);
+        fixedColumnsStart: function fixedColumnsStart() {
+          return _this2.countNotHiddenFixedColumnsStart();
         },
         // Number of renderable rows for the top overlay.
         fixedRowsTop: function fixedRowsTop() {
-          var countRows = _this2.instance.countRows();
-
-          var visualFixedRowsTop = Math.min(parseInt(_this2.settings.fixedRowsTop, 10), countRows) - 1;
-          return _this2.countNotHiddenRowIndexes(visualFixedRowsTop, -1);
+          return _this2.countNotHiddenFixedRowsTop();
         },
         // Number of renderable rows for the bottom overlay.
         fixedRowsBottom: function fixedRowsBottom() {
-          var countRows = _this2.instance.countRows();
-
-          var visualFixedRowsBottom = Math.max(countRows - parseInt(_this2.settings.fixedRowsBottom, 10), 0);
-          return _this2.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
+          return _this2.countNotHiddenFixedRowsBottom();
         },
-        // Enable the left overlay when conditions are met.
-        shouldRenderLeftOverlay: function shouldRenderLeftOverlay() {
-          return _this2.settings.fixedColumnsLeft > 0 || walkontableConfig.rowHeaders().length > 0;
+        // Enable the inline start overlay when conditions are met.
+        shouldRenderInlineStartOverlay: function shouldRenderInlineStartOverlay() {
+          return _this2.settings.fixedColumnsStart > 0 || walkontableConfig.rowHeaders().length > 0;
         },
         // Enable the top overlay when conditions are met.
         shouldRenderTopOverlay: function shouldRenderTopOverlay() {
@@ -694,7 +741,7 @@ var TableView = /*#__PURE__*/function () {
         },
         columnWidth: function columnWidth(renderedColumnIndex) {
           var visualIndex = _this2.instance.columnIndexMapper.getVisualFromRenderableIndex(renderedColumnIndex); // It's not a bug that we can't find visual index for some handled by method indexes. The function is called also
-          // for not displayed indexes (beyond the table boundaries), i.e. when `fixedColumnsLeft` > `startCols` (wrong config?) or
+          // for indexes that are not displayed (indexes that are beyond the grid's boundaries), i.e. when `fixedColumnsStart` > `startCols` (wrong config?) or
           // scrolling and dataset is empty (scroll should handle that?).
 
 
@@ -774,12 +821,15 @@ var TableView = /*#__PURE__*/function () {
           handleMouseEvent(event, {
             coords: visualCoords,
             selection: _this2.instance.selection,
-            controller: controller
+            controller: controller,
+            cellCoordsFactory: function cellCoordsFactory(row, column) {
+              return _this2.instance._createCellCoords(row, column);
+            }
           });
 
           _this2.instance.runHooks('afterOnCellMouseDown', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellContextMenu: function onCellContextMenu(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -799,7 +849,7 @@ var TableView = /*#__PURE__*/function () {
 
           _this2.instance.runHooks('afterOnCellContextMenu', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellMouseOut: function onCellMouseOut(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -814,7 +864,7 @@ var TableView = /*#__PURE__*/function () {
 
           _this2.instance.runHooks('afterOnCellMouseOut', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellMouseOver: function onCellMouseOver(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -836,13 +886,16 @@ var TableView = /*#__PURE__*/function () {
             handleMouseEvent(event, {
               coords: visualCoords,
               selection: _this2.instance.selection,
-              controller: controller
+              controller: controller,
+              cellCoordsFactory: function cellCoordsFactory(row, column) {
+                return _this2.instance._createCellCoords(row, column);
+              }
             });
           }
 
           _this2.instance.runHooks('afterOnCellMouseOver', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellMouseUp: function onCellMouseUp(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -861,7 +914,7 @@ var TableView = /*#__PURE__*/function () {
 
           _this2.instance.runHooks('afterOnCellMouseUp', event, visualCoords, TD);
 
-          _this2.activeWt = _this2.wt;
+          _this2.activeWt = _this2._wt;
         },
         onCellCornerMouseDown: function onCellCornerMouseDown(event) {
           event.preventDefault();
@@ -998,7 +1051,7 @@ var TableView = /*#__PURE__*/function () {
         viewportColumnCalculatorOverride: function viewportColumnCalculatorOverride(calc) {
           var viewportOffset = _this2.settings.viewportColumnRenderingOffset;
 
-          if (viewportOffset === 'auto' && _this2.settings.fixedColumnsLeft) {
+          if (viewportOffset === 'auto' && _this2.settings.fixedColumnsStart) {
             viewportOffset = 10;
           }
 
@@ -1032,9 +1085,9 @@ var TableView = /*#__PURE__*/function () {
         }
       };
       this.instance.runHooks('beforeInitWalkontable', walkontableConfig);
-      this.wt = new Walkontable(walkontableConfig);
-      this.activeWt = this.wt;
-      var spreader = this.wt.wtTable.spreader; // We have to cache width and height after Walkontable initialization.
+      this._wt = new Walkontable(walkontableConfig);
+      this.activeWt = this._wt;
+      var spreader = this._wt.wtTable.spreader; // We have to cache width and height after Walkontable initialization.
 
       var _this$instance$rootEl = this.instance.rootElement.getBoundingClientRect(),
           width = _this$instance$rootEl.width,
@@ -1055,7 +1108,7 @@ var TableView = /*#__PURE__*/function () {
       });
       this.eventManager.addEventListener(this.instance.rootDocument.documentElement, 'click', function () {
         if (_this2.settings.observeDOMVisibility) {
-          if (_this2.wt.drawInterrupted) {
+          if (_this2._wt.drawInterrupted) {
             _this2.instance.forceFullRender = true;
 
             _this2.render();
@@ -1078,7 +1131,7 @@ var TableView = /*#__PURE__*/function () {
         return true;
       }
 
-      var isChildOfTableBody = isChildOf(el, this.instance.view.wt.wtTable.spreader);
+      var isChildOfTableBody = isChildOf(el, this.instance.view._wt.wtTable.spreader);
 
       if (this.settings.fragmentSelection === true && isChildOfTableBody) {
         return true;
@@ -1189,9 +1242,9 @@ var TableView = /*#__PURE__*/function () {
 
         this.updateCellHeader(container.querySelector('.rowHeader'), visualRowIndex, this.instance.getRowHeader);
       } else {
-        var _this$instance3 = this.instance,
-            rootDocument = _this$instance3.rootDocument,
-            getRowHeader = _this$instance3.getRowHeader;
+        var _this$instance4 = this.instance,
+            rootDocument = _this$instance4.rootDocument,
+            getRowHeader = _this$instance4.getRowHeader;
         var div = rootDocument.createElement('div');
         var span = rootDocument.createElement('span');
         div.className = 'relative';
@@ -1249,7 +1302,9 @@ var TableView = /*#__PURE__*/function () {
     key: "updateCellHeader",
     value: function updateCellHeader(element, index, content) {
       var renderedIndex = index;
-      var parentOverlay = this.wt.wtOverlays.getParentOverlay(element) || this.wt; // prevent wrong calculations from SampleGenerator
+
+      var parentOverlay = this._wt.wtOverlays.getParentOverlay(element) || this._wt; // prevent wrong calculations from SampleGenerator
+
 
       if (element.parentNode) {
         if (hasClass(element, 'colHeader')) {
@@ -1268,19 +1323,20 @@ var TableView = /*#__PURE__*/function () {
       }
     }
     /**
-     * Given a element's left position relative to the viewport, returns maximum element width until the right
-     * edge of the viewport (before scrollbar).
+     * Given a element's left (or right in RTL mode) position relative to the viewport, returns maximum
+     * element width until the right (or left) edge of the viewport (before scrollbar).
      *
      * @private
-     * @param {number} leftOffset The left offset.
+     * @param {number} inlineOffset The left (or right in RTL mode) offset.
      * @returns {number}
      */
 
   }, {
     key: "maximumVisibleElementWidth",
-    value: function maximumVisibleElementWidth(leftOffset) {
-      var workspaceWidth = this.wt.wtViewport.getWorkspaceWidth();
-      var maxWidth = workspaceWidth - leftOffset;
+    value: function maximumVisibleElementWidth(inlineOffset) {
+      var workspaceWidth = this._wt.wtViewport.getWorkspaceWidth();
+
+      var maxWidth = workspaceWidth - inlineOffset;
       return maxWidth > 0 ? maxWidth : 0;
     }
     /**
@@ -1295,7 +1351,8 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "maximumVisibleElementHeight",
     value: function maximumVisibleElementHeight(topOffset) {
-      var workspaceHeight = this.wt.wtViewport.getWorkspaceHeight();
+      var workspaceHeight = this._wt.wtViewport.getWorkspaceHeight();
+
       var maxHeight = workspaceHeight - topOffset;
       return maxHeight > 0 ? maxHeight : 0;
     }
@@ -1330,19 +1387,29 @@ var TableView = /*#__PURE__*/function () {
       };
     }
     /**
-     * Checks if master overlay is active.
+     * Returns the first fully visible row in the table viewport.
      *
-     * @private
-     * @returns {boolean}
+     * @returns {number}
+     */
+
+  }, {
+    key: "getFirstFullyVisibleRow",
+    value: function getFirstFullyVisibleRow() {
+      return this.instance.rowIndexMapper.getVisualFromRenderableIndex(this.instance.view._wt.wtScroll.getFirstVisibleRow());
+    }
+    /**
+     * Returns the last fully visible row in the table viewport.
+     *
+     * @returns {number}
      */
 
   }, {
-    key: "mainViewIsActive",
-    value: function mainViewIsActive() {
-      return this.wt === this.activeWt;
+    key: "getLastFullyVisibleRow",
+    value: function getLastFullyVisibleRow() {
+      return this.instance.rowIndexMapper.getVisualFromRenderableIndex(this.instance.view._wt.wtScroll.getLastVisibleRow());
     }
     /**
-     * Destroyes internal WalkOnTable's instance. Detaches all of the bonded listeners.
+     * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
      *
      * @private
      */
@@ -1350,7 +1417,8 @@ var TableView = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      this.wt.destroy();
+      this._wt.destroy();
+
       this.eventManager.destroy();
     }
   }]);

package/translations/changesObservable/observable.js

@@ -27,7 +27,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 

package/translations/changesObservable/observable.mjs

@@ -11,7 +11,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 

package/translations/changesObservable/observer.js

@@ -23,7 +23,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 
@@ -45,7 +45,6 @@ var _currentInitialChanges = /*#__PURE__*/new WeakMap();
  * The ChangesObserver module is an object that represents a disposable resource
  * provided by the ChangesObservable module.
  *
- * @private
  * @class ChangesObserver
  */
 var ChangesObserver = /*#__PURE__*/function () {

package/translations/changesObservable/observer.mjs

@@ -8,7 +8,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 
@@ -30,7 +30,6 @@ import localHooks from "../../mixins/localHooks.mjs";
  * The ChangesObserver module is an object that represents a disposable resource
  * provided by the ChangesObservable module.
  *
- * @private
  * @class ChangesObserver
  */
 

package/translations/indexMapper.d.ts

@@ -22,6 +22,7 @@ export class IndexMapper {
   registerMap(uniqueName: string, indexMap: IndexMap): IndexMap;
   unregisterMap(name: string): void;
   unregisterAll(): void;
+  fitToLength(length: number): void;
   getPhysicalFromVisualIndex(visualIndex: number): number;
   getPhysicalFromRenderableIndex(renderableIndex: number): number;
   getVisualFromPhysicalIndex(physicalIndex: number): number;

package/translations/indexMapper.js

@@ -27,6 +27,8 @@ require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
+require("core-js/modules/es.array.map.js");
+
 require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.array.index-of.js");
@@ -69,7 +71,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 /**
  * @class IndexMapper
@@ -88,7 +90,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
  * There are different kinds of index maps which may be registered in the collections and can be used by a reference.
  * They also expose public API and trigger two local hooks such as `init` (on initialization) and `change` (on change).
  *
- * These are: {@link IndexesSequence}, {@link PhysicalIndexToValueMap}, {@link HidingMap}, and {@link TrimmingMap}.
+ * These are: {@link IndexesSequence}, {@link PhysicalIndexToValueMap}, {@link LinkedPhysicalIndexToValueMap}, {@link HidingMap}, and {@link TrimmingMap}.
  */
 var IndexMapper = /*#__PURE__*/function () {
   function IndexMapper() {
@@ -521,6 +523,27 @@ var IndexMapper = /*#__PURE__*/function () {
       this.resumeOperations();
       this.runLocalHooks('init');
     }
+    /**
+     * Trim/extend the mappers to fit the desired length.
+     *
+     * @param {number} length New mapper length.
+     */
+
+  }, {
+    key: "fitToLength",
+    value: function fitToLength(length) {
+      var currentIndexCount = this.getNumberOfIndexes();
+
+      if (length < currentIndexCount) {
+        var indexesToBeRemoved = _toConsumableArray(Array(this.getNumberOfIndexes() - length).keys()).map(function (i) {
+          return i + length;
+        });
+
+        this.removeIndexes(indexesToBeRemoved);
+      } else {
+        this.insertIndexes(currentIndexCount, length - currentIndexCount);
+      }
+    }
     /**
      * Get sequence of indexes.
      *

package/translations/indexMapper.mjs

@@ -15,6 +15,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.map.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.array.includes.js";
@@ -32,7 +33,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 import { arrayMap } from "../helpers/array.mjs";
 import { createIndexMap, getListWithInsertedItems, getListWithRemovedItems, HidingMap, IndexesSequence, TrimmingMap } from "./maps/index.mjs";
@@ -58,7 +59,7 @@ import { ChangesObservable } from "./changesObservable/observable.mjs";
  * There are different kinds of index maps which may be registered in the collections and can be used by a reference.
  * They also expose public API and trigger two local hooks such as `init` (on initialization) and `change` (on change).
  *
- * These are: {@link IndexesSequence}, {@link PhysicalIndexToValueMap}, {@link HidingMap}, and {@link TrimmingMap}.
+ * These are: {@link IndexesSequence}, {@link PhysicalIndexToValueMap}, {@link LinkedPhysicalIndexToValueMap}, {@link HidingMap}, and {@link TrimmingMap}.
  */
 
 export var IndexMapper = /*#__PURE__*/function () {
@@ -492,6 +493,27 @@ export var IndexMapper = /*#__PURE__*/function () {
       this.resumeOperations();
       this.runLocalHooks('init');
     }
+    /**
+     * Trim/extend the mappers to fit the desired length.
+     *
+     * @param {number} length New mapper length.
+     */
+
+  }, {
+    key: "fitToLength",
+    value: function fitToLength(length) {
+      var currentIndexCount = this.getNumberOfIndexes();
+
+      if (length < currentIndexCount) {
+        var indexesToBeRemoved = _toConsumableArray(Array(this.getNumberOfIndexes() - length).keys()).map(function (i) {
+          return i + length;
+        });
+
+        this.removeIndexes(indexesToBeRemoved);
+      } else {
+        this.insertIndexes(currentIndexCount, length - currentIndexCount);
+      }
+    }
     /**
      * Get sequence of indexes.
      *