import {module} from '../module';
import './style.scss';

export default class DropDown {
    constructor($element, $window) {
        this.$element = $element;
    }
    $onChanges(changesObj) {
        if (changesObj.show && changesObj.top && changesObj.top.currentValue) {
            this.$element.css('top', changesObj.top.currentValue + 'px');
        }
    }
}
DropDown.$inject = ['$element'];

module.component('vnDropDown', {
    template: require('./drop-down.html'),
    controller: DropDown,
    bindings: {
        items: '<',
        show: '<',
        selected: '=',
        top: '<?'
    },
    controllerAs: 'dd'
});