@recursyve/nice-data-filter-kit 16.1.0 → 16.1.2

package/fesm2022/recursyve-nice-data-filter-kit.mjs

@@ -4217,6 +4217,9 @@ class NiceSelectableListStateQuery extends QueryEntity {
     constructor(store) {
         super(store);
     }
+    selectAllSelected() {
+        return this.select("allSelected");
+    }
     selectActiveViewIndex() {
         return this.select(({ ids, active }) => {
             const index = ids.indexOf(active);
@@ -4243,20 +4246,25 @@ class NiceSelectableListStateQuery extends QueryEntity {
 
 class NiceSelectableListStateService {
     get idKey() {
-        return this.options?.idKey ?? "id";
+        return this._options?.idKey ?? "id";
     }
     get preloadedWindow() {
-        return this.options?.preloadWindow ?? 2;
+        return this._options?.preloadWindow ?? 2;
     }
     get queryParamsDisabled() {
-        return this.options?.disableQueryParams ?? false;
+        return this._options?.disableQueryParams ?? false;
+    }
+    get selectAllBehaviour() {
+        return this._options?.selectAllBehaviour ?? null;
     }
-    constructor(store, route, router, preloadService, options) {
+    constructor(store, router, preloadService, options) {
         this.store = store;
-        this.route = route;
         this.router = router;
         this.preloadService = preloadService;
-        this.options = options;
+        this._options = options;
+    }
+    setOptions(options) {
+        this._options = options;
     }
     setActive(entity) {
         this.store.setActive(entity[this.idKey]);
@@ -4456,11 +4464,11 @@ class NiceSelectableListStateService {
 }
 
 class NiceSelectableListService {
-    constructor(providers, route, router) {
+    constructor(providers, router) {
         this.providers = providers;
-        this.route = route;
         this.router = router;
         this.stores = new Map();
+        this.services = new Map();
     }
     createState(name, options) {
         const store = new EntityStore({ allSelected: false, unselectedEntity: [] }, { name, idKey: options?.idKey });
@@ -4474,12 +4482,17 @@ class NiceSelectableListService {
     }
     withState(stateName, options) {
         const provider = this.providers?.find((p) => p.state === stateName);
-        const state = this.getState(stateName);
-        if (state) {
-            return new NiceSelectableListStateService(state.store, this.route, this.router, provider, options);
+        const service = this.services.get(stateName);
+        if (service) {
+            if (options) {
+                service.setOptions(options);
+            }
+            return service;
         }
         const newState = this.createState(stateName, options);
-        return new NiceSelectableListStateService(newState.store, this.route, this.router, provider, options);
+        const newService = new NiceSelectableListStateService(newState.store, this.router, provider, options);
+        this.services.set(stateName, newService);
+        return newService;
     }
     query(stateName) {
         const state = this.getState(stateName);
@@ -4488,7 +4501,7 @@ class NiceSelectableListService {
         }
         return state.query;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceSelectableListService, deps: [{ token: NICE_PRELOAD_SELECTED_ENTITIES_PROVIDER, optional: true }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceSelectableListService, deps: [{ token: NICE_PRELOAD_SELECTED_ENTITIES_PROVIDER, optional: true }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceSelectableListService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceSelectableListService, decorators: [{
@@ -4499,7 +4512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImpor
                 }, {
                     type: Inject,
                     args: [NICE_PRELOAD_SELECTED_ENTITIES_PROVIDER]
-                }] }, { type: i2.ActivatedRoute }, { type: i2.Router }]; } });
+                }] }, { type: i2.Router }]; } });
 
 class NiceFilterExportButtonsComponent {
     constructor(icons, exportsSettings, niceFilterViewQuery, selectableListService, query, service, bottomSheet) {
@@ -4820,9 +4833,13 @@ class NiceFilterMatPaginatorPaginationDirective extends NiceNestedFilterView {
     constructor(paginator) {
         super();
         this.paginator = paginator;
+        this.defaultPageSizeOptions = [10, 25, 50, 100];
     }
     ngOnInit() {
         super.ngOnInit();
+        if (!this.paginator.pageSizeOptions.length) {
+            this.paginator.pageSizeOptions = this.defaultPageSizeOptions;
+        }
         this.filterViewQuery.selectFilterResult().pipe(takeUntil(this.unsubscribeAll$)).subscribe((res) => {
             if (!res) {
                 return;
@@ -5014,6 +5031,19 @@ class NiceSelectableListCheckboxDirective {
                 this.checkbox.checked = false;
             }
         });
+        this.selectableListStateQuery.selectAllSelected().pipe(takeUntil(this.unsubscribeAll$)).subscribe((allSelected) => {
+            const selectAllBehaviour = this.selectableListStateService.selectAllBehaviour;
+            if (allSelected) {
+                this.selectableListStateService.selectEntity(this.selectableEntity);
+                if (selectAllBehaviour === "lock") {
+                    this.checkbox.disabled = true;
+                }
+            }
+            else {
+                this.selectableListStateService.unselectEntity(this.selectableEntity);
+                this.checkbox.disabled = false;
+            }
+        });
     }
     handleSelectPage() {
         this.selectableListStateQuery.selectCount().subscribe(() => this.updateCheckboxState());
@@ -5026,6 +5056,17 @@ class NiceSelectableListCheckboxDirective {
                 checkbox.checkbox.change.emit({ checked: value.checked, source: checkbox.checkbox });
             }
         });
+        this.selectableListStateQuery.selectAllSelected().pipe(takeUntil(this.unsubscribeAll$)).subscribe((allSelected) => {
+            const selectAllBehaviour = this.selectableListStateService.selectAllBehaviour;
+            if (allSelected) {
+                if (selectAllBehaviour === "lock") {
+                    this.checkbox.disabled = true;
+                }
+            }
+            else {
+                this.checkbox.disabled = false;
+            }
+        });
     }
     updateCheckboxState() {
         const count = this.selectableListStateQuery.getCount();
@@ -5112,6 +5153,7 @@ class NiceSelectableListDirective {
     ngOnChanges(changes) {
         if ("options" in changes) {
             this.service.setOptions(this.options);
+            this.stateService?.setOptions(this.options);
         }
         if ("state" in changes) {
             this.service.setState(this.state);