const swiperInstance{tabContainerId} = new Swiper('#swiper-ss-{tabContainerId}', { loop: false, grabCursor: false, autoHeight: false, watchSlidesProgress: true, allowTouchMove: false, centeredSlides: true, slidesPerView: "1", navigation: false, pagination: false, parallax:false, effect: "creative", creativeEffect: { prev: { translate: [0, 0, 0], }, next: { translate: [0, "-100%", 0] }, }, }); swiperInstance{tabContainerId}.on('activeIndexChange', function (slideshow) { let headers = SEV_UTILS.$$('.tab-header', slideshow.hostEl.closest('.tab-container')); if(headers) { headers.forEach((header) => { header.classList.remove('current'); }); headers[slideshow.activeIndex].classList.add('current'); } });