[].slice.call(document.querySelectorAll('.animated')).forEach(function(inputEl) {
            // in case the input is already filled..
            if (inputEl.value.trim() !== '') {
                classie.add(inputEl.parentNode, 'filled');
            }
 
            // events:
            inputEl.addEventListener('focus', onInputFocus);
            inputEl.addEventListener('blur', onInputBlur);
        });
 
        function onInputFocus(ev) {
            classie.add(ev.target.parentNode, 'filled');
        }
 
        function onInputBlur(ev) {
            if (ev.target.value.trim() === '') {
                classie.remove(ev.target.parentNode, 'filled');
            }
        }

W10uc2xpY2UuY2FsbChkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcuYW5pbWF0ZWQnKSkuZm9yRWFjaChmdW5jdGlvbihpbnB1dEVsKSB7CiAgICAgICAgICAgIC8vIGluIGNhc2UgdGhlIGlucHV0IGlzIGFscmVhZHkgZmlsbGVkLi4KICAgICAgICAgICAgaWYgKGlucHV0RWwudmFsdWUudHJpbSgpICE9PSAnJykgewogICAgICAgICAgICAgICAgY2xhc3NpZS5hZGQoaW5wdXRFbC5wYXJlbnROb2RlLCAnZmlsbGVkJyk7CiAgICAgICAgICAgIH0KCiAgICAgICAgICAgIC8vIGV2ZW50czoKICAgICAgICAgICAgaW5wdXRFbC5hZGRFdmVudExpc3RlbmVyKCdmb2N1cycsIG9uSW5wdXRGb2N1cyk7CiAgICAgICAgICAgIGlucHV0RWwuYWRkRXZlbnRMaXN0ZW5lcignYmx1cicsIG9uSW5wdXRCbHVyKTsKICAgICAgICB9KTsKCiAgICAgICAgZnVuY3Rpb24gb25JbnB1dEZvY3VzKGV2KSB7CiAgICAgICAgICAgIGNsYXNzaWUuYWRkKGV2LnRhcmdldC5wYXJlbnROb2RlLCAnZmlsbGVkJyk7CiAgICAgICAgfQoKICAgICAgICBmdW5jdGlvbiBvbklucHV0Qmx1cihldikgewogICAgICAgICAgICBpZiAoZXYudGFyZ2V0LnZhbHVlLnRyaW0oKSA9PT0gJycpIHsKICAgICAgICAgICAgICAgIGNsYXNzaWUucmVtb3ZlKGV2LnRhcmdldC5wYXJlbnROb2RlLCAnZmlsbGVkJyk7CiAgICAgICAgICAgIH0KICAgICAgICB9