@3kles/kles-material-dynamicforms 14.9.2 → 14.9.3

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

@@ -5,7 +5,7 @@ import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { FormControl, Validators, FormControlDirective, FormControlName, NG_VALUE_ACCESSOR, UntypedFormGroup, UntypedFormControl, FormArray, FormGroup, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { concat, of, Subject, Observable, BehaviorSubject, ReplaySubject } from 'rxjs';
-import { take, catchError, map, takeUntil, startWith, switchMap, debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import { take, catchError, map, takeUntil, startWith, switchMap, debounceTime } 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 * as i4 from '@angular/material/button';
@@ -2353,7 +2353,7 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
         this.selectAllControl = new UntypedFormControl(false);
         this.isLoading = false;
         this.optionsFiltered$ = new ReplaySubject(1);
-        this.openChange$ = new Subject();
+        this.openChange$ = new BehaviorSubject(false);
         this.compareFn = (o1, o2) => {
             if (this.field.property && o1 && o2) {
                 return o1[this.field.property] === o2[this.field.property];
@@ -2372,15 +2372,7 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
             else {
                 this.options$ = new BehaviorSubject([]);
             }
-            this.openChange$
-                .pipe(takeUntil(this._onDestroy), switchMap((isOpen) => {
-                return this.onOpenChange(isOpen);
-            }))
-                .subscribe((options) => {
-                this.options$.next(options);
-                this.isLoading = false;
-                this.ref.markForCheck();
-            });
+            this.openChangeEvent();
         }
         else {
             if (this.field.options instanceof Observable) {
@@ -2393,7 +2385,7 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
                 this.options$ = of(this.field.options);
             }
         }
-        this.searchControl.valueChanges.pipe(takeUntil(this._onDestroy), debounceTime(200), startWith(this.searchControl.value), distinctUntilChanged(), switchMap(value => {
+        this.searchControl.valueChanges.pipe(takeUntil(this._onDestroy), debounceTime(this.field.debounceTime || 0), startWith(this.searchControl.value), switchMap(value => {
             return concat(of({ loading: true, options: [] }), this.onSearchChange(value).pipe(map((options) => ({ loading: false, options }))));
         })).subscribe(({ loading, options }) => {
             this.isLoading = loading;
@@ -2435,6 +2427,17 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
             this.group.controls[this.field.name].patchValue([]);
         }
     }
+    openChangeEvent() {
+        this.openChange$
+            .pipe(takeUntil(this._onDestroy), switchMap((isOpen) => {
+            return this.onOpenChange(isOpen);
+        }))
+            .subscribe((options) => {
+            this.options$.next(options);
+            this.isLoading = false;
+            this.ref.markForCheck();
+        });
+    }
     onOpenChange(isOpen) {
         if (isOpen) {
             if (this.field.options instanceof Observable) {
@@ -2443,7 +2446,7 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
             }
             else if (this.field.options instanceof Function) {
                 this.isLoading = true;
-                return this.field.options();
+                return this.field.options().pipe(take(1));
             }
             else {
                 return of(this.field.options);
@@ -3117,33 +3120,39 @@ class KlesFormSelectLazySearchComponent extends KlesFormSelectSearchComponent {
     }
     ngOnInit() {
         this.field.lazy = true;
+        this.field.debounceTime = this.field.debounceTime ? this.field.debounceTime : 500;
         super.ngOnInit();
-        this.openChange$.pipe(takeUntil(this._onDestroy))
-            .subscribe((open) => {
-            if (open) {
-                this.searchControl.reset(null);
-            }
-            else {
-                this.searchControl.reset(null, { emitEvent: false });
-            }
-        });
     }
     ngOnDestroy() {
         super.ngOnDestroy();
     }
     onSearchChange(value) {
         if (this.field.options instanceof Function) {
-            if (value) {
-                return this.field.options(value).pipe(take(1));
-            }
-            else {
-                return this.field.options().pipe(take(1));
+            if (this.openChange$.getValue() && this.field.options instanceof Function) {
+                if (value) {
+                    return this.field.options(value).pipe(take(1));
+                }
+                else {
+                    return this.field.options().pipe(take(1));
+                }
             }
+            return of(this.group.controls[this.field.name].value ? [this.group.controls[this.field.name].value] : []);
         }
         else {
             return super.onSearchChange(value);
         }
     }
+    openChangeEvent() {
+        this.openChange$
+            .pipe(takeUntil(this._onDestroy), switchMap((isOpen) => {
+            return this.onOpenChange(isOpen);
+        }))
+            .subscribe((options) => {
+            this.optionsFiltered$.next(options);
+            this.isLoading = false;
+            this.ref.markForCheck();
+        });
+    }
 }
 KlesFormSelectLazySearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KlesFormSelectLazySearchComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 KlesFormSelectLazySearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: KlesFormSelectLazySearchComponent, selector: "kles-form-select-lazy-search", usesInheritance: true, ngImport: i0, template: `