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

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, options) {
+    initialize(resource) {
         return __awaiter(this, void 0, void 0, function* () {
             const { initialized } = this.state$.getValue();
             if (initialized) {
                 return;
             }
-            return this.search(resource, "", options);
+            return this.search(resource, "");
         });
     }
     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, 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;
@@ -2791,7 +2791,7 @@ class NiceAsyncTypeaheadService {
             resource,
             page,
             searchQuery,
-            searchOptions: options,
+            searchOptions: this.getSearchOptions(),
         });
     }
     getActive() {
@@ -2800,10 +2800,16 @@ 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, options) {
+    setActiveId(resource, id) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!id) {
                 return;
@@ -2819,21 +2825,22 @@ 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, options);
+                const entity = yield api.getById(id, this.getSearchOptions());
                 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, options) {
+    reloadActive(resource) {
         var _a;
-        return this.setActiveId(resource, (_a = this.state$.value.active) === null || _a === void 0 ? void 0 : _a.id, options);
+        return this.setActiveId(resource, (_a = this.state$.value.active) === null || _a === void 0 ? void 0 : _a.id);
     }
     reloadFilteredItems() {
         // TODO: Use a better way to trigger the items$ observable
@@ -2915,6 +2922,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;
@@ -2985,35 +2993,41 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         return this.service.getInitialized();
     }
     ngOnInit() {
-        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) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.service.listenForRequest();
+            if (this.ngControl) {
+                if (this.ngControl.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, this.searchOptions);
-            });
-        }
-        if (this.preloadResource) {
-            this.service.search(this.resource, "", this.searchOptions);
-        }
+                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);
+            }
+        });
     }
     ngOnDestroy() {
         this.service.closeRequestSubscription();
@@ -3022,8 +3036,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());
             }
         }
@@ -3042,6 +3057,10 @@ 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;
             }
@@ -3054,7 +3073,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
                 return;
             }
             else {
-                yield this.service.setActiveId(this.resource, value, this.searchOptions).then(() => this.updateSearchInput());
+                yield this.service.setActiveId(this.resource, value).then(() => this.updateSearchInput());
             }
             this.value = value;
         });
@@ -3097,7 +3116,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();
@@ -3126,7 +3145,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) {
@@ -3142,7 +3161,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) {
@@ -3155,20 +3174,19 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
     }
     reload() {
         var _a, _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));
-        });
+        (_a = this.service) === null || _a === void 0 ? void 0 : _a.search(this.resource, (_b = this.searchControl.value) !== null && _b !== void 0 ? _b : "");
     }
     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, this.searchOptions));
+            yield ((_a = this.service) === null || _a === void 0 ? void 0 : _a.reloadActive(this.resource));
             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) {
@@ -10605,12 +10623,7 @@ class TranslationFormComponent {
     }
     set disabled(value) {
         this._disabled = coerceBooleanProperty(value);
-        if (this._disabled) {
-            this.currentControl.disable({ emitEvent: false });
-        }
-        else {
-            this.currentControl.enable({ emitEvent: false });
-        }
+        this.handleDisabledState();
         this.stateChanges.next();
     }
     set placeholder(placeholder) {
@@ -10675,6 +10688,7 @@ class TranslationFormComponent {
     }
     setLanguage(language) {
         this.currentControl = this.formGroup.get(language);
+        this.handleDisabledState();
         this.changeDetectorRef.markForCheck();
     }
     setupFormControls(languages) {
@@ -10688,6 +10702,16 @@ class TranslationFormComponent {
             this.formGroup.removeControl(key);
         }
         this.currentControl = this.formGroup.get(languages[0]);
+        this.handleDisabledState();
+    }
+    handleDisabledState() {
+        var _a, _b;
+        if (this._disabled) {
+            (_a = this.currentControl) === null || _a === void 0 ? void 0 : _a.disable({ emitEvent: false });
+        }
+        else {
+            (_b = this.currentControl) === null || _b === void 0 ? void 0 : _b.enable({ emitEvent: false });
+        }
     }
 }
 TranslationFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TranslationFormComponent, deps: [{ token: i1$3.ControlContainer }, { token: TranslationContextDirective }, { token: NiceTranslationFormService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });