@revolist/revogrid 4.22.0 → 4.23.0

package/dist/cjs/revogr-attribution_7.cjs.entry.js

@@ -4,14 +4,15 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
+var dimension_helpers = require('./dimension.helpers-B9HgANnM.js');
 var events = require('./events-DeLDyZlb.js');
-var column_service = require('./column.service-DvQDqxxx.js');
-var edit_utils = require('./edit.utils-CwMzSIVF.js');
+var column_service = require('./column.service-f612L4ql.js');
+var edit_utils = require('./edit.utils-pKeiYFLJ.js');
+var index$1 = require('./index-DxaSE5uZ.js');
 var debounce = require('./debounce-CcpHiH2p.js');
-var viewport_store = require('./viewport.store-Dcjud-a-.js');
-var viewport_helpers = require('./viewport.helpers-BAovztDd.js');
-var throttle = require('./throttle-CI4MsAqs.js');
+var viewport_store = require('./viewport.store-BlKQ4x9H.js');
+var viewport_helpers = require('./viewport.helpers-BND76K2j.js');
+var throttle = require('./throttle-BCwEuJJq.js');
 
 const Attribution = class {
     constructor(hostRef) {
@@ -109,8 +110,8 @@ function getCurrentCell({ x, y }, { el, rows, cols }) {
         cellX = width - 1;
     }
     // Get the row and column items based on the cell position
-    const rgRow = dimension_helpers.getItemByPosition(rows, cellY);
-    const rgCol = dimension_helpers.getItemByPosition(cols, cellX);
+    const rgRow = dimension_helpers.getItemByPosition(rows, cellY + (rows.renderOffset || 0));
+    const rgCol = dimension_helpers.getItemByPosition(cols, cellX + (cols.renderOffset || 0));
     // Set the row and column index to 0 if they are before the first item
     if (rgCol.itemIndex < 0) {
         rgCol.itemIndex = 0;
@@ -180,10 +181,12 @@ function styleByCellProps(styles) {
     };
 }
 function getCell({ x, y, x1, y1 }, dimensionRow, dimensionCol) {
-    const top = dimension_helpers.getItemByIndex(dimensionRow, y).start;
-    const left = dimension_helpers.getItemByIndex(dimensionCol, x).start;
-    const bottom = dimension_helpers.getItemByIndex(dimensionRow, y1).end;
-    const right = dimension_helpers.getItemByIndex(dimensionCol, x1).end;
+    const rowOffset = dimensionRow.renderOffset || 0;
+    const colOffset = dimensionCol.renderOffset || 0;
+    const top = dimension_helpers.getItemByIndex(dimensionRow, y).start - rowOffset;
+    const left = dimension_helpers.getItemByIndex(dimensionCol, x).start - colOffset;
+    const bottom = dimension_helpers.getItemByIndex(dimensionRow, y1).end - rowOffset;
+    const right = dimension_helpers.getItemByIndex(dimensionCol, x1).end - colOffset;
     return {
         left,
         right,
@@ -281,9 +284,29 @@ class KeyboardService {
     constructor(sv) {
         this.sv = sv;
     }
+    /**
+     * Appends printable key input that arrives after edit mode was requested
+     * but before the editor input has mounted or received focus.
+     */
+    appendPendingEditValue(e) {
+        if (edit_utils.isShortcutModifier(e) ||
+            e.key.length !== 1 ||
+            (e.target instanceof HTMLElement && edit_utils.isEditInput(e.target))) {
+            return false;
+        }
+        const editCell = this.sv.selectionStore.get('edit');
+        if (typeof (editCell === null || editCell === void 0 ? void 0 : editCell.val) !== 'string') {
+            return false;
+        }
+        this.sv.selectionStore.set('edit', Object.assign(Object.assign({}, editCell), { val: `${editCell.val}${e.key}` }));
+        return true;
+    }
     async keyDown(e, canRange, isEditMode, { range, focus }) {
         // IF EDIT MODE
         if (isEditMode) {
+            if (this.appendPendingEditValue(e)) {
+                return;
+            }
             switch (e.code) {
                 case dimension_helpers.codesLetter.ESCAPE:
                     this.sv.cancel();
@@ -335,7 +358,7 @@ class KeyboardService {
             return;
         }
         // pressed letter key
-        if (e.key.length === 1) {
+        if (!edit_utils.isShortcutModifier(e) && e.key.length === 1) {
             this.sv.change(e.key);
             return;
         }
@@ -362,7 +385,7 @@ class KeyboardService {
         // this interval needed for several cases
         // grid could be resized before next click
         // at this case to avoid screen jump we use this interval
-        await dimension_helpers.timeout(dimension_helpers.RESIZE_INTERVAL + 30);
+        await index$1.timeout(dimension_helpers.RESIZE_INTERVAL + 30);
         const range = this.sv.selectionStore.get('range');
         const focus = this.sv.selectionStore.get('focus');
         return this.keyPositionChange(data.changes, range, focus, data.isMulti);
@@ -377,7 +400,8 @@ class KeyboardService {
         }
         const eData = this.sv.getData();
         if (isMulti) {
-            if (isAfterLast(data.end, eData.lastCell) || isBeforeFirst(data.start)) {
+            const isOutOfBounds = [data.start, data.end].some(cell => isAfterLast(cell, eData.lastCell) || isBeforeFirst(cell));
+            if (isOutOfBounds) {
                 return false;
             }
             const range = column_service.getRange(data.start, data.end);
@@ -1288,15 +1312,9 @@ const RevogrScrollVirtual = class {
      */
     async changeScroll(e) {
         if (e.delta) {
-            switch (e.dimension) {
-                case 'rgCol':
-                    e.coordinate = this.element.scrollLeft + e.delta;
-                    break;
-                case 'rgRow':
-                    e.coordinate = this.element.scrollTop + e.delta;
-                    break;
-            }
-            this.setScroll(e);
+            const scrollProperty = e.dimension === 'rgRow' ? 'scrollTop' : 'scrollLeft';
+            const currentPhysicalCoordinate = this.element[scrollProperty];
+            return this.localScrollService.setScrollByDelta(e, currentPhysicalCoordinate);
         }
         return e;
     }
@@ -1317,7 +1335,7 @@ const RevogrScrollVirtual = class {
         this.autohideScrollPlugin.clear();
     }
     componentWillLoad() {
-        this.scrollSize = dimension_helpers.getScrollbarSize(document);
+        this.scrollSize = index$1.getScrollbarSize(document);
     }
     componentDidRender() {
         let scrollSize = 0;
@@ -1359,7 +1377,7 @@ const RevogrScrollVirtual = class {
     }
     render() {
         const size = throttle.getContentSize(this.realSize, this.dimension === 'rgRow' ? this.element.clientHeight : this.element.clientWidth, this.clientSize);
-        return (index.h(index.Host, { key: '57f81ec9deb2395e96b283338c03b9ad44f1e929', onScroll: (e) => this.onScroll(e) }, index.h("div", { key: '1a8c869adab53b362c351dae8d53664f33c4212c', style: {
+        return (index.h(index.Host, { key: '7213817ef941eee4050b714266598ec0c2961ee9', onScroll: (e) => this.onScroll(e) }, index.h("div", { key: '501da49c63253ab943172494b9dbf5399be56cee', style: {
                 [this.dimension === 'rgRow' ? 'height' : 'width']: `${size}px`,
             } })));
     }

package/dist/cjs/revogr-clipboard_3.cjs.entry.js

@@ -4,10 +4,11 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
-var textEditor = require('./text-editor-BTnGaIl3.js');
-var edit_utils = require('./edit.utils-CwMzSIVF.js');
+var dimension_helpers = require('./dimension.helpers-B9HgANnM.js');
+var textEditor = require('./text-editor-B4W-m-r-.js');
+var edit_utils = require('./edit.utils-pKeiYFLJ.js');
 var debounce = require('./debounce-CcpHiH2p.js');
+require('./index-DxaSE5uZ.js');
 
 const Clipboard = class {
     constructor(hostRef) {
@@ -86,8 +87,8 @@ const Clipboard = class {
             return;
         }
         const data = this.getData(beforeCopy.detail.event);
-        this.copyRegion.emit(data || undefined);
         e.preventDefault();
+        this.copyRegion.emit(data || undefined);
     }
     /**
      * Listen to copy event and emit copy region event
@@ -334,11 +335,12 @@ class RowOrderService {
     getRow(y, { el, rows }) {
         const { top } = el.getBoundingClientRect();
         const topRelative = y - top;
-        const rgRow = dimension_helpers.getItemByPosition(rows, topRelative);
+        const rowOffset = rows.renderOffset || 0;
+        const rgRow = dimension_helpers.getItemByPosition(rows, topRelative + rowOffset);
         const absolutePosition = {
             itemIndex: rgRow.itemIndex,
-            start: rgRow.start + top,
-            end: rgRow.end + top,
+            start: rgRow.start - rowOffset + top,
+            end: rgRow.end - rowOffset + top,
         };
         return absolutePosition;
     }
@@ -347,8 +349,8 @@ class RowOrderService {
         const { top, left } = el.getBoundingClientRect();
         const topRelative = y - top;
         const leftRelative = x - left;
-        const rgRow = dimension_helpers.getItemByPosition(rows, topRelative);
-        const rgCol = dimension_helpers.getItemByPosition(cols, leftRelative);
+        const rgRow = dimension_helpers.getItemByPosition(rows, topRelative + (rows.renderOffset || 0));
+        const rgCol = dimension_helpers.getItemByPosition(cols, leftRelative + (cols.renderOffset || 0));
         return { x: rgCol.itemIndex, y: rgRow.itemIndex };
     }
 }