@toolbox-web/grid-angular 0.16.0 → 0.16.1

package/fesm2022/toolbox-web-grid-angular.mjs

@@ -347,6 +347,7 @@ class GridFormArray {
     destroyRef = inject(DestroyRef);
     elementRef = inject((ElementRef));
     cellCommitListener = null;
+    cellCancelListener = null;
     rowCommitListener = null;
     touchListener = null;
     valueChangesSubscription = null;
@@ -410,6 +411,12 @@ class GridFormArray {
             this.#handleCellCommit(detail);
         };
         grid.addEventListener('cell-commit', this.cellCommitListener);
+        // Intercept cell-cancel events to revert FormControls (grid mode Escape)
+        this.cellCancelListener = (e) => {
+            const detail = e.detail;
+            this.#handleCellCancel(detail);
+        };
+        grid.addEventListener('cell-cancel', this.cellCancelListener);
         // Intercept row-commit events to prevent if FormGroup is invalid
         this.rowCommitListener = (e) => {
             if (!this.syncValidation())
@@ -445,6 +452,9 @@ class GridFormArray {
         if (this.cellCommitListener) {
             grid.removeEventListener('cell-commit', this.cellCommitListener);
         }
+        if (this.cellCancelListener) {
+            grid.removeEventListener('cell-cancel', this.cellCancelListener);
+        }
         if (this.rowCommitListener) {
             grid.removeEventListener('row-commit', this.rowCommitListener);
         }
@@ -684,6 +694,21 @@ class GridFormArray {
             event.preventDefault();
         }
     }
+    /**
+     * Handles cell-cancel events (grid mode Escape) — reverts the FormControl
+     * to the value it had before the edit session began.
+     */
+    #handleCellCancel(detail) {
+        const { rowIndex, field, previousValue } = detail;
+        const rowFormGroup = this.#getRowFormGroup(rowIndex);
+        if (rowFormGroup) {
+            const control = rowFormGroup.get(field);
+            if (control) {
+                control.setValue(previousValue, { emitEvent: false });
+                control.markAsPristine();
+            }
+        }
+    }
     /**
      * Syncs a FormControl's validation state to the grid's visual invalid styling.
      */