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

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

@@ -2717,12 +2717,12 @@ class NiceAsyncTypeaheadService {
     closeRequestSubscription() {
         this.requestsSubscription$?.unsubscribe();
     }
-    async initialize(resource) {
+    async initialize(resource, options) {
         const { initialized } = this.state$.getValue();
         if (initialized) {
             return;
         }
-        return this.search(resource, "");
+        return this.search(resource, "", options);
     }
     sendRequest(request) {
         return defer(() => {
@@ -2774,15 +2774,15 @@ class NiceAsyncTypeaheadService {
             });
         }));
     }
-    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;
@@ -2792,7 +2792,7 @@ class NiceAsyncTypeaheadService {
             resource,
             page,
             searchQuery,
-            searchOptions: this.getSearchOptions(),
+            searchOptions: options,
         });
     }
     getActive() {
@@ -2801,22 +2801,13 @@ class NiceAsyncTypeaheadService {
     getInitialized() {
         return this.state$.value.initialized;
     }
-    getSearchOptions() {
-        return this.state$.value.searchOptions;
-    }
-    setSearchOptions(searchOptions) {
-        this.state$.next({
-            ...this.state$.value,
-            searchOptions
-        });
-    }
     setActive(entity) {
         this.state$.next({
             ...this.state$.value,
             active: entity ?? null
         });
     }
-    async setActiveId(resource, id) {
+    async setActiveId(resource, id, options) {
         if (!id) {
             return;
         }
@@ -2840,7 +2831,7 @@ class NiceAsyncTypeaheadService {
                 });
                 return;
             }
-            const entity = await api.getById(id, this.getSearchOptions());
+            const entity = await api.getById(id, options);
             if (!entity) {
                 return;
             }
@@ -2852,8 +2843,7 @@ class NiceAsyncTypeaheadService {
                 isLastPage: false
             });
         }
-        catch {
-        }
+        catch { }
         finally {
             this.state$.next({
                 ...this.state$.value,
@@ -2861,8 +2851,8 @@ class NiceAsyncTypeaheadService {
             });
         }
     }
-    reloadActive(resource) {
-        return this.setActiveId(resource, this.state$.value.active?.id);
+    reloadActive(resource, options) {
+        return this.setActiveId(resource, this.state$.value.active?.id, options);
     }
     reloadFilteredItems() {
         // TODO: Use a better way to trigger the items$ observable
@@ -2944,7 +2934,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;
@@ -3013,7 +3002,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
     get initialized() {
         return this.service.getInitialized();
     }
-    async ngOnInit() {
+    ngOnInit() {
         this.service.listenForRequest();
         if (this.ngControl) {
             if (this.ngControl.disabled) {
@@ -3037,15 +3026,11 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
                 if (typeof text !== "string") {
                     return;
                 }
-                this.service.search(this.resource, text);
+                this.service.search(this.resource, text, this.searchOptions);
             });
         }
         if (this.preloadResource) {
-            this.service.search(this.resource, "");
-        }
-        this.componentInitialized = true;
-        if (this.initialWriteValue !== undefined) {
-            await this.writeValue(this.initialWriteValue);
+            this.service.search(this.resource, "", this.searchOptions);
         }
     }
     ngOnDestroy() {
@@ -3055,9 +3040,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());
             }
         }
@@ -3075,10 +3059,6 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         }
     }
     async writeValue(value) {
-        if (!this.componentInitialized) {
-            this.initialWriteValue = value;
-            return;
-        }
         if (this._value === value || (isNullOrUndefined(this._value) && isNullOrUndefined(value))) {
             return;
         }
@@ -3091,7 +3071,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             return;
         }
         else {
-            await this.service.setActiveId(this.resource, value).then(() => this.updateSearchInput());
+            await this.service.setActiveId(this.resource, value, this.searchOptions).then(() => this.updateSearchInput());
         }
         this.value = value;
     }
@@ -3133,7 +3113,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();
@@ -3161,7 +3141,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) {
@@ -3177,7 +3157,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) {
@@ -3188,17 +3168,16 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             }
         }
     }
-    reload() {
-        this.service?.search(this.resource, this.searchControl.value ?? "");
+    async reload() {
+        await this.service?.search(this.resource, this.searchControl.value ?? "", this.searchOptions);
     }
     async reloadActive() {
-        await this.service?.reloadActive(this.resource);
+        await this.service?.reloadActive(this.resource, this.searchOptions);
         const active = this.service?.getActive();
         this.updateLabel(active);
     }
     setSearchOptions(options) {
         this.searchOptions = options;
-        this.service.setSearchOptions(options);
     }
     updateLabel(item) {
         if (!item) {
@@ -5441,6 +5420,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];
                         }