{"size": 1460, "ext": "js", "max_stars_repo_path": "sample/src/samples/combobox/events.js", "max_stars_repo_name": "gregoryagu/aurelia-syncfusion-bridge", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "sample/src/samples/combobox/events.js", "max_issues_repo_name": "gregoryagu/aurelia-syncfusion-bridge", "max_issues_repo_issues_event_min_datetime": "2019-09-21T19:34:29.000Z", "max_issues_repo_issues_event_max_datetime": "2019-09-21T19:34:29.000Z", "max_forks_repo_path": "sample/src/samples/combobox/events.js", "max_forks_repo_name": "gregoryagu/aurelia-syncfusion-bridge", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 36.5, "max_line_length": 118, "alphanum_fraction": 0.5732876712}
export class EventsComboBox {
	
  datasource = [
        { id: 'level1', game: 'American Football' }, { id: 'level2', game: 'Badminton' },
        { id: 'level3', game: 'Basketball' }, { id: 'level4', game: 'Cricket' },
        { id: 'level5', game: 'Football' }, { id: 'level6', game: 'Golf' },
        { id: 'level7', game: 'Hockey' }, { id: 'level8', game: 'Rugby' },
        { id: 'level9', game: 'Snooker' }, { id: 'level10', game: 'Tennis' }
    ];
  
  constructor() {
	this.fields = { text: 'game', value: 'id' };
	this.dataSource = this.datasource;
	this.placeholder = 'Select your skill';
  }

    onCreate(args) {
        this.logger.log("ComboBox has been <span class='eventTitle'>created</span>.");
    }
    onFocus(args) {
        this.logger.log("ComboBox  is in <span class='eventTitle'>focus</span>. ");
    }
    onBlur(args) {
        this.logger.log("ComboBox  is out of <span class='eventTitle'>focus</span>.");
    }
    onSelect(args) {
        this.logger.log("The value '" + args.detail.text + "' has been <span class='eventTitle'>selected</span>.");
    }
    onChange(args) {
        this.logger.log("The value has been <span class='eventTitle'>changed</span> to '" + args.detail.value + "'.");
    }
    onOpen(args) {
        this.logger.log("Popup List has been <span class='eventTitle'>opened</span>.");
    }
    onClose(args) {
        this.logger.log("Popup List has been <span class='eventTitle'>closed</span>.");
    }
 
}
