1class SearchForm extends HTMLElement{constructor(){super(),this.input=this.querySelector('input[type="search"]'),this.searchIcon=this.querySelector(".search-icon-h"),this.input&&(this.input.form.addEventListener("reset",this.onFormReset.bind(this)),this.input.addEventListener("input",debounce(event=>{this.onChange(event)},300).bind(this)),this.input.addEventListener("focus",this.onInputFocus.bind(this)),this.input.addEventListener("blur",this.onInputBlur.bind(this)),this.input.addEventListener("click",this.onInputClick.bind(this))),window.addEventListener("resize",this.handleWindowResize.bind(this)),this.handleWindowResize()}toggleSearchIconVisibility(visible){this.searchIcon&&(this.searchIcon.style.display=visible?"flex":"none")}onChange(){this.toggleSearchIconVisibility(this.input.value.length===0)}onFormReset(event){event.preventDefault(),this.input.value="",this.input.focus()}onInputFocus(){this.toggleSearchIconVisibility(!1)}onInputBlur(){this.input.value===""&&this.toggleSearchIconVisibility(!0)}onInputClick(){this.toggleSearchIconVisibility(!1)}handleWindowResize(){const isMobile=window.innerWidth<=768;this.isMobile=isMobile,this.isMobile?(this.input.addEventListener("focus",this.onInputFocus.bind(this)),this.input.addEventListener("blur",this.onInputBlur.bind(this)),this.input.addEventListener("click",this.onInputClick.bind(this))):(this.input.removeEventListener("focus",this.onInputFocus.bind(this)),this.input.removeEventListener("blur",this.onInputBlur.bind(this)),this.input.removeEventListener("click",this.onInputClick.bind(this)))}}customElements.define("search-form",SearchForm); 2//# sourceMappingURL=/cdn/shop/t/75/assets/search-form.js.map?v=175402055342405426251769615269
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.