@revolist/revogrid 4.14.0 → 4.14.2

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

@@ -656,6 +656,7 @@ const OverlaySelection = class {
         this.beforeKeyDown = createEvent(this, "beforekeydown", 7);
         this.beforeKeyUp = createEvent(this, "beforekeyup", 7);
         this.beforeCellSave = createEvent(this, "beforecellsave", 7);
+        this.cellEditDone = createEvent(this, "celledit", 7);
         this.keyboardService = null;
         this.autoFillService = null;
         this.unsubscribeSelectionStore = [];
@@ -837,7 +838,22 @@ const OverlaySelection = class {
         }
         const cell = getCell(renderEvent.detail.range, renderEvent.detail.rowDimension, renderEvent.detail.colDimension);
         const styles = styleByCellProps(cell);
-        return (h("revogr-edit", { style: styles, ref: el => (this.revogrEdit = el), additionalData: this.additionalData, editCell: editable, saveOnClose: this.applyChangesOnClose, column: this.columnService.rowDataModel(editCell.y, editCell.x), editor: getCellEditor(this.columnService.columns[editCell.x], this.editors) }));
+        return (h("revogr-edit", { style: styles, ref: el => (this.revogrEdit = el), additionalData: this.additionalData, editCell: editable, saveOnClose: this.applyChangesOnClose, onCelleditinit: (e) => {
+                this.cellEditDone.emit(e.detail);
+            }, column: this.columnService.rowDataModel(editCell.y, editCell.x), editor: getCellEditor(this.columnService.columns[editCell.x], this.editors) }));
+    }
+    onEditCell(e) {
+        if (e.defaultPrevented) {
+            return;
+        }
+        const saveEv = this.beforeCellSave.emit(e.detail);
+        if (!saveEv.defaultPrevented) {
+            this.cellEdit(saveEv.detail);
+        }
+        // if not clear navigate to next cell after edit
+        if (!saveEv.detail.preventFocus) {
+            this.focusNext();
+        }
     }
     render() {
         var _a;
@@ -867,16 +883,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: 'aaae2fb9cd6abd04c5b742277214579901062a54', 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), onCelledit: (e) => {
-                const saveEv = this.beforeCellSave.emit(e.detail);
-                if (!saveEv.defaultPrevented) {
-                    this.cellEdit(saveEv.detail);
-                }
-                // if not clear navigate to next cell after edit
-                if (!saveEv.detail.preventFocus) {
-                    this.focusNext();
-                }
-            } }, nodes, h("slot", { key: '945243e45f2cfbb78d8727c10652d6d0d530d494', name: "data" })));
+        return (h(Host, { key: '262adae9c825a0feb678090b62bd3ab57f149ac7', 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: '2196345c62e1edf7b00c854ba4f281ecb68ea5a7', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.