@recursyve/nice-ui-kit.v2 14.0.0-beta.131 → 14.0.0-beta.132

package/fesm2015/recursyve-nice-ui-kit.v2.mjs

@@ -2735,13 +2735,13 @@ class NiceAsyncTypeaheadService {
         var _a;
         (_a = this.requestsSubscription$) === null || _a === void 0 ? void 0 : _a.unsubscribe();
     }
-    initialize(resource) {
+    initialize(resource, options) {
         return __awaiter(this, void 0, void 0, function* () {
             const { initialized } = this.state$.getValue();
             if (initialized) {
                 return;
             }
-            return this.search(resource, "");
+            return this.search(resource, "", options);
         });
     }
     sendRequest(request) {
@@ -2773,15 +2773,15 @@ class NiceAsyncTypeaheadService {
             this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loading: false, loadingPage: false }));
         }));
     }
-    search(resource, searchQuery) {
+    search(resource, searchQuery, options) {
         this.requests$.next({
             resource,
             searchQuery,
-            searchOptions: this.getSearchOptions(),
+            searchOptions: options,
             page: 0
         });
     }
-    loadMore(resource) {
+    loadMore(resource, options) {
         const { loadingPage, isLastPage } = this.state$.getValue();
         if (loadingPage || isLastPage) {
             return;
@@ -2791,7 +2791,7 @@ class NiceAsyncTypeaheadService {
             resource,
             page,
             searchQuery,
-            searchOptions: this.getSearchOptions(),
+            searchOptions: options,
         });
     }
     getActive() {
@@ -2800,16 +2800,10 @@ class NiceAsyncTypeaheadService {
     getInitialized() {
         return this.state$.value.initialized;
     }
-    getSearchOptions() {
-        return this.state$.value.searchOptions;
-    }
-    setSearchOptions(searchOptions) {
-        this.state$.next(Object.assign(Object.assign({}, this.state$.value), { searchOptions }));
-    }
     setActive(entity) {
         this.state$.next(Object.assign(Object.assign({}, this.state$.value), { active: entity !== null && entity !== void 0 ? entity : null }));
     }
-    setActiveId(resource, id) {
+    setActiveId(resource, id, options) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!id) {
                 return;
@@ -2825,22 +2819,21 @@ class NiceAsyncTypeaheadService {
                     this.state$.next(Object.assign(Object.assign({}, this.state$.value), { items: [localItem], active: localItem, page: 0, isLastPage: false }));
                     return;
                 }
-                const entity = yield api.getById(id, this.getSearchOptions());
+                const entity = yield api.getById(id, options);
                 if (!entity) {
                     return;
                 }
                 this.state$.next(Object.assign(Object.assign({}, this.state$.value), { items: [entity], active: entity, page: 0, isLastPage: false }));
             }
-            catch (_a) {
-            }
+            catch (_a) { }
             finally {
                 this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loading: false }));
             }
         });
     }
-    reloadActive(resource) {
+    reloadActive(resource, options) {
         var _a;
-        return this.setActiveId(resource, (_a = this.state$.value.active) === null || _a === void 0 ? void 0 : _a.id);
+        return this.setActiveId(resource, (_a = this.state$.value.active) === null || _a === void 0 ? void 0 : _a.id, options);
     }
     reloadFilteredItems() {
         // TODO: Use a better way to trigger the items$ observable
@@ -2922,7 +2915,6 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         this._disabled = false;
         this.id = uuid.v4();
         this.describedBy = "";
-        this.componentInitialized = false;
         this.propagate = () => { };
         if (this.ngControl) {
             this.ngControl.valueAccessor = this;
@@ -2993,41 +2985,35 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         return this.service.getInitialized();
     }
     ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.service.listenForRequest();
-            if (this.ngControl) {
-                if (this.ngControl.disabled) {
+        this.service.listenForRequest();
+        if (this.ngControl) {
+            if (this.ngControl.disabled) {
+                this.searchControl.disable({ emitEvent: false });
+            }
+            this.ngControl.statusChanges.subscribe((status) => {
+                this.disabled = status === "DISABLED";
+                if (this._disabled) {
                     this.searchControl.disable({ emitEvent: false });
                 }
-                this.ngControl.statusChanges.subscribe((status) => {
-                    this.disabled = status === "DISABLED";
-                    if (this._disabled) {
-                        this.searchControl.disable({ emitEvent: false });
-                    }
-                    else {
-                        this.searchControl.enable({ emitEvent: false });
-                    }
-                });
-            }
-            if (this.filterFn) {
-                this.service.setFilterFn(this.filterFn);
-            }
-            if (this.searchControl) {
-                this.valueChangesSub$ = this.searchControl.valueChanges.pipe(debounceTime(500), distinctUntilChanged()).subscribe(text => {
-                    if (typeof text !== "string") {
-                        return;
-                    }
-                    this.service.search(this.resource, text);
-                });
-            }
-            if (this.preloadResource) {
-                this.service.search(this.resource, "");
-            }
-            this.componentInitialized = true;
-            if (this.initialWriteValue !== undefined) {
-                yield this.writeValue(this.initialWriteValue);
-            }
-        });
+                else {
+                    this.searchControl.enable({ emitEvent: false });
+                }
+            });
+        }
+        if (this.filterFn) {
+            this.service.setFilterFn(this.filterFn);
+        }
+        if (this.searchControl) {
+            this.valueChangesSub$ = this.searchControl.valueChanges.pipe(debounceTime(500), distinctUntilChanged()).subscribe(text => {
+                if (typeof text !== "string") {
+                    return;
+                }
+                this.service.search(this.resource, text, this.searchOptions);
+            });
+        }
+        if (this.preloadResource) {
+            this.service.search(this.resource, "", this.searchOptions);
+        }
     }
     ngOnDestroy() {
         this.service.closeRequestSubscription();
@@ -3036,9 +3022,8 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
     ngOnChanges(changes) {
         if ("searchOptions" in changes) {
             const change = changes.searchOptions;
-            this.service.setSearchOptions(change.currentValue);
             if (!change.isFirstChange() && change.currentValue !== change.previousValue && this.autoReload) {
-                this.service.search(this.resource, "");
+                this.service.search(this.resource, "", change.currentValue);
                 this.service.items$.pipe(take(1)).subscribe(() => this.checkIfValueStillExist());
             }
         }
@@ -3057,10 +3042,6 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
     }
     writeValue(value) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!this.componentInitialized) {
-                this.initialWriteValue = value;
-                return;
-            }
             if (this._value === value || (isNullOrUndefined(this._value) && isNullOrUndefined(value))) {
                 return;
             }
@@ -3073,7 +3054,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
                 return;
             }
             else {
-                yield this.service.setActiveId(this.resource, value).then(() => this.updateSearchInput());
+                yield this.service.setActiveId(this.resource, value, this.searchOptions).then(() => this.updateSearchInput());
             }
             this.value = value;
         });
@@ -3116,7 +3097,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             });
         }
         if (this.open && !this.initialized) {
-            this.service.initialize(this.resource);
+            this.service.initialize(this.resource, this.searchOptions);
         }
         if (!this.open && this.ngControl) {
             this.ngControl.control.markAsTouched();
@@ -3145,7 +3126,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         this.stateChanges.next();
         this.entityRemoved.emit();
         if (reload) {
-            this.service.search(this.resource, "");
+            this.service.search(this.resource, "", this.searchOptions);
         }
     }
     formatLabel(item) {
@@ -3161,7 +3142,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         return item;
     }
     onEndScroll() {
-        this.service.loadMore(this.resource);
+        this.service.loadMore(this.resource, this.searchOptions);
     }
     focusChanged(isFocused) {
         if (isFocused !== this.focused) {
@@ -3174,19 +3155,20 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
     }
     reload() {
         var _a, _b;
-        (_a = this.service) === null || _a === void 0 ? void 0 : _a.search(this.resource, (_b = this.searchControl.value) !== null && _b !== void 0 ? _b : "");
+        return __awaiter(this, void 0, void 0, function* () {
+            yield ((_a = this.service) === null || _a === void 0 ? void 0 : _a.search(this.resource, (_b = this.searchControl.value) !== null && _b !== void 0 ? _b : "", this.searchOptions));
+        });
     }
     reloadActive() {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            yield ((_a = this.service) === null || _a === void 0 ? void 0 : _a.reloadActive(this.resource));
+            yield ((_a = this.service) === null || _a === void 0 ? void 0 : _a.reloadActive(this.resource, this.searchOptions));
             const active = (_b = this.service) === null || _b === void 0 ? void 0 : _b.getActive();
             this.updateLabel(active);
         });
     }
     setSearchOptions(options) {
         this.searchOptions = options;
-        this.service.setSearchOptions(options);
     }
     updateLabel(item) {
         if (!item) {
@@ -5441,6 +5423,18 @@ class NiceControlStatusDirective {
                                 actual: this.control.errors[error].actual
                             };
                         }
+                        if (error === "arrayMinLength") {
+                            param = {
+                                min: this.control.errors[error].min,
+                                actual: this.control.errors[error].actual
+                            };
+                        }
+                        if (error === "arrayMaxLength") {
+                            param = {
+                                max: this.control.errors[error].max,
+                                actual: this.control.errors[error].actual
+                            };
+                        }
                         if (typeof this.control.errors[error] === "object" && !param) {
                             param = this.control.errors[error];
                         }