handsontable 0.0.0-next-b66c79f-20230713 → 0.0.0-next-08765b9-20230714

package/tableView.mjs

@@ -1,4 +1,15 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.error.cause.js";
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 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";
@@ -11,84 +22,91 @@ const privatePool = new WeakMap();
  * @class TableView
  * @private
  */
+var _columnHeadersCount = /*#__PURE__*/new WeakMap();
+var _rowHeadersCount = /*#__PURE__*/new WeakMap();
 class TableView {
-  /**
-   * Instance of {@link Handsontable}.
-   *
-   * @private
-   * @type {Handsontable}
-   */
-  instance;
-  /**
-   * Instance of {@link EventManager}.
-   *
-   * @private
-   * @type {EventManager}
-   */
-  eventManager;
-  /**
-   * Current Handsontable's GridSettings object.
-   *
-   * @private
-   * @type {GridSettings}
-   */
-  settings;
-  /**
-   * Main <THEAD> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-  THEAD;
-  /**
-   * Main <TBODY> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-  TBODY;
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-  _wt;
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-  activeWt;
-  /**
-   * The total number of the column header renderers applied to the table through the
-   * `afterGetColumnHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-  #columnHeadersCount = 0;
-  /**
-   * The total number of the row header renderers applied to the table through the
-   * `afterGetRowHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-  #rowHeadersCount = 0;
-  /**
-   * The flag determines if the `adjustElementsSize` method call was made during
-   * the render suspending. If true, the method has to be triggered once after render
-   * resuming.
-   *
-   * @private
-   * @type {boolean}
-   */
-  postponedAdjustElementsSize = false;
-
   /**
    * @param {Hanstontable} instance Instance of {@link Handsontable}.
    */
   constructor(instance) {
+    /**
+     * Instance of {@link Handsontable}.
+     *
+     * @private
+     * @type {Handsontable}
+     */
+    _defineProperty(this, "instance", void 0);
+    /**
+     * Instance of {@link EventManager}.
+     *
+     * @private
+     * @type {EventManager}
+     */
+    _defineProperty(this, "eventManager", void 0);
+    /**
+     * Current Handsontable's GridSettings object.
+     *
+     * @private
+     * @type {GridSettings}
+     */
+    _defineProperty(this, "settings", void 0);
+    /**
+     * Main <THEAD> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
+    _defineProperty(this, "THEAD", void 0);
+    /**
+     * Main <TBODY> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
+    _defineProperty(this, "TBODY", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
+    _defineProperty(this, "_wt", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
+    _defineProperty(this, "activeWt", void 0);
+    /**
+     * The total number of the column header renderers applied to the table through the
+     * `afterGetColumnHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _columnHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    /**
+     * The total number of the row header renderers applied to the table through the
+     * `afterGetRowHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _rowHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    /**
+     * The flag determines if the `adjustElementsSize` method call was made during
+     * the render suspending. If true, the method has to be triggered once after render
+     * resuming.
+     *
+     * @private
+     * @type {boolean}
+     */
+    _defineProperty(this, "postponedAdjustElementsSize", false);
     this.instance = instance;
     this.eventManager = new EventManager(this.instance);
     this.settings = this.instance.getSettings();
@@ -290,11 +308,14 @@ class TableView {
     });
     this.eventManager.addEventListener(documentElement, 'mouseup', event => {
       if (selection.isInProgress() && isLeftClick(event)) {
-        // is left mouse button
         selection.finish();
       }
       priv.mouseDown = false;
-      if (isOutsideInput(rootDocument.activeElement) || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
+      const isOutsideInputElement = isOutsideInput(rootDocument.activeElement);
+      if (!isOutsideInputElement) {
+        return;
+      }
+      if (isOutsideInputElement || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
         this.instance.unlisten();
       }
     });
@@ -528,6 +549,40 @@ class TableView {
     return this.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
   }
 
+  /**
+   * The function returns the number of renderable column indexes within the passed range of the visual indexes.
+   *
+   * @param {number} columnStart The column visual start index.
+   * @param {number} columnEnd The column visual end index.
+   * @returns {number}
+   */
+  countRenderableColumnsInRange(columnStart, columnEnd) {
+    let count = 0;
+    for (let column = columnStart; column <= columnEnd; column++) {
+      if (this.instance.columnIndexMapper.getRenderableFromVisualIndex(column) !== null) {
+        count += 1;
+      }
+    }
+    return count;
+  }
+
+  /**
+   * The function returns the number of renderable row indexes within the passed range of the visual indexes.
+   *
+   * @param {number} rowStart The row visual start index.
+   * @param {number} rowEnd The row visual end index.
+   * @returns {number}
+   */
+  countRenderableRowsInRange(rowStart, rowEnd) {
+    let count = 0;
+    for (let row = rowStart; row <= rowEnd; row++) {
+      if (this.instance.rowIndexMapper.getRenderableFromVisualIndex(row) !== null) {
+        count += 1;
+      }
+    }
+    return count;
+  }
+
   /**
    * Checks if at least one cell than belongs to the main table is not covered by the top, left or
    * bottom overlay.
@@ -591,7 +646,7 @@ class TableView {
           });
         }
         this.instance.runHooks('afterGetRowHeaderRenderers', headerRenderers);
-        this.#rowHeadersCount = headerRenderers.length;
+        _classPrivateFieldSet(this, _rowHeadersCount, headerRenderers.length);
         return headerRenderers;
       },
       columnHeaders: () => {
@@ -605,7 +660,7 @@ class TableView {
           });
         }
         this.instance.runHooks('afterGetColumnHeaderRenderers', headerRenderers);
-        this.#columnHeadersCount = headerRenderers.length;
+        _classPrivateFieldSet(this, _columnHeadersCount, headerRenderers.length);
         return headerRenderers;
       },
       columnWidth: renderedColumnIndex => {
@@ -747,20 +802,40 @@ class TableView {
       },
       beforeDraw: (force, skipRender) => this.beforeRender(force, skipRender),
       onDraw: force => this.afterRender(force),
-      onScrollVertically: () => this.instance.runHooks('afterScrollVertically'),
-      onScrollHorizontally: () => this.instance.runHooks('afterScrollHorizontally'),
+      onScrollVertically: () => {
+        this.instance.runHooks('afterScrollVertically');
+        this.instance.runHooks('afterScroll');
+      },
+      onScrollHorizontally: () => {
+        this.instance.runHooks('afterScrollHorizontally');
+        this.instance.runHooks('afterScroll');
+      },
       onBeforeRemoveCellClassNames: () => this.instance.runHooks('beforeRemoveCellClassNames'),
       onBeforeHighlightingRowHeader: (renderableRow, headerLevel, highlightMeta) => {
         const rowMapper = this.instance.rowIndexMapper;
-        const visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+        const areColumnHeadersSelected = renderableRow < 0;
+        let visualRow = renderableRow;
+        if (!areColumnHeadersSelected) {
+          visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+        }
         const newVisualRow = this.instance.runHooks('beforeHighlightingRowHeader', visualRow, headerLevel, highlightMeta);
-        return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+        if (!areColumnHeadersSelected) {
+          return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+        }
+        return newVisualRow;
       },
       onBeforeHighlightingColumnHeader: (renderableColumn, headerLevel, highlightMeta) => {
         const columnMapper = this.instance.columnIndexMapper;
-        const visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+        const areRowHeadersSelected = renderableColumn < 0;
+        let visualColumn = renderableColumn;
+        if (!areRowHeadersSelected) {
+          visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+        }
         const newVisualColumn = this.instance.runHooks('beforeHighlightingColumnHeader', visualColumn, headerLevel, highlightMeta);
-        return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+        if (!areRowHeadersSelected) {
+          return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+        }
+        return newVisualColumn;
       },
       onAfterDrawSelection: (currentRow, currentColumn, layerLevel) => {
         let cornersOfSelection;
@@ -768,10 +843,7 @@ class TableView {
         const selectedRange = this.instance.selection.getSelectedRange();
         const selectionRangeSize = selectedRange.size();
         if (selectionRangeSize > 0) {
-          // Selection layers are stored from the "oldest" to the "newest". We should calculate the offset.
-          // Please look at the `SelectedRange` class and it's method for getting selection's layer for more information.
-          const selectionOffset = (layerLevel != null ? layerLevel : 0) + 1 - selectionRangeSize;
-          const selectionForLayer = selectedRange.peekByIndex(selectionOffset);
+          const selectionForLayer = selectedRange.peekByIndex(layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0);
           cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
         }
         return this.instance.runHooks('afterDrawSelection', visualRowIndex, visualColumnIndex, cornersOfSelection, layerLevel);
@@ -923,8 +995,8 @@ class TableView {
    * @returns {boolean}
    */
   isSelectedOnlyCell() {
-    var _this$instance$getSel;
-    return (_this$instance$getSel = this.instance.getSelectedRangeLast()?.isSingle()) != null ? _this$instance$getSel : false;
+    var _this$instance$getSel, _this$instance$getSel2;
+    return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingleCell()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
   }
 
   /**
@@ -1162,7 +1234,7 @@ class TableView {
    * @returns {number}
    */
   getColumnHeadersCount() {
-    return this.#columnHeadersCount;
+    return _classPrivateFieldGet(this, _columnHeadersCount);
   }
 
   /**
@@ -1171,7 +1243,7 @@ class TableView {
    * @returns {number}
    */
   getRowHeadersCount() {
-    return this.#rowHeadersCount;
+    return _classPrivateFieldGet(this, _rowHeadersCount);
   }
 
   /**

package/translations/changesObservable/observable.js

@@ -1,8 +1,16 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 var _observer = require("./observer");
 var _utils = require("./utils");
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 /**
  * The ChangesObservable module is an object that represents a resource that provides
  * the ability to observe the changes that happened in the index map indexes during
@@ -11,53 +19,73 @@ var _utils = require("./utils");
  * @private
  * @class ChangesObservable
  */
+var _observers = /*#__PURE__*/new WeakMap();
+var _indexMatrix = /*#__PURE__*/new WeakMap();
+var _currentIndexState = /*#__PURE__*/new WeakMap();
+var _isMatrixIndexesInitialized = /*#__PURE__*/new WeakMap();
+var _initialIndexValue = /*#__PURE__*/new WeakMap();
 class ChangesObservable {
-  /**
-   * The list of registered ChangesObserver instances.
-   *
-   * @type {ChangesObserver[]}
-   */
-  #observers = new Set();
-  /**
-   * An array with default values that act as a base array that will be compared with
-   * the last saved index state. The changes are generated and immediately send through
-   * the newly created ChangesObserver object. Thanks to that, the observer initially has
-   * all information about what indexes are currently changed.
-   *
-   * @type {Array}
-   */
-  #indexMatrix = [];
-  /**
-   * An array that holds the indexes state that is currently valid. The value is changed on every
-   * index mapper cache update.
-   *
-   * @type {Array}
-   */
-  #currentIndexState = [];
-  /**
-   * The flag determines if the observable is initialized or not. Not initialized object creates
-   * index matrix once while emitting new changes.
-   *
-   * @type {boolean}
-   */
-  #isMatrixIndexesInitialized = false;
-  /**
-   * The initial index value allows control from what value the index matrix array will be created.
-   * Changing that value changes how the array diff generates the changes for the initial data
-   * sent to the subscribers. For example, the changes can be triggered by detecting the changes
-   * from `false` to `true` value or vice versa. Generally, it depends on which index map type
-   * the Observable will work with. For "hiding" or "trimming" index types, it will be boolean
-   * values. For various index maps, it can be anything, but I suspect that the most appropriate
-   * initial value will be "undefined" in that case.
-   *
-   * @type {boolean}
-   */
-  #initialIndexValue = false;
   constructor() {
     let {
       initialIndexValue
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this.#initialIndexValue = initialIndexValue != null ? initialIndexValue : false;
+    /**
+     * The list of registered ChangesObserver instances.
+     *
+     * @type {ChangesObserver[]}
+     */
+    _classPrivateFieldInitSpec(this, _observers, {
+      writable: true,
+      value: new Set()
+    });
+    /**
+     * An array with default values that act as a base array that will be compared with
+     * the last saved index state. The changes are generated and immediately send through
+     * the newly created ChangesObserver object. Thanks to that, the observer initially has
+     * all information about what indexes are currently changed.
+     *
+     * @type {Array}
+     */
+    _classPrivateFieldInitSpec(this, _indexMatrix, {
+      writable: true,
+      value: []
+    });
+    /**
+     * An array that holds the indexes state that is currently valid. The value is changed on every
+     * index mapper cache update.
+     *
+     * @type {Array}
+     */
+    _classPrivateFieldInitSpec(this, _currentIndexState, {
+      writable: true,
+      value: []
+    });
+    /**
+     * The flag determines if the observable is initialized or not. Not initialized object creates
+     * index matrix once while emitting new changes.
+     *
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _isMatrixIndexesInitialized, {
+      writable: true,
+      value: false
+    });
+    /**
+     * The initial index value allows control from what value the index matrix array will be created.
+     * Changing that value changes how the array diff generates the changes for the initial data
+     * sent to the subscribers. For example, the changes can be triggered by detecting the changes
+     * from `false` to `true` value or vice versa. Generally, it depends on which index map type
+     * the Observable will work with. For "hiding" or "trimming" index types, it will be boolean
+     * values. For various index maps, it can be anything, but I suspect that the most appropriate
+     * initial value will be "undefined" in that case.
+     *
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _initialIndexValue, {
+      writable: true,
+      value: false
+    });
+    _classPrivateFieldSet(this, _initialIndexValue, initialIndexValue !== null && initialIndexValue !== void 0 ? initialIndexValue : false);
   }
 
   /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -86,11 +114,11 @@ class ChangesObservable {
   /* eslint-enable jsdoc/require-description-complete-sentence */
   createObserver() {
     const observer = new _observer.ChangesObserver();
-    this.#observers.add(observer);
+    _classPrivateFieldGet(this, _observers).add(observer);
     observer.addLocalHook('unsubscribe', () => {
-      this.#observers.delete(observer);
+      _classPrivateFieldGet(this, _observers).delete(observer);
     });
-    observer._writeInitialChanges((0, _utils.arrayDiff)(this.#indexMatrix, this.#currentIndexState));
+    observer._writeInitialChanges((0, _utils.arrayDiff)(_classPrivateFieldGet(this, _indexMatrix), _classPrivateFieldGet(this, _currentIndexState)));
     return observer;
   }
 
@@ -102,21 +130,21 @@ class ChangesObservable {
    * @param {Array} indexesState An array with index map state.
    */
   emit(indexesState) {
-    let currentIndexState = this.#currentIndexState;
-    if (!this.#isMatrixIndexesInitialized || this.#indexMatrix.length !== indexesState.length) {
+    let currentIndexState = _classPrivateFieldGet(this, _currentIndexState);
+    if (!_classPrivateFieldGet(this, _isMatrixIndexesInitialized) || _classPrivateFieldGet(this, _indexMatrix).length !== indexesState.length) {
       if (indexesState.length === 0) {
-        indexesState = new Array(currentIndexState.length).fill(this.#initialIndexValue);
+        indexesState = new Array(currentIndexState.length).fill(_classPrivateFieldGet(this, _initialIndexValue));
       } else {
-        this.#indexMatrix = new Array(indexesState.length).fill(this.#initialIndexValue);
+        _classPrivateFieldSet(this, _indexMatrix, new Array(indexesState.length).fill(_classPrivateFieldGet(this, _initialIndexValue)));
       }
-      if (!this.#isMatrixIndexesInitialized) {
-        this.#isMatrixIndexesInitialized = true;
-        currentIndexState = this.#indexMatrix;
+      if (!_classPrivateFieldGet(this, _isMatrixIndexesInitialized)) {
+        _classPrivateFieldSet(this, _isMatrixIndexesInitialized, true);
+        currentIndexState = _classPrivateFieldGet(this, _indexMatrix);
       }
     }
     const changes = (0, _utils.arrayDiff)(currentIndexState, indexesState);
-    this.#observers.forEach(observer => observer._write(changes));
-    this.#currentIndexState = indexesState;
+    _classPrivateFieldGet(this, _observers).forEach(observer => observer._write(changes));
+    _classPrivateFieldSet(this, _currentIndexState, indexesState);
   }
 }
 exports.ChangesObservable = ChangesObservable;