fix(package): added debounce time to the component

angular-material-extensions · Dec 3, 2019 · 7374ae0 · 7374ae0
1 parent 08b6d8d
commit 7374ae0
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/projects/angular-material-extensions/select-country/src/lib/mat-select-country.component.ts b/projects/angular-material-extensions/select-country/src/lib/mat-select-country.component.ts
@@ -2,7 +2,7 @@ import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import {FormControl} from '@angular/forms';
 import {COUNTRIES_DB} from './db';
 import {Observable} from 'rxjs';
-import {map, startWith} from 'rxjs/operators';
+import {debounceTime, map, startWith} from 'rxjs/operators';
 import {MatAutocompleteSelectedEvent, MatFormFieldAppearance} from '@angular/material';
 
 /**
@@ -44,6 +44,7 @@ export class MatSelectCountryComponent implements OnInit {
     this.filteredOptions = this.countryFormControl.valueChanges
       .pipe(
         startWith(''),
+        debounceTime(300),
         map(value => this._filter(value))
       );
   }