1if(!customElements.get("color-swatch")){class ColorSwatch extends HTMLElement{constructor(){super()}connectedCallback(){this.optionNodes=this.querySelectorAll("[data-value]"),this.init()}disconnectedCallback(){this.optionNodes.forEach(button=>button.removeEventListener("mouseenter",this.onMouseEnter.bind(this)))}init(){const productCard=this.closest(".product-card");this.mainImage=productCard.querySelector(".product-card__image--main img"),this.optionNodes.forEach(button=>button.addEventListener("mouseenter",this.onMouseEnter.bind(this))),this.selected=this.querySelector('a[aria-selected="true"]'),this.getVariantData(),this.initOptionSwatches()}initOptionSwatches(){this.optionNodes.forEach(optNode=>{let variantImage;const{optionPosition,value:optionValue}=optNode.dataset,variant=this.variantData.find(v=>v[`option${optionPosition}`]&&v[`option${optionPosition}`].toLowerCase()===optionValue.toLowerCase());variant&&(variantImage=variant.featured_image?variant.featured_image.src:"",optNode.href=`${optNode.href}?variant=${variant.id}`,variantImage&&(optNode.setAttribute("data-src",getSizedImageUrl(variantImage,"900x")),optNode.setAttribute("data-srcset",getSrcset(variantImage))))})}onMouseEnter(e){const{target}=e;this.selected&&this.selected.removeAttribute("aria-selected"),target.setAttribute("aria-selected",!0);const{src,srcset}=target.dataset;this.mainImage&&srcset&&(this.mainImage.src=src,this.mainImage.srcset=srcset),this.selected=target}getVariantData(){this.variantData=this.variantData||JSON.parse(this.nextElementSibling.textContent)}}customElements.define("color-swatch",ColorSwatch)} 2//# sourceMappingURL=/cdn/shop/t/66/assets/color-swatch.js.map?v=173750808715114385091759160603
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.