@sumaris-net/ngx-components 2.6.1 → 2.6.2-rc2

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

@@ -25644,6 +25644,7 @@ class AppTable {
         this.errorSubject = new BehaviorSubject(undefined);
         this.selection = new SelectionModel(true, []);
         this.permanentSelection = null;
+        this.permanentSelectionChangedPrevented = false;
         this.editedRow = undefined;
         this.i18nColumnPrefix = 'COMMON.';
         this.autoLoad = true;
@@ -25652,6 +25653,7 @@ class AppTable {
         this.confirmBeforeCancel = false;
         this.undoableDeletion = false;
         this.propagateRowError = false;
+        this.permanentSelectionAllowed = false; // Allow keep selected rows over page change or sort change
         this.defaultPageSize = DEFAULT_PAGE_SIZE;
         this.defaultPageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS;
         this.onRefresh = new EventEmitter();
@@ -25965,6 +25967,9 @@ class AppTable {
         // Listen dataSource loading events
         if (this._dataSource)
             this.listenDatasourceLoading(this._dataSource);
+        // Permanent selection behavior
+        if (this.permanentSelectionAllowed)
+            this.initPermanentSelection();
     }
     ngAfterViewInit() {
         // Detect when parent ngOnInit() not call
@@ -26046,6 +26051,8 @@ class AppTable {
     }
     setFilter(filter, opts) {
         opts = opts || { emitEvent: true };
+        // Prevent permanent selection change events
+        this.permanentSelectionChangedPrevented = toBoolean(opts.permanentSelectionChangedPrevented, this.permanentSelectionChangedPrevented);
         if (this.saveBeforeFilter) {
             // if a dirty table is to be saved before filter
             if (this.dirty) {
@@ -27183,27 +27190,26 @@ class AppTable {
         if (this.permanentSelection)
             throw new Error('initPermanentSelection() already called!');
         this.permanentSelection = new SelectionModel(true, []);
-        let selectionChangedPrevented = false;
         // Listen sort change
-        this.registerSubscription(this.onSort.subscribe(() => (selectionChangedPrevented = true)) // prevent selection change on sort
+        this.registerSubscription(this.onSort.subscribe(() => (this.permanentSelectionChangedPrevented = true)) // prevent selection change on sort
         );
         // Listen datasource update
         this.registerSubscription(this.dataSource.rowsSubject
             // restore the 'adding' selection (for example after a page or sort change)
             .subscribe((rows) => {
-            selectionChangedPrevented = true;
+            this.permanentSelectionChangedPrevented = true;
             try {
                 const permanentSelectionIds = (this.permanentSelection.selected || []).map(EntityUtils.getId);
                 this.selection.setSelection(...rows.filter((row) => permanentSelectionIds.includes(AppTableUtils.getEntityId(row))));
                 this.markForCheck();
             }
             finally {
-                selectionChangedPrevented = false;
+                this.permanentSelectionChangedPrevented = false;
             }
         }));
         // Listen selection change
         this.registerSubscription(this.selection.changed
-            .pipe(filter(() => !selectionChangedPrevented))
+            .pipe(filter(() => !this.permanentSelectionChangedPrevented))
             .subscribe((selectionChange) => {
             // add to selection
             if (selectionChange.added.length) {
@@ -27224,7 +27230,7 @@ class AppTable {
     }
 }
 AppTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppTable, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-AppTable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", 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", 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 });
+AppTable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", 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", 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: "14.3.0", ngImport: i0, type: AppTable, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: undefined }, { type: EntitiesTableDataSource }, { type: undefined }]; }, propDecorators: { settingsId: [{
@@ -27259,6 +27265,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], propagateRowError: [{
                 type: Input
+            }], permanentSelectionAllowed: [{
+                type: Input
             }], defaultSortBy: [{
                 type: Input
             }], defaultSortDirection: [{
@@ -31495,6 +31503,8 @@ class AppAsyncTable {
         this.dirtySubject = new BehaviorSubject(false);
         this.errorSubject = new BehaviorSubject(undefined);
         this.selection = new SelectionModel(true, []);
+        this.permanentSelection = null;
+        this.permanentSelectionChangedPrevented = false;
         this.i18nColumnPrefix = 'COMMON.';
         this.autoLoad = true;
         this.focusFirstColumn = false;
@@ -31502,6 +31512,7 @@ class AppAsyncTable {
         this.confirmBeforeCancel = false;
         this.undoableDeletion = false;
         this.propagateRowError = false;
+        this.permanentSelectionAllowed = false; // Allow keep selected rows over page change or sort change
         this.defaultPageSize = DEFAULT_PAGE_SIZE;
         this.defaultPageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS;
         this.onRefresh = new EventEmitter();
@@ -31561,6 +31572,10 @@ class AppAsyncTable {
     get empty() {
         return this.loading || this.totalRowCount === 0;
     }
+    get selectedEntities() {
+        return this.permanentSelection?.selected
+            || AppTableUtils.getEntities(this.selection.selected);
+    }
     get dirty() {
         return this.dirtySubject.value;
     }
@@ -31805,6 +31820,9 @@ class AppAsyncTable {
         // Listen dataSource loading events
         if (this._dataSource)
             this.listenDatasourceLoading(this._dataSource);
+        // Permanent selection behavior
+        if (this.permanentSelectionAllowed)
+            this.initPermanentSelection();
     }
     ngAfterViewInit() {
         // Detect when parent ngOnInit() not call
@@ -31886,6 +31904,8 @@ class AppAsyncTable {
     }
     setFilter(filter, opts) {
         opts = opts || { emitEvent: true };
+        // Prevent permanent selection change events
+        this.permanentSelectionChangedPrevented = toBoolean(opts.permanentSelectionChangedPrevented, this.permanentSelectionChangedPrevented);
         if (this.saveBeforeFilter) {
             // if a dirty table is to be saved before filter
             if (this.dirty) {
@@ -32990,9 +33010,55 @@ class AppAsyncTable {
             def.subject.unsubscribe();
         }
     }
+    /**
+     * Initialize the permanent selection model
+     * @protected
+     */
+    initPermanentSelection() {
+        if (this.permanentSelection)
+            throw new Error('initPermanentSelection() already called!');
+        this.permanentSelection = new SelectionModel(true, []);
+        // Listen sort change
+        this.registerSubscription(this.onSort.subscribe(() => (this.permanentSelectionChangedPrevented = true)) // prevent selection change on sort
+        );
+        // Listen datasource update
+        this.registerSubscription(this.dataSource.rowsSubject
+            // restore the 'adding' selection (for example after a page or sort change)
+            .subscribe((rows) => {
+            this.permanentSelectionChangedPrevented = true;
+            try {
+                const permanentSelectionIds = (this.permanentSelection.selected || []).map(EntityUtils.getId);
+                this.selection.setSelection(...rows.filter((row) => permanentSelectionIds.includes(AppTableUtils.getEntityId(row))));
+                this.markForCheck();
+            }
+            finally {
+                this.permanentSelectionChangedPrevented = false;
+            }
+        }));
+        // Listen selection change
+        this.registerSubscription(this.selection.changed
+            .pipe(filter(() => !this.permanentSelectionChangedPrevented))
+            .subscribe((selectionChange) => {
+            // add to selection
+            if (selectionChange.added.length) {
+                this.permanentSelection.setSelection(...(this.permanentSelection.selected || [])
+                    // Add new elements
+                    .concat(...AppTableUtils.getEntities(selectionChange.added))
+                    // Avoid duplicated entities (Mantis #55351)
+                    .filter(EntityUtils.arrayDistinctFilterFn));
+            }
+            // remove from selection
+            if (selectionChange.removed.length) {
+                const removedIds = AppTableUtils.getEntityIds(selectionChange.removed);
+                this.permanentSelection.setSelection(...(this.permanentSelection.selected || [])
+                    .filter((entity) => !removedIds.includes(entity.id)));
+            }
+            this.markForCheck();
+        }));
+    }
 }
 AppAsyncTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAsyncTable, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-AppAsyncTable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", 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", 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 });
+AppAsyncTable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAsyncTable, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: undefined }, { type: EntitiesAsyncTableDataSource }, { type: undefined }]; }, propDecorators: { settingsId: [{
@@ -33027,6 +33093,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], propagateRowError: [{
                 type: Input
+            }], permanentSelectionAllowed: [{
+                type: Input
             }], defaultSortBy: [{
                 type: Input
             }], defaultSortDirection: [{