PageSourceSearch

https://www.van-tjalle-en-jasper.com/cdn/shop/t/2/assets/collection-list.js?v=8313785757860441961739363571

js van-tjalle-en-jasper.com collected 2026-10-10 01:13:52 UTC 2,645 bytes, 2 lines download raw bytes

1if(!customElements.get("collection-list")){class CollectionList extends HTMLElement{constructor(){super()}connectedCallback(){this.selectors={sliderWrapper:".collection-list__items",pagination:".swiper-pagination",nextEl:".swiper-btn-next",prevEl:".swiper-btn-prev"},this.classes={grid:"f-grid",swiper:"swiper",swiperWrapper:"swiper-wrapper"},this.sectionId=this.dataset.sectionId,this.section=this.closest(`.section-${this.sectionId}`),this.sliderWrapper=this.querySelector(this.selectors.sliderWrapper),this.enableSlider=this.dataset.enableSlider==="true",this.items=parseInt(this.dataset.items),this.tabletItems=parseInt(this.dataset.tabletItems),this.sliderInstance=!1,this.enableSlider&&(this.init(),document.addEventListener("matchMobile",()=>{this.init()}),document.addEventListener("unmatchMobile",()=>{this.init()}))}init(){FoxTheme.config.mqlMobile?this.destroySlider():this.initSlider()}initSlider(){const columnGap=window.getComputedStyle(this.sliderWrapper).getPropertyValue("--column-gap"),spaceBetween=parseFloat(columnGap.replace("rem",""))*10,sliderOptions={modules:[FoxTheme.Swiper.Navigation,FoxTheme.Swiper.Pagination],slidesPerView:this.tabletItems>3?3:parseInt(this.tabletItems),spaceBetween,navigation:{nextEl:this.section.querySelector(this.selectors.nextEl),prevEl:this.section.querySelector(this.selectors.prevEl)},pagination:!1,breakpoints:{1280:{slidesPerView:parseInt(this.items)}},loop:!0,threshold:2};typeof this.sliderInstance!="object"&&(this.classList.add(this.classes.swiper),this.sliderWrapper.classList.remove(this.classes.grid),this.sliderWrapper.classList.add(this.classes.swiperWrapper),this.sliderInstance=new window.FoxTheme.Carousel(this,sliderOptions),this.sliderInstance.init(),FoxTheme.a11y.getFocusableElements(this).forEach(element=>{element.addEventListener("focusin",()=>{const slide=element.closest(".swiper-slide");this.sliderInstance.slider.slideTo(this.sliderInstance.slider.slides.indexOf(slide))})})),Shopify.designMode&&typeof this.sliderInstance=="object"&&document.addEventListener("shopify:block:select",e=>{if(e.detail.sectionId!=this.sectionId)return;let{target}=e;const index=Number(target.dataset.index);this.sliderInstance.slider.slideToLoop(index)})}destroySlider(){this.classList.remove(this.classes.swiper),this.sliderWrapper.classList.remove(this.classes.swiperWrapper),this.sliderWrapper.classList.add(this.classes.grid),typeof this.sliderInstance=="object"&&(this.sliderInstance.slider.destroy(),this.sliderInstance=!1)}}customElements.define("collection-list",CollectionList)}
2//# sourceMappingURL=/cdn/shop/t/2/assets/collection-list.js.map?v=8313785757860441961739363571

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.