(function (window) {
    "use strict";

    window.ls.container.get('view').add(
        {
            selector: 'data-forms-text-count',
            repeat: false,
            controller: function(element) {
                var counter = document.createElement('span');

                counter.className = 'counter';

                element.parentNode.insertBefore(counter, element.nextSibling);

                var count = function () {
                    if(0 <= element.maxLength) {
                        counter.innerText = (element.maxLength - element.value.length).toString() + ' / ' + element.maxLength;
                    }
                    else {
                        var words = (element.value !== '') ? element.value.trim().split(' ').length : 0;
                        counter.innerText =  words + ' words and ' + element.value.length.toString() + ' chars';
                    }
                };

                element.addEventListener('keyup',   count);
                element.addEventListener('change',  count);
                element.addEventListener('cut',     count);
                element.addEventListener('paste',   count);
                element.addEventListener('drop',    count);

                count();
            }
        }
    );

})(window);