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

export default class DropDown {
    constructor($element, $scope) {
        this.$element = $element;
        this.$ = $scope;
        this._showLoadMore = false;
    }
    get showLoadMore() {
        return this._showLoadMore;
    }
    set showLoadMore(value) {
        this._showLoadMore = value;
    }

    $onChanges(changesObj) {
        if (changesObj.show && changesObj.top && changesObj.top.currentValue) {
            this.$element.css('top', changesObj.top.currentValue + 'px');
        }
        if (this.loadMore) {
            this.showLoadMore = true;
        }
    }
    clearSearch() {
        this.$.search = '';
    }
    $onInit() {
        this.clearSearch();
    }
}
DropDown.$inject = ['$element', '$scope'];

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