// Helper function to initialize our carousel.
initializeBlock = function() {
	const carousels = document.getElementsByClassName('is-carousel');

	// Loop through all carousels.
	for ( var i = 0; i < carousels.length; i++ ) {
		var flkty = new Flickity( carousels[i], {
			cellAlign: 'left',
			contain: true,
			wrapAround: false,
			groupCells: true,
			draggable: true,
		});
		document.querySelector('.carousel-prveious').addEventListener('click', function() {
			flkty.previous( true );
		});
		document.querySelector('.carousel-next').addEventListener('click', function() {
			flkty.next( true );
		});
	}
}


if( window.acf ) {
	// Initialize dynamic block preview (editor).
	window.acf.addAction( 'render_block_preview/type=carousel', initializeBlock );
} else {
	// Initialize on the frontend.
	initializeBlock();
}