@sumaris-net/ngx-components 18.3.21 → 18.3.22

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

@@ -31565,7 +31565,7 @@ class AppTable {
     saveBeforeFilter;
     propagateRowError = false;
     permanentSelectionAllowed = false; // Allow keep selected rows over page change or sort change
-    openRowThrottleTime = 800;
+    openRowThrottleTime = 800; // Prevent double click - see issue sumaris-app#864
     defaultSortBy;
     defaultSortDirection;
     defaultPageSize = DEFAULT_PAGE_SIZE;
@@ -32421,11 +32421,17 @@ class AppTable {
             this.selection.clear();
             this.openRow(row.currentData.id, row)
                 .catch((err) => console.error('Failed to open row', err)) // Continue
-                .then(async () => {
+                .then(() => {
                 this.markAsLoaded();
-                // Add the throttle time, before authorize to click again (prevent double click)
-                await sleep(this.openRowThrottleTime);
-                this._openingRow = false;
+                // Prevent double click (use an open throttle time)
+                if (this.openRowThrottleTime > 0) {
+                    setTimeout(() => {
+                        this._openingRow = false;
+                    }, this.openRowThrottleTime);
+                }
+                else {
+                    this._openingRow = false;
+                }
             });
             return true;
         }
@@ -32551,8 +32557,6 @@ class AppTable {
         }
         this.editedRow = row;
         this.onStartEditingRow.emit(row);
-        // FIXME
-        //this.detectChanges(); // Workaround need by SUMARiS (e.g. for samples tables) otherwise the row will not be editable
         return true;
     }
     /**
@@ -32831,11 +32835,8 @@ class AppTable {
         this.visibleRowCount++;
         this.markAsDirty({ emitEvent: false /*markForCheck() is called just after*/ });
         // Emit event
-        if (!opts || opts.emitEvent !== false) {
+        if (!opts || opts.emitEvent !== false)
             this.markForCheck();
-            // FIXME
-            //this.detectChanges(); // Workaround need by SUMARiS (e.g. samples tables) otherwise new row is not visible
-        }
         return row;
     }
     registerCellValueChanges(name, formPath, emitInitialValue) {
@@ -34250,6 +34251,7 @@ class AppAsyncTable {
     _dataSource;
     _filter;
     _initialized = false;
+    _openingRow = false;
     _subscription = new Subscription();
     _dataSourceLoadingSubscription;
     _cellValueChangesDefs = {};
@@ -34309,6 +34311,7 @@ class AppAsyncTable {
     saveBeforeFilter;
     propagateRowError = false;
     permanentSelectionAllowed = false; // Allow keep selected rows over page change or sort change
+    openRowThrottleTime = 800; // Prevent double click - see issue sumaris-app#864
     defaultSortBy;
     defaultSortDirection;
     defaultPageSize = DEFAULT_PAGE_SIZE;
@@ -34524,6 +34527,14 @@ class AppAsyncTable {
     get sortDirection() {
         return (this.sort && this.sort.direction && (this.sort.direction === 'desc' ? 'desc' : 'asc')) || undefined;
     }
+    set sortDirection(value) {
+        if (this.sort) {
+            this.sort.direction = value;
+        }
+        else {
+            this.defaultSortDirection = value;
+        }
+    }
     _paginator = null;
     set paginator(value) {
         this._paginator = value;
@@ -35103,15 +35114,29 @@ class AppAsyncTable {
         }
         // Open the detail page (if not inline editing)
         if (!this.inlineEdition) {
+            if (this._openingRow)
+                return; // Prevent double click
             if (event) {
                 event.stopPropagation();
                 event.preventDefault();
             }
+            this._openingRow = true; // Prevent double click
             this.markAsLoading();
             this.selection.clear();
             this.openRow(row.currentData.id, row)
-                .then(() => this.markAsLoaded())
-                .catch(() => this.markAsLoaded());
+                .catch((err) => console.error('Failed to open row', err)) // Continue
+                .then(() => {
+                this.markAsLoaded();
+                // Prevent double click (use an open throttle time)
+                if (this.openRowThrottleTime > 0) {
+                    setTimeout(() => {
+                        this._openingRow = false;
+                    }, this.openRowThrottleTime);
+                }
+                else {
+                    this._openingRow = false;
+                }
+            });
             return true;
         }
         // Start editing row
@@ -35727,7 +35752,7 @@ class AppAsyncTable {
         }
     }
     setLoading(value, opts) {
-        if (this.loadingSubject.value !== value) {
+        if (!this.loadingSubject.closed && this.loadingSubject.value !== value) {
             this.loadingSubject.next(value);
             if (!opts || opts.emitEvent !== false) {
                 this.markForCheck();
@@ -35875,7 +35900,7 @@ class AppAsyncTable {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AppAsyncTable, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", 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", 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.11", 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AppAsyncTable, decorators: [{
             type: Directive
@@ -35913,6 +35938,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImpo
                 type: Input
             }], permanentSelectionAllowed: [{
                 type: Input
+            }], openRowThrottleTime: [{
+                type: Input
             }], defaultSortBy: [{
                 type: Input
             }], defaultSortDirection: [{