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

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

@@ -2719,12 +2719,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(() => {
@@ -2776,15 +2776,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;
@@ -2794,7 +2794,7 @@ class NiceAsyncTypeaheadService {
             resource,
             page,
             searchQuery,
-            searchOptions: options,
+            searchOptions: this.getSearchOptions(),
         });
     }
     getActive() {
@@ -2803,13 +2803,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;
         }
@@ -2833,7 +2842,7 @@ class NiceAsyncTypeaheadService {
                 });
                 return;
             }
-            const entity = await api.getById(id, options);
+            const entity = await api.getById(id, this.getSearchOptions());
             if (!entity) {
                 return;
             }
@@ -2845,7 +2854,8 @@ class NiceAsyncTypeaheadService {
                 isLastPage: false
             });
         }
-        catch { }
+        catch {
+        }
         finally {
             this.state$.next({
                 ...this.state$.value,
@@ -2853,8 +2863,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
@@ -2999,12 +3009,13 @@ 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;
         }
     }
-    ngOnInit() {
+    async ngOnInit() {
         this.service.listenForRequest();
         if (this.ngControl) {
             if (this.ngControl.disabled) {
@@ -3028,11 +3039,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() {
@@ -3042,8 +3057,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());
             }
         }
@@ -3061,6 +3077,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;
         }
@@ -3073,7 +3093,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;
     }
@@ -3115,7 +3135,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();
@@ -3143,7 +3163,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) {
@@ -3159,7 +3179,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) {
@@ -3170,16 +3190,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) {
@@ -5374,7 +5395,7 @@ class NiceControlStatusDirective {
     }
     ngAfterViewInit() {
         this.control = this.formField._control.ngControl;
-        this.control.statusChanges.pipe(takeUntil(this.unsubscribeAll$)).subscribe(() => this.onChange());
+        this.formField._control.stateChanges.pipe(takeUntil(this.unsubscribeAll$)).subscribe(() => this.onChange());
     }
     ngOnDestroy() {
         this.unsubscribeAll$.next();
@@ -5413,6 +5434,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];
                         }
@@ -10580,12 +10613,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) {
@@ -10664,6 +10692,7 @@ class TranslationFormComponent {
     }
     setLanguage(language) {
         this.currentControl = this.formGroup.get(language);
+        this.handleDisabledState();
         this.changeDetectorRef.markForCheck();
     }
     setupFormControls(languages) {
@@ -10677,6 +10706,15 @@ class TranslationFormComponent {
             this.formGroup.removeControl(key);
         }
         this.currentControl = this.formGroup.get(languages[0]);
+        this.handleDisabledState();
+    }
+    handleDisabledState() {
+        if (this._disabled) {
+            this.currentControl?.disable({ emitEvent: false });
+        }
+        else {
+            this.currentControl?.enable({ emitEvent: false });
+        }
     }
 }
 TranslationFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslationFormComponent, deps: [{ token: i1$3.ControlContainer }, { token: TranslationContextDirective }, { token: NiceTranslationFormService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });