initialize(options = {}) {
super.initialize(options);
let myParent = $$('main'),
myElement = this.$(`[data-ref='${options.ref}']`);
if (!!myElement) {
document.body.classList.add('has-notification');
myElement.classList.add('notification__body-text--visible');
myParent.insertBefore(this.el, myParent.firstChild);
}
}
initialize(options) {
let myInput = $$('input', this.form);
myInput.on('invalid', (event) => {
event.preventDefault();
event.target.classList.add('form__input--attention');
});
myInput.on('keydown', (event) => {
event.target.classList.remove('form__input--attention');
if (myInput.validity.valid) {
this.form.classList.add('form--validated');
} else {
this.form.classList.remove('form--validated');
}
});
}