@recursyve/nice-data-filter-kit 16.1.1 → 16.1.3

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

@@ -1658,7 +1658,7 @@ class TextFilterComponent extends FilterComponent$1 {
                 useExisting: forwardRef(() => TextFilterComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"flex-auto\">\n    <input matInput [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\" [mask]=\"(filterConfig?.mask) || ''\" [validation]=\"false\" type=\"text\" />\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"flex-auto\">\n    <input matInput [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\" [mask]=\"(filterConfig?.mask) || ''\" [validation]=\"false\" type=\"text\" />\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: TextFilterComponent, decorators: [{
             type: Component,
@@ -3884,7 +3884,7 @@ class NiceAdvancedTextFilterComponent extends FilterComponent {
                 useExisting: forwardRef(() => NiceAdvancedTextFilterComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <input matInput [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\" [mask]=\"(filterConfig?.mask) || ''\" [validation]=\"false\" type=\"text\" />\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <input matInput [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\" [mask]=\"(filterConfig?.mask) || ''\" [validation]=\"false\" type=\"text\" />\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceAdvancedTextFilterComponent, decorators: [{
             type: Component,
@@ -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) {
@@ -4733,7 +4746,8 @@ class NiceFilterQueryParamsDirective {
         this.router.navigate([], {
             relativeTo: this.route,
             queryParams: QueryParamsUtils.filterParametersToParamsMap(params),
-            queryParamsHandling: "merge"
+            queryParamsHandling: "merge",
+            replaceUrl: this.replaceUrlOnNavigation
         });
     }
     loadQueryParams() {
@@ -4767,12 +4781,14 @@ class NiceFilterQueryParamsDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceFilterQueryParamsDirective, deps: [{ token: NiceFilterViewQuery }, { token: NiceFilterViewService }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: NiceFilterQueryParamsDirective, selector: "nice-filter-view[niceFilterQueryParams]", outputs: { init: "init" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: NiceFilterQueryParamsDirective, selector: "nice-filter-view[niceFilterQueryParams]", inputs: { replaceUrlOnNavigation: "replaceUrlOnNavigation" }, outputs: { init: "init" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceFilterQueryParamsDirective, decorators: [{
             type: Directive,
             args: [{ selector: "nice-filter-view[niceFilterQueryParams]" }]
-        }], ctorParameters: function () { return [{ type: NiceFilterViewQuery }, { type: NiceFilterViewService }, { type: i2.ActivatedRoute }, { type: i2.Router }]; }, propDecorators: { init: [{
+        }], ctorParameters: function () { return [{ type: NiceFilterViewQuery }, { type: NiceFilterViewService }, { type: i2.ActivatedRoute }, { type: i2.Router }]; }, propDecorators: { replaceUrlOnNavigation: [{
+                type: Input
+            }], init: [{
                 type: Output
             }] } });
 
@@ -5018,6 +5034,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());
@@ -5030,6 +5059,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();
@@ -5116,6 +5156,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);