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

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

@@ -149,14 +149,20 @@ 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: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : 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: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.params), { id,
+                resourceId })
+        });
     }
     url(...args) {
         const [route, queryParams] = this.transformUrlArgs(args);
@@ -180,6 +186,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 ? (Object.assign(Object.assign({}, x), { values: plainToInstance(model, x.values) })) : x));
             }
@@ -195,28 +204,21 @@ 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: {
-                        id,
-                        value
-                    }
+                    params: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.params), { id,
+                        value })
                 });
             }
-            searchFilterResourceValue(id, resourceId) {
+            searchFilterResourceValue(id, resourceId, options) {
                 return this.get("filter/config/id", {
-                    params: {
-                        id,
-                        resourceId
-                    }
+                    params: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.params), { id,
+                        resourceId })
                 });
             }
-            constructor(...args) {
-                super(...args);
-            }
         };
     };
 };
@@ -611,13 +613,13 @@ class NiceFilterService {
         var _a;
         return (_a = this.api) === null || _a === void 0 ? void 0 : _a.getFilterConfig(option);
     }
-    searchFilterValue(filterConfig, value) {
+    searchFilterValue(filterConfig, value, options) {
         var _a;
-        return (_a = this.api) === null || _a === void 0 ? void 0 : _a.searchFilterValue(filterConfig.id, value);
+        return (_a = this.api) === null || _a === void 0 ? void 0 : _a.searchFilterValue(filterConfig.id, value, options);
     }
-    searchFilterResourceValue(filterConfig, resourceId) {
+    searchFilterResourceValue(filterConfig, resourceId, options) {
         var _a;
-        return (_a = this.api) === null || _a === void 0 ? void 0 : _a.searchFilterResourceValue(filterConfig.id, resourceId);
+        return (_a = this.api) === null || _a === void 0 ? void 0 : _a.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 });
@@ -2983,6 +2985,9 @@ class NiceFilterViewQuery extends QueryEntity {
     selectFilterResult() {
         return this.select("filterResult");
     }
+    selectQueryParams() {
+        return this.select("queryParams");
+    }
     getParameters() {
         return this.store.getParameters(this.store.getValue().filterParameters);
     }
@@ -3047,13 +3052,13 @@ class NiceFilterViewService {
     }
     filter() {
         return __awaiter(this, void 0, void 0, function* () {
-            const { filterParameters, disabled } = this.store.getValue();
+            const { filterParameters, disabled, queryParams } = this.store.getValue();
             if (disabled) {
                 return;
             }
             try {
                 this.store.setLoading(true);
-                const result = yield firstValueFrom(this.filterService.filter(this.store.getParameters(filterParameters)));
+                const result = yield firstValueFrom(this.filterService.filter(this.store.getParameters(filterParameters), { params: queryParams }));
                 this.store.setResult(result);
             }
             catch (e) {
@@ -3572,11 +3577,11 @@ 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 === null || options === void 0 ? void 0 : options.queryParams }));
     }
     search(searchQuery, page, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            const res = yield lastValueFrom(this.filterService.searchFilterValue(options.filterConfig, searchQuery));
+            const res = yield lastValueFrom(this.filterService.searchFilterValue(options.filterConfig, searchQuery, { params: options === null || options === void 0 ? void 0 : options.queryParams }));
             return {
                 items: res,
                 nextPage: null
@@ -3763,9 +3768,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();
     }
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -3791,14 +3798,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: [
@@ -3807,8 +3814,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
             }] } });