1customElements.get("collection-tabs")||customElements.define("collection-tabs",class extends HTMLElement{constructor(){super(),this.tab=this.querySelector("tabs-component"),this.tabPanels=this.querySelectorAll('[role="tabpanel"]'),this.tabNavs=this.querySelectorAll('[role="tab"]'),this.contentWrapper=this.querySelector(".collection-tabs__content"),this.imagesWrapper=this.querySelector(".collection-tabs__images"),this.tooltipEl=this.querySelector(".tooltip-element"),this.alignItems=window.getComputedStyle(this).getPropertyValue("align-items"),this.init()}connectedCallback(){this.tab.addEventListener("tabChange",event=>{this.handleTabChange(event)})}init(){this.handleTooltip(0),this.calculatePadding(),window.addEventListener("resize",this.calculatePadding.bind(this))}handleTabChange(event){const{selectedIndex}=event.detail;this.handleTooltip(selectedIndex),this.imagesWrapper.querySelectorAll(".collection-tabs__image").forEach(image=>image.classList.remove("is-active")),this.imagesWrapper.querySelector(`.collection-tabs__image[data-index="${selectedIndex}"]`).classList.add("is-active")}handleTooltip(tabIndex){if(!window.matchMedia("(hover: hover)").matches)return;this.tabPanels[tabIndex].querySelector(".collection-tab__products").querySelectorAll("a").forEach(el=>{el.addEventListener("mousemove",e=>{const{target}=e,title=target.dataset.title;this.tooltipEl.innerHTML=title,this.tooltipEl.style.opacity="1",this.tooltipEl.style.top=`${e.clientY-this.tooltipEl.offsetHeight-5}px`,this.tooltipEl.style.left=`${e.clientX}px`}),el.addEventListener("mouseleave",e=>{this.tooltipEl.style.opacity="0"})})}calculatePadding(){const contentHeight=this.contentWrapper.offsetHeight,ImageHeight=this.imagesWrapper.offsetHeight,diff=Math.abs(ImageHeight-contentHeight);this.alignItems==="center"||diff<0||(this.contentWrapper.style.marginTop=`${diff/2}px`)}}); 2//# sourceMappingURL=/cdn/shop/t/93/assets/collection-tabs.js.map?v=91570886564353039511773816118
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.