https://www.cyberclick.net/hubfs/hub_generated/template_assets/1/2…/template_projectscarousel.min.js

1document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".projectscarousel").forEach(carousel=>{const logosWrapper=carousel.querySelector(".projectscarousel__wrapper");if(!logosWrapper)return;const logosContent=logosWrapper.querySelector(".projectscarousel__slider"),itemsValue=logosWrapper.dataset.items,autoplayValue=logosWrapper.dataset.autoplay,intervalValue=logosWrapper.dataset.interval;let swiperInstance;const originalSlides=Array.from(logosContent.querySelectorAll(".projectscarousel__item")).map(slide=>{const clonedSlide=slide.cloneNode(!0);return clonedSlide.className=clonedSlide.className.replace(/swiper-slide-\w+/g,"").replace(/swiper-slide-duplicate/g,"").trim(),clonedSlide});function swiperInit(){const prevButton=carousel.querySelector(".button-arrow-prev"),nextButton=carousel.querySelector(".button-arrow-next"),paginationEl=carousel.querySelector(".swiper-pagination"),paginationType=logosWrapper.dataset.paginationType||"fraction";swiperInstance&&swiperInstance.destroy(!0,!0);const visibleSlides=logosContent.querySelectorAll(".projectscarousel__item").length,isDesktop=window.innerWidth>=992;if(isDesktop?visibleSlides>=5?(prevButton&&(prevButton.style.display=""),nextButton&&(nextButton.style.display=""),paginationEl&&(paginationEl.style.display="")):(prevButton&&(prevButton.style.display="none"),nextButton&&(nextButton.style.display="none"),paginationEl&&(paginationEl.style.display="none")):(visibleSlides>=2?(prevButton&&(prevButton.style.display=""),nextButton&&(nextButton.style.display="")):(prevButton&&(prevButton.style.display="none"),nextButton&&(nextButton.style.display="none")),paginationEl&&(paginationEl.style.display="none")),1===visibleSlides){logosWrapper.classList.add("single-slide-mode"),logosWrapper.classList.remove("two-slides-mode","three-slides-mode","four-slides-mode");const singleSlide=logosContent.querySelector(".projectscarousel__item");singleSlide&&(singleSlide.style.maxWidth="400px",singleSlide.style.margin="0 auto",singleSlide.style.flex="none"),swiperInstance=new Swiper(logosWrapper,{slidesPerView:1,spaceBetween:0,loop:!1,centeredSlides:!0,autoplay:!1,allowTouchMove:!1})}else{logosWrapper.classList.remove("single-slide-mode"),2===visibleSlides?(logosWrapper.classList.add("two-slides-mode"),logosWrapper.classList.remove("three-slides-mode","four-slides-mode")):3===visibleSlides?(logosWrapper.classList.add("three-slides-mode"),logosWrapper.classList.remove("two-slides-mode","four-slides-mode")):4===visibleSlides?(logosWrapper.classList.add("four-slides-mode"),logosWrapper.classList.remove("two-slides-mode","three-slides-mode")):logosWrapper.classList.remove("two-slides-mode","three-slides-mode","four-slides-mode");logosContent.querySelectorAll(".projectscarousel__item").forEach(sli

1de=>{slide.style.maxWidth="",slide.style.margin="",slide.style.flex=""});let swiperConfig,paginationConfig={el:paginationEl,type:paginationType,clickable:!0};"fraction"===paginationType?paginationConfig.renderFraction=function(currentClass,totalClass){return'<span class="'+currentClass+'"></span><span class="pagination-divider"> / </span><span class="'+totalClass+'"></span>'}:"bullets"===paginationType&&(paginationConfig.renderBullet=function(index,className){return'<span class="'+className+'"></span>'}),swiperConfig=isDesktop?visibleSlides>=5?{slidesPerView:Math.min(parseInt(itemsValue),visibleSlides),spaceBetween:50,loop:!0,centeredSlides:!0,autoplay:"true"===autoplayValue&&{delay:intervalValue,disableOnInteraction:!1,pauseOnMouseEnter:!0},navigation:{nextEl:nextButton,prevEl:prevButton},pagination:paginationConfig,breakpoints:{992:{slidesPerView:Math.min(parseInt(itemsValue),visibleSlides),spaceBetween:50},0:{slidesPerView:1,spaceBetween:25}}}:{slidesPerView:visibleSlides,spaceBetween:50,loop:!1,centeredSlides:!0,autoplay:!1,navigation:!1,breakpoints:{992:{slidesPerView:visibleSlides,spaceBetween:50},0:{slidesPerView:1,spaceBetween:25}}}:{slidesPerView:1,spaceBetween:25,loop:visibleSlides>1,centeredSlides:!0,autoplay:"true"===autoplayValue&&visibleSlides>1&&{delay:intervalValue,disableOnInteraction:!1,pauseOnMouseEnter:!0},navigation:visibleSlides>=2&&{nextEl:nextButton,prevEl:prevButton}},swiperInstance=new Swiper(logosWrapper,swiperConfig)}}swiperInit();const categoryFilterButton=carousel.querySelector(".js-category-filter-btn"),categoryFilterMenu=carousel.querySelector(".js-category-filter-menu");if(categoryFilterButton&&categoryFilterMenu){categoryFilterButton.addEventListener("click",function(event){event.stopPropagation(),document.querySelectorAll(".js-category-filter-menu").forEach(m=>{m!==categoryFilterMenu&&m.classList.remove("show")}),categoryFilterMenu.classList.toggle("show")});const filterItems=categoryFilterMenu.querySelectorAll(".category-filter-item");filterItems.forEach(item=>{item.addEventListener("click",function(event){event.preventDefault();const filterValue=this.dataset.filter;filterItems.forEach(i=>i.classList.remove("active")),this.classList.add("active");const buttonText=categoryFilterButton.querySelector("span");buttonText&&(buttonText.textContent=this.textContent.trim()),categoryFilterMenu.classList.remove("show"),function(filterValue){logosContent.classList.add("slider-filtering"),setTimeout(()=>{swiperInstance&&(swiperInstance.destroy(!0,!0),swiperInstance=null);const tempContainer=document.createElement("div");tempContainer.className=logosContent.className,originalSlides.forEach(sli

1de=>{if("all"===filterValue||slide.classList.contains(filterValue)){const clonedSlide=slide.cloneNode(!0);clonedSlide.classList.contains("swiper-slide")||clonedSlide.classList.add("swiper-slide"),tempContainer.appendChild(clonedSlide)}}),logosContent.innerHTML=tempContainer.innerHTML,logosContent.classList.remove("slider-filtering"),setTimeout(()=>{swiperInit()},10)},200)}(filterValue)})}),document.addEventListener("click",function(event){event.target.closest(".custom-dropdown")||document.querySelectorAll(".js-category-filter-menu").forEach(m=>{m.classList.remove("show")})})}let resizeTimeout;window.addEventListener("resize",()=>{clearTimeout(resizeTimeout),resizeTimeout=setTimeout(()=>{swiperInit()},250)})})});
2//# sourceURL=https://156214.fs1.hubspotusercontent-na1.net/hubfs/156214/hub_generated/template_assets/1/209101410993/1790595378407/template_projectscarousel.js