@revolist/revogrid 4.27.10 → 4.28.0

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

@@ -271,13 +271,13 @@ const RevogrFocus$1 = class RevogrFocus {
 };
 RevogrFocus$1.style = revogrFocusStyleCss();
 
-const DIRECTION_CODES = [
-    codesLetter.TAB,
+const ARROW_CODES = [
     codesLetter.ARROW_UP,
     codesLetter.ARROW_DOWN,
     codesLetter.ARROW_LEFT,
     codesLetter.ARROW_RIGHT,
 ];
+const DIRECTION_CODES = new Set([codesLetter.TAB, ...ARROW_CODES]);
 class KeyboardService {
     constructor(sv) {
         this.sv = sv;
@@ -295,6 +295,10 @@ class KeyboardService {
     /**
      * Appends printable key input that arrives after edit mode was requested
      * but before the editor input has mounted or received focus.
+     *
+     * Once the input is rendered the key goes straight into it: a store update
+     * would only reach the input on the next render, and that render would
+     * overwrite whatever was typed natively into the input in the meantime.
      */
     appendPendingEditValue(e) {
         if (isShortcutModifier(e) ||
@@ -307,6 +311,9 @@ class KeyboardService {
             return false;
         }
         e.preventDefault();
+        if (this.sv.appendEditValue(e.key)) {
+            return true;
+        }
         this.sv.selectionStore.set('edit', Object.assign(Object.assign({}, editCell), { val: `${editCell.val}${e.key}` }));
         return true;
     }
@@ -407,7 +414,9 @@ class KeyboardService {
             this.applyingKeyChange = true;
             let changed;
             try {
-                changed = this.keyPositionChange(data.changes, range, focus, data.isMulti);
+                changed = data.edge
+                    ? this.keyEdgeChange(data.changes, range, focus, !!data.isMulti)
+                    : this.keyPositionChange(data.changes, range, focus, data.isMulti);
             }
             finally {
                 this.applyingKeyChange = false;
@@ -444,10 +453,33 @@ class KeyboardService {
                 ? -1
                 : 0);
     }
+    keyEdgeChange(changes, range, focus, isMulti) {
+        if (!range || !focus) {
+            return false;
+        }
+        const { lastCell } = this.sv.getData();
+        const coordinate = changes.x ? 'x' : 'y';
+        const direction = changes[coordinate];
+        const target = direction > 0 ? lastCell[coordinate] - 1 : 0;
+        if (isMulti) {
+            const edgeCoordinate = coordinate === 'x' ? 'x1' : 'y1';
+            return this.sv.range(Object.assign(Object.assign({}, range), { [coordinate]: direction < 0 ? target : focus[coordinate], [edgeCoordinate]: direction > 0 ? target : focus[coordinate] }));
+        }
+        const edgeFocus = Object.assign(Object.assign({}, focus), { [coordinate]: target });
+        return this.sv.focus(edgeFocus, {
+            [coordinate]: target - focus[coordinate],
+        });
+    }
     /** Monitor key direction changes */
     changeDirectionKey(e, canRange) {
         const isMulti = canRange && e.shiftKey;
-        if (DIRECTION_CODES.includes(e.code)) {
+        const hasPrimaryModifier = e.ctrlKey || e.metaKey;
+        const isArrow = ARROW_CODES.includes(e.code);
+        const isEdgeShortcut = hasPrimaryModifier && !e.altKey && isArrow;
+        if (hasPrimaryModifier && !isEdgeShortcut) {
+            return;
+        }
+        if (DIRECTION_CODES.has(e.code)) {
             e.preventDefault();
         }
         if (e.shiftKey) {
@@ -456,17 +488,25 @@ class KeyboardService {
                     return { changes: { x: -1 }, isMulti: false };
             }
         }
+        let changes;
         switch (e.code) {
             case codesLetter.ARROW_UP:
-                return { changes: { y: -1 }, isMulti };
+                changes = { y: -1 };
+                break;
             case codesLetter.ARROW_DOWN:
-                return { changes: { y: 1 }, isMulti };
+                changes = { y: 1 };
+                break;
             case codesLetter.ARROW_LEFT:
-                return { changes: { x: -1 }, isMulti };
+                changes = { x: -1 };
+                break;
             case codesLetter.TAB:
             case codesLetter.ARROW_RIGHT:
-                return { changes: { x: 1 }, isMulti };
+                changes = { x: 1 };
+                break;
+            default:
+                return;
         }
+        return Object.assign({ changes, isMulti }, (isEdgeShortcut && { edge: true }));
     }
 }
 
@@ -827,6 +867,15 @@ const OverlaySelection = class {
                 await ((_a = this.revogrEdit) === null || _a === void 0 ? void 0 : _a.cancelChanges());
                 this.closeEdit();
             },
+            appendEditValue: value => {
+                if (!this.revogrEdit) {
+                    return false;
+                }
+                return !this.revogrEdit.dispatchEvent(new CustomEvent('internalappendeditvalue', {
+                    cancelable: true,
+                    detail: value,
+                }));
+            },
             clearCell: () => !this.readonly && this.clearCell(),
             internalPaste: () => !this.readonly && this.beforeRegionPaste.emit(),
             getData: () => this.getData(),
@@ -950,9 +999,9 @@ const OverlaySelection = class {
                 nodes.push(h("revogr-order-editor", { ref: e => (this.orderEditor = e), dataStore: this.dataStore, dimensionRow: this.dimensionRow, dimensionCol: this.dimensionCol, parent: this.element, rowType: this.types.rowType, onRowdragstartinit: e => this.rowDragStart(e) }));
             }
         }
-        return (h(Host, { key: '230e2122c5c7065c072f02019d616a64949d54d0', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e),
+        return (h(Host, { key: '84d904c108e39ebf82b215afc7052d634eba677e', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e),
             // it's done to be able to throw events from different levels, not just from editor
-            onCelledit: (e) => this.onEditCell(e) }, nodes, h("slot", { key: '47740a79c605258b4024384510358be927d000b7', name: "data" })));
+            onCelledit: (e) => this.onEditCell(e) }, nodes, h("slot", { key: '7434c5fceb445de4510675b7627bb5f2efc1a365', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.

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

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, a as createEvent, h, d as Host, g as getElement } from './index-CtimkLsB.js';
 import { E as EDIT_INPUT_WR, k as getItemByPosition, b as getSourceItem, B as DRAGG_TEXT } from './dimension.helpers-Cln9sALu.js';
-import { T as TextEditor } from './text-editor-eHtrwvxH.js';
+import { T as TextEditor } from './text-editor-BVb0idxe.js';
 import { n as isEditorCtrConstructible } from './edit.utils-3ZbhQCv_.js';
 import { d as debounce } from './debounce-PCRWZliA.js';
 import './index-BvMNbQyq.js';
@@ -175,6 +175,12 @@ const RevoEdit = class {
         var _a, _b;
         (_b = (_a = this.currentEditor) === null || _a === void 0 ? void 0 : _a.beforeDisconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
+    onInternalAppendEditValue(e) {
+        var _a, _b;
+        if ((_b = (_a = this.currentEditor) === null || _a === void 0 ? void 0 : _a.appendPendingInput) === null || _b === void 0 ? void 0 : _b.call(_a, e.detail)) {
+            e.preventDefault();
+        }
+    }
     onAutoSave() {
         var _a, _b, _c;
         this.preventSaveOnClose = true;

package/dist/esm/{text-editor-eHtrwvxH.js → text-editor-BVb0idxe.js}

@@ -22,6 +22,14 @@ class TextEditor {
             (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }
+    appendPendingInput(value) {
+        if (!this.editInput) {
+            return false;
+        }
+        this.editInput.value += value;
+        this.editInput.focus();
+        return true;
+    }
     onKeyDown(e) {
         const isEnter = isEnterKeyValue(e.key);
         const isKeyTab = isTab(e.key);

package/dist/revo-grid/index.esm.js

@@ -7,7 +7,7 @@ export { B as BEFORE_GROUPING_APPLY_EVENT, o as GROUPING_ROW_TYPE, j as GROUP_CO
 export { d as dispatch, a as dispatchByEvent } from './header-cell-renderer-YCiVIQ2E.js';
 export { C as CellRenderer, G as GroupingRowRenderer, S as SortingSign, e as expandEvent, a as expandSvgIconVNode, r as renderGroupCells } from './cell-renderer-D9ze8OJw.js';
 export { a as applyMixins, f as findPositionInArray, g as getScrollbarSize, m as mergeSortedArray, p as pushSorted, r as range, s as scaleValue, t as timeout } from './index-BvMNbQyq.js';
-export { T as TextEditor } from './text-editor-eHtrwvxH.js';
+export { T as TextEditor } from './text-editor-BVb0idxe.js';
 export { k as isAll, c as isClear, h as isCopy, a as isCtrlKey, b as isCtrlMetaKey, g as isCut, m as isEditInput, n as isEditorCtrConstructible, f as isEnterKeyValue, i as isMetaKey, j as isPaste, l as isShortcutModifier, d as isTab, e as isTabKeyValue } from './edit.utils-3ZbhQCv_.js';
 export { h } from './index-CtimkLsB.js';
 export { C as CELL_CLASS, A as CELL_HANDLER_CLASS, n as DATA_COL, o as DATA_ROW, q as DISABLED_CLASS, y as DRAGGABLE_CLASS, B as DRAGG_TEXT, x as DRAG_ICON_CLASS, D as DataStore, E as EDIT_INPUT_WR, F as FOCUS_CLASS, G as GRID_INTERNALS, w as HEADER_ACTUAL_ROW_CLASS, H as HEADER_CLASS, v as HEADER_ROW_CLASS, u as HEADER_SORTABLE_CLASS, M as MIN_COL_SIZE, z as MOBILE_CLASS, R as RESIZE_INTERVAL, I as ROW_FOCUSED_CLASS, r as ROW_HEADER_TYPE, S as SELECTION_BORDER_CLASS, T as TMP_SELECTION_BG_CLASS, j as calculateDimensionData, J as codesLetter, h as gatherTrimmedItems, l as getItemByIndex, k as getItemByPosition, g as getPhysical, b as getSourceItem, f as getSourceItemVirtualIndexByProp, c as getSourcePhysicalIndex, i as getVisibleItems, a as getVisibleSourceItem, K as keyValues, p as proxyPlugin, e as setItems, d as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, m as setStore, t as trimmedPlugin } from './dimension.helpers-Cln9sALu.js';

package/dist/revo-grid/revo-grid.esm.js

@@ -47,5 +47,5 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["revo-grid",[[260,"revo-grid",{"rowHeaders":[4,"row-headers"],"frameSize":[2,"frame-size"],"rowSize":[2,"row-size"],"colSize":[2,"col-size"],"range":[4],"readonly":[4],"resize":[4],"resizeRow":[4,"resize-row"],"noHorizontalScrollTransfer":[4,"no-horizontal-scroll-transfer"],"canFocus":[4,"can-focus"],"useClipboard":[4,"use-clipboard"],"columns":[16],"source":[16],"pinnedTopSource":[16],"pinnedBottomSource":[16],"rowDefinitions":[16],"editors":[16],"applyOnClose":[4,"apply-on-close"],"plugins":[16],"columnTypes":[16],"theme":[1537],"themeDefinitions":[16],"rowClass":[513,"row-class"],"autoSizeColumn":[4,"auto-size-column"],"filter":[4],"sorting":[16],"focusTemplate":[16],"canMoveColumns":[4,"can-move-columns"],"trimmedRows":[16],"exporting":[4],"grouping":[16],"stretch":[8],"additionalData":[16],"disableVirtualX":[4,"disable-virtual-x"],"virtualX":[16],"disableVirtualY":[4,"disable-virtual-y"],"hideAttribution":[4,"hide-attribution"],"jobsBeforeRender":[16],"registerVNode":[16],"accessible":[4],"rtl":[4],"canDrag":[4,"can-drag"],"refresh":[64],"setDataAt":[64],"scrollToRow":[64],"scrollToColumnIndex":[64],"scrollToColumnProp":[64],"updateColumns":[64],"addTrimmed":[64],"scrollToCoordinate":[64],"setCellEdit":[64],"setCellsFocus":[64],"getSource":[64],"getVisibleSource":[64],"getSourceStore":[64],"getColumnStore":[64],"updateColumnSorting":[64],"clearSorting":[64],"getColumns":[64],"clearFocus":[64],"getPlugins":[64],"getFocused":[64],"getContentSize":[64],"getSelectedRange":[64],"refreshExtraElements":[64],"getProviders":[64]},[[5,"touchstart","mousedownHandle"],[5,"mousedown","mousedownHandle"],[5,"touchend","mouseupHandle"],[5,"mouseup","mouseupHandle"],[0,"rowdragstartinit","onRowDragStarted"],[0,"rowdragendinit","onRowDragEnd"],[0,"roworderchange","onRowOrderChange"],[0,"rowdragmoveinit","onRowDrag"],[0,"rowdragmousemove","onRowMouseMove"],[0,"celleditapply","onCellEdit"],[0,"rangeeditapply","onRangeEdit"],[0,"selectionchangeinit","onRangeChanged"],[0,"rowdropinit","onRowDropped"],[0,"beforeheaderclick","onHeaderClick"],[0,"beforecellfocusinit","onCellFocus"]],{"columnTypes":[{"columnTypesChanged":0}],"columns":[{"columnChanged":0}],"disableVirtualX":[{"disableVirtualXChanged":0}],"virtualX":[{"virtualXChanged":0}],"rowSize":[{"rowSizeChanged":0}],"colSize":[{"colSizeChanged":0}],"theme":[{"themeChanged":0}],"themeDefinitions":[{"themeDefinitionsChanged":0}],"source":[{"dataSourceChanged":0}],"pinnedBottomSource":[{"dataSourceChanged":0}],"pinnedTopSource":[{"dataSourceChanged":0}],"disableVirtualY":[{"disableVirtualYChanged":0}],"rowDefinitions":[{"rowDefChanged":0}],"trimmedRows":[{"trimmedRowsChanged":0}],"grouping":[{"groupingChanged":0}],"stretch":[{"applyStretch":0}],"filter":[{"applyFilter":0}],"sorting":[{"applySorting":0}],"rowHeaders":[{"rowHeadersChange":0}],"resizeRow":[{"resizeRowChanged":0}],"registerVNode":[{"registerOutsideVNodes":0}],"additionalData":[{"additionalDataChanged":0}],"rtl":[{"rtlChanged":0}],"plugins":[{"pluginsChanged":0}]}]]],["revogr-filter-panel",[[260,"revogr-filter-panel",{"filterNames":[16],"filterEntities":[16],"filterCaptions":[16],"disableDynamicFiltering":[4,"disable-dynamic-filtering"],"closeOnOutsideClick":[4,"close-on-outside-click"],"allowDuplicateOperators":[4,"allow-duplicate-operators"],"isFilterIdSet":[32],"filterId":[32],"currentFilterId":[32],"currentFilterType":[32],"changes":[32],"filterItems":[32],"draggedFilterId":[32],"dragOverFilterId":[32],"show":[64],"getChanges":[64]},[[5,"mousedown","onMouseDown"]]]]],["revogr-clipboard_3",[[0,"revogr-clipboard",{"readonly":[4],"doCopy":[64]},[[4,"paste","onPaste"],[4,"copy","copyStarted"],[4,"cut","cutStarted"]]],[0,"revogr-edit",{"editCell":[16],"column":[16],"editor":[16],"saveOnClose":[4,"save-on-close"],"additionalData":[8,"additional-data"],"cancelChanges":[64],"beforeDisconnect":[64]}],[0,"revogr-order-editor",{"parent":[16],"dimensionRow":[16],"dimensionCol":[16],"dataStore":[16],"rowType":[1,"row-type"],"dragStart":[64],"endOrder":[64],"clearOrder":[64]}]]],["revogr-data_4",[[260,"revogr-data",{"readonly":[4],"range":[4],"rowClass":[1,"row-class"],"additionalData":[8,"additional-data"],"rowSelectionStore":[16],"viewportRow":[16],"viewportCol":[16],"dimensionRow":[16],"colData":[16],"dataStore":[16],"type":[513],"colType":[513,"col-type"],"jobsBeforeRender":[16],"providers":[32],"updateCell":[64]},null,{"dataStore":[{"onDataStoreChange":0}],"colData":[{"onColDataChange":0}]}],[0,"revogr-header",{"viewportCol":[16],"dimensionCol":[16],"selectionStore":[16],"groups":[16],"groupingDepth":[2,"grouping-depth"],"readonly":[4],"canResize":[4,"can-resize"],"resizeHandler":[16],"colData":[16],"columnFilter":[4,"column-filter"],"type":[1],"additionalData":[8,"additional-data"]}],[260,"revogr-viewport-scroll",{"rowHeader":[4,"row-header"],"contentWidth":[2,"content-width"],"contentHeight":[2,"content-height"],"colType":[1,"col-type"],"noHorizontalScrollTransfer":[4,"no-horizontal-scroll-transfer"],"setScroll":[64],"changeScroll":[64],"applyScroll":[64]},[[0,"mousewheel-vertical","mousewheelVertical"],[0,"mousewheel-horizontal","mousewheelHorizontal"],[0,"scroll-coordinate","scrollApply"]]],[0,"vnode-html",{"redraw":[16]}]]],["revogr-attribution_7",[[0,"revogr-row-headers",{"height":[2],"dataPorts":[16],"headerProp":[16],"rowClass":[1,"row-class"],"resize":[4],"rowHeaderColumn":[16],"additionalData":[8,"additional-data"],"jobsBeforeRender":[16]}],[260,"revogr-overlay-selection",{"readonly":[4],"range":[4],"canDrag":[4,"can-drag"],"useClipboard":[4,"use-clipboard"],"selectionStore":[16],"dimensionRow":[16],"dimensionCol":[16],"dataStore":[16],"colData":[16],"lastCell":[16],"editors":[16],"applyChangesOnClose":[4,"apply-changes-on-close"],"additionalData":[8,"additional-data"],"isMobileDevice":[4,"is-mobile-device"]},[[5,"touchmove","onMouseMove"],[5,"mousemove","onMouseMove"],[5,"touchend","onMouseUp"],[5,"mouseup","onMouseUp"],[5,"mouseleave","onMouseUp"],[0,"dragstartcell","onCellDrag"],[4,"keyup","onKeyUp"],[4,"keydown","onKeyDown"]],{"selectionStore":[{"selectionServiceSet":0}],"dimensionRow":[{"createAutoFillService":0}],"dimensionCol":[{"createAutoFillService":0}],"dataStore":[{"columnServiceSet":0}],"colData":[{"columnServiceSet":0}]}],[0,"revogr-attribution"],[260,"revogr-focus",{"colType":[1,"col-type"],"rowType":[1,"row-type"],"selectionStore":[16],"dimensionRow":[16],"dimensionCol":[16],"dataStore":[16],"colData":[16],"focusTemplate":[16]}],[0,"revogr-scroll-virtual",{"dimension":[1],"realSize":[2,"real-size"],"virtualSize":[2,"virtual-size"],"clientSize":[2,"client-size"],"setScroll":[64],"changeScroll":[64]}],[0,"revogr-temp-range",{"selectionStore":[16],"dimensionRow":[16],"dimensionCol":[16]}],[0,"revogr-extra",{"nodes":[16],"update":[32],"refresh":[64]}]]]], options);
+  return bootstrapLazy([["revo-grid",[[260,"revo-grid",{"rowHeaders":[4,"row-headers"],"frameSize":[2,"frame-size"],"rowSize":[2,"row-size"],"colSize":[2,"col-size"],"range":[4],"readonly":[4],"resize":[4],"resizeRow":[4,"resize-row"],"noHorizontalScrollTransfer":[4,"no-horizontal-scroll-transfer"],"canFocus":[4,"can-focus"],"useClipboard":[4,"use-clipboard"],"columns":[16],"source":[16],"pinnedTopSource":[16],"pinnedBottomSource":[16],"rowDefinitions":[16],"editors":[16],"applyOnClose":[4,"apply-on-close"],"plugins":[16],"columnTypes":[16],"theme":[1537],"themeDefinitions":[16],"rowClass":[513,"row-class"],"autoSizeColumn":[4,"auto-size-column"],"filter":[4],"sorting":[16],"focusTemplate":[16],"canMoveColumns":[4,"can-move-columns"],"trimmedRows":[16],"exporting":[4],"grouping":[16],"stretch":[8],"additionalData":[16],"disableVirtualX":[4,"disable-virtual-x"],"virtualX":[16],"disableVirtualY":[4,"disable-virtual-y"],"hideAttribution":[4,"hide-attribution"],"jobsBeforeRender":[16],"registerVNode":[16],"accessible":[4],"rtl":[4],"canDrag":[4,"can-drag"],"refresh":[64],"setDataAt":[64],"scrollToRow":[64],"scrollToColumnIndex":[64],"scrollToColumnProp":[64],"updateColumns":[64],"addTrimmed":[64],"scrollToCoordinate":[64],"setCellEdit":[64],"setCellsFocus":[64],"getSource":[64],"getVisibleSource":[64],"getSourceStore":[64],"getColumnStore":[64],"updateColumnSorting":[64],"clearSorting":[64],"getColumns":[64],"clearFocus":[64],"getPlugins":[64],"getFocused":[64],"getContentSize":[64],"getSelectedRange":[64],"refreshExtraElements":[64],"getProviders":[64]},[[5,"touchstart","mousedownHandle"],[5,"mousedown","mousedownHandle"],[5,"touchend","mouseupHandle"],[5,"mouseup","mouseupHandle"],[0,"rowdragstartinit","onRowDragStarted"],[0,"rowdragendinit","onRowDragEnd"],[0,"roworderchange","onRowOrderChange"],[0,"rowdragmoveinit","onRowDrag"],[0,"rowdragmousemove","onRowMouseMove"],[0,"celleditapply","onCellEdit"],[0,"rangeeditapply","onRangeEdit"],[0,"selectionchangeinit","onRangeChanged"],[0,"rowdropinit","onRowDropped"],[0,"beforeheaderclick","onHeaderClick"],[0,"beforecellfocusinit","onCellFocus"]],{"columnTypes":[{"columnTypesChanged":0}],"columns":[{"columnChanged":0}],"disableVirtualX":[{"disableVirtualXChanged":0}],"virtualX":[{"virtualXChanged":0}],"rowSize":[{"rowSizeChanged":0}],"colSize":[{"colSizeChanged":0}],"theme":[{"themeChanged":0}],"themeDefinitions":[{"themeDefinitionsChanged":0}],"source":[{"dataSourceChanged":0}],"pinnedBottomSource":[{"dataSourceChanged":0}],"pinnedTopSource":[{"dataSourceChanged":0}],"disableVirtualY":[{"disableVirtualYChanged":0}],"rowDefinitions":[{"rowDefChanged":0}],"trimmedRows":[{"trimmedRowsChanged":0}],"grouping":[{"groupingChanged":0}],"stretch":[{"applyStretch":0}],"filter":[{"applyFilter":0}],"sorting":[{"applySorting":0}],"rowHeaders":[{"rowHeadersChange":0}],"resizeRow":[{"resizeRowChanged":0}],"registerVNode":[{"registerOutsideVNodes":0}],"additionalData":[{"additionalDataChanged":0}],"rtl":[{"rtlChanged":0}],"plugins":[{"pluginsChanged":0}]}]]],["revogr-filter-panel",[[260,"revogr-filter-panel",{"filterNames":[16],"filterEntities":[16],"filterCaptions":[16],"disableDynamicFiltering":[4,"disable-dynamic-filtering"],"closeOnOutsideClick":[4,"close-on-outside-click"],"allowDuplicateOperators":[4,"allow-duplicate-operators"],"isFilterIdSet":[32],"filterId":[32],"currentFilterId":[32],"currentFilterType":[32],"changes":[32],"filterItems":[32],"draggedFilterId":[32],"dragOverFilterId":[32],"show":[64],"getChanges":[64]},[[5,"mousedown","onMouseDown"]]]]],["revogr-clipboard_3",[[0,"revogr-clipboard",{"readonly":[4],"doCopy":[64]},[[4,"paste","onPaste"],[4,"copy","copyStarted"],[4,"cut","cutStarted"]]],[0,"revogr-edit",{"editCell":[16],"column":[16],"editor":[16],"saveOnClose":[4,"save-on-close"],"additionalData":[8,"additional-data"],"cancelChanges":[64],"beforeDisconnect":[64]},[[0,"internalappendeditvalue","onInternalAppendEditValue"]]],[0,"revogr-order-editor",{"parent":[16],"dimensionRow":[16],"dimensionCol":[16],"dataStore":[16],"rowType":[1,"row-type"],"dragStart":[64],"endOrder":[64],"clearOrder":[64]}]]],["revogr-data_4",[[260,"revogr-data",{"readonly":[4],"range":[4],"rowClass":[1,"row-class"],"additionalData":[8,"additional-data"],"rowSelectionStore":[16],"viewportRow":[16],"viewportCol":[16],"dimensionRow":[16],"colData":[16],"dataStore":[16],"type":[513],"colType":[513,"col-type"],"jobsBeforeRender":[16],"providers":[32],"updateCell":[64]},null,{"dataStore":[{"onDataStoreChange":0}],"colData":[{"onColDataChange":0}]}],[0,"revogr-header",{"viewportCol":[16],"dimensionCol":[16],"selectionStore":[16],"groups":[16],"groupingDepth":[2,"grouping-depth"],"readonly":[4],"canResize":[4,"can-resize"],"resizeHandler":[16],"colData":[16],"columnFilter":[4,"column-filter"],"type":[1],"additionalData":[8,"additional-data"]}],[260,"revogr-viewport-scroll",{"rowHeader":[4,"row-header"],"contentWidth":[2,"content-width"],"contentHeight":[2,"content-height"],"colType":[1,"col-type"],"noHorizontalScrollTransfer":[4,"no-horizontal-scroll-transfer"],"setScroll":[64],"changeScroll":[64],"applyScroll":[64]},[[0,"mousewheel-vertical","mousewheelVertical"],[0,"mousewheel-horizontal","mousewheelHorizontal"],[0,"scroll-coordinate","scrollApply"]]],[0,"vnode-html",{"redraw":[16]}]]],["revogr-attribution_7",[[0,"revogr-row-headers",{"height":[2],"dataPorts":[16],"headerProp":[16],"rowClass":[1,"row-class"],"resize":[4],"rowHeaderColumn":[16],"additionalData":[8,"additional-data"],"jobsBeforeRender":[16]}],[260,"revogr-overlay-selection",{"readonly":[4],"range":[4],"canDrag":[4,"can-drag"],"useClipboard":[4,"use-clipboard"],"selectionStore":[16],"dimensionRow":[16],"dimensionCol":[16],"dataStore":[16],"colData":[16],"lastCell":[16],"editors":[16],"applyChangesOnClose":[4,"apply-changes-on-close"],"additionalData":[8,"additional-data"],"isMobileDevice":[4,"is-mobile-device"]},[[5,"touchmove","onMouseMove"],[5,"mousemove","onMouseMove"],[5,"touchend","onMouseUp"],[5,"mouseup","onMouseUp"],[5,"mouseleave","onMouseUp"],[0,"dragstartcell","onCellDrag"],[4,"keyup","onKeyUp"],[4,"keydown","onKeyDown"]],{"selectionStore":[{"selectionServiceSet":0}],"dimensionRow":[{"createAutoFillService":0}],"dimensionCol":[{"createAutoFillService":0}],"dataStore":[{"columnServiceSet":0}],"colData":[{"columnServiceSet":0}]}],[0,"revogr-attribution"],[260,"revogr-focus",{"colType":[1,"col-type"],"rowType":[1,"row-type"],"selectionStore":[16],"dimensionRow":[16],"dimensionCol":[16],"dataStore":[16],"colData":[16],"focusTemplate":[16]}],[0,"revogr-scroll-virtual",{"dimension":[1],"realSize":[2,"real-size"],"virtualSize":[2,"virtual-size"],"clientSize":[2,"client-size"],"setScroll":[64],"changeScroll":[64]}],[0,"revogr-temp-range",{"selectionStore":[16],"dimensionRow":[16],"dimensionCol":[16]}],[0,"revogr-extra",{"nodes":[16],"update":[32],"refresh":[64]}]]]], options);
 });

package/dist/revo-grid/revogr-attribution_7.entry.js

@@ -271,13 +271,13 @@ const RevogrFocus$1 = class RevogrFocus {
 };
 RevogrFocus$1.style = revogrFocusStyleCss();
 
-const DIRECTION_CODES = [
-    codesLetter.TAB,
+const ARROW_CODES = [
     codesLetter.ARROW_UP,
     codesLetter.ARROW_DOWN,
     codesLetter.ARROW_LEFT,
     codesLetter.ARROW_RIGHT,
 ];
+const DIRECTION_CODES = new Set([codesLetter.TAB, ...ARROW_CODES]);
 class KeyboardService {
     constructor(sv) {
         this.sv = sv;
@@ -295,6 +295,10 @@ class KeyboardService {
     /**
      * Appends printable key input that arrives after edit mode was requested
      * but before the editor input has mounted or received focus.
+     *
+     * Once the input is rendered the key goes straight into it: a store update
+     * would only reach the input on the next render, and that render would
+     * overwrite whatever was typed natively into the input in the meantime.
      */
     appendPendingEditValue(e) {
         if (isShortcutModifier(e) ||
@@ -307,6 +311,9 @@ class KeyboardService {
             return false;
         }
         e.preventDefault();
+        if (this.sv.appendEditValue(e.key)) {
+            return true;
+        }
         this.sv.selectionStore.set('edit', Object.assign(Object.assign({}, editCell), { val: `${editCell.val}${e.key}` }));
         return true;
     }
@@ -407,7 +414,9 @@ class KeyboardService {
             this.applyingKeyChange = true;
             let changed;
             try {
-                changed = this.keyPositionChange(data.changes, range, focus, data.isMulti);
+                changed = data.edge
+                    ? this.keyEdgeChange(data.changes, range, focus, !!data.isMulti)
+                    : this.keyPositionChange(data.changes, range, focus, data.isMulti);
             }
             finally {
                 this.applyingKeyChange = false;
@@ -444,10 +453,33 @@ class KeyboardService {
                 ? -1
                 : 0);
     }
+    keyEdgeChange(changes, range, focus, isMulti) {
+        if (!range || !focus) {
+            return false;
+        }
+        const { lastCell } = this.sv.getData();
+        const coordinate = changes.x ? 'x' : 'y';
+        const direction = changes[coordinate];
+        const target = direction > 0 ? lastCell[coordinate] - 1 : 0;
+        if (isMulti) {
+            const edgeCoordinate = coordinate === 'x' ? 'x1' : 'y1';
+            return this.sv.range(Object.assign(Object.assign({}, range), { [coordinate]: direction < 0 ? target : focus[coordinate], [edgeCoordinate]: direction > 0 ? target : focus[coordinate] }));
+        }
+        const edgeFocus = Object.assign(Object.assign({}, focus), { [coordinate]: target });
+        return this.sv.focus(edgeFocus, {
+            [coordinate]: target - focus[coordinate],
+        });
+    }
     /** Monitor key direction changes */
     changeDirectionKey(e, canRange) {
         const isMulti = canRange && e.shiftKey;
-        if (DIRECTION_CODES.includes(e.code)) {
+        const hasPrimaryModifier = e.ctrlKey || e.metaKey;
+        const isArrow = ARROW_CODES.includes(e.code);
+        const isEdgeShortcut = hasPrimaryModifier && !e.altKey && isArrow;
+        if (hasPrimaryModifier && !isEdgeShortcut) {
+            return;
+        }
+        if (DIRECTION_CODES.has(e.code)) {
             e.preventDefault();
         }
         if (e.shiftKey) {
@@ -456,17 +488,25 @@ class KeyboardService {
                     return { changes: { x: -1 }, isMulti: false };
             }
         }
+        let changes;
         switch (e.code) {
             case codesLetter.ARROW_UP:
-                return { changes: { y: -1 }, isMulti };
+                changes = { y: -1 };
+                break;
             case codesLetter.ARROW_DOWN:
-                return { changes: { y: 1 }, isMulti };
+                changes = { y: 1 };
+                break;
             case codesLetter.ARROW_LEFT:
-                return { changes: { x: -1 }, isMulti };
+                changes = { x: -1 };
+                break;
             case codesLetter.TAB:
             case codesLetter.ARROW_RIGHT:
-                return { changes: { x: 1 }, isMulti };
+                changes = { x: 1 };
+                break;
+            default:
+                return;
         }
+        return Object.assign({ changes, isMulti }, (isEdgeShortcut && { edge: true }));
     }
 }
 
@@ -827,6 +867,15 @@ const OverlaySelection = class {
                 await ((_a = this.revogrEdit) === null || _a === void 0 ? void 0 : _a.cancelChanges());
                 this.closeEdit();
             },
+            appendEditValue: value => {
+                if (!this.revogrEdit) {
+                    return false;
+                }
+                return !this.revogrEdit.dispatchEvent(new CustomEvent('internalappendeditvalue', {
+                    cancelable: true,
+                    detail: value,
+                }));
+            },
             clearCell: () => !this.readonly && this.clearCell(),
             internalPaste: () => !this.readonly && this.beforeRegionPaste.emit(),
             getData: () => this.getData(),
@@ -950,9 +999,9 @@ const OverlaySelection = class {
                 nodes.push(h("revogr-order-editor", { ref: e => (this.orderEditor = e), dataStore: this.dataStore, dimensionRow: this.dimensionRow, dimensionCol: this.dimensionCol, parent: this.element, rowType: this.types.rowType, onRowdragstartinit: e => this.rowDragStart(e) }));
             }
         }
-        return (h(Host, { key: '230e2122c5c7065c072f02019d616a64949d54d0', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e),
+        return (h(Host, { key: '84d904c108e39ebf82b215afc7052d634eba677e', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e),
             // it's done to be able to throw events from different levels, not just from editor
-            onCelledit: (e) => this.onEditCell(e) }, nodes, h("slot", { key: '47740a79c605258b4024384510358be927d000b7', name: "data" })));
+            onCelledit: (e) => this.onEditCell(e) }, nodes, h("slot", { key: '7434c5fceb445de4510675b7627bb5f2efc1a365', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.

package/dist/revo-grid/revogr-clipboard_3.entry.js

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, a as createEvent, h, d as Host, g as getElement } from './index-CtimkLsB.js';
 import { E as EDIT_INPUT_WR, k as getItemByPosition, b as getSourceItem, B as DRAGG_TEXT } from './dimension.helpers-Cln9sALu.js';
-import { T as TextEditor } from './text-editor-eHtrwvxH.js';
+import { T as TextEditor } from './text-editor-BVb0idxe.js';
 import { n as isEditorCtrConstructible } from './edit.utils-3ZbhQCv_.js';
 import { d as debounce } from './debounce-PCRWZliA.js';
 import './index-BvMNbQyq.js';
@@ -175,6 +175,12 @@ const RevoEdit = class {
         var _a, _b;
         (_b = (_a = this.currentEditor) === null || _a === void 0 ? void 0 : _a.beforeDisconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
+    onInternalAppendEditValue(e) {
+        var _a, _b;
+        if ((_b = (_a = this.currentEditor) === null || _a === void 0 ? void 0 : _a.appendPendingInput) === null || _b === void 0 ? void 0 : _b.call(_a, e.detail)) {
+            e.preventDefault();
+        }
+    }
     onAutoSave() {
         var _a, _b, _c;
         this.preventSaveOnClose = true;

package/dist/revo-grid/{text-editor-eHtrwvxH.js → text-editor-BVb0idxe.js}

@@ -22,6 +22,14 @@ class TextEditor {
             (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }
+    appendPendingInput(value) {
+        if (!this.editInput) {
+            return false;
+        }
+        this.editInput.value += value;
+        this.editInput.focus();
+        return true;
+    }
     onKeyDown(e) {
         const isEnter = isEnterKeyValue(e.key);
         const isKeyTab = isTab(e.key);

package/dist/types/components/editors/revogr-edit.d.ts

@@ -49,6 +49,7 @@ export declare class RevoEdit {
      * Can be triggered multiple times before actual disconnect.
      */
     beforeDisconnect(): Promise<void>;
+    onInternalAppendEditValue(e: CustomEvent<string>): void;
     onAutoSave(): void;
     /**
      * Callback triggered when cell editor saved.

package/dist/types/components/editors/text-editor.d.ts

@@ -23,6 +23,7 @@ export declare class TextEditor implements EditorBase {
      * Callback triggered on cell editor render
      */
     componentDidRender(): Promise<void>;
+    appendPendingInput(value: string): boolean;
     onKeyDown(e: KeyboardEvent): void;
     /**
      * IMPORTANT: Prevent scroll glitches when editor is closed and focus is on current input element.

package/dist/types/components/overlay/keyboard.service.d.ts

@@ -5,6 +5,7 @@ type Config = {
     selectionStore: Observable<SelectionStoreState>;
     change(val?: any): boolean;
     cancel(): void;
+    appendEditValue(value: string): boolean;
     clearCell(): void;
     focus(focus: Cell, changes: Partial<Cell>, focusNextViewport?: number): boolean;
     getData(): any;
@@ -12,6 +13,11 @@ type Config = {
     range(range: RangeArea | null): boolean;
     selectAll(): void;
 };
+type DirectionKeyChange = {
+    changes: Partial<Cell>;
+    isMulti?: boolean;
+    edge?: boolean;
+};
 export declare class KeyboardService {
     private readonly sv;
     /** Keep focus transitions in keydown order so rendering can scroll each cell into view. */
@@ -24,16 +30,18 @@ export declare class KeyboardService {
     /**
      * Appends printable key input that arrives after edit mode was requested
      * but before the editor input has mounted or received focus.
+     *
+     * Once the input is rendered the key goes straight into it: a store update
+     * would only reach the input on the next render, and that render would
+     * overwrite whatever was typed natively into the input in the meantime.
      */
     private appendPendingEditValue;
     keyDown(e: KeyboardEvent, canRange: boolean, isEditMode: boolean, { range, focus }: Nullable<Pick<EventData, 'range' | 'focus'>>): Promise<void>;
     private selectAll;
     keyChangeSelection(e: KeyboardEvent, canRange: boolean): Promise<boolean>;
     keyPositionChange(changes: Partial<Cell>, range: RangeArea | null, focus: Cell | null, isMulti?: boolean): boolean;
+    private keyEdgeChange;
     /** Monitor key direction changes */
-    changeDirectionKey(e: KeyboardEvent, canRange: boolean): {
-        changes: Partial<Cell>;
-        isMulti?: boolean;
-    } | void;
+    changeDirectionKey(e: KeyboardEvent, canRange: boolean): DirectionKeyChange | void;
 }
 export {};

package/dist/types/types/selection.d.ts

@@ -172,6 +172,11 @@ export interface EditorCtrConstructible {
 export interface EditorBase {
     element?: Element | null;
     editCell?: EditCell;
+    /**
+     * Consume printable input that reached the grid while the editor mounted.
+     * Return true when the editor handled the value.
+     */
+    appendPendingInput?(value: string): boolean;
     /**
      * Autosave usage when you want to return value for models.
      */