1import{c as createFocusTrap}from"vendors/focus-trap.esm";class LooksItem extends HTMLElement{constructor(){super(),this.enablePopup=JSON.parse(this.dataset.enablePopup),this.enablePopup&&(this.link=this.querySelector("a.looks__image-container"),this.firstProduct=this.dataset.firstProduct,this.secondProduct=this.dataset.secondProduct,this.products=[],this.firstProduct&&this.products.push(this.firstProduct),this.secondProduct&&this.products.push(this.secondProduct),this.bindEvents(),this.looksModal=this.querySelector("looks-modal"),this.focusTrap=createFocusTrap(this.looksModal,{initialFocus:!1}),console.log("looks item",this,this.products))}bindEvents(){this.link.addEventListener("click",event=>{this.enablePopup&&(this.showModal(),event.preventDefault())}),this.closeButton=this.querySelector(".modal__close"),this.modalBackground=this.querySelector(".modal__background"),this.closeButton.addEventListener("click",event=>{this.hideModal(),event.preventDefault()}),this.modalBackground.addEventListener("click",event=>{this.hideModal(),event.preventDefault()}),this.addEventListener("keyup",event=>{event.code.toUpperCase()==="ESCAPE"&&this.hideModal()})}showModal(){document.body.classList.add("has-modal"),this.looksModal.classList.add("modal--active"),this.looksModal.dataset.productsLoaded===void 0&&this.products.length>0&&this.renderProductCards(),this.focusTrap.activate()}hideModal(){document.body.classList.remove("has-modal"),this.looksModal=this.querySelector("looks-modal"),this.looksModal.classList.remove("modal--active"),this.focusTrap.deactivate()}renderProductCards(){this.products.forEach(productHandle=>{fetch(`/products/${productHandle}?section_id=product-card`).then(response=>response.text()).then(responseText=>{`${this.dataset.id}`;const template=new DOMParser().parseFromString(responseText,"text/html").querySelector(".shopify-section"),destination=this.querySelector(".looks__modal-products");template&&destination&&destination.appendChild(template.firstChild),this.looksModal.dataset.productsLoaded=!0})})}}customElements.define("looks-item",LooksItem); 2//# sourceMappingURL=/cdn/shop/t/6/assets/looks-item.js.map?v=113148507884085047671777219216
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.