function initializeSwiper(options, element){
	const asyncSwiper = elementorFrontend.utils.swiper;

	new asyncSwiper( element, options ).then( ( newSwiperInstance ) => {
		mySwiper = newSwiperInstance;
	} ).catch( error => console.log(error) );
};

// Cannot initialize Swiper when hidden. This happens when it is inside a tab that is not the first.
const manageAutoplayInsideTab = (tabWrapper, options, elementSwiper ) => {
	if (! tabWrapper.hidden) { // it's in the first tab.
		initializeSwiper(options, elementSwiper);
	}
	var observer = new MutationObserver(function(_, observer) {
		if (! tabWrapper.hidden) {
			initializeSwiper(options, elementSwiper);
		}
	});
	var observerConfig = {
		attributes: true,
		attributeFilter: ["hidden"]
	};
	observer.observe(tabWrapper, observerConfig);
};

(function ($) {
	var WidgetDyncontel_ACFRepeaterHandler = function ($scope, $) {

		let accordion = function () {
			let wrapper = $scope.find('ul.accordion');
			let accordionStart = elementSettings.dce_acf_repeater_accordion_start;
			let activeIndex;

			if ( accordionStart === 'none' ) {
				activeIndex = false;
			} else if( accordionStart === 'first' ) {
				activeIndex = 1;
			} else if( accordionStart === 'custom' ) {
				activeIndex = elementSettings.accordion_start_custom || 1;
			} else {
				let elements = $scope.find( 'ul.accordion .item' ).length;
				activeIndex = [];
				for (let i = 0; i <= elements; i++) {
					activeIndex[i] = i;
				}
			}

			// AccordionJS
			let accordionJs = function ( wrapper, closeOtherSections, speed, activeIndex ) {
				wrapper.accordionjs({
					// Allow self close.(data-close-able)
					closeAble: true,

					// Close other sections.(data-close-other)
					closeOther: Boolean(closeOtherSections),

					// Animation Speed.(data-slide-speed)
					slideSpeed: speed,

					// The section open on first init. A number from 1 to X or false.(data-active-index)
					activeIndex: activeIndex,
				});
			}
			accordionJs( wrapper, elementSettings.dce_acf_repeater_accordion_close, elementSettings.accordion_speed.size, activeIndex );
		}

		let elementSettings = dceGetElementSettings($scope);
		var $block_acfgallery = '.dce-acf-repeater';


		if (elementSettings.dce_acf_repeater_format == 'accordion') {
			accordion();
		}

		if (elementSettings.dce_acf_repeater_format == 'masonry') {

			var $grid_dce_repeater = $scope.find($block_acfgallery).masonry({
				// options
				itemSelector: '.dce-acf-repeater-item',
			});
			// ---------- [ imagesLoaded ] ---------
			$grid_dce_repeater.imagesLoaded().progress(function () {
				$grid_dce_repeater.masonry('layout');
			});
		} else if (elementSettings.dce_acf_repeater_format == 'justified') {
			$scope.find('.justified-grid').imagesLoaded().progress(function () {

			});

			$scope.find('.justified-grid').justifiedGallery({
				rowHeight: Number(elementSettings.justified_rowHeight.size) || 170,
				maxRowHeight: -1,
				selector: 'figure, div:not(.spinner)',
				imgSelector: '> img, > a > img, > div > a > img, > div > img',
				margins: Number(elementSettings.justified_margin.size) || 0,
				lastRow: elementSettings.justified_lastRow
			});


		} else if (elementSettings.dce_acf_repeater_format == 'slider_carousel') {
			var elementSwiper = $scope.find('.dce-acf-repeater-slider_carousel');
			var id_scope = $scope.attr('data-id');
			var id_post = $scope.closest('.elementor').attr('data-post-id');
			var counter_id = $scope.find('.dce-acf-repeater-slider_carousel').attr('counter-id');
			var cicloInfinito = Boolean(elementSettings.loop);
			var slideInitNum = 0;
			var slidesPerView = Number(elementSettings.slidesPerView);
			var swiperOptions = {
				// Optional parameters
				direction: 'horizontal',
				initialSlide: slideInitNum,
				speed: Number(elementSettings.speed_slider) || 300,
				autoHeight: Boolean(elementSettings.autoHeight), //false, // Set to true and slider wrapper will adopt its height to the height of the currently active slide
				roundLengths: Boolean(elementSettings.roundLengths), //false, // Set to true to round values of slides width and height to prevent blurry texts onusual resolution screens (if you have such)
				effect: elementSettings.effects || 'slide',
				slidesPerView: slidesPerView || 'auto',
				slidesPerGroup: Number(elementSettings.slidesPerGroup) || 1, // Set numbers of slides to define and enable group sliding. Useful to use with slidesPerView > 1
				spaceBetween: Number(elementSettings.spaceBetween) || 0, // 30,
				slidesOffsetBefore: 0, // Add (in px) additional slide offset in the beginning of the container (before all slides)
				slidesOffsetAfter: 0, // Add (in px) additional slide offset in the end of the container (after all slides)
				slidesPerColumn: Number(elementSettings.slidesColumn) || 1, // 1, // Number of slides per column, for multirow layout
				slidesPerColumnFill: 'row', // Could be 'column' or 'row'. Defines how slides should fill rows, by column or by row
				centerInsufficientSlides: elementSettings.centerInsufficientSlides === 'yes',
				watchOverflow: true,
				centeredSlides: elementSettings.centeredSlides2 === 'yes',
				grabCursor: Boolean(elementSettings.grabCursor),
				freeMode: Boolean(elementSettings.freeMode),
				freeModeMomentum: Boolean(elementSettings.freeModeMomentum),
				freeModeMomentumRatio: Number(elementSettings.freeModeMomentumRatio) || 1,
				freeModeMomentumVelocityRatio: Number(elementSettings.freeModeMomentumVelocityRatio) || 1,
				freeModeMomentumBounce: Boolean(elementSettings.freeModeMomentumBounce),
				freeModeMomentumBounceRatio: Number(elementSettings.speed) || 1,
				freeModeMinimumVelocity: Number(elementSettings.speed) || 0.02,
				freeModeSticky: Boolean(elementSettings.freeModeSticky),
				loop: cicloInfinito,
				navigation: {
					nextEl: $scope.find('.swiper-button-next')[0],
					prevEl: $scope.find('.swiper-button-prev')[0],
				},
				pagination: {
					el: id_post ? '.dce-elementor-post-'+id_post+' .elementor-element-' + id_scope + ' .pagination-' + counter_id : '.pagination-' + counter_id, //'.swiper-pagination', //'.pagination-acfslider-'+id_scope,
					clickable: true,
					type: String(elementSettings.pagination_type) || 'bullets',
					dynamicBullets: true,
					renderFraction: function (currentClass, totalClass) {
						return '<span class="' + currentClass + '"></span>' +
							'<span class="separator">' + String(elementSettings.fraction_separator) + '</span>' +
							'<span class="' + totalClass + '"></span>';
					},
				},
				mousewheel: Boolean(elementSettings.mousewheelControl),
				keyboard: {
					enabled: Boolean(elementSettings.keyboardControl),
				},

				on: {
					init: function () {
						$('body').attr('data-carousel-' + id_scope, this.realIndex);
					},
					slideChange: function (e) {
						$('body').attr('data-carousel-' + id_scope, this.realIndex);
					},
				}
			};
			if (elementSettings.useAutoplay) {
				//default
				swiperOptions = $.extend(swiperOptions, {autoplay: true});

				var autoplayDelay = Number(elementSettings.autoplay);
				if (!autoplayDelay) {
					autoplayDelay = 3000;
				} else {
					autoplayDelay = Number(elementSettings.autoplay);
				}
				swiperOptions = $.extend(swiperOptions, {autoplay: {delay: autoplayDelay, disableOnInteraction: Boolean(elementSettings.autoplayDisableOnInteraction), stopOnLastSlide: Boolean(elementSettings.autoplayStopOnLast)}});

			}

			// Responsive Params
			swiperOptions.breakpoints = dynamicooo.makeSwiperBreakpoints({
				slidesPerView: {
					elementor_key: 'slidesPerView',
					default_value: 'auto'
				},
				slidesPerGroup: {
					elementor_key: 'slidesPerGroup',
					default_value: 1
				},
				spaceBetween: {
					elementor_key: 'spaceBetween',
					default_value: 0,
				},
				slidesPerColumn: {
					elementor_key: 'slidesColumn',
					default_value: 1,
				}
			}, elementSettings);

			{
				let isCarousel = elementSettings.dce_acf_repeater_format == 'slider_carousel';
				if (!isCarousel) {
					initializeSwiper(swiperOptions, elementSwiper);
				} else {
					let elementorTab = elementSwiper.closest('.elementor-tab-content');
					if (elementorTab.length && elementSettings.useAutoplay) { // we are inside a tab, autoplay needs to be updated.
						manageAutoplayInsideTab( elementorTab, swiperOptions, elementSwiper );
					} else {
						initializeSwiper(swiperOptions, elementSwiper);
					}
				}
			}

			if (elementSettings.useAutoplay && elementSettings.autoplayStopOnHover) {
				$(elementSwiper).on({
					mouseenter: function () {
						mySwiper.autoplay.stop();
					},
					mouseleave: function () {
						mySwiper.autoplay.start();
					}
				});
			}

		} // end if SliderCarousel

		if (elementSettings.enabled_wow) {
			var wow = new WOW(
				{
					boxClass: 'wow', // animated element css class (default is wow)
					animateClass: 'animated', // animation css class (default is animated)
					offset: 0, // distance to the element when triggering the animation (default is 0)
					mobile: true, // trigger animations on mobile devices (default is true)
					live: true, // act on asynchronously loaded content (default is true)
					callback: function (box) {
						// the callback is fired every time an animation is started
						// the argument that is passed in is the DOM node being animated
					},
					scrollContainer: null // optional scroll container selector, otherwise use window
				}
			);
			wow.init();
		}

		// PHOTO SWIPE

		var initPhotoSwipeFromDOM = function (gallerySelector) {
			// parse slide data (url, title, size ...) from DOM elements
			// (children of gallerySelector)
			var parseThumbnailElements = function (el) {
				var thumbElements = el.childNodes,
					numNodes = thumbElements.length,
					items = [],
					figureEl,
					linkEl,
					size,
					item;

				for (var i = 0; i < numNodes; i++) {
					figureEl = thumbElements[i]; // <figure> element

					// include only element nodes
					if (figureEl.nodeType !== 1) {
						continue;
					}

					linkEl = figureEl.children[0].getElementsByTagName('a')[0]; // <a> element

					size = linkEl.getAttribute('data-size').split('x');

					// create slide object
					item = {
						src: linkEl.getAttribute('href'),
						w: parseInt(size[0], 10),
						h: parseInt(size[1], 10)
					};

					if (figureEl.children.length > 1) {
						// <figcaption> content
						item.title = figureEl.children[1].innerHTML;
					}

					if (linkEl.children.length > 0) {
						// <img> thumbnail element, retrieving thumbnail url
						item.msrc = linkEl.children[0].getAttribute('src');
					}

					item.el = figureEl; // save link to element for getThumbBoundsFn
					items.push(item);
				}

				return items;
			};

			// find nearest parent element
			var closest = function closest(el, fn) {
				return el && (fn(el) ? el : closest(el.parentNode, fn));
			};

			// triggers when user clicks on thumbnail
			var onThumbnailsClick = function (e) {
				e = e || window.event;
				e.preventDefault ? e.preventDefault() : e.returnValue = false;

				var eTarget = e.target || e.srcElement;

				// find root element of slide
				var clickedListItem = closest(eTarget, function (el) {
					return (el.tagName && el.tagName.toUpperCase() === 'FIGURE');
				});

				if (!clickedListItem) {
					return;
				}

				// find index of clicked item by looping through all child nodes
				// alternatively, you may define index via data- attribute
				var clickedGallery = clickedListItem.parentNode,
					childNodes = clickedListItem.parentNode.childNodes,
					numChildNodes = childNodes.length,
					nodeIndex = 0,
					index;

				for (var i = 0; i < numChildNodes; i++) {
					if (childNodes[i].nodeType !== 1) {
						continue;
					}

					if (childNodes[i] === clickedListItem) {
						index = nodeIndex;
						break;
					}
					nodeIndex++;
				}

				if (index >= 0) {
					// open PhotoSwipe if valid index found
					openPhotoSwipe(index, clickedGallery);
				}
				return false;
			};

			// parse picture index and gallery index from URL (#&pid=1&gid=2)
			var photoswipeParseHash = function () {
				var hash = window.location.hash.substring(1),
					params = {};

				if (hash.length < 5) {
					return params;
				}

				var vars = hash.split('&');
				for (var i = 0; i < vars.length; i++) {
					if (!vars[i]) {
						continue;
					}
					var pair = vars[i].split('=');
					if (pair.length < 2) {
						continue;
					}
					params[pair[0]] = pair[1];
				}

				if (params.gid) {
					params.gid = parseInt(params.gid, 10);
				}

				return params;
			};

			var openPhotoSwipe = function (index, galleryElement, disableAnimation, fromURL) {
				var pswpElement = document.querySelectorAll('.pswp')[0],
					gallery,
					options,
					items;

				items = parseThumbnailElements(galleryElement);

				// define options (if needed)
				options = {

					// define gallery index (for URL)
					galleryUID: galleryElement.getAttribute('data-pswp-uid'),

					getThumbBoundsFn: function (index) {
						// See Options -> getThumbBoundsFn section of documentation for more info
						var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail
							pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
							rect = thumbnail.getBoundingClientRect();

						return {x: rect.left, y: rect.top + pageYScroll, w: rect.width};
					}

				};

				// PhotoSwipe opened from URL
				if (fromURL) {
					if (options.galleryPIDs) {
						// parse real index when custom PIDs are used
						// http://photoswipe.com/documentation/faq.html#custom-pid-in-url
						for (var j = 0; j < items.length; j++) {
							if (items[j].pid == index) {
								options.index = j;
								break;
							}
						}
					} else {
						// in URL indexes start from 1
						options.index = parseInt(index, 10) - 1;
					}
				} else {
					options.index = parseInt(index, 10);
				}

				// exit if index not found
				if (isNaN(options.index)) {
					return;
				}

				if (disableAnimation) {
					options.showAnimationDuration = 0;
				}

				// Pass data to PhotoSwipe and initialize it
				gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
				gallery.init();
			};

			// loop through all gallery elements and bind events
			var galleryElements = document.querySelectorAll(gallerySelector);

			for (var i = 0, l = galleryElements.length; i < l; i++) {
				galleryElements[i].setAttribute('data-pswp-uid', i + 1);
				galleryElements[i].onclick = onThumbnailsClick;
			}

			// Parse URL and open gallery if it contains #&pid=3&gid=1
			var hashData = photoswipeParseHash();
			if (hashData.pid && hashData.gid) {
				openPhotoSwipe(hashData.pid, galleryElements[ hashData.gid - 1 ], true, true);
			}
		};
		if ($scope.find('.dynamic_acfgallery.is-lightbox.photoswipe, .dynamic_gallery.is-lightbox.photoswipe').length > 0) {
			if ($('body').find('.pswp').length < 1)
				photoSwipeContent();

			initPhotoSwipeFromDOM('.dynamic_acfgallery.is-lightbox.photoswipe, .dynamic_gallery.is-lightbox.photoswipe');
		}
	};

	// Make sure you run this code under Elementor..
	$(window).on('elementor/frontend/init', function () {
		elementorFrontend.hooks.addAction('frontend/element_ready/dce-acf-repeater-v2.default', WidgetDyncontel_ACFRepeaterHandler);
	});
	var photoSwipeContent = function () {
		$('body').append('<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"><div class="pswp__bg"></div><div class="pswp__scroll-wrap"><divclass="pswp__container"><div class="pswp__item"></div><div class="pswp__item"></div><div class="pswp__item"></div></div><div class="pswp__ui pswp__ui--hidden"><div class="pswp__top-bar"><div class="pswp__counter"></div><button class="pswp__button pswp__button--close" title="Close (Esc)"></button><button class="pswp__button pswp__button--share" title="Share"></button><button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button><button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button><div class="pswp__preloader"><div class="pswp__preloader__icn"><div class="pswp__preloader__cut"><div class="pswp__preloader__donut"></div></div></div></div></div><div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"><div class="pswp__share-tooltip"></div></div><button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button><button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button><div class="pswp__caption"><div class="pswp__caption__center"></div></div></div></div></div>');
	};
})(jQuery);