import ngModule from '../../module';
import template from './textarea.html';

directive.$inject = ['vnTemplate'];
export function directive(vnTemplate) {
    return {
        restrict: 'E',
        template: (_, $attrs) =>
            vnTemplate.getNormalized(template, $attrs, {
                label: '',
                rows: 3
            }),
        link: function(scope, element, attrs) {
            scope.$watch(attrs.model, () => {
                let mdlField = element[0].firstChild.MaterialTextfield;
                if (mdlField)
                    mdlField.updateClasses_();
            });
            componentHandler.upgradeElement(element[0].firstChild);
        }
    };
}
ngModule.directive('vnTextarea', directive);