@3kles/kles-material-dynamicforms 14.2.1 → 14.3.0

package/fesm2020/3kles-kles-material-dynamicforms.mjs

@@ -4,6 +4,8 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { Validators, NG_VALUE_ACCESSOR, UntypedFormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { concat, of, Subject, Observable, BehaviorSubject, ReplaySubject } from 'rxjs';
+import { take, catchError, map, takeUntil, startWith, switchMap } from 'rxjs/operators';
 import * as i7$1 from '@angular/material/core';
 import { MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatNativeDateModule, MatOption, ErrorStateMatcher } from '@angular/material/core';
 import { MatSliderModule } from '@angular/material/slider';
@@ -61,8 +63,6 @@ import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import * as i7 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { Subject, Observable, of, BehaviorSubject, ReplaySubject } from 'rxjs';
-import { takeUntil, startWith, switchMap, map, take } from 'rxjs/operators';
 import * as i3 from '@angular/flex-layout/extended';
 import { __decorate } from 'tslib';
 import * as i3$1 from '@angular/flex-layout/flex';
@@ -305,7 +305,6 @@ class KlesDynamicFormComponent {
             if (field.disabled) {
                 range.disable();
             }
-            console.log(range);
             return range;
         }
         else {
@@ -317,6 +316,17 @@ class KlesDynamicFormComponent {
             if (field.disabled) {
                 control.disable();
             }
+            if (field.asyncValue) {
+                concat(of({ value: null, pending: true }), field.asyncValue.pipe(take(1), catchError((err) => {
+                    console.error(err);
+                    return of(null);
+                }), map((value) => ({ value, pending: false })))).subscribe((response) => {
+                    response.pending ? control.disable({ emitEvent: false }) : control.enable({ emitEvent: false });
+                    control.setValue(response.value);
+                    field.pending = response.pending;
+                    field.value = response.value;
+                });
+            }
             return control;
         }
     }
@@ -2359,8 +2369,8 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
         })).subscribe(this.optionsFiltered$);
         if (this.field.multiple) {
             this.group.controls[this.field.name]
-                .valueChanges.pipe(takeUntil(this._onDestroy), startWith(this.group.controls[this.field.name].value), switchMap(selected => {
-                return this.optionsFiltered$.pipe(map((options) => options?.filter((option) => !option?.disabled)), map(options => {
+                .valueChanges.pipe(takeUntil(this._onDestroy), startWith(this.group.controls[this.field.name].value), map((selected) => (this.field.property ? selected?.map(s => s[this.field.property]) : selected)), switchMap(selected => {
+                return this.optionsFiltered$.pipe(map((options) => options?.filter((option) => !option?.disabled).map((option) => (this.field.property ? option[this.field.property] : option))), map(options => {
                     if (!selected) {
                         return false;
                     }