import {
	Component,
	OnInit,
	Input,
	Output,
	EventEmitter
} from '@angular/core';
@Component({
	selector: 'cm-select-doc-9',
	templateUrl: './select-doc-9.component.html',
	styleUrls: ['./select-doc-9.component.css']
})

export class SelectDoc9Component implements OnInit {
	options:any = [];
	selectedOption:any;
	loading:boolean= false;
	index = 0;

	scrollToBottom() {
		if(!this.loading) {
			this.loading = true;
			setTimeout(() => {
				this.generateFakeData();
				this.loading = false;
			}, 3000);
		}
	}

	generateFakeData() {
		for(let i = 0; i < 5; i++) {
			this.options.push({
				value: this.index,
				label: `option${this.index}`
			});
			this.index++;
		}
	}

	ngOnInit() {
		this.generateFakeData();
		this.selectedOption = this.options[0];
	}
}