@revolist/revogrid 4.8.1 → 4.8.2

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

@@ -6,9 +6,9 @@ import { F as FOCUS_CLASS, t as timeout, R as RESIZE_INTERVAL, a as CELL_HANDLER
 import { i as getItemByPosition, j as getItemByIndex, b as getSourceItem, D as DataStore } from './dimension.helpers-c0c2888f.js';
 import './toNumber-8de324a7.js';
 import { g as getPropertyFromEvent, v as verifyTouchTarget, c as calculateRowHeaderSize } from './events-77b43b40.js';
-import { n as ColumnService, H as HEADER_SLOT } from './column.service-ffe99cfc.js';
-import { c as codesLetter, i as isClear, a as isEnterKey, b as isCopy, d as isCut, e as isPaste, f as isAll, g as isLetterKey, h as isEditInput } from './key.utils-9120fde7.js';
-import { g as getRange, a as isRangeSingleCell } from './selection.helpers-0f3ed629.js';
+import { n as ColumnService, H as HEADER_SLOT } from './column.service-6aab6fac.js';
+import { c as codesLetter, i as isClear, a as isEnterKeyValue, b as isCopy, d as isCut, e as isPaste, f as isAll, g as isLetterKey, h as isEditInput } from './key.utils-c4a27968.js';
+import { g as getRange, a as isRangeSingleCell } from './selection.helpers-dbf69cc1.js';
 import { d as debounce_1 } from './debounce-7781346d.js';
 import { V as ViewportStore } from './viewport.store-2dc172be.js';
 import { L as LocalScrollTimer, a as LocalScrollService, g as getContentSize, t as throttle_1 } from './throttle-eeca0062.js';
@@ -255,11 +255,11 @@ class KeyboardService {
         }
         // tab key means same as arrow right
         if (codesLetter.TAB === e.code) {
-            this.keyChangeSelection(e, canRange);
+            await this.keyChangeSelection(e, canRange);
             return;
         }
         // pressed enter
-        if (isEnterKey(e.code)) {
+        if (isEnterKeyValue(e.key)) {
             this.sv.change();
             return;
         }
@@ -324,15 +324,19 @@ class KeyboardService {
         if (!data) {
             return false;
         }
+        const eData = this.sv.getData();
         if (isMulti) {
-            const eData = this.sv.getData();
             if (isAfterLast(data.end, eData.lastCell) || isBeforeFirst(data.start)) {
                 return false;
             }
             const range = getRange(data.start, data.end);
             return this.sv.range(range);
         }
-        return this.sv.focusNext(data.start, changes);
+        return this.sv.focus(data.start, changes, isAfterLast(data.start, eData.lastCell)
+            ? 1
+            : isBeforeFirst(data.start)
+                ? -1
+                : 0);
     }
     /** Monitor key direction changes */
     changeDirectionKey(e, canRange) {
@@ -340,6 +344,12 @@ class KeyboardService {
         if (DIRECTION_CODES.includes(e.code)) {
             e.preventDefault();
         }
+        if (e.shiftKey) {
+            switch (e.code) {
+                case codesLetter.TAB:
+                    return { changes: { x: -1 }, isMulti: false };
+            }
+        }
         switch (e.code) {
             case codesLetter.ARROW_UP:
                 return { changes: { y: -1 }, isMulti };
@@ -575,6 +585,7 @@ const OverlaySelection = class {
         this.beforeRegionPaste = createEvent(this, "beforepasteregion", 7);
         this.cellEditApply = createEvent(this, "celleditapply", 7);
         this.beforeFocusCell = createEvent(this, "beforecellfocusinit", 7);
+        this.beforeNextViewportFocus = createEvent(this, "beforenextvpfocus", 7);
         this.setEdit = createEvent(this, "setedit", 7);
         this.beforeApplyRange = createEvent(this, "beforeapplyrange", 7);
         this.beforeSetRange = createEvent(this, "beforesetrange", 7);
@@ -597,6 +608,7 @@ const OverlaySelection = class {
         this.keyboardService = null;
         this.autoFillService = null;
         this.revogrEdit = null;
+        this.unsubscribeSelectionStore = [];
         this.readonly = undefined;
         this.range = undefined;
         this.canDrag = undefined;
@@ -664,12 +676,26 @@ const OverlaySelection = class {
         });
     }
     // #endregion
-    /** Selection & Keyboard */
+    /**
+     * Selection & Keyboard
+     */
     selectionServiceSet(s) {
+        // clear subscriptions
+        this.unsubscribeSelectionStore.forEach(v => v());
+        this.unsubscribeSelectionStore.length = 0;
+        this.unsubscribeSelectionStore.push(s.onChange('nextFocus', (v) => this.doFocus(v, v)));
         this.keyboardService = new KeyboardService({
             selectionStore: s,
             range: r => this.triggerRangeEvent(r),
-            focusNext: (f, next) => this.doFocus(f, f, next),
+            focus: (f, changes, focusNextViewport) => {
+                if (focusNextViewport) {
+                    this.beforeNextViewportFocus.emit(f);
+                    return false;
+                }
+                else {
+                    return this.doFocus(f, f, changes);
+                }
+            },
             change: val => {
                 if (this.readonly) {
                     return;
@@ -716,6 +742,9 @@ const OverlaySelection = class {
     }
     disconnectedCallback() {
         var _a;
+        // clear subscriptions
+        this.unsubscribeSelectionStore.forEach(v => v());
+        this.unsubscribeSelectionStore.length = 0;
         (_a = this.columnService) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     async componentWillRender() {
@@ -784,17 +813,17 @@ 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, onRowdragstartinit: e => this.rowDragStart(e) }));
             }
         }
-        return (h(Host, { key: '676c1ac41a3658f7c2cb93ada69fbf141a51c660', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true) }, nodes, h("slot", { key: '42f4e051d6f531bd92e22106ca0eb1808068e8d0', name: "data" })));
+        return (h(Host, { key: '81dee4cfcce410cefb2bd9ff2661261472fc3a75', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true) }, nodes, h("slot", { key: '6ac75c388ae3fbc5539a27c3acd58178dd53d1af', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.
      */
-    doFocus(focus, end, next) {
+    doFocus(focus, end, changes) {
         const { defaultPrevented } = this.beforeFocusCell.emit(this.columnService.getSaveData(focus.y, focus.x));
         if (defaultPrevented) {
             return false;
         }
-        const evData = Object.assign({ range: Object.assign(Object.assign({}, focus), { x1: end.x, y1: end.y }), next }, this.types);
+        const evData = Object.assign({ range: Object.assign(Object.assign({}, focus), { x1: end.x, y1: end.y }), next: changes }, this.types);
         const applyEvent = this.applyFocus.emit(evData);
         if (applyEvent.defaultPrevented) {
             return false;