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

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 } from 'rxjs/operators';
+import { take, catchError, map, takeUntil, startWith, switchMap, debounceTime, distinctUntilChanged } 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';
@@ -2393,11 +2393,12 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
                 this.options$ = of(this.field.options);
             }
         }
-        this.searchControl.valueChanges.pipe(takeUntil(this._onDestroy), startWith(this.searchControl.value), switchMap(value => {
+        this.searchControl.valueChanges.pipe(takeUntil(this._onDestroy), debounceTime(200), startWith(this.searchControl.value), distinctUntilChanged(), switchMap(value => {
             return concat(of({ loading: true, options: [] }), this.onSearchChange(value).pipe(map((options) => ({ loading: false, options }))));
         })).subscribe(({ loading, options }) => {
             this.isLoading = loading;
             this.optionsFiltered$.next(options);
+            this.ref.markForCheck();
         });
         if (this.field.multiple) {
             this.group.controls[this.field.name]
@@ -3133,8 +3134,7 @@ class KlesFormSelectLazySearchComponent extends KlesFormSelectSearchComponent {
     onSearchChange(value) {
         if (this.field.options instanceof Function) {
             if (value) {
-                const search = value.toLowerCase();
-                return this.field.options(search).pipe(take(1));
+                return this.field.options(value).pipe(take(1));
             }
             else {
                 return this.field.options().pipe(take(1));