1customElements.get("multicolumn-component")||customElements.define("multicolumn-component",class extends HTMLElement{constructor(){super()}connectedCallback(){this.selectors={sliderWrapper:".multicolumn__items",nextEl:".swiper-button-next",prevEl:".swiper-button-prev",itemsWrapper:".multicolumn__items-inner"},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.enableSliderMobile=this.dataset.enableSliderMobile==="true",this.items=parseInt(this.dataset.items||"4"),this.tabletItems=parseInt(this.dataset.tabletItems||"3"),this.mobileItems=parseInt(this.dataset.mobileItems||"2"),this.sliderInstance=!1,this.enableSwipeMobile=this.classList.contains("swipe-mobile"),!(!this.enableSlider&&!this.enableSliderMobile&&!this.enableSwipeMobile)&&(this.setupViewportListeners(),this.init())}isMobile(){return window.innerWidth<=767}isTablet(){return window.innerWidth<=1023}setupViewportListeners(){this.mobileMediaQuery=window.matchMedia("(max-width: 767px)"),this.mobileMediaQuery.addEventListener("change",e=>{this.handleViewportChange()})}init(){if(this.enableSlider){this.initSlider();return}this.isMobile()||this.isTablet()?(this.enableSliderMobile||this.enableSwipeMobile)&&this.initSlider():this.destroySlider()}handleViewportChange(){this.isMobile()?(this.enableSliderMobile||this.enableSwipeMobile)&&this.initSlider():this.enableSlider||this.destroySlider()}initSlider(){if(typeof this.sliderInstance=="object")return;this.querySelector(this.selectors.itemsWrapper).classList.remove("f-flex","flex-nowrap");const columnGap=FoxTheme.utils.getGridColumnGap(this.sliderWrapper);this.sliderOptions={slidesPerView:this.mobileItems,spaceBetween:columnGap.mobile,navigation:{nextEl:this.querySelector(this.selectors.nextEl),prevEl:this.querySelector(this.selectors.prevEl)},breakpoints:{768:{slidesPerView:this.tabletItems,spaceBetween:columnGap.tablet},1024:{slidesPerView:this.items>4?4:this.items,spaceBetween:columnGap.tabletLarge},1280:{slidesPerView:this.items,spaceBetween:columnGap.desktop}},loop:!1,threshold:2,grabCursor:!0,allowTouchMove:!0},this.sliderInstance=new window.FoxTheme.Carousel(this.sliderWrapper,this.sliderOptions),this.sliderInstance.init(),this.handleAccessibility()}destroySlider(){typeof this.sliderInstance=="object"&&(this.querySelector(this.selectors.itemsWrapper).classList.add("f-flex","flex-nowrap"),this.sliderInstance.slider.destroy(),this.sliderInstance=!1)}handleAccessibility(){FoxTheme.a11y.getFocusableElements(this).forEach(element=>{element.addEventListener("focusin",function(){const slide=element.closest(".swiper-slide");slide&&this.sliderInstance.slider.slideTo(this.sliderInstance.slider.slides.indexOf(slide))}.bind(this))})}}); 2//# sourceMappingURL=/cdn/shop/t/722/assets/multicolumn-component.js.map?v=61299610374439973021789995314
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.