1customElements.get("complementary-product-slider")||customElements.define("complementary-product-slider",class extends HTMLElement{constructor(){super(),this.enableSliderDesktop=this.dataset.enableSliderDesktop==="true",this.enableSliderMobile=this.dataset.enableSliderMobile==="true",this.selectors={productsWrap:".products-wrap",products:".products",pagination:".swiper-pagination"},this.classes={grid:"f-grid",swiper:"swiper",swiperWrapper:"swiper-wrapper"},this.productsWrap=this.querySelector(this.selectors.productsWrap),this.products=this.querySelector(this.selectors.products),this.sliderInstance=!1;const mql=window.matchMedia(FoxTheme.config.mediaQueryMobile);mql.onchange=this.init.bind(this),this.init()}init(){FoxTheme.config.mqlMobile?this.enableSliderMobile?this.initSlider():this.destroySlider():this.enableSliderDesktop?this.initSlider():this.destroySlider()}initSlider(){if(typeof this.sliderInstance!="object"){const columnsDesktop=this.dataset.columnsDesktop,columnsMobile=this.dataset.columnsMobile,columnGap=window.getComputedStyle(this.products).getPropertyValue("--f-column-gap"),spaceBetween=columnGap!==""?parseFloat(columnGap.replace("rem",""))*10:10;this.sliderOptions={slidesPerView:columnsMobile,breakpoints:{768:{slidesPerView:columnsDesktop}},spaceBetween,loop:!0,grabCursor:!1,allowTouchMove:!0,autoHeight:!0,navigation:{prevEl:this.querySelector(".swiper-button-prev"),nextEl:this.querySelector(".swiper-button-next")}};const paginationEl=this.querySelector(this.selectors.pagination);paginationEl&&(this.sliderOptions={...this.sliderOptions,pagination:{el:paginationEl,clickable:!0,type:"fraction"}}),this.productsWrap.classList.add(this.classes.swiper),this.products.classList.remove(this.classes.grid),this.products.classList.add(this.classes.swiperWrapper),this.sliderInstance=new window.FoxTheme.Carousel(this.productsWrap,this.sliderOptions),this.sliderInstance.init(),this.fixQuickviewDuplicate(),this.calcNavButtonsPosition()}}fixQuickviewDuplicate(){let modalIds=[];Array.from(this.querySelectorAll("quick-view-modal")).forEach(modal=>{const modalID=modal.getAttribute("id");modalIds.includes(modalID)?modal.remove():modalIds.push(modalID)})}calcNavButtonsPosition(){if(!this.dataset.calcButtonPosition==="true")return;const firstMedia=this.querySelector(".product-card__image-wrapper");firstMedia&&firstMedia.clientHeight>0&&this.style.setProperty("--swiper-navigation-top-offset",parseInt(firstMedia.clientHeight)/2+"px")}destroySlider(){this.productsWrap.classList.remove(this.classes.swiper),this.products.classList.remove(this.classes.swiperWrapper),this.products.classList.add(this.classes.grid),typeof this.sliderInstance=="object"&&(this.sliderInstance.slider.destroy(),this.sliderInstance=!1)}}); 2//# sourceMappingURL=/cdn/shop/t/3/assets/complementary-product-slider.js.map?v=184423229242947377711775085053
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.