@sumaris-net/ngx-components 18.7.9 → 18.7.11

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

@@ -33537,6 +33537,7 @@ class AppTable {
         return this.permanentSelection?.selected || AppTableUtils.getEntities(this.selection.selected);
     }
     onRefresh = new EventEmitter();
+    onClickRow = new EventEmitter();
     onOpenRow = new EventEmitter();
     onNewRow = new EventEmitter();
     onStartEditingRow = new EventEmitter();
@@ -33938,9 +33939,9 @@ class AppTable {
             this.applyFilter(filter, opts);
         }
     }
-    confirmAndAdd(event, row) {
+    async confirmAndAdd(event, row) {
         if (!this.confirmEditCreate(event, row)) {
-            return Promise.resolve(false);
+            return false;
         }
         // Add row
         return this.addRow(event);
@@ -34342,10 +34343,9 @@ class AppTable {
                 console.debug('[table] clickRow event is defaultPrevented');
             return false;
         }
-        // Already in edition
-        if (row.id === -1 || row.editing) {
-            if (this.debug)
-                console.debug('[table] Row already editing. Skip clickRow event');
+        // Call onClickRow if observed
+        if (this.onClickRow.observed) {
+            this.onClickRow.next(row);
             return true;
         }
         // Open the detail page (if not inline editing)
@@ -34358,7 +34358,6 @@ class AppTable {
             }
             this._openingRow = true; // Prevent double click
             this.markAsLoading();
-            this.selection.clear();
             this.openRow(row.currentData.id, row)
                 .catch((err) => console.error('Failed to open row', err)) // Continue
                 .then(() => {
@@ -34651,6 +34650,8 @@ class AppTable {
                 console.warn('[table] Opening row details, but table has unsaved changes!');
             }
             if (this.onOpenRow.observed) {
+                // Clear selection (because next route can change the current table content)
+                this.selection.clear();
                 this.onOpenRow.emit(row);
                 return true;
             }
@@ -34659,6 +34660,8 @@ class AppTable {
                 console.warn('[table] Opening row details, but data has no id!');
                 return false;
             }
+            // Clear selection (because next route can change the current table content)
+            this.selection.clear();
             return this.navController.navigateForward(`${this.router.url}/${id}`, {
                 queryParams: {},
             });
@@ -34672,6 +34675,8 @@ class AppTable {
             this.onNewRow.emit(event);
             return true;
         }
+        // Clear selection (because next route can change the current table content)
+        this.selection.clear();
         return this.navController.navigateForward(`${this.router.url}/new`);
     }
     // can be overridden to add more required columns
@@ -35144,7 +35149,7 @@ class AppTable {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppTable, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AppTable, inputs: { settingsId: "settingsId", debug: "debug", i18nColumnPrefix: "i18nColumnPrefix", i18nColumnSuffix: "i18nColumnSuffix", autoLoad: "autoLoad", readOnly: "readOnly", inlineEdition: "inlineEdition", focusFirstColumn: "focusFirstColumn", confirmBeforeDelete: "confirmBeforeDelete", confirmBeforeCancel: "confirmBeforeCancel", undoableDeletion: "undoableDeletion", saveBeforeDelete: "saveBeforeDelete", keepEditedRowOnSave: "keepEditedRowOnSave", saveBeforeSort: "saveBeforeSort", saveBeforeFilter: "saveBeforeFilter", propagateRowError: "propagateRowError", permanentSelectionAllowed: "permanentSelectionAllowed", openRowThrottleTime: "openRowThrottleTime", defaultSortBy: "defaultSortBy", defaultSortDirection: "defaultSortDirection", defaultPageSize: "defaultPageSize", defaultPageSizeOptions: "defaultPageSizeOptions", focusColumn: "focusColumn", dataSource: "dataSource", filter: "filter", disabled: "disabled", paginator: "paginator" }, outputs: { onRefresh: "onRefresh", onOpenRow: "onOpenRow", onNewRow: "onNewRow", onStartEditingRow: "onStartEditingRow", onConfirmEditCreateRow: "onConfirmEditCreateRow", onCancelOrDeleteRow: "onCancelOrDeleteRow", onBeforeDeleteRows: "onBeforeDeleteRows", onBeforeCancelRows: "onBeforeCancelRows", onBeforeSave: "onBeforeSave", onAfterDeletedRows: "onAfterDeletedRows", onSort: "onSort", onDirty: "onDirty", onError: "onError" }, viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }, { propertyName: "childPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AppTable, inputs: { settingsId: "settingsId", debug: "debug", i18nColumnPrefix: "i18nColumnPrefix", i18nColumnSuffix: "i18nColumnSuffix", autoLoad: "autoLoad", readOnly: "readOnly", inlineEdition: "inlineEdition", focusFirstColumn: "focusFirstColumn", confirmBeforeDelete: "confirmBeforeDelete", confirmBeforeCancel: "confirmBeforeCancel", undoableDeletion: "undoableDeletion", saveBeforeDelete: "saveBeforeDelete", keepEditedRowOnSave: "keepEditedRowOnSave", saveBeforeSort: "saveBeforeSort", saveBeforeFilter: "saveBeforeFilter", propagateRowError: "propagateRowError", permanentSelectionAllowed: "permanentSelectionAllowed", openRowThrottleTime: "openRowThrottleTime", defaultSortBy: "defaultSortBy", defaultSortDirection: "defaultSortDirection", defaultPageSize: "defaultPageSize", defaultPageSizeOptions: "defaultPageSizeOptions", focusColumn: "focusColumn", dataSource: "dataSource", filter: "filter", disabled: "disabled", paginator: "paginator" }, outputs: { onRefresh: "onRefresh", onClickRow: "onClickRow", onOpenRow: "onOpenRow", onNewRow: "onNewRow", onStartEditingRow: "onStartEditingRow", onConfirmEditCreateRow: "onConfirmEditCreateRow", onCancelOrDeleteRow: "onCancelOrDeleteRow", onBeforeDeleteRows: "onBeforeDeleteRows", onBeforeCancelRows: "onBeforeCancelRows", onBeforeSave: "onBeforeSave", onAfterDeletedRows: "onAfterDeletedRows", onSort: "onSort", onDirty: "onDirty", onError: "onError" }, viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }, { propertyName: "childPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppTable, decorators: [{
             type: Directive
@@ -35200,6 +35205,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], onRefresh: [{
                 type: Output
+            }], onClickRow: [{
+                type: Output
             }], onOpenRow: [{
                 type: Output
             }], onNewRow: [{
@@ -36282,6 +36289,7 @@ class AppAsyncTable {
         return this.permanentSelection?.selected || AppTableUtils.getEntities(this.selection.selected);
     }
     onRefresh = new EventEmitter();
+    onClickRow = new EventEmitter();
     onOpenRow = new EventEmitter();
     onNewRow = new EventEmitter();
     onStartEditingRow = new EventEmitter();
@@ -36697,7 +36705,7 @@ class AppAsyncTable {
             await this.editRowById(event, row.id, { focusColumn: this.lastUserColumn });
             return true;
         }
-        // Edit previous row
+        // Edit row
         await this.editRow(event, row, { focusColumn: this.lastUserColumn });
         return true;
     }
@@ -37027,7 +37035,7 @@ class AppAsyncTable {
     toggleSelectRow(event, row) {
         // /!\ DO NOT prevent default, otherwise the checkbox will not be updated
         //event?.preventDefault();
-        event.stopPropagation();
+        event?.stopPropagation();
         this.selection.toggle(row);
     }
     async clickRow(event, row) {
@@ -37045,10 +37053,9 @@ class AppAsyncTable {
                 console.debug('[table] clickRow event is defaultPrevented');
             return false;
         }
-        // Already in edition
-        if (row.id === -1 || row.editing) {
-            if (this.debug)
-                console.debug('[table] Row already editing. Skip clickRow event');
+        // Call onClickRow if observed
+        if (this.onClickRow.observed) {
+            this.onClickRow.next(row);
             return true;
         }
         // Open the detail page (if not inline editing)
@@ -37061,7 +37068,6 @@ class AppAsyncTable {
             }
             this._openingRow = true; // Prevent double click
             this.markAsLoading();
-            this.selection.clear();
             this.openRow(row.currentData.id, row)
                 .catch((err) => console.error('Failed to open row', err)) // Continue
                 .then(() => {
@@ -37352,6 +37358,8 @@ class AppAsyncTable {
                 console.warn('[table] Opening row details, but table has unsaved changes!');
             }
             if (this.onOpenRow.observed) {
+                // Clear selection (because next route can change the current table content)
+                this.selection.clear();
                 this.onOpenRow.emit(row);
                 return true;
             }
@@ -37360,6 +37368,8 @@ class AppAsyncTable {
                 console.warn('[table] Opening row details, but data has no id!');
                 return false;
             }
+            // Clear selection (because next route can change the current table content)
+            this.selection.clear();
             return this.navController.navigateForward(`${this.router.url}/${id}`, {
                 queryParams: {},
             });
@@ -37373,6 +37383,8 @@ class AppAsyncTable {
             this.onNewRow.emit(event);
             return true;
         }
+        // Clear selection (because next route can change the current table content)
+        this.selection.clear();
         return this.navController.navigateForward(`${this.router.url}/new`);
     }
     // can be overridden to add more required columns
@@ -37839,7 +37851,7 @@ class AppAsyncTable {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAsyncTable, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AppAsyncTable, inputs: { settingsId: "settingsId", debug: "debug", i18nColumnPrefix: "i18nColumnPrefix", i18nColumnSuffix: "i18nColumnSuffix", autoLoad: "autoLoad", readOnly: "readOnly", inlineEdition: "inlineEdition", focusFirstColumn: "focusFirstColumn", confirmBeforeDelete: "confirmBeforeDelete", confirmBeforeCancel: "confirmBeforeCancel", undoableDeletion: "undoableDeletion", saveBeforeDelete: "saveBeforeDelete", keepEditedRowOnSave: "keepEditedRowOnSave", saveBeforeSort: "saveBeforeSort", saveBeforeFilter: "saveBeforeFilter", propagateRowError: "propagateRowError", permanentSelectionAllowed: "permanentSelectionAllowed", openRowThrottleTime: "openRowThrottleTime", defaultSortBy: "defaultSortBy", defaultSortDirection: "defaultSortDirection", defaultPageSize: "defaultPageSize", defaultPageSizeOptions: "defaultPageSizeOptions", focusColumn: "focusColumn", dataSource: "dataSource", filter: "filter", disabled: "disabled", paginator: "paginator" }, outputs: { onRefresh: "onRefresh", onOpenRow: "onOpenRow", onNewRow: "onNewRow", onStartEditingRow: "onStartEditingRow", onConfirmEditCreateRow: "onConfirmEditCreateRow", onCancelOrDeleteRow: "onCancelOrDeleteRow", onBeforeDeleteRows: "onBeforeDeleteRows", onBeforeCancelRows: "onBeforeCancelRows", onBeforeSave: "onBeforeSave", onAfterDeletedRows: "onAfterDeletedRows", onSort: "onSort", onDirty: "onDirty", onError: "onError" }, viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }, { propertyName: "childPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AppAsyncTable, inputs: { settingsId: "settingsId", debug: "debug", i18nColumnPrefix: "i18nColumnPrefix", i18nColumnSuffix: "i18nColumnSuffix", autoLoad: "autoLoad", readOnly: "readOnly", inlineEdition: "inlineEdition", focusFirstColumn: "focusFirstColumn", confirmBeforeDelete: "confirmBeforeDelete", confirmBeforeCancel: "confirmBeforeCancel", undoableDeletion: "undoableDeletion", saveBeforeDelete: "saveBeforeDelete", keepEditedRowOnSave: "keepEditedRowOnSave", saveBeforeSort: "saveBeforeSort", saveBeforeFilter: "saveBeforeFilter", propagateRowError: "propagateRowError", permanentSelectionAllowed: "permanentSelectionAllowed", openRowThrottleTime: "openRowThrottleTime", defaultSortBy: "defaultSortBy", defaultSortDirection: "defaultSortDirection", defaultPageSize: "defaultPageSize", defaultPageSizeOptions: "defaultPageSizeOptions", focusColumn: "focusColumn", dataSource: "dataSource", filter: "filter", disabled: "disabled", paginator: "paginator" }, outputs: { onRefresh: "onRefresh", onClickRow: "onClickRow", onOpenRow: "onOpenRow", onNewRow: "onNewRow", onStartEditingRow: "onStartEditingRow", onConfirmEditCreateRow: "onConfirmEditCreateRow", onCancelOrDeleteRow: "onCancelOrDeleteRow", onBeforeDeleteRows: "onBeforeDeleteRows", onBeforeCancelRows: "onBeforeCancelRows", onBeforeSave: "onBeforeSave", onAfterDeletedRows: "onAfterDeletedRows", onSort: "onSort", onDirty: "onDirty", onError: "onError" }, viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }, { propertyName: "childPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAsyncTable, decorators: [{
             type: Directive
@@ -37895,6 +37907,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], onRefresh: [{
                 type: Output
+            }], onClickRow: [{
+                type: Output
             }], onOpenRow: [{
                 type: Output
             }], onNewRow: [{