@sumaris-net/ngx-components 18.22.18 → 18.22.19

package/fesm2022/sumaris-net.ngx-components.mjs

@@ -38553,7 +38553,7 @@ class AppTable {
             if (previousRow.id === -1 && previousRow.validator?.invalid && !previousRow.validator?.dirty) {
                 this.deleteNewRow(event, previousRow);
                 // Wait deletion is done, then edit previous row (by id, because of reloading)
-                this.waitIdle().then(() => this.editRowById(event, row.id, { focusColumn }));
+                this.waitIdle().then(() => this.editOrAddRowById(event, row.id, { focusColumn }));
                 return true;
             }
             // If cannot confirm previous row
@@ -38595,7 +38595,7 @@ class AppTable {
         }
         // Edit next row
         const nextRowId = row.id + 1;
-        this.editRowById(event, nextRowId, { focusColumn });
+        this.editOrAddRowById(event, nextRowId, { focusColumn });
         return true;
     }
     /**
@@ -39611,7 +39611,7 @@ class AppTable {
             this.registerSubscription(this.sort.sortChange.pipe(filter(() => !this.sort.disabled)).subscribe(() => (this.paginator.pageIndex = 0)));
         }
     }
-    async editRowById(event, id, opts) {
+    async editOrAddRowById(event, id, opts) {
         if (id < 0)
             return;
         if (id >= this.visibleRowCount) {
@@ -41378,6 +41378,12 @@ class AppAsyncTable {
         // Add row
         return this.addRow(event, undefined /* insertAt: use default */, opts);
     }
+    /**
+     * Same as confirmAndUp(), but using the next focused row. Should be call by the action column components
+     * @param event
+     * @param row
+     * @param opts
+     */
     async confirmAndBackward(event, row, opts) {
         const focusColumn = opts?.focusColumn ?? this.lastUserColumn;
         // Deleting edited row, if empty and not dirty
@@ -41386,8 +41392,8 @@ class AppAsyncTable {
                 await this.deleteNewRow(event, editingRow);
             }
             // Wait deletion is done, then edit previous row (by id, because of reloading)
-            await this.waitIdle();
-            await this.editRowById(event, row.id, { focusColumn });
+            await this.waitIdle(opts);
+            await this.editOrAddRowById(event, row.id, { focusColumn });
             return true;
         }
         // Edit row, focusing at the end
@@ -41407,7 +41413,35 @@ class AppAsyncTable {
             return false;
         }
         // Edit next row
-        await this.editRowById(event, row.id + 1, { focusColumn });
+        await this.editOrAddRowById(event, row.id + 1, { focusColumn });
+        return true;
+    }
+    /**
+     * Confirms the current row and moves the focus to the upper row.
+     * Typical usage is inside a <input type="number">, with `(keyup.arrowUp)="confirmAndUp(event, row, {focusColumn: columnName})"`
+     * Same as confirmAndBackward, but on the current row.
+     *
+     *
+     * @param {Event} [event] - The event associated with the confirmation and update action.
+     * @param {AsyncTableElement} [row] - The current row object.
+     * @param {Object} [opts] - Options.
+     * @param {string} [opts.focusColumn] - The column to focus on the upper row; defaults to the current focus column
+     * @return {Promise<boolean>} A promise that resolves to a boolean indicating the success of the navigation.
+     */
+    async confirmAndUp(event, row, opts) {
+        const focusColumn = opts?.focusColumn ?? this.focusColumn;
+        // Deleting edited row, if empty and not dirty
+        if (this.dataSource.hasSomeEditingRow()) {
+            for (const editingRow of this.dataSource.getEditingRows().filter((row) => row.id === -1 && row.invalid && !row.dirty)) {
+                await this.deleteNewRow(event, editingRow);
+            }
+            // Wait deletion is done, then edit previous row (by id, because of reloading)
+            await this.waitIdle(opts);
+            await this.editOrAddRowById(event, row.id - 1, { focusColumn });
+            return true;
+        }
+        // Edit row, focusing at the end
+        await this.editRow(event, row, { focusColumn });
         return true;
     }
     /**
@@ -42401,7 +42435,7 @@ class AppAsyncTable {
             this.registerSubscription(this.sort.sortChange.pipe(filter(() => !this.sort.disabled)).subscribe(() => (this.paginator.pageIndex = 0)));
         }
     }
-    async editRowById(event, id, opts) {
+    async editOrAddRowById(event, id, opts) {
         if (id < 0)
             return;
         if (id >= this.visibleRowCount) {