handsontable 14.1.0-next-1211447-20240205 → 14.2.0-next-4873a35-20240228

package/selection/selection.js

@@ -21,16 +21,18 @@ function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollect
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-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; } }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-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 _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; } }
 /**
  * @class Selection
  * @util
  */
 var _disableHeadersHighlight = /*#__PURE__*/new WeakMap();
+var _selectionSource = /*#__PURE__*/new WeakMap();
+var _expectedLayersCount = /*#__PURE__*/new WeakMap();
 class Selection {
   constructor(settings, tableProps) {
     var _this = this;
@@ -95,6 +97,25 @@ class Selection {
       writable: true,
       value: false
     });
+    /**
+     * The source of the selection. It can be one of the following values: `mouse`, `unknown` or any other string.
+     *
+     * @type {'mouse' | 'unknown' | string}
+     */
+    _classPrivateFieldInitSpec(this, _selectionSource, {
+      writable: true,
+      value: 'unknown'
+    });
+    /**
+     * The number of expected layers. It is used mostly to track when the last selection layer of non-contiguous
+     * selection is applied, thus the viewport scroll is triggered.
+     *
+     * @param {number}
+     */
+    _classPrivateFieldInitSpec(this, _expectedLayersCount, {
+      writable: true,
+      value: -1
+    });
     this.settings = settings;
     this.tableProps = tableProps;
     this.highlight = new _highlight.default({
@@ -193,6 +214,41 @@ class Selection {
     return this.selectedRange;
   }
 
+  /**
+   * Marks the source of the selection. It can be one of the following values: `mouse`, or any other string.
+   *
+   * @param {'mouse' | 'unknown' | string} sourceName The source name.
+   */
+  markSource(sourceName) {
+    _classPrivateFieldSet(this, _selectionSource, sourceName);
+  }
+
+  /**
+   * Marks end of the selection source. It restores the selection source to default value which is 'unknown'.
+   */
+  markEndSource() {
+    _classPrivateFieldSet(this, _selectionSource, 'unknown');
+  }
+
+  /**
+   * Returns the source of the selection.
+   *
+   * @returns {'mouse' | 'unknown' | string}
+   */
+  getSelectionSource() {
+    return _classPrivateFieldGet(this, _selectionSource);
+  }
+
+  /**
+   * Set the number of expected layers. The method is not obligatory to call. It is used mostly internally
+   * to determine when the last selection layer of non-contiguous is applied, thus the viewport scroll is triggered.
+   *
+   * @param {number} layersCount The number of expected layers.
+   */
+  setExpectedLayers(layersCount) {
+    _classPrivateFieldSet(this, _expectedLayersCount, layersCount);
+  }
+
   /**
    * Indicate that selection process began. It sets internally `.inProgress` property to `true`.
    */
@@ -206,6 +262,7 @@ class Selection {
   finish() {
     this.runLocalHooks('afterSelectionFinished', Array.from(this.selectedRange));
     this.inProgress = false;
+    _classPrivateFieldSet(this, _expectedLayersCount, -1);
   }
 
   /**
@@ -390,7 +447,8 @@ class Selection {
         activeCornerHeaderHighlight.add(this.tableProps.createCellCoords(-this.tableProps.countColHeaders(), -this.tableProps.countRowHeaders())).add(this.tableProps.createCellCoords(-1, -1)).commit();
       }
     }
-    this.runLocalHooks('afterSetRangeEnd', coords);
+    const isLastLayer = _classPrivateFieldGet(this, _expectedLayersCount) === -1 || this.selectedRange.size() === _classPrivateFieldGet(this, _expectedLayersCount);
+    this.runLocalHooks('afterSetRangeEnd', coords, isLastLayer);
   }
 
   /**
@@ -708,6 +766,7 @@ class Selection {
     });
     if (isValid) {
       this.clear();
+      this.setExpectedLayers(selectionRanges.length);
       (0, _array.arrayEach)(selectionRanges, selection => {
         const {
           from,
@@ -715,8 +774,8 @@ class Selection {
         } = selectionSchemaNormalizer(selection);
         this.setRangeStartOnly(from.clone(), false);
         this.setRangeEnd(to.clone());
-        this.finish();
       });
+      this.finish();
     }
     return isValid;
   }

package/selection/selection.mjs

@@ -4,11 +4,11 @@ function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollect
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-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; } }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-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 _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 Highlight, { AREA_TYPE, HEADER_TYPE, FOCUS_TYPE } from "./highlight/highlight.mjs";
 import SelectionRange from "./range.mjs";
 import { createObjectPropListener, mixin } from "./../helpers/object.mjs";
@@ -25,6 +25,8 @@ import { A11Y_SELECTED } from "../helpers/a11y.mjs";
  * @util
  */
 var _disableHeadersHighlight = /*#__PURE__*/new WeakMap();
+var _selectionSource = /*#__PURE__*/new WeakMap();
+var _expectedLayersCount = /*#__PURE__*/new WeakMap();
 class Selection {
   constructor(settings, tableProps) {
     var _this = this;
@@ -89,6 +91,25 @@ class Selection {
       writable: true,
       value: false
     });
+    /**
+     * The source of the selection. It can be one of the following values: `mouse`, `unknown` or any other string.
+     *
+     * @type {'mouse' | 'unknown' | string}
+     */
+    _classPrivateFieldInitSpec(this, _selectionSource, {
+      writable: true,
+      value: 'unknown'
+    });
+    /**
+     * The number of expected layers. It is used mostly to track when the last selection layer of non-contiguous
+     * selection is applied, thus the viewport scroll is triggered.
+     *
+     * @param {number}
+     */
+    _classPrivateFieldInitSpec(this, _expectedLayersCount, {
+      writable: true,
+      value: -1
+    });
     this.settings = settings;
     this.tableProps = tableProps;
     this.highlight = new Highlight({
@@ -187,6 +208,41 @@ class Selection {
     return this.selectedRange;
   }
 
+  /**
+   * Marks the source of the selection. It can be one of the following values: `mouse`, or any other string.
+   *
+   * @param {'mouse' | 'unknown' | string} sourceName The source name.
+   */
+  markSource(sourceName) {
+    _classPrivateFieldSet(this, _selectionSource, sourceName);
+  }
+
+  /**
+   * Marks end of the selection source. It restores the selection source to default value which is 'unknown'.
+   */
+  markEndSource() {
+    _classPrivateFieldSet(this, _selectionSource, 'unknown');
+  }
+
+  /**
+   * Returns the source of the selection.
+   *
+   * @returns {'mouse' | 'unknown' | string}
+   */
+  getSelectionSource() {
+    return _classPrivateFieldGet(this, _selectionSource);
+  }
+
+  /**
+   * Set the number of expected layers. The method is not obligatory to call. It is used mostly internally
+   * to determine when the last selection layer of non-contiguous is applied, thus the viewport scroll is triggered.
+   *
+   * @param {number} layersCount The number of expected layers.
+   */
+  setExpectedLayers(layersCount) {
+    _classPrivateFieldSet(this, _expectedLayersCount, layersCount);
+  }
+
   /**
    * Indicate that selection process began. It sets internally `.inProgress` property to `true`.
    */
@@ -200,6 +256,7 @@ class Selection {
   finish() {
     this.runLocalHooks('afterSelectionFinished', Array.from(this.selectedRange));
     this.inProgress = false;
+    _classPrivateFieldSet(this, _expectedLayersCount, -1);
   }
 
   /**
@@ -384,7 +441,8 @@ class Selection {
         activeCornerHeaderHighlight.add(this.tableProps.createCellCoords(-this.tableProps.countColHeaders(), -this.tableProps.countRowHeaders())).add(this.tableProps.createCellCoords(-1, -1)).commit();
       }
     }
-    this.runLocalHooks('afterSetRangeEnd', coords);
+    const isLastLayer = _classPrivateFieldGet(this, _expectedLayersCount) === -1 || this.selectedRange.size() === _classPrivateFieldGet(this, _expectedLayersCount);
+    this.runLocalHooks('afterSetRangeEnd', coords, isLastLayer);
   }
 
   /**
@@ -702,6 +760,7 @@ class Selection {
     });
     if (isValid) {
       this.clear();
+      this.setExpectedLayers(selectionRanges.length);
       arrayEach(selectionRanges, selection => {
         const {
           from,
@@ -709,8 +768,8 @@ class Selection {
         } = selectionSchemaNormalizer(selection);
         this.setRangeStartOnly(from.clone(), false);
         this.setRangeEnd(to.clone());
-        this.finish();
       });
+      this.finish();
     }
     return isValid;
   }

package/shortcuts/recorder.js

@@ -10,6 +10,7 @@ var _element = require("../helpers/dom/element");
 var _browser = require("../helpers/browser");
 const MODIFIER_KEYS = ['meta', 'alt', 'shift', 'control'];
 const modifierKeysObserver = (0, _keyObserver.createKeysObserver)();
+const modKeyListeners = [];
 let instanceCounter = 0;
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -108,9 +109,11 @@ function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDown, call
    * @param {KeyboardEvent} event The event object
    */
   const onkeydownForModKeys = event => {
-    const pressedKey = (0, _utils.normalizeEventKey)(event);
-    if (isModifierKey(pressedKey)) {
-      modifierKeysObserver.press(pressedKey);
+    if (event.key) {
+      const pressedKey = (0, _utils.normalizeEventKey)(event);
+      if (isModifierKey(pressedKey)) {
+        modifierKeysObserver.press(pressedKey);
+      }
     }
   };
 
@@ -121,9 +124,11 @@ function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDown, call
    * @param {KeyboardEvent} event The event object
    */
   const onkeyupForModKeys = event => {
-    const pressedKey = (0, _utils.normalizeEventKey)(event);
-    if (isModifierKey(pressedKey)) {
-      modifierKeysObserver.release(pressedKey);
+    if (event.key) {
+      const pressedKey = (0, _utils.normalizeEventKey)(event);
+      if (isModifierKey(pressedKey)) {
+        modifierKeysObserver.release(pressedKey);
+      }
     }
   };
 
@@ -145,7 +150,15 @@ function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDown, call
     while (eventTarget) {
       if (instanceCounter === 1) {
         eventTarget.document.documentElement.addEventListener('keydown', onkeydownForModKeys);
+        modKeyListeners.push({
+          event: 'keydown',
+          listener: onkeydownForModKeys
+        });
         eventTarget.document.documentElement.addEventListener('keyup', onkeyupForModKeys);
+        modKeyListeners.push({
+          event: 'keyup',
+          listener: onkeyupForModKeys
+        });
       }
       eventTarget.document.documentElement.addEventListener('keydown', onkeydown);
       eventTarget.document.documentElement.addEventListener('blur', onblur);
@@ -161,8 +174,14 @@ function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDown, call
     instanceCounter -= 1;
     while (eventTarget) {
       if (instanceCounter === 0) {
-        eventTarget.document.documentElement.removeEventListener('keydown', onkeydownForModKeys);
-        eventTarget.document.documentElement.removeEventListener('keyup', onkeyupForModKeys);
+        for (let i = 0; i < modKeyListeners.length; i++) {
+          const {
+            event,
+            listener
+          } = modKeyListeners[i];
+          eventTarget.document.documentElement.removeEventListener(event, listener);
+        }
+        modKeyListeners.length = 0;
       }
       eventTarget.document.documentElement.removeEventListener('keydown', onkeydown);
       eventTarget.document.documentElement.removeEventListener('blur', onblur);

package/shortcuts/recorder.mjs

@@ -6,6 +6,7 @@ import { getParentWindow } from "../helpers/dom/element.mjs";
 import { isMacOS } from "../helpers/browser.mjs";
 const MODIFIER_KEYS = ['meta', 'alt', 'shift', 'control'];
 const modifierKeysObserver = createKeysObserver();
+const modKeyListeners = [];
 let instanceCounter = 0;
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -104,9 +105,11 @@ export function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDow
    * @param {KeyboardEvent} event The event object
    */
   const onkeydownForModKeys = event => {
-    const pressedKey = normalizeEventKey(event);
-    if (isModifierKey(pressedKey)) {
-      modifierKeysObserver.press(pressedKey);
+    if (event.key) {
+      const pressedKey = normalizeEventKey(event);
+      if (isModifierKey(pressedKey)) {
+        modifierKeysObserver.press(pressedKey);
+      }
     }
   };
 
@@ -117,9 +120,11 @@ export function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDow
    * @param {KeyboardEvent} event The event object
    */
   const onkeyupForModKeys = event => {
-    const pressedKey = normalizeEventKey(event);
-    if (isModifierKey(pressedKey)) {
-      modifierKeysObserver.release(pressedKey);
+    if (event.key) {
+      const pressedKey = normalizeEventKey(event);
+      if (isModifierKey(pressedKey)) {
+        modifierKeysObserver.release(pressedKey);
+      }
     }
   };
 
@@ -141,7 +146,15 @@ export function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDow
     while (eventTarget) {
       if (instanceCounter === 1) {
         eventTarget.document.documentElement.addEventListener('keydown', onkeydownForModKeys);
+        modKeyListeners.push({
+          event: 'keydown',
+          listener: onkeydownForModKeys
+        });
         eventTarget.document.documentElement.addEventListener('keyup', onkeyupForModKeys);
+        modKeyListeners.push({
+          event: 'keyup',
+          listener: onkeyupForModKeys
+        });
       }
       eventTarget.document.documentElement.addEventListener('keydown', onkeydown);
       eventTarget.document.documentElement.addEventListener('blur', onblur);
@@ -157,8 +170,14 @@ export function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDow
     instanceCounter -= 1;
     while (eventTarget) {
       if (instanceCounter === 0) {
-        eventTarget.document.documentElement.removeEventListener('keydown', onkeydownForModKeys);
-        eventTarget.document.documentElement.removeEventListener('keyup', onkeyupForModKeys);
+        for (let i = 0; i < modKeyListeners.length; i++) {
+          const {
+            event,
+            listener
+          } = modKeyListeners[i];
+          eventTarget.document.documentElement.removeEventListener(event, listener);
+        }
+        modKeyListeners.length = 0;
       }
       eventTarget.document.documentElement.removeEventListener('keydown', onkeydown);
       eventTarget.document.documentElement.removeEventListener('blur', onblur);

package/tableView.js

@@ -307,15 +307,13 @@ class TableView {
     const {
       rootElement,
       rootDocument,
-      selection
+      selection,
+      rootWindow
     } = this.hot;
     const documentElement = rootDocument.documentElement;
     this.eventManager.addEventListener(rootElement, 'mousedown', event => {
       _classPrivateFieldSet(this, _selectionMouseDown, true);
       if (!this.isTextSelectionAllowed(event.target)) {
-        const {
-          rootWindow
-        } = this.hot;
         (0, _element.clearTextSelection)(rootWindow);
         event.preventDefault();
         rootWindow.focus(); // make sure that window that contains HOT is active. Important when HOT is in iframe.
@@ -328,7 +326,7 @@ class TableView {
       if (_classPrivateFieldGet(this, _selectionMouseDown) && !this.isTextSelectionAllowed(event.target)) {
         // Clear selection only when fragmentSelection is enabled, otherwise clearing selection breaks the IME editor.
         if (this.settings.fragmentSelection) {
-          (0, _element.clearTextSelection)(this.hot.rootWindow);
+          (0, _element.clearTextSelection)(rootWindow);
         }
         event.preventDefault();
       }
@@ -408,6 +406,13 @@ class TableView {
         this.hot.destroyEditor(false, false);
       }
     });
+    let parentWindow = (0, _element.getParentWindow)(rootWindow);
+    while (parentWindow !== null) {
+      this.eventManager.addEventListener(parentWindow.document.documentElement, 'click', () => {
+        this.hot.unlisten();
+      });
+      parentWindow = (0, _element.getParentWindow)(parentWindow);
+    }
     this.eventManager.addEventListener(_classPrivateFieldGet(this, _table), 'selectstart', event => {
       if (this.settings.fragmentSelection || (0, _element.isInput)(event.target)) {
         return;
@@ -1310,6 +1315,42 @@ class TableView {
     return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastVisibleColumn());
   }
 
+  /**
+   * Returns the first partially visible row in the table viewport.
+   *
+   * @returns {number}
+   */
+  getFirstPartiallyVisibleRow() {
+    return this.hot.rowIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getFirstPartiallyVisibleRow());
+  }
+
+  /**
+   * Returns the last partially visible row in the table viewport.
+   *
+   * @returns {number}
+   */
+  getLastPartiallyVisibleRow() {
+    return this.hot.rowIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastPartiallyVisibleRow());
+  }
+
+  /**
+   * Returns the first partially visible column in the table viewport.
+   *
+   * @returns {number}
+   */
+  getFirstPartiallyVisibleColumn() {
+    return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getFirstPartiallyVisibleColumn());
+  }
+
+  /**
+   * Returns the last partially visible column in the table viewport.
+   *
+   * @returns {number}
+   */
+  getLastPartiallyVisibleColumn() {
+    return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastPartiallyVisibleColumn());
+  }
+
   /**
    * Returns the total count of the rendered column headers.
    *
@@ -1327,6 +1368,46 @@ class TableView {
   getRowHeadersCount() {
     return _classPrivateFieldGet(this, _rowHeadersCount);
   }
+
+  /**
+   * Returns the table's viewport width. When the table has defined the size of the container,
+   * and the columns do not fill the entire viewport, the viewport width is equal to the sum of
+   * the columns' widths.
+   *
+   * @returns {number}
+   */
+  getViewportWidth() {
+    return this.hot.view._wt.wtViewport.getViewportWidth();
+  }
+
+  /**
+   * Returns the table's total width including the scrollbar width.
+   *
+   * @returns {number}
+   */
+  getWorkspaceWidth() {
+    return this.hot.view._wt.wtViewport.getWorkspaceWidth();
+  }
+
+  /**
+   * Returns the table's viewport height. When the table has defined the size of the container,
+   * and the rows do not fill the entire viewport, the viewport height is equal to the sum of
+   * the rows' heights.
+   *
+   * @returns {number}
+   */
+  getViewportHeight() {
+    return this.hot.view._wt.wtViewport.getViewportHeight();
+  }
+
+  /**
+   * Returns the table's total height including the scrollbar height.
+   *
+   * @returns {number}
+   */
+  getWorkspaceHeight() {
+    return this.hot.view._wt.wtViewport.getWorkspaceHeight();
+  }
   /**
    * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
    *

package/tableView.mjs

@@ -12,7 +12,7 @@ function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) {
 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, isVisible, setAttribute } from "./helpers/dom/element.mjs";
+import { addClass, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput, isVisible, setAttribute, getParentWindow } from "./helpers/dom/element.mjs";
 import EventManager from "./eventManager.mjs";
 import { isImmediatePropagationStopped, isRightClick, isLeftClick } from "./helpers/dom/event.mjs";
 import Walkontable from "./3rdparty/walkontable/src/index.mjs";
@@ -303,15 +303,13 @@ class TableView {
     const {
       rootElement,
       rootDocument,
-      selection
+      selection,
+      rootWindow
     } = this.hot;
     const documentElement = rootDocument.documentElement;
     this.eventManager.addEventListener(rootElement, 'mousedown', event => {
       _classPrivateFieldSet(this, _selectionMouseDown, true);
       if (!this.isTextSelectionAllowed(event.target)) {
-        const {
-          rootWindow
-        } = this.hot;
         clearTextSelection(rootWindow);
         event.preventDefault();
         rootWindow.focus(); // make sure that window that contains HOT is active. Important when HOT is in iframe.
@@ -324,7 +322,7 @@ class TableView {
       if (_classPrivateFieldGet(this, _selectionMouseDown) && !this.isTextSelectionAllowed(event.target)) {
         // Clear selection only when fragmentSelection is enabled, otherwise clearing selection breaks the IME editor.
         if (this.settings.fragmentSelection) {
-          clearTextSelection(this.hot.rootWindow);
+          clearTextSelection(rootWindow);
         }
         event.preventDefault();
       }
@@ -404,6 +402,13 @@ class TableView {
         this.hot.destroyEditor(false, false);
       }
     });
+    let parentWindow = getParentWindow(rootWindow);
+    while (parentWindow !== null) {
+      this.eventManager.addEventListener(parentWindow.document.documentElement, 'click', () => {
+        this.hot.unlisten();
+      });
+      parentWindow = getParentWindow(parentWindow);
+    }
     this.eventManager.addEventListener(_classPrivateFieldGet(this, _table), 'selectstart', event => {
       if (this.settings.fragmentSelection || isInput(event.target)) {
         return;
@@ -1306,6 +1311,42 @@ class TableView {
     return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastVisibleColumn());
   }
 
+  /**
+   * Returns the first partially visible row in the table viewport.
+   *
+   * @returns {number}
+   */
+  getFirstPartiallyVisibleRow() {
+    return this.hot.rowIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getFirstPartiallyVisibleRow());
+  }
+
+  /**
+   * Returns the last partially visible row in the table viewport.
+   *
+   * @returns {number}
+   */
+  getLastPartiallyVisibleRow() {
+    return this.hot.rowIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastPartiallyVisibleRow());
+  }
+
+  /**
+   * Returns the first partially visible column in the table viewport.
+   *
+   * @returns {number}
+   */
+  getFirstPartiallyVisibleColumn() {
+    return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getFirstPartiallyVisibleColumn());
+  }
+
+  /**
+   * Returns the last partially visible column in the table viewport.
+   *
+   * @returns {number}
+   */
+  getLastPartiallyVisibleColumn() {
+    return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastPartiallyVisibleColumn());
+  }
+
   /**
    * Returns the total count of the rendered column headers.
    *
@@ -1323,6 +1364,46 @@ class TableView {
   getRowHeadersCount() {
     return _classPrivateFieldGet(this, _rowHeadersCount);
   }
+
+  /**
+   * Returns the table's viewport width. When the table has defined the size of the container,
+   * and the columns do not fill the entire viewport, the viewport width is equal to the sum of
+   * the columns' widths.
+   *
+   * @returns {number}
+   */
+  getViewportWidth() {
+    return this.hot.view._wt.wtViewport.getViewportWidth();
+  }
+
+  /**
+   * Returns the table's total width including the scrollbar width.
+   *
+   * @returns {number}
+   */
+  getWorkspaceWidth() {
+    return this.hot.view._wt.wtViewport.getWorkspaceWidth();
+  }
+
+  /**
+   * Returns the table's viewport height. When the table has defined the size of the container,
+   * and the rows do not fill the entire viewport, the viewport height is equal to the sum of
+   * the rows' heights.
+   *
+   * @returns {number}
+   */
+  getViewportHeight() {
+    return this.hot.view._wt.wtViewport.getViewportHeight();
+  }
+
+  /**
+   * Returns the table's total height including the scrollbar height.
+   *
+   * @returns {number}
+   */
+  getWorkspaceHeight() {
+    return this.hot.view._wt.wtViewport.getWorkspaceHeight();
+  }
   /**
    * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
    *

package/utils/autoResize.js

@@ -180,7 +180,6 @@ function createInputElementResizer(ownerDocument) {
     extendDefaults(config);
     if (observedElement.nodeName === 'TEXTAREA') {
       observedElement.style.resize = 'none';
-      observedElement.style.overflowY = '';
       observedElement.style.height = `${defaults.minHeight}px`;
       observedElement.style.minWidth = `${defaults.minWidth}px`;
       observedElement.style.maxWidth = `${defaults.maxWidth}px`;

package/utils/autoResize.mjs

@@ -176,7 +176,6 @@ export function createInputElementResizer(ownerDocument) {
     extendDefaults(config);
     if (observedElement.nodeName === 'TEXTAREA') {
       observedElement.style.resize = 'none';
-      observedElement.style.overflowY = '';
       observedElement.style.height = `${defaults.minHeight}px`;
       observedElement.style.minWidth = `${defaults.minWidth}px`;
       observedElement.style.maxWidth = `${defaults.maxWidth}px`;