(function($){
	let initializeBlock = function(section = false) {
		const $section = section ? $(section) : $('.section-value-prop');

		$section.each(function () {
			app.main.customScrollbarsForSection(this);
			app.main.initFontAjustment(this);
			const $sectionInstance = $(this);

			if( $sectionInstance.hasClass('section-value-prop--style-v2') ) {

				if( app.options.isMobile || app.options.isTablet ) {
					$sectionInstance.find('.value-prop__item').on('click', function (e) {
						let $link = $(this);

						const $sectionServicesTab = $sectionInstance.find('.value-prop__list .scrollbar-outer');
						const $scrollContent = $sectionInstance.find('.value-prop__list .scroll-content');

						if ($scrollContent.length) {
							const navItemsRect = $scrollContent[0].getBoundingClientRect();
							const navItemActiveRect = $link[0].getBoundingClientRect();
							const navItemsLeft = $scrollContent.scrollLeft() + navItemActiveRect.left - navItemsRect.left + (navItemActiveRect.width - navItemsRect.width) / 2;
							$scrollContent.animate({ scrollLeft: navItemsLeft }, 600, 'swing');
						} else {
							const navItemsRect = $sectionServicesTab[0].getBoundingClientRect();
							const navItemActiveRect = $link[0].getBoundingClientRect();
							const navItemsLeft = $sectionServicesTab.scrollLeft() + navItemActiveRect.left - navItemsRect.left + (navItemActiveRect.width - navItemsRect.width) / 2;
							$sectionServicesTab.animate({ scrollLeft: navItemsLeft }, 600, 'swing');
						}
					});
				}
			}
		})
	}

	window.acf.addAction("ready", function () {
        const siteEditor = window.acf.isGutenberg();
 
        if (siteEditor) {
            // site editor (back-end)
 
            window.acf.addAction(
                'render_block_preview/type=section-value-prop',
                adminInitializeBlock( initializeBlock, '.section-value-prop' )
            );
        } else {
            // front-end
			$(document).ready(function(){
				initializeBlock();
		
				window.addEventListener('resize', function () {
					initializeBlock();
				});
			});
        }
    });
})(jQuery);