digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
31 lines (29 loc) • 845 B
JavaScript
class SearchBox {
static moduleName = 'dm-search-box';
$module;
$toggleTarget;
constructor($module) {
this.$module = $module;
this.$toggleTarget = this.$module.find('.js-class-toggle');
}
init() {
if (!this.inputIsEmpty()) {
this.addFocusClass();
}
this.$toggleTarget.on('focus', this.addFocusClass.bind(this));
this.$toggleTarget.on('blur', this.removeFocusClassFromEmptyInput.bind(this));
}
inputIsEmpty() {
return this.$toggleTarget.val() === '';
}
addFocusClass() {
this.$toggleTarget.addClass('focus');
}
removeFocusClassFromEmptyInput() {
if (this.inputIsEmpty()) {
this.$toggleTarget.removeClass('focus');
}
}
}
export { SearchBox };
//# sourceMappingURL=search-box.bundle.mjs.map