console.log("block: teaser carousel")
initializeBlock=function(block_data){
const blocks=document.querySelectorAll('.wpb-teaser-carousel')
blocks.forEach(block=>
{
const container=block.querySelector('.swiper')
if(container&&container.swiper&&container.contains(container.swiper.el) ){
container.swiper.destroy(true, true);
}
if(container){
new Swiper(
container,
{
slidesPerView: 1,
spaceBetween: 24,
loop: false,
navigation: {
nextEl: `#${block.id} .custom-swiper-next`,
prevEl: `#${block.id} .custom-swiper-prev`,
},
pagination: {
el: `#${block.id} .swiper-custom-pagination`,
clickable: true,
},
breakpoints: {
640: {
slidesPerView: 2,
},
960: {
slidesPerView: 3,
},
1584: {
slidesPerView: 4,
},
},
}
)
}}
)
}
if(window.acf){
window.acf.addAction('render_block_preview',
(domElement, block)=>
{
if(block.name==='pixit/teaser-carousel'){
initializeBlock(block)
}}
)
}else{
initializeBlock()
};