drupal/core/themes/claro/js/autocomplete.es6.js

35 lines
989 B
JavaScript

/**
* @file
* Claro's enhancement for autocomplete form element.
*/
(($, Drupal) => {
Drupal.behaviors.claroAutoCompete = {
attach(context) {
$(context)
.find('input.form-autocomplete')
.once('claroAutoComplete')
.each((index, value) => {
const $input = $(value);
const timeout = 400;
let classRemoveTimeout;
const classRemove = $autoCompleteElem => {
$autoCompleteElem.removeClass('is-autocompleting');
};
$input.on('input autocompletesearch autocompleteresponses', event => {
if (event && event.type && event.type === 'autocompletesearch') {
$(event.target).addClass('is-autocompleting');
}
clearTimeout(classRemoveTimeout);
classRemoveTimeout = setTimeout(
classRemove,
timeout,
$(event.target),
);
});
});
},
};
})(jQuery, Drupal);