https://skingrip.com/cdn/shop/t/124/assets/product-slider.js?v=63684477372919440751772552971

1customElements.get("product-slider")||customElements.define("product-slider",class extends HTMLElement{constructor(){super()}connectedCallback(){if(this.selectors={productsWrap:".products-grid-wrap",products:".products-grid",nextEl:".swiper-button-next",prevEl:".swiper-button-prev",pagination:".swiper-pagination"},this.classes={grid:"f-grid",swiper:"swiper",swiperWrapper:"swiper-wrapper"},this.sectionId=this.dataset.sectionId,this.elements=FoxTheme.utils.queryDomNodes(this.selectors,this),this.elements.section=this.closest(`.section-${this.sectionId}`),this.enableSlider=this.dataset.enableSlider==="true",this.items=parseInt(this.dataset.items),this.tabletItems=parseInt(this.dataset.tabletItems),this.totalItems=parseInt(this.dataset.totalItems),this.paginationType=this.dataset.paginationType||"bullets",this.sliderInstance=!1,!this.enableSlider||!this.elements.productsWrap||!this.elements.products)return;const mql=window.matchMedia(FoxTheme.config.mediaQueryMobile);mql.onchange=this.init.bind(this);const mqlTablet=window.matchMedia(FoxTheme.config.mediaQueryTablet);mqlTablet.onchange=this.init.bind(this),this.init()}init(){if(FoxTheme.config.mqlMobile)this.destroySlider();else{const currentItems=FoxTheme.config.mqlTablet?this.tabletItems:this.items;this.totalItems>currentItems?this.initSlider():this.destroySlider()}}initSlider(){if(typeof this.sliderInstance=="object")return;const columnGap=window.getComputedStyle(this.elements.products).getPropertyValue("--f-column-gap"),spaceBetween=parseFloat(columnGap.replace("rem",""))*10;this.sliderOptions={slidesPerView:2,spaceBetween,navigation:{nextEl:this.elements.nextEl,prevEl:this.elements.prevEl},pagination:{el:this.elements.pagination,type:this.paginationType},breakpoints:{768:{slidesPerView:this.tabletItems},1024:{slidesPerView:this.items}},loop:!1,threshold:2,mousewheel:{enabled:!0,forceToAxis:!0}},this.elements.productsWrap.classList.add(this.classes.swiper),this.elements.products.classList.remove(this.classes.grid),this.elements.products.classList.add(this.classes.swiperWrapper),this.sliderInstance=new window.FoxTheme.Carousel(this.elements.productsWrap,this.sliderOptions,[FoxTheme.Swiper.Mousewheel]),this.sliderInstance.init(),this.handleAccessibility(),this.fixQuickviewDuplicate(),this.calcNavButtonsPosition()}handleAccessibility(){FoxTheme.a11y.getFocusableElements(this).forEach(element=>{element.addEventListener("focusin",event=>{if(event.relatedTarget!==null){if(element.closest(".swiper-slide")){const slide=element.closest(".swiper-slide");this.sliderInstance.slider.slideTo(this.sliderInstance.slider.slides.indexOf(slide))}}else element.blur()})})}destroySlider(){this.elements.productsWrap.classList.remove(this.classes.swiper),this.elements.products.classList.remove(this.classes.swiperWrapper),this.elements.products.classList.add(this.classes.grid),typeof this.sliderInstance=="object"&&(this.sliderInstance.slider.destroy(),this.sliderInstance=!1)}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.navigationPosition!=="center_image")return;const firstMedia=this.querySelector(".product-card__image-wrapper"),controls=this.querySelector(".swiper-controls");controls&&firstMedia&&firstMedia.clientHeight>0&&controls.style.setProperty("--swiper-navigation-top-offset",parseInt(firstMedia.clientHeight)/2+"px")}});
2//# sourceMappingURL=/cdn/shop/t/124/assets/product-slider.js.map?v=63684477372919440751772552971