/**
 * Created by ahmad on 8/23/16.
 */

import { ElementRef, Input, Component, AfterViewInit, ViewChild } from '@angular/core'
import { DropDownList } from './dropdownlist.widget'
import DropDownListOptions = kendo.ui.DropDownListOptions;

@Component({
  selector: 'kendo_dropdownlist',
  template: `<input #inputRef />`,
  styleUrls: ['/dropdownlist.style.css']
})
export class DropDownListComponent implements AfterViewInit {

  @Input()
  private options: DropDownListOptions;

  @ViewChild('inputRef')
  private element: ElementRef;

  private protoType: DropDownList;

  ngAfterViewInit() {
    this.protoType = new DropDownList(this.element.nativeElement, this.options);
  }

  get ProtoType(): DropDownList {
    return this.protoType;
  }

  set ProtoType(protoType: DropDownList) {
    this.protoType = protoType;
  }

}