https://hairareus.com/cdn/shop/t/49/assets/collection-list.js?v=128799427354610548301721400542

1if(!customElements.get("m-collection-list")){class MCollectionList extends HTMLElement{constructor(){super()}connectedCallback(){this.selectors={slideControls:".m-slider-controls",slideContainer:".m-mixed-layout__wrapper"},this.domNodes=queryDomNodes(this.selectors,this),this.enableSlider=this.dataset.enableSlider==="true",this.items=this.dataset.items,this.total=this.dataset.total,this.autoplay=this.dataset.autoplay==="true",this.autoplaySpeed=this.dataset.autoplaySpeed,this.paginationType=this.dataset.paginationType,this.expanded=this.dataset.expanded==="true",this.mobileDisableSlider=this.dataset.mobileDisableSlider==="true",this.initByScreenSize(),document.addEventListener("matchMobile",()=>{this.initByScreenSize()}),document.addEventListener("unmatchMobile",()=>{this.initByScreenSize()})}initByScreenSize(){if(!this.enableSlider)return;const{slideContainer,slideControls}=queryDomNodes(this.selectors,this);MinimogTheme.config.mqlMobile&&this.mobileDisableSlider?(slideControls?.classList.add("m:hidden"),slideContainer.classList.remove("swiper-container"),this.swiper&&this.swiper.destroy(!1,!0)):(slideControls?.classList.remove("m:hidden"),this.initSlider())}initSlider(){const{slideContainer}=queryDomNodes(this.selectors,this);slideContainer?.classList.add("swiper-container");const paginationIcon='<svg width="65px" height="65px" viewBox="0 0 72 72" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><circle class="time" stroke-width="5" fill="none" stroke-linecap="round" cx="33" cy="33" r="28"></circle></svg>';this.slider=new MinimogLibs.Swiper(slideContainer,{slidesPerView:2,loop:!0,slidesPerGroup:1,showNavigation:!0,showPagination:!0,parallax:!0,autoplay:this.autoplay?{delay:parseInt(this.autoplaySpeed)*1e3}:!1,pagination:this.paginationType=="fraction"?{el:this.querySelector(".swiper-pagination"),clickable:!0,type:"fraction"}:{el:this.querySelector(".swiper-pagination"),clickable:!0,bulletClass:"m-dot",bulletActiveClass:"m-dot--active",renderBullet:function(index,className){return'<span class="'+className+'">'+paginationIcon+"</span>"}},autoHeight:!0,breakpoints:{480:{slidesPerView:3},768:{slidesPerView:parseInt(this.items)>=3?3:parseInt(this.items)},1280:{slidesPerView:this.expanded&&this.total>this.items?parseInt(this.items)+1:parseInt(this.items)}},on:{init(){setTimeout(()=>{window.dispatchEvent(new Event("resize"))},100)}}});const controlsContainer=this.querySelector(".m-slider-controls"),prevButton=controlsContainer&&controlsContainer.querySelector(".m-slider-controls__button-prev"),nextButton=controlsContainer&&controlsContainer.querySelector(".m-slider-controls__button-next");this.slider&&prevButton&&nextButton&&(prevButton&&prevButton.addEventListener("click",()=>this.slider.slidePrev()),nextButton&&nextButton.addEventListener("click",()=>this.slider.slideNext())),this.swiper=slideContainer?.swiper}}customElements.define("m-collection-list",MCollectionList)}
2//# sourceMappingURL=/cdn/shop/t/49/assets/collection-list.js.map?v=128799427354610548301721400542