1class WLSNSearchForm extends HTMLElement{constructor(){super(),this.classes={loading:"loading",active:"active",resetButton:"js-wlsn-search-show-reset-button",inputSearch:'wlsn-search-form input[type="search"]'},this.bindMethods={handleInput:this._handleInput.bind(this),handleReset:this._handleReset.bind(this),handleResetButtonClick:this._handleResetButtonClick.bind(this)}}get elements(){return{form:this.querySelector("form"),input:this.querySelector('input[type="search"]'),resetButton:this.querySelector('button[type="reset"]')}}connectedCallback(){const{form,input}=this.elements;!input||!form||(this._attachEventListeners(),this._initializeState())}disconnectedCallback(){this._removeEventListeners()}_initializeState(){const{input}=this.elements;if(!input)return;const value=input.value;document.querySelectorAll(`.${this.classes.resetButton}`).forEach(f=>{value?f.classList.add(this.classes.active):f.classList.remove(this.classes.active)})}_attachEventListeners(){const{input,form,resetButton}=this.elements;!input||!form||!resetButton||(input.addEventListener("input",this.bindMethods.handleInput),form.addEventListener("reset",this.bindMethods.handleReset),resetButton&&resetButton.addEventListener("click",this.bindMethods.handleResetButtonClick))}_removeEventListeners(){const{input,form,resetButton}=this.elements;input&&input.removeEventListener("input",this.bindMethods.handleInput),form&&form.removeEventListener("reset",this.bindMethods.handleReset),resetButton&&resetButton.removeEventListener("click",this.bindMethods.handleResetButtonClick)}_handleInput(e){const value=e.target.value;document.querySelectorAll(`.${this.classes.resetButton}`).forEach(form=>{value?form.classList.add(this.classes.active):form.classList.remove(this.classes.active)}),document.querySelectorAll(`${this.classes.inputSearch}`).forEach(input=>{input!==e.target&&(input.value=value)})}_handleReset(){const{input}=this.elements;input&&(input.value="",input.focus(),document.querySelectorAll(`.${this.classes.resetButton}`).forEach(f=>{f.classList.remove(this.classes.active)}),document.querySelectorAll(`${this.classes.inputSearch}`).forEach(i=>{input!==i&&(i.value="")}))}_handleResetButtonClick(e){e.preventDefault();const{input}=this.elements;input&&(input.value="",input.focus(),document.querySelectorAll(`.${this.classes.resetButton}`).forEach(f=>{f.classList.remove(this.classes.active)}),document.querySelectorAll(`${this.classes.inputSearch}`).forEach(i=>{input!==i&&(i.value="")}))}setLoading(){this.setAttribute("disabled",!0),this.classList.add(this.classes.loading)}removeLoading(){this.removeAttribute("disabled"),this.classList.remove(this.classes.loading)}}customElements.get("wlsn-search-form")||customElements.define("wlsn-search-form",WLSNSearchForm); 2//# sourceMappingURL=/cdn/shop/t/111/assets/wlsn-search-form.js.map?v=162484120502593592721772038307
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.