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

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

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