@recursyve/nice-data-filter-kit 15.3.1 → 15.3.3

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

@@ -149,14 +149,26 @@ class NiceFilterApi {
     getFilterConfig(option = {}) {
         return this.http.get(this.url("filter/config"), option);
     }
-    searchFilterValue(id, value) {
+    searchFilterValue(id, value, options) {
         if (value === undefined) {
             value = "";
         }
-        return this.http.get(this.url(`filter/config/value?id=${id}&value=${value}`));
+        return this.http.get(this.url(`filter/config/value`), {
+            params: {
+                ...options?.params,
+                id,
+                value
+            }
+        });
     }
-    searchFilterResourceValue(id, resourceId) {
-        return this.http.get(this.url(`filter/config/id?id=${id}&resourceId=${resourceId}`));
+    searchFilterResourceValue(id, resourceId, options) {
+        return this.http.get(this.url(`filter/config/id`), {
+            params: {
+                ...options?.params,
+                id,
+                resourceId
+            }
+        });
     }
     url(...args) {
         const [route, queryParams] = this.transformUrlArgs(args);
@@ -180,6 +192,9 @@ class NiceFilterApi {
 const mixinNiceFilterApi = (model) => {
     return (base) => {
         return class extends base {
+            constructor(...args) {
+                super(...args);
+            }
             filter(queryModel, option = {}) {
                 return this.post("filter", queryModel, option).pipe(map(x => model ? ({
                     ...x,
@@ -198,28 +213,27 @@ const mixinNiceFilterApi = (model) => {
             getFilterConfig(option = {}) {
                 return this.get("filter/config", option);
             }
-            searchFilterValue(id, value) {
+            searchFilterValue(id, value, options) {
                 if (value === undefined) {
                     value = "";
                 }
                 return this.get("filter/config/value", {
                     params: {
+                        ...options?.params,
                         id,
                         value
                     }
                 });
             }
-            searchFilterResourceValue(id, resourceId) {
+            searchFilterResourceValue(id, resourceId, options) {
                 return this.get("filter/config/id", {
                     params: {
+                        ...options?.params,
                         id,
                         resourceId
                     }
                 });
             }
-            constructor(...args) {
-                super(...args);
-            }
         };
     };
 };
@@ -612,11 +626,11 @@ class NiceFilterService {
     getFilterConfig(option = {}) {
         return this.api?.getFilterConfig(option);
     }
-    searchFilterValue(filterConfig, value) {
-        return this.api?.searchFilterValue(filterConfig.id, value);
+    searchFilterValue(filterConfig, value, options) {
+        return this.api?.searchFilterValue(filterConfig.id, value, options);
     }
-    searchFilterResourceValue(filterConfig, resourceId) {
-        return this.api?.searchFilterResourceValue(filterConfig.id, resourceId);
+    searchFilterResourceValue(filterConfig, resourceId, options) {
+        return this.api?.searchFilterResourceValue(filterConfig.id, resourceId, options);
     }
 }
 NiceFilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceFilterService, deps: [{ token: NiceFilterApi }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -3002,6 +3016,9 @@ class NiceFilterViewQuery extends QueryEntity {
     selectFilterResult() {
         return this.select("filterResult");
     }
+    selectQueryParams() {
+        return this.select("queryParams");
+    }
     getParameters() {
         return this.store.getParameters(this.store.getValue().filterParameters);
     }
@@ -3066,13 +3083,13 @@ class NiceFilterViewService {
         }
     }
     async filter() {
-        const { filterParameters, disabled } = this.store.getValue();
+        const { filterParameters, disabled, queryParams } = this.store.getValue();
         if (disabled) {
             return;
         }
         try {
             this.store.setLoading(true);
-            const result = await firstValueFrom(this.filterService.filter(this.store.getParameters(filterParameters)));
+            const result = await firstValueFrom(this.filterService.filter(this.store.getParameters(filterParameters), { params: queryParams }));
             this.store.setResult(result);
         }
         catch (e) {
@@ -3586,10 +3603,10 @@ class AdvancedFiltersAsyncTypeaheadProvider extends NiceAsyncTypeaheadProvider {
         this.resource = "advancedFilter";
     }
     getById(id, options) {
-        return lastValueFrom(this.filterService.searchFilterResourceValue(options.filterConfig, id));
+        return lastValueFrom(this.filterService.searchFilterResourceValue(options.filterConfig, id, { params: options?.queryParams }));
     }
     async search(searchQuery, page, options) {
-        const res = await lastValueFrom(this.filterService.searchFilterValue(options.filterConfig, searchQuery));
+        const res = await lastValueFrom(this.filterService.searchFilterValue(options.filterConfig, searchQuery, { params: options?.queryParams }));
         return {
             items: res,
             nextPage: null
@@ -3784,9 +3801,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class NiceAdvancedSelectFilterComponent extends FilterComponent {
-    constructor() {
-        super(...arguments);
+    constructor(filterViewQuery) {
+        super();
+        this.filterViewQuery = filterViewQuery;
         this.values = [];
+        this.queryParams$ = this.filterViewQuery.selectQueryParams();
     }
     async ngOnInit() {
         if (!this.filterConfig.lazyLoading) {
@@ -3810,14 +3829,14 @@ class NiceAdvancedSelectFilterComponent extends FilterComponent {
         super.writeValue(value);
     }
 }
-NiceAdvancedSelectFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceAdvancedSelectFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NiceAdvancedSelectFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceAdvancedSelectFilterComponent, deps: [{ token: NiceFilterViewQuery }], target: i0.ɵɵFactoryTarget.Component });
 NiceAdvancedSelectFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NiceAdvancedSelectFilterComponent, selector: "nice-advanced-select-filter", inputs: { filterConfig: "filterConfig" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => NiceAdvancedSelectFilterComponent),
             multi: true
         }
-    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <nice-typeahead\n        *ngIf=\"!filterConfig.lazyLoading\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [items]=\"values\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n    ></nice-typeahead>\n\n    <nice-async-typeahead\n        *ngIf=\"filterConfig.lazyLoading\"\n        resource=\"advancedFilter\"\n        [searchOptions]=\"{ filterConfig }\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n    ></nice-async-typeahead>\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i5$1.NiceTypeaheadComponent, selector: "nice-typeahead", inputs: ["items", "labelFormatFn", "required", "disabled", "placeholder", "emptyPlaceholder", "allowNotFoundItems", "panelClass", "bindValue", "bindLabel", "typeahead", "page$", "loading", "loadingPage", "searchFn", "optionTemplate"], outputs: ["change"] }, { kind: "component", type: i5$1.NiceAsyncTypeaheadComponent, selector: "nice-async-typeahead", inputs: ["resource", "searchOptions", "autoReload", "preloadResource", "allowNotFoundItems", "panelClass", "bindValue", "bindLabel", "placeholder", "emptyPlaceholder", "optionTemplate", "filterFn", "labelFormatFn", "disabled", "value", "required"], outputs: ["entityRemoved", "selected"] }], encapsulation: i0.ViewEncapsulation.None });
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <nice-typeahead\n        *ngIf=\"!filterConfig.lazyLoading\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [items]=\"values\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n    ></nice-typeahead>\n\n    <nice-async-typeahead\n        *ngIf=\"filterConfig.lazyLoading\"\n        resource=\"advancedFilter\"\n        [searchOptions]=\"{ filterConfig, queryParams: queryParams$ | async }\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n    ></nice-async-typeahead>\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i5$1.NiceTypeaheadComponent, selector: "nice-typeahead", inputs: ["items", "labelFormatFn", "required", "disabled", "placeholder", "emptyPlaceholder", "allowNotFoundItems", "panelClass", "bindValue", "bindLabel", "typeahead", "page$", "loading", "loadingPage", "searchFn", "optionTemplate"], outputs: ["change"] }, { kind: "component", type: i5$1.NiceAsyncTypeaheadComponent, selector: "nice-async-typeahead", inputs: ["resource", "searchOptions", "autoReload", "preloadResource", "allowNotFoundItems", "panelClass", "bindValue", "bindLabel", "placeholder", "emptyPlaceholder", "optionTemplate", "filterFn", "labelFormatFn", "disabled", "value", "required"], outputs: ["entityRemoved", "selected"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceAdvancedSelectFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-select-filter", encapsulation: ViewEncapsulation.None, providers: [
@@ -3826,8 +3845,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                             useExisting: forwardRef(() => NiceAdvancedSelectFilterComponent),
                             multi: true
                         }
-                    ], template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <nice-typeahead\n        *ngIf=\"!filterConfig.lazyLoading\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [items]=\"values\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n    ></nice-typeahead>\n\n    <nice-async-typeahead\n        *ngIf=\"filterConfig.lazyLoading\"\n        resource=\"advancedFilter\"\n        [searchOptions]=\"{ filterConfig }\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n    ></nice-async-typeahead>\n</mat-form-field>\n" }]
-        }], propDecorators: { filterConfig: [{
+                    ], template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <nice-typeahead\n        *ngIf=\"!filterConfig.lazyLoading\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [items]=\"values\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n    ></nice-typeahead>\n\n    <nice-async-typeahead\n        *ngIf=\"filterConfig.lazyLoading\"\n        resource=\"advancedFilter\"\n        [searchOptions]=\"{ filterConfig, queryParams: queryParams$ | async }\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n    ></nice-async-typeahead>\n</mat-form-field>\n" }]
+        }], ctorParameters: function () { return [{ type: NiceFilterViewQuery }]; }, propDecorators: { filterConfig: [{
                 type: Input
             }] } });