ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / thebhoeo / public_html / wp-content / themes / woodmart / js / scripts / global

/* global wdSwiper, woodmart_settings */
woodmartThemeModule.$document.on('wdInstagramAjaxSuccess wdLoadDropdownsSuccess wdProductsTabsLoaded wdSearchFullScreenContentLoaded wdShopPageInit wdRecentlyViewedProductLoaded wdQuickViewOpen300', function() {
	woodmartThemeModule.carouselsInit();
});

[
	'frontend/element_ready/wd_products.default',
	'frontend/element_ready/wd_products_tabs.default',
	'frontend/element_ready/wd_product_categories.default',
	'frontend/element_ready/wd_products_brands.default',
	'frontend/element_ready/wd_blog.default',
	'frontend/element_ready/wd_portfolio.default',
	'frontend/element_ready/wd_images_gallery.default',
	'frontend/element_ready/wd_product_categories.default',
	'frontend/element_ready/wd_banner_carousel.default',
	'frontend/element_ready/wd_infobox_carousel.default',
	'frontend/element_ready/wd_instagram.default',
	'frontend/element_ready/wd_testimonials.default',
	'frontend/element_ready/wd_nested_carousel.default',
	'frontend/element_ready/wd_single_product_fbt_products.default',
	'frontend/element_ready/wd_slider.default',
].forEach( function (value) {
	woodmartThemeModule.wdElementorAddAction(value, function() {
		woodmartThemeModule.carouselsInit();
	});
});

woodmartThemeModule.carouselsInit = function() {
	if ('undefined' === typeof wdSwiper) {
		console.error('Swiper is not defined');

return;
	}

document.querySelectorAll('.wd-carousel-container > .wd-carousel-inner > .wd-carousel:not(.scroll-init)').forEach( function (carousel) {
		woodmartThemeModule.swiperInit(carousel);
	});

const carouselOnScrollObserver = new IntersectionObserver((entries) => {
		entries.forEach((entry) => {
			if (entry.isIntersecting) {
				let carousel = entry.target;

if (carousel && ! carousel.classList.contains('wd-initialized')) {
					woodmartThemeModule.swiperInit(carousel);
				}

carouselOnScrollObserver.unobserve(carousel);
			}
		});
	}, { rootMargin: '200px 0px 200px 0px' });

document.querySelectorAll('.wd-carousel-container > .wd-carousel-inner > .wd-carousel.scroll-init:not(.wd-initialized)').forEach((carousel) => {
		carouselOnScrollObserver.observe(carousel);
	});

window.addEventListener('popstate', function() {
		document.querySelectorAll('.wd-carousel.wd-initialized').forEach( function (carousel) {
			if ('undefined' === typeof carousel.swiper) {
				carousel.classList.remove('wd-initialized');

woodmartThemeModule.swiperInit(carousel);
			}
		});
	});
};

woodmartThemeModule.swiperInit = function(carousel, thumbs = false) {
	if ('undefined' === typeof wdSwiper) {
		console.error('Swiper is not defined');

return;
	}

if (
		(
			carousel.closest('.woocommerce-product-gallery') &&
			! carousel.classList.contains('quick-view-gallery')
		) ||
		(
			! thumbs &&
			'undefined' !== typeof carousel.dataset.sync_child_id &&
			document.querySelector('.wd-carousel[data-sync_parent_id=' + carousel.dataset.sync_child_id + ']')
		)
	) {
		return;
	}

var carouselWrapper = carousel.closest('.wd-carousel-container');
	var carouselStyle = window.getComputedStyle(carousel);

if (woodmartThemeModule.windowWidth <= 1024 && carouselWrapper.classList.contains('wd-carousel-dis-mb') || carousel.classList.contains('wd-initialized') ) {
		return;
	}

var mainSlidesPerView = carouselStyle.getPropertyValue('--wd-col');
	var breakpointsSettings = woodmart_settings.carousel_breakpoints;
	var breakpoints = {};
	var carouselItemsLength = carousel.querySelectorAll('.wd-carousel-item').length;

Object.entries(breakpointsSettings).forEach(( [size, key] ) => {
		var slidesPerView = carouselStyle.getPropertyValue('--wd-col-' + key );
		var enableScrollPerGroup = 'undefined' !== typeof carousel.dataset.scroll_per_page && 'yes' === carousel.dataset.scroll_per_page;

if ( ! slidesPerView ) {
			slidesPerView = mainSlidesPerView;
		}

if ( slidesPerView ) {
			breakpoints[ size ] = {
				slidesPerView : slidesPerView ? slidesPerView : 1
			};

if ( 'yes' === carousel.dataset.wrap && parseInt(slidesPerView, 10 ) * 2 > carouselItemsLength || 'yes' === carousel.dataset.center_mode) {
				enableScrollPerGroup = false;
			}

if ( enableScrollPerGroup && slidesPerView ) {
				breakpoints[ size ]['slidesPerGroup'] = parseInt(slidesPerView);
			}
		}
	});

if ('undefined' !== typeof carousel.dataset.effect) {
		var effect = carousel.dataset.effect;

if ('distortion' === effect) {
			effect = 'fade';
		}

config.effect = effect;

if ('parallax' === effect) {
			config.parallax = {
				enabled: true
			};

carousel.querySelectorAll('.wd-slide-bg').forEach( function (slideBg) {
				slideBg.setAttribute('data-swiper-parallax', '50%');
			});
		}
	}

if ('undefined' !== typeof carousel.dataset.sliding_speed && carousel.dataset.sliding_speed) {
		config.speed = carousel.dataset.sliding_speed;
	}

var pagination = Array.prototype.filter.call(
		carouselWrapper.children,
		(element) => element.classList.contains('wd-nav-pagin-wrap'),
	).shift();

if (pagination) {
		config.pagination = {
			el                     : pagination.querySelector('.wd-nav-pagin'),
			dynamicBullets         : pagination.classList.contains('wd-dynamic'),
			type                   : 'bullets',
			clickable              : true,
			bulletClass            : 'wd-nav-pagin-item',
			bulletActiveClass      : 'wd-active',
			modifierClass          : 'wd-type-',
			lockClass              : 'wd-lock',
			currentClass           : 'wd-current',
			totalClass             : 'wd-total',
			hiddenClass            : 'wd-hidden',
			clickableClass         : 'wd-clickable',
			horizontalClass        : 'wd-horizontal',
			verticalClass          : 'wd-vertical',
			paginationDisabledClass: 'wd-disabled',
			renderBullet           : (index, className) => {
				const label = woodmart_settings.swiper_pagination_bullet_msg.replace('{{index}}', index + 1);
				const showTextPagination = pagination.classList.contains('wd-style-number-2') || pagination.classList.contains('wd-style-text-1');

if (!showTextPagination) {
					return `<li class="${className}" tabindex="0" aria-label="${label}"><span></span></li>`;
				}

const slideNumber = index + 1;
				let formattedNumber = slideNumber <= 9 ? `0${slideNumber}` : slideNumber;

if (pagination.classList.contains('wd-style-text-1')) {
					formattedNumber = `Slide ${slideNumber}`;
				}

// Check for custom pagination text.
				const slides = carouselWrapper.querySelectorAll('.wd-slide');
				const customText = slides[index]?.getAttribute('data-pagination-text');

if (customText) {
					formattedNumber = customText;
				}

return `<li class="${className}" tabindex="0" aria-label="${label}"><span>${formattedNumber}</span></li>`;
			}
		};
	}

var navigationWrapper = Array.prototype.filter.call(
		carouselWrapper.querySelector('.wd-carousel-inner').children,
		(element) => element.classList.contains('wd-nav-arrows'),
	).shift();

if (navigationWrapper) {
		config.navigation = {
			nextEl       : navigationWrapper.querySelector('.wd-btn-arrow.wd-next'),
			prevEl       : navigationWrapper.querySelector('.wd-btn-arrow.wd-prev'),
			disabledClass: 'wd-disabled',
			lockClass    : 'wd-lock',
			hiddenClass  : 'wd-hide'
		};
	}

var scrollbar = Array.prototype.filter.call(
		carouselWrapper.children,
		(element) => element.classList.contains('wd-nav-scroll'),
	).shift();

if (scrollbar) {
		config.scrollbar = {
			el                    : scrollbar,
			lockClass             : 'wd-lock',
			dragClass             : 'wd-nav-scroll-drag',
			scrollbarDisabledClass: 'wd-disabled',
			horizontalClass       : 'wd-horizontal',
			verticalClass         : 'wd-vertical',
			draggable             : true
		};

config.on.scrollbarDragStart = function () {
			scrollbar.classList.add('wd-grabbing');
		};
		config.on.scrollbarDragEnd = function () {
			scrollbar.classList.remove('wd-grabbing');
		};
	}

if ('undefined' !== typeof carousel.dataset.autoplay && 'yes' === carousel.dataset.autoplay) {
		config.autoplay = {
			delay: carousel.dataset.speed ? parseInt(carousel.dataset.speed, 10) : 5000,
			pauseOnMouseEnter: true
		};

if (pagination && pagination.classList.contains('wd-style-text-1')) {
			config.on.autoplayStart = () => {
				pagination.classList.remove('wd-progress-stop');
			}
			config.on.autoplayStop = () => {
				pagination.classList.add('wd-progress-stop');
			}
			config.on.autoplayPause = () => {
				pagination.classList.add('wd-progress-stop');
			}
			config.on.autoplayResume = () => {
				pagination.classList.remove('wd-progress-stop');
			}
		}
	}

if ('undefined' !== typeof carousel.dataset.sync_parent_id) {
		var childCarousel    = document.querySelector('.wd-carousel[data-sync_child_id=' + carousel.dataset.sync_parent_id + ']');

if ( childCarousel ) {
			var childCarouselStyle = window.getComputedStyle(childCarousel);
			var mainSlidesPerViewChild = childCarouselStyle.getPropertyValue('--wd-col');

if ( mainSlidesPerViewChild === mainSlidesPerView ) {
				config.controller = {
					control: [woodmartThemeModule.swiperInit(childCarousel, true)],
				}
			} else {
				config.thumbs = {
					swiper               : woodmartThemeModule.swiperInit(childCarousel, true),
					slideThumbActiveClass: 'wd-thumb-active',
					thumbsContainerClass : 'wd-thumbs'
				};
			}
		}
	}

if ('undefined' !== typeof carousel.dataset.sync_group_id && ! thumbs) {
		var groupedCarousels = document.querySelectorAll(`.wd-carousel[data-sync_group_id="${carousel.dataset.sync_group_id}"]`);

if (groupedCarousels.length > 0) {
			var groupedSwipers = [];

groupedCarousels.forEach((groupedCarousel) => {
				if (groupedCarousel === carousel || groupedCarousel.classList.contains('wd-initialized')) {
					return;
				}

var groupedSwiper = woodmartThemeModule.swiperInit(groupedCarousel, true);

if (groupedSwiper) {
					groupedSwipers.push(groupedSwiper);
				}
			});

if (groupedSwipers.length) {
				config.controller = {
					control: groupedSwipers
				};
			}
		}
	}

carousel.querySelectorAll('link').forEach(function (link) {
		var linkClone = link.cloneNode(false);

carouselWrapper.append(linkClone);

linkClone.addEventListener('load', function() {
			setTimeout(function () {
				link.remove();
			}, 500);
		}, false);
	});

const swiper = new wdSwiper(carousel, config);

if (config.controller) {
		swiper.controller.control.forEach(controlSwiper => {
			controlSwiper.controller.control = swiper;
		});
	}

if (carouselWrapper && carouselWrapper.classList.contains('wd-slider')) {
		swiper.on('realIndexChange', function (swiper) {
			setTimeout(function () {
				carousel.dispatchEvent(new CustomEvent('wdSlideChange', {
					detail: {activeIndex: swiper.realIndex}
				}));
			},100);
		});
	}

return swiper;
}

window.addEventListener('load',function() {
	woodmartThemeModule.carouselsInit();
});

[-] beforeSearchContent.js [edit]
[-] parallax.js [edit]
[-] scrollTop.min.js [edit]
[-] floatingBlocks.min.js [edit]
[-] searchHistory.min.js [edit]
[-] hiddenSidebar.min.js [edit]
[-] masonryLayout.js [edit]
[-] stickyColumn.js [edit]
[-] stickyColumn.min.js [edit]
[-] helpers.min.js [edit]
[-] stickySocialButtons.min.js [edit]
[-] parallax.min.js [edit]
[-] swiperInit.js [edit]
[-] clearSearch.js [edit]
[-] scrollTop.js [edit]
[-] clearSearch.min.js [edit]
[-] ageVerify.min.js [edit]
[-] beforeSearchContent.min.js [edit]
[-] stickySocialButtons.js [edit]
[-] ajaxSearch.js [edit]
[-] mfpPopup.js [edit]
[-] lcpTracker.js [edit]
[-] photoswipeImages.js [edit]
[-] clickOnScrollButton.min.js [edit]
[-] masonryLayout.min.js [edit]
[-] css-animations.js [edit]
[-] cookiesPopup.min.js [edit]
[-] hiddenSidebar.js [edit]
[-] widgetCollapse.min.js [edit]
[-] cookiesPopup.js [edit]
[-] animations.min.js [edit]
[-] scrollBar.min.js [edit]
[-] photoswipeImages.min.js [edit]
[-] floatingBlocks.js [edit]
[-] ajaxSearch.min.js [edit]
[-] callPhotoSwipe.min.js [edit]
[-] lazyLoading.js [edit]
[-] elementor-integration.js [edit]
[-] preloader.js [edit]
[-] backHistory.js [edit]
[-] searchHistory.js [edit]
[-] stickyContainer.js [edit]
[+] ..
[-] css-animations.min.js [edit]
[-] swiperInit.min.js [edit]
[-] mfpPopup.min.js [edit]
[-] lazyLoading.min.js [edit]
[-] clickOnScrollButton.js [edit]
[-] helpers.js [edit]
[-] searchFullScreen.min.js [edit]
[-] scrollBar.js [edit]
[-] backHistory.min.js [edit]
[-] animations.js [edit]
[-] lcpTracker.min.js [edit]
[-] btnsToolTips.min.js [edit]
[-] searchFullScreen.js [edit]
[-] widgetCollapse.js [edit]
[-] stickyContainer.min.js [edit]
[-] widgetsHidable.js [edit]
[-] elementor-integration.min.js [edit]
[-] preloader.min.js [edit]
[-] callPhotoSwipe.js [edit]
[-] ageVerify.js [edit]
[-] animationsOffset.js [edit]
[-] widgetsHidable.min.js [edit]
[-] animationsOffset.min.js [edit]
[-] btnsToolTips.js [edit]