( function( $, elementor ) {
"use strict";
var WprElements = {
init: function() {
var widgets = {
'wpr-nav-menu.default' : WprElements.widgetNavMenu,
'wpr-onepage-nav.default' : WprElements.OnepageNav,
'wpr-grid.default' : WprElements.widgetGrid,
'wpr-magazine-grid.default' : WprElements.widgetMagazineGrid,
'wpr-media-grid.default' : WprElements.widgetGrid,
'wpr-woo-grid.default' : WprElements.widgetGrid,
'wpr-woo-category-grid-pro.default' : WprElements.widgetGrid,
'wpr-featured-media.default' : WprElements.widgetFeaturedMedia,
'wpr-countdown.default' : WprElements.widgetCountDown,
'wpr-google-maps.default' : WprElements.widgetGoogleMaps,
'wpr-before-after.default' : WprElements.widgetBeforeAfter,
'wpr-mailchimp.default' : WprElements.widgetMailchimp,
'wpr-advanced-slider.default' : WprElements.widgetAdvancedSlider,
'wpr-testimonial.default' : WprElements.widgetTestimonialCarousel,
'wpr-search.default' : WprElements.widgetSearch,
'wpr-advanced-text.default' : WprElements.widgetAdvancedText,
'wpr-progress-bar.default' : WprElements.widgetProgressBar,
'wpr-image-hotspots.default' : WprElements.widgetImageHotspots,
'wpr-flip-box.default' : WprElements.widgetFlipBox,
'wpr-content-ticker.default' : WprElements.widgetContentTicker,
'wpr-tabs.default' : WprElements.widgetTabs,
'wpr-content-toggle.default' : WprElements.widgetContentToogle,
'wpr-back-to-top.default': WprElements.widgetBackToTop,
'wpr-lottie-animations.default': WprElements.widgetLottieAnimations,
'wpr-posts-timeline.default' : WprElements.widgetPostsTimeline,
'wpr-sharing-buttons.default' : WprElements.widgetSharingButtons,
'wpr-flip-carousel.default': WprElements.widgetFlipCarousel,
'wpr-feature-list.default' : WprElements.widgetFeatureList,
'wpr-product-media.default' : WprElements.widgetProductMedia,
'wpr-product-add-to-cart.default' : WprElements.widgetProductAddToCart,
'wpr-product-mini-cart.default' : WprElements.widgetProductMiniCart,
'wpr-product-filters.default' : WprElements.widgetProductFilters,
'wpr-page-cart.default' : WprElements.widgetPageCart,
'wpr-my-account-pro.default' : WprElements.widgetPageMyAccount,
'wpr-reading-progress-bar.default' : WprElements.widgetReadingProgressBar,
'wpr-data-table.default' : WprElements.widgetDataTable,
'global': WprElements.widgetSection,
// Single
'wpr-post-media.default' : WprElements.widgetPostMedia,
};
$.each( widgets, function( widget, callback ) {
window.elementorFrontend.hooks.addAction( 'frontend/element_ready/' + widget, callback );
});
},
widgetPostMedia: function( $scope ) {
// var gallery = $scope.find( '.wpr-gallery-slider' ),
// gallerySettings = gallery.attr( 'data-slick' );
// gallery.animate({ 'opacity' : '1' }, 1000 );//tmp
// if ( '[]' !== gallerySettings ) {
// gallery.slick({
// appendDots : $scope.find( '.wpr-gallery-slider-dots' ),
// customPaging : function ( slider, i ) {
// var slideNumber = (i + 1),
// totalSlides = slider.slideCount;
// return '';
// }
// });
// }
// Lightbox
var lightboxSettings = $( '.wpr-featured-media-image' ).attr( 'data-lightbox' );
if ( typeof lightboxSettings !== typeof undefined && lightboxSettings !== false && ! WprElements.editorCheck() ) {
var MediaWrap = $scope.find( '.wpr-featured-media-wrap' );
lightboxSettings = JSON.parse( lightboxSettings );
// Init Lightbox
MediaWrap.lightGallery( lightboxSettings );
// Show/Hide Controls
MediaWrap.on( 'onAferAppendSlide.lg, onAfterSlide.lg', function( event, prevIndex, index ) {
var lightboxControls = $( '#lg-actual-size, #lg-zoom-in, #lg-zoom-out, #lg-download' ),
lightboxDownload = $( '#lg-download' ).attr( 'href' );
if ( $( '#lg-download' ).length ) {
if ( -1 === lightboxDownload.indexOf( 'wp-content' ) ) {
lightboxControls.addClass( 'wpr-hidden-element' );
} else {
lightboxControls.removeClass( 'wpr-hidden-element' );
}
}
// Autoplay Button
if ( '' === lightboxSettings.autoplay ) {
$( '.lg-autoplay-button' ).css({
'width' : '0',
'height' : '0',
'overflow' : 'hidden'
});
}
});
}
}, // End widgetFeaturedMedia
widgetSection: function( $scope ) {
if ( $scope.attr('data-wpr-particles') || $scope.find('.wpr-particle-wrapper').attr('data-wpr-particles-editor') ) {
particlesEffect();
}
if ( $scope.hasClass('wpr-jarallax') || $scope.hasClass('wpr-jarallax-yes') ) {
parallaxBackground();
}
if ( $scope.hasClass('wpr-parallax-yes') ) {
parallaxMultiLayer();
}
if ( $scope.hasClass('wpr-sticky-section-yes') ) {
var positionType = !WprElements.editorCheck() ? $scope.attr('data-wpr-position-type') : $scope.find('.wpr-sticky-section-yes-editor').attr('data-wpr-position-type'),
positionLocation = !WprElements.editorCheck() ? $scope.attr('data-wpr-position-location') : $scope.find('.wpr-sticky-section-yes-editor').attr('data-wpr-position-location'),
positionOffset = !WprElements.editorCheck() ? $scope.attr('data-wpr-position-offset') : $scope.find('.wpr-sticky-section-yes-editor').attr('data-wpr-position-offset'),
viewportWidth = $('body').prop('clientWidth') + 17,
availableDevices = !WprElements.editorCheck() ? $scope.attr('data-wpr-sticky-devices') : $scope.find('.wpr-sticky-section-yes-editor').attr('data-wpr-sticky-devices'),
activeDevices = !WprElements.editorCheck() ? $scope.attr('data-wpr-active-breakpoints') : $scope.find('.wpr-sticky-section-yes-editor').attr('data-wpr-active-breakpoints'),
stickySectionExists = $scope.hasClass('wpr-sticky-section-yes') || $scope.find('.wpr-sticky-section-yes-editor') ? true : false,
positionStyle,
adminBarHeight,
stickyHeaderFooter = $scope.closest('div[data-elementor-type="wp-post"]').length ? $scope.closest('div[data-elementor-type="wp-post"]') : '',
headerFooterZIndex = !WprElements.editorCheck() ? $scope.attr('data-wpr-z-index') : $scope.find('.wpr-sticky-section-yes-editor').attr('data-wpr-z-index');
if ( !$scope.find('.wpr-sticky-section-yes-editor').length) {
positionType = $scope.attr('data-wpr-position-type');
positionLocation = $scope.attr('data-wpr-position-location');
positionOffset = $scope.attr('data-wpr-position-offset');
availableDevices = $scope.attr('data-wpr-sticky-devices');
activeDevices = $scope.attr('data-wpr-active-breakpoints');
headerFooterZIndex = $scope.attr('data-wpr-z-index');
}
if ( 'top' === positionLocation && 'auto' === $scope.css('top') ) {
var offsetTop = 0;
$scope.css('top', 0);
} else {
var offsetTop = +$scope.css('top').slice(0, -2);
}
if ( 0 == availableDevices.length ) {
positionType = 'static';
}
if( WprElements.editorCheck() && availableDevices ) {
var attributes = $scope.find('.wpr-sticky-section-yes-editor').attr('data-wpr-sticky-devices');
$scope.attr('data-wpr-sticky-devices', attributes);
availableDevices = $scope.attr('data-wpr-sticky-devices');
}
changePositionType();
changeAdminBarOffset();
$(window).resize(function() {
viewportWidth = $('body').prop('clientWidth') + 17,
changePositionType();
});
if (!stickySectionExists) {
positionStyle = 'static';
}
function changePositionType() {
if ( !$scope.hasClass('wpr-sticky-section-yes') || !$scope.find('.wpr-sticky-section-yes-editor') ) {
positionStyle = 'static';
return;
}
var checkDevices = [['mobile_sticky', 768], ['mobile_extra_sticky', 881], ['tablet_sticky', 1025], ['tablet_extra_sticky', 1201], ['laptop_sticky', 1216], ['desktop_sticky', 2400], ['widescreen_sticky', 4000]];
var emptyVariables = [];
var checkedDevices = checkDevices.filter((item, index) => {
return activeDevices.indexOf(item[0]) != -1;
}).reverse();
checkedDevices.forEach((device, index) => {
if ( (device[1] > viewportWidth) && availableDevices.indexOf(device[0]) === -1 ) {
positionStyle = activeDevices?.indexOf(device[0]) !== -1 ? 'static' : (emptyVariables[index - 1] ? emptyVariables[index - 1] : positionType);
emptyVariables[index] = positionStyle;
} else if ( ( device[1] > viewportWidth) && availableDevices.indexOf(device[0]) !== -1 ) {
positionStyle = positionType;
}
});
applyPosition();
}
function applyPosition() {
var bottom = +window.innerHeight - (+$scope.css('top').slice(0, -2) + $scope.height());
var top = +window.innerHeight - (+$scope.css('bottom').slice(0, -2) + $scope.height());
if ( 'top' === positionLocation ) {
$scope.css({'position': positionStyle });
if ( '' !== stickyHeaderFooter ) {
// stickyHeaderFooter = stickyHeaderFooter.find('.wpr-sticky-section-yes');
stickyHeaderFooter.css({'position': positionStyle, 'top': positionOffset + 'px', 'bottom': 'auto', 'z-index': headerFooterZIndex, 'width': '100%' });
}
}
else {
$scope.css({'position': positionStyle });
if ( '' !== stickyHeaderFooter ) {
stickyHeaderFooter = stickyHeaderFooter.find('.wpr-sticky-section-yes');
stickyHeaderFooter.css({'position': positionStyle, 'bottom': positionOffset + 'px', 'top': 'auto', 'z-index': headerFooterZIndex, 'width': '100%' });
}
}
}
function changeAdminBarOffset() {
if($('#wpadminbar').length) {
adminBarHeight = $('#wpadminbar').css('height').slice(0, $('#wpadminbar').css('height').length - 2);
if ( 'top' === positionLocation && ( 'fixed' == $scope.css('position') || 'sticky' == $scope.css('position') ) ) {
$scope.css('top', +adminBarHeight + offsetTop + 'px');
$scope.css('bottom', 'auto');
}
}
}
}
function particlesEffect() {
var elementType = $scope.data('element_type'),
sectionID = $scope.data('id'),
particlesJSON = ! WprElements.editorCheck() ? $scope.attr('data-wpr-particles') : $scope.find('.wpr-particle-wrapper').attr('data-wpr-particles-editor');
if ( 'section' === elementType && undefined !== particlesJSON ) {
// Frontend
if ( ! WprElements.editorCheck() ) {
$scope.prepend('');
particlesJS('wpr-particle-'+ sectionID, $scope.attr('particle-source') == 'wpr_particle_json_custom' ? JSON.parse(particlesJSON) : modifyJSON(particlesJSON));
// Editor
} else {
if ( $scope.hasClass('wpr-particle-yes') ) {
particlesJS( 'wpr-particle-'+ sectionID, $scope.find('.wpr-particle-wrapper').attr('particle-source') == 'wpr_particle_json_custom' ? JSON.parse(particlesJSON) : modifyJSON(particlesJSON));
$scope.find('.elementor-column').css('z-index', 9);
$(window).trigger('resize');
} else {
$scope.find('.wpr-particle-wrapper').remove();
}
}
}
}
function modifyJSON(json) {
var wpJson = JSON.parse(json),
particles_quantity = ! WprElements.editorCheck() ? $scope.attr('wpr-quantity') : $scope.find('.wpr-particle-wrapper').attr('wpr-quantity'),
particles_color = ! WprElements.editorCheck() ? $scope.attr('wpr-color') || '#000000' : $scope.find('.wpr-particle-wrapper').attr('wpr-color') ? $scope.find('.wpr-particle-wrapper').attr('wpr-color') : '#000000',
particles_speed = ! WprElements.editorCheck() ? $scope.attr('wpr-speed') : $scope.find('.wpr-particle-wrapper').attr('wpr-speed'),
particles_shape = ! WprElements.editorCheck() ? $scope.attr('wpr-shape') : $scope.find('.wpr-particle-wrapper').attr('wpr-shape'),
particles_size = ! WprElements.editorCheck() ? $scope.attr('wpr-size') : $scope.find('.wpr-particle-wrapper').attr('wpr-size');
wpJson.particles.size.value = particles_size;
wpJson.particles.number.value = particles_quantity;
wpJson.particles.color.value = particles_color;
wpJson.particles.shape.type = particles_shape;
wpJson.particles.line_linked.color = particles_color;
wpJson.particles.move.speed = particles_speed;
return wpJson;
}
function parallaxBackground() {
if ( $scope.hasClass('wpr-jarallax-yes') ) {
if ( ! WprElements.editorCheck() && $scope.hasClass('wpr-jarallax') ) {
$scope.css('background-image', 'url("' + $scope.attr('bg-image') + '")');
$scope.jarallax({
type: $scope.attr('scroll-effect'),
speed: $scope.attr('speed-data'),
});
} else if ( WprElements.editorCheck() ) {
$scope.css('background-image', 'url("' + $scope.find('.wpr-jarallax').attr('bg-image-editor') + '")');
$scope.jarallax({
type: $scope.find('.wpr-jarallax').attr('scroll-effect-editor'),
speed: $scope.find('.wpr-jarallax').attr('speed-data-editor')
});
}
}
}
function parallaxMultiLayer() {
if ( $scope.hasClass('wpr-parallax-yes') ) {
var scene = document.getElementsByClassName('wpr-parallax-multi-layer');
var parallaxInstance = Array.from(scene).map(item => {
return new Parallax(item, {
invertY: item.getAttribute('direction') == 'yes' ? true : false,
invertX: item.getAttribute('direction') == 'yes' ? true : false,
scalarX: item.getAttribute('scalar-speed'),
scalarY: item.getAttribute('scalar-speed'),
hoverOnly: true,
pointerEvents: true
});
});
parallaxInstance.forEach(parallax => {
parallax.friction(0.2, 0.2);
});
}
if ( ! WprElements.editorCheck() ) {
var newScene = [];
document.querySelectorAll('.wpr-parallax-multi-layer').forEach((element, index) => {
element.parentElement.style.position = "relative";
element.style.position = "absolute";
newScene.push(element);
element.remove();
});
document.querySelectorAll('.wpr-parallax-ml-children').forEach((element, index) => {
element.style.position = "absolute";
element.style.top = element.getAttribute('style-top');
element.style.left = element.getAttribute('style-left');
});
$('.wpr-parallax-yes').each(function(index) {
$(this).append(newScene[index]);
});
}
}
}, // end widgetSection
widgetNavMenu: function( $scope ) {
var $navMenu = $scope.find( '.wpr-nav-menu-container' ),
$mobileNavMenu = $scope.find( '.wpr-mobile-nav-menu-container' );
// Menu
var subMenuFirst = $navMenu.find( '.wpr-nav-menu > li.menu-item-has-children' ),
subMenuDeep = $navMenu.find( '.wpr-sub-menu li.menu-item-has-children' );
if ( $navMenu.attr('data-trigger') === 'click' ) {
// First Sub
subMenuFirst.children('a').on( 'click', function(e) {
var currentItem = $(this).parent(),
childrenSub = currentItem.children('.wpr-sub-menu');
// Reset
subMenuFirst.not(currentItem).removeClass('wpr-sub-open');
if ( $navMenu.hasClass('wpr-nav-menu-horizontal') || ( $navMenu.hasClass('wpr-nav-menu-vertical') && $scope.hasClass('wpr-sub-menu-position-absolute') ) ) {
subMenuAnimation( subMenuFirst.children('.wpr-sub-menu'), false );
}
if ( ! currentItem.hasClass( 'wpr-sub-open' ) ) {
e.preventDefault();
currentItem.addClass('wpr-sub-open');
subMenuAnimation( childrenSub, true );
} else {
currentItem.removeClass('wpr-sub-open');
subMenuAnimation( childrenSub, false );
}
});
// Deep Subs
subMenuDeep.on( 'click', function(e) {
var currentItem = $(this),
childrenSub = currentItem.children('.wpr-sub-menu');
// Reset
if ( $navMenu.hasClass('wpr-nav-menu-horizontal') ) {
subMenuAnimation( subMenuDeep.find('.wpr-sub-menu'), false );
}
if ( ! currentItem.hasClass( 'wpr-sub-open' ) ) {
e.preventDefault();
currentItem.addClass('wpr-sub-open');
subMenuAnimation( childrenSub, true );
} else {
currentItem.removeClass('wpr-sub-open');
subMenuAnimation( childrenSub, false );
}
});
// Reset Subs on Document click
$( document ).mouseup(function (e) {
if ( ! subMenuFirst.is(e.target) && subMenuFirst.has(e.target).length === 0 ) {
subMenuFirst.not().removeClass('wpr-sub-open');
subMenuAnimation( subMenuFirst.children('.wpr-sub-menu'), false );
}
if ( ! subMenuDeep.is(e.target) && subMenuDeep.has(e.target).length === 0 ) {
subMenuDeep.removeClass('wpr-sub-open');
subMenuAnimation( subMenuDeep.children('.wpr-sub-menu'), false );
}
});
} else {
// Mouse Over
subMenuFirst.on( 'mouseenter', function() {
if ( $navMenu.hasClass('wpr-nav-menu-vertical') && $scope.hasClass('wpr-sub-menu-position-absolute') ) {
$navMenu.find('li').not(this).children('.wpr-sub-menu').hide();
// BUGFIX: when menu is vertical and absolute positioned, lvl2 depth sub menus wont show properly on hover
}
subMenuAnimation( $(this).children('.wpr-sub-menu'), true );
});
// Deep Subs
subMenuDeep.on( 'mouseenter', function() {
subMenuAnimation( $(this).children('.wpr-sub-menu'), true );
});
// Mouse Leave
if ( $navMenu.hasClass('wpr-nav-menu-horizontal') ) {
subMenuFirst.on( 'mouseleave', function() {
subMenuAnimation( $(this).children('.wpr-sub-menu'), false );
});
subMenuDeep.on( 'mouseleave', function() {
subMenuAnimation( $(this).children('.wpr-sub-menu'), false );
});
} else {
$navMenu.on( 'mouseleave', function() {
subMenuAnimation( $(this).find('.wpr-sub-menu'), false );
});
}
}
// Mobile Menu
var mobileMenu = $mobileNavMenu.find( '.wpr-mobile-nav-menu' );
// Toggle Button
$mobileNavMenu.find( '.wpr-mobile-toggle' ).on( 'click', function() {
$(this).toggleClass('wpr-mobile-toggle-fx');
if ( ! $(this).hasClass('.wpr-mobile-toggle-open') ) {
$(this).addClass('.wpr-mobile-toggle-open');
if ( $(this).find('.wpr-mobile-toggle-text').length ) {
$(this).children().eq(0).hide();
$(this).children().eq(1).show();
}
} else {
$(this).removeClass('.wpr-mobile-toggle-open');
$(this).trigger('focusout');
if ( $(this).find('.wpr-mobile-toggle-text').length ) {
$(this).children().eq(1).hide();
$(this).children().eq(0).show();
}
}
// Show Menu
$(this).parent().next().stop().slideToggle();
// Fix Width
fullWidthMobileDropdown();
});
// Sub Menu Class
mobileMenu.find('.sub-menu').removeClass('wpr-sub-menu').addClass('wpr-mobile-sub-menu');
// Sub Menu Dropdown
mobileMenu.find('.menu-item-has-children').children('a').on( 'click', function(e) {
var parentItem = $(this).closest('li');
// Toggle
if ( ! parentItem.hasClass('wpr-mobile-sub-open') ) {
e.preventDefault();
parentItem.addClass('wpr-mobile-sub-open');
parentItem.children('.wpr-mobile-sub-menu').first().stop().slideDown();
} else {
parentItem.removeClass('wpr-mobile-sub-open');
parentItem.children('.wpr-mobile-sub-menu').first().stop().slideUp();
}
});
// Run Functions
fullWidthMobileDropdown();
// Run Functions on Resize
$(window).smartresize(function() {
fullWidthMobileDropdown();
});
// Full Width Dropdown
function fullWidthMobileDropdown() {
if ( ! $scope.hasClass( 'wpr-mobile-menu-full-width' ) || ! $scope.closest('.elementor-column').length ) {
return;
}
var eColumn = $scope.closest('.elementor-column'),
mWidth = $scope.closest('.elementor-top-section').outerWidth() - 2 * mobileMenu.offset().left,
mPosition = eColumn.offset().left + parseInt(eColumn.css('padding-left'), 10);
mobileMenu.css({
'width' : mWidth +'px',
'left' : - mPosition +'px'
});
}
// Sub Menu Animation
function subMenuAnimation( selector, show ) {
if ( show === true ) {
if ( $scope.hasClass('wpr-sub-menu-fx-slide') ) {
selector.stop().slideDown();
} else {
selector.stop().fadeIn();
}
} else {
if ( $scope.hasClass('wpr-sub-menu-fx-slide') ) {
selector.stop().slideUp();
} else {
selector.stop().fadeOut();
}
}
}
}, // End widgetNavMenu
OnepageNav: function( $scope ) {
$scope.find( '.wpr-onepage-nav-item' ).on( 'click', function(event) {
event.preventDefault();
var section = $( $(this).find( 'a' ).attr( 'href' ) ),
scrollSpeed = parseInt( $(this).parent().attr( 'data-speed' ), 10 );
$( 'body' ).animate({ scrollTop: section.offset().top }, scrollSpeed );
// Active Class
getSectionOffset( $(window).scrollTop() );
});
// Trigger Fake Scroll
if ( 'yes' === $scope.find( '.wpr-onepage-nav' ).attr( 'data-highlight' ) ) {
setTimeout(function() {
$(window).scroll();
}, 10 );
}
// Active Class
$(window).scroll(function() {
getSectionOffset( $(this).scrollTop() );
});
// Get Offset
function getSectionOffset( scrollTop ) {
if ( 'yes' !== $scope.find( '.wpr-onepage-nav' ).attr( 'data-highlight' ) ) {
return;
}
// Reset Active
$scope.find( '.wpr-onepage-nav-item' ).children( 'a' ).removeClass( 'wpr-onepage-active-item' );
// Set Active
$( '.elementor-section' ).each(function() {
var secOffTop = $(this).offset().top,
secOffBot = secOffTop + $(this).outerHeight();
if ( scrollTop >= secOffTop && scrollTop < secOffBot ) {
$scope.find( '.wpr-onepage-nav-item' ).children( 'a[href="#'+ $(this).attr('id') +'"]' ).addClass( 'wpr-onepage-active-item' );
}
});
}
}, // End OnepageNav
widgetGrid: function( $scope ) {
var iGrid = $scope.find( '.wpr-grid' );
var loadedItems;
if ( ! iGrid.length ) {
return;
}
if ( $scope.find('.woocommerce-result-count').length ) {
var resultCountText = $scope.find('.woocommerce-result-count').text();
resultCountText = resultCountText.replace( /\d\u2013\d+/, '1\u2013' + $scope.find('.wpr-grid-item').length );
$scope.find('.woocommerce-result-count').text(resultCountText);
}
// Settings
var settings = iGrid.attr( 'data-settings' );
if ( $scope.find(".wpr-grid-orderby form").length ) {
var select = $scope.find(".wpr-grid-orderby form");
$scope.find(".orderby").on("change", function () {
select.trigger("submit");
});
}
// Grid
if ( typeof settings !== typeof undefined && settings !== false ) {
settings = JSON.parse( iGrid.attr( 'data-settings' ) );
// Init Functions
isotopeLayout( settings );
setTimeout(function() {
isotopeLayout( settings );
}, 100 );
if ( WprElements.editorCheck() ) {
setTimeout(function() {
isotopeLayout( settings );
}, 500 );
setTimeout(function() {
isotopeLayout( settings );
}, 1000 );
}
$( window ).on( 'load', function() {
setTimeout(function() {
isotopeLayout( settings );
}, 100 );
});
$(window).smartresize(function(){
setTimeout(function() {
isotopeLayout( settings );
}, 200 );
});
isotopeFilters( settings );
var initialItems = 0;
// Filtering Transitions
iGrid.on( 'arrangeComplete', function( event, filteredItems ) {
var deepLinkStager = 0,
filterStager = 0,
initStager = 0,
duration = settings.animation_duration,
filterDuration = settings.filters_animation_duration;
if ( iGrid.hasClass( 'grid-images-loaded' ) ) {
initStager = 0;
} else {
iGrid.css( 'opacity', '1' );
// Default Animation
if ( 'default' === settings.animation && 'default' === settings.filters_animation ) {
return;
}
}
for ( var key in filteredItems ) {
if ( initialItems == 0 || key > initialItems - 1 ) {
initStager += settings.animation_delay;
$scope.find( filteredItems[key]['element'] ).find( '.wpr-grid-item-inner' ).css({
'opacity' : '1',
'top' : '0',
'transform' : 'scale(1)',
'transition' : 'all '+ duration +'s ease-in '+ initStager +'s',
});
}
filterStager += settings.filters_animation_delay;
if ( iGrid.hasClass( 'grid-images-loaded' ) ) {
$scope.find( filteredItems[key]['element'] ).find( '.wpr-grid-item-inner' ).css({
'transition' : 'all '+ filterDuration +'s ease-in '+ filterStager +'s',
});
}
// DeepLinking
var deepLink = window.location.hash;
if ( deepLink.indexOf( '#filter:' ) >= 0 && deepLink.indexOf( '#filter:*' ) < 0 ) {
deepLink = deepLink.replace( '#filter:', '' );
$scope.find( filteredItems[key]['element'] ).filter(function() {
if ( $(this).hasClass( deepLink ) ) {
deepLinkStager += settings.filters_animation_delay;
return $(this);
}
}).find( '.wpr-grid-item-inner' ).css({
'transition-delay' : deepLinkStager +'s'
});
}
}
initialItems = filteredItems.length;
});
// Grid Images Loaded
iGrid.imagesLoaded().progress( function( instance, image ) {
if ( '1' !== iGrid.css( 'opacity' ) ) {
iGrid.css( 'opacity', '1' );
}
setTimeout(function() {
iGrid.addClass( 'grid-images-loaded' );
}, 500 );
});
// Infinite Scroll / Load More
if ( ( 'load-more' === settings.pagination_type || 'infinite-scroll' === settings.pagination_type ) && ( $scope.find( '.wpr-grid-pagination' ).length && ! WprElements.editorCheck() ) ) {
var pagination = $scope.find( '.wpr-grid-pagination' ),
scopeClass = '.elementor-element-'+ $scope.attr( 'data-id' );
var navClass = false,
threshold = false;
if ( 'infinite-scroll' === settings.pagination_type ) {
threshold = 300;
navClass = scopeClass +' .wpr-load-more-btn';
}
iGrid.infiniteScroll({
path: scopeClass +' .wpr-grid-pagination a',
hideNav: navClass,
append: false,
history: false,
scrollThreshold: threshold,
status: scopeClass +' .page-load-status',
onInit: function() {
this.on( 'load', function() {
iGrid.removeClass( 'grid-images-loaded' );
});
}
});
// Request
iGrid.on( 'request.infiniteScroll', function( event, path ) {
pagination.find( '.wpr-load-more-btn' ).hide();
pagination.find( '.wpr-pagination-loading' ).css( 'display', 'inline-block' );
});
// Load
var pagesLoaded = 0;
iGrid.on( 'load.infiniteScroll', function( event, response ) {
pagesLoaded++;
// get posts from response
var items = $( response ).find( scopeClass ).find( '.wpr-grid-item' );
if ( $scope.find('.woocommerce-result-count').length ) {
var resultCount = $scope.find('.woocommerce-result-count').text();
var updatedResultCount = resultCount.replace( /\d\u2013\d+/, '1\u2013' + ( $scope.find('.wpr-grid-item').length + items.length ) );
$scope.find('.woocommerce-result-count').text(updatedResultCount);
}
iGrid.infiniteScroll( 'appendItems', items );
iGrid.isotope( 'appended', items );
items.imagesLoaded().progress( function( instance, image ) {
isotopeLayout( settings );
// Fix Layout
setTimeout(function() {
isotopeLayout( settings );
isotopeFilters( settings );
}, 10 );
setTimeout(function() {
iGrid.addClass( 'grid-images-loaded' );
}, 500 );
});
// Loading
pagination.find( '.wpr-pagination-loading' ).hide();
if ( settings.pagination_max_pages - 1 !== pagesLoaded ) {
if ( 'load-more' === settings.pagination_type ) {
pagination.find( '.wpr-load-more-btn' ).fadeIn();
if ( '*' !== $scope.find('.wpr-active-filter').attr('data-filter') ) {
let dataFilterClass = $scope.find('.wpr-active-filter').attr('data-filter').substring(1);
items.each(function() {
if ( !$(this).hasClass(dataFilterClass) ) {
loadedItems = false;
} else {
loadedItems = true;
return false;
}
});
if ( !loadedItems ) {
$scope.find( '.wpr-grid' ).infiniteScroll( 'loadNextPage' );
}
}
}
} else {
pagination.find( '.wpr-pagination-finish' ).fadeIn( 1000 );
pagination.delay( 2000 ).fadeOut( 1000 );
setTimeout(function() {
pagination.find( '.wpr-pagination-loading' ).hide();
}, 500 );
}
// Init Likes
setTimeout(function() {
postLikes( settings );
}, 300 );
// Init Lightbox
lightboxPopup( settings );
// Fix Lightbox
iGrid.data( 'lightGallery' ).destroy( true );
iGrid.lightGallery( settings.lightbox );
// Init Media Hover Link
mediaHoverLink();
// Init Post Sharing
postSharing();
});
pagination.find( '.wpr-load-more-btn' ).on( 'click', function() {
iGrid.infiniteScroll( 'loadNextPage' );
return false;
});
}
// Slider
} else {
iGrid.animate({ 'opacity': '1' }, 1000);
var sliderClass = $scope.attr('class'),
sliderColumnsDesktop = sliderClass.match(/wpr-grid-slider-columns-\d/) ? sliderClass.match(/wpr-grid-slider-columns-\d/).join().slice(-1) : 2,
sliderColumnsWideScreen = sliderClass.match(/columns--widescreen\d/) ? sliderClass.match(/columns--widescreen\d/).join().slice(-1) : sliderColumnsDesktop,
sliderColumnsLaptop = sliderClass.match(/columns--laptop\d/) ? sliderClass.match(/columns--laptop\d/).join().slice(-1) : sliderColumnsDesktop,
sliderColumnsTabletExtra = sliderClass.match(/columns--tablet_extra\d/) ? sliderClass.match(/columns--tablet_extra\d/).join().slice(-1) : sliderColumnsTablet,
sliderColumnsTablet = sliderClass.match(/columns--tablet\d/) ? sliderClass.match(/columns--tablet\d/).join().slice(-1) : 2,
sliderColumnsMobileExtra = sliderClass.match(/columns--mobile_extra\d/) ? sliderClass.match(/columns--mobile_extra\d/).join().slice(-1) : sliderColumnsTablet,
sliderColumnsMobile = sliderClass.match(/columns--mobile\d/) ? sliderClass.match(/columns--mobile\d/).join().slice(-1) : 1,
sliderSlidesToScroll = sliderClass.match(/wpr-grid-slides-to-scroll-\d/) ? +(sliderClass.match(/wpr-grid-slides-to-scroll-\d/).join().slice(-1)) : 1;
iGrid.slick({
appendDots : $scope.find( '.wpr-grid-slider-dots' ),
customPaging : function ( slider, i ) {
var slideNumber = (i + 1),
totalSlides = slider.slideCount;
return '';
},
slidesToShow: sliderColumnsDesktop,
responsive: [
{
breakpoint: 10000,
settings: {
slidesToShow: sliderColumnsWideScreen,
slidesToScroll: sliderSlidesToScroll > sliderColumnsWideScreen ? 1 : sliderSlidesToScroll
}
},
{
breakpoint: 2399,
settings: {
slidesToShow: sliderColumnsDesktop,
slidesToScroll: sliderSlidesToScroll > sliderColumnsDesktop ? 1 : sliderSlidesToScroll
}
},
{
breakpoint: 1221,
settings: {
slidesToShow: sliderColumnsLaptop,
slidesToScroll: sliderSlidesToScroll > sliderColumnsLaptop ? 1 : sliderSlidesToScroll
}
},
{
breakpoint: 1200,
settings: {
slidesToShow: sliderColumnsTabletExtra,
slidesToScroll: sliderSlidesToScroll > sliderColumnsTabletExtra ? 1 : sliderSlidesToScroll
}
},
{
breakpoint: 1024,
settings: {
slidesToShow: sliderColumnsTablet,
slidesToScroll: sliderSlidesToScroll > sliderColumnsTablet ? 1 : sliderSlidesToScroll
}
},
{
breakpoint: 880,
settings: {
slidesToShow: sliderColumnsMobileExtra,
slidesToScroll: sliderSlidesToScroll > sliderColumnsMobileExtra ? 1 : sliderSlidesToScroll
}
},
{
breakpoint: 768,
settings: {
slidesToShow: sliderColumnsMobile,
slidesToScroll: sliderSlidesToScroll > sliderColumnsMobile ? 1 : sliderSlidesToScroll
}
}
],
});
// Adjust Horizontal Pagination
if ( $scope.find( '.slick-dots' ).length && $scope.hasClass( 'wpr-grid-slider-dots-horizontal') ) {
// Calculate Width
var dotsWrapWidth = $scope.find( '.slick-dots li' ).outerWidth() * $scope.find( '.slick-dots li' ).length - parseInt( $scope.find( '.slick-dots li span' ).css( 'margin-right' ), 10 );
// on Load
if ( $scope.find( '.slick-dots' ).length ) {
$scope.find( '.slick-dots' ).css( 'width', dotsWrapWidth );
}
// on Resize // TODO: Change all resize functions to smartresize (debounce)
$(window).on( 'resize', function() {
setTimeout(function() {
// Calculate Width
var dotsWrapWidth = $scope.find( '.slick-dots li' ).outerWidth() * $scope.find( '.slick-dots li' ).length - parseInt( $scope.find( '.slick-dots li span' ).css( 'margin-right' ), 10 );
// Set Width
$scope.find( '.slick-dots' ).css( 'width', dotsWrapWidth );
}, 300 );
});
}
settings = JSON.parse( iGrid.attr( 'data-slick' ) );
}
// Add To Cart AJAX
if ( iGrid.find( '.wpr-grid-item-add-to-cart' ).length ) {
var addCartIcon = iGrid.find( '.wpr-grid-item-add-to-cart' ).find( 'i' ),
addCartIconClass = addCartIcon.attr( 'class' );
if ( addCartIcon.length ) {
addCartIconClass = addCartIconClass.substring( addCartIconClass.indexOf('fa-'), addCartIconClass.length );
}
$( 'body' ).on( 'adding_to_cart', function( ev, button, data ) {
button.fadeTo( 'slow', 0 );
});
$( 'body' ).on( 'added_to_cart', function(ev, fragments, hash, button) {
button.next().fadeTo( 700, 1 );
button.css('display', 'none');
if ( 'sidebar' === button.data('atc-popup') ) {
if ( $('.wpr-mini-cart-toggle-wrap a').length ) {
$('.wpr-mini-cart-toggle-wrap a').each(function() {
if ( 'none' === $(this).closest('.wpr-mini-cart-inner').find('.wpr-mini-cart').css('display') ) {
$(this).trigger('click');
}
});
}
} else if ( 'popup' === button.data('atc-popup') ) {
var popupItem = button.closest('.wpr-grid-item'),
popupText = popupItem.find('.wpr-grid-item-title').text(),
popupLink = button.next().attr('href'),
popupImageSrc = popupItem.find('.wpr-grid-image-wrap').length ? popupItem.find('.wpr-grid-image-wrap').data('src') : '',
popupAnimation = button.data('atc-animation'),
fadeOutIn = button.data('atc-fade-out-in'),
animTime = button.data('atc-animation-time'),
popupImage,
animationClass = 'wpr-added-to-cart-default',
removeAnimationClass;
if ( 'slide-left' === popupAnimation ) {
animationClass = 'wpr-added-to-cart-slide-in-left';
removeAnimationClass = 'wpr-added-to-cart-slide-out-left';
} else if ( 'scale-up' === popupAnimation ) {
animationClass = 'wpr-added-to-cart-scale-up';
removeAnimationClass = 'wpr-added-to-cart-scale-down';
} else if ( 'skew' === popupAnimation ) {
animationClass = 'wpr-added-to-cart-skew';
removeAnimationClass = 'wpr-added-to-cart-skew-off';
} else if ( 'fade' === popupAnimation ) {
animationClass = 'wpr-added-to-cart-fade';
removeAnimationClass = 'wpr-added-to-cart-fade-out';
} else {
removeAnimationClass = 'wpr-added-to-cart-popup-hide';
}
if ( '' !== popupImageSrc ) {
popupImage = '';
} else {
popupImage = '';
}
$(this).find('.wpr-grid').append('');
setTimeout(() => {
$(this).find('.wpr-added-to-cart-popup').addClass(removeAnimationClass);
setTimeout(() => {
$(this).find('.wpr-added-to-cart-popup').remove();
}, animTime * 1000);
}, fadeOutIn * 1000);
}
if ( addCartIcon.length ) {
button.find( 'i' ).removeClass( addCartIconClass ).addClass( 'fa-check' );
setTimeout(function() {
button.find( 'i' ).removeClass( 'fa-check' ).addClass( addCartIconClass );
}, 3500 );
}
});
}
// Init Post Sharing
postSharing();
// Post Sharing
function postSharing() {
if ( $scope.find( '.wpr-sharing-trigger' ).length ) {
var sharingTrigger = $scope.find( '.wpr-sharing-trigger' ),
sharingInner = $scope.find( '.wpr-post-sharing-inner' ),
sharingWidth = 5;
// Calculate Width
sharingInner.first().find( 'a' ).each(function() {
sharingWidth += $(this).outerWidth() + parseInt( $(this).css('margin-right'), 10 );
});
// Calculate Margin
var sharingMargin = parseInt( sharingInner.find( 'a' ).css('margin-right'), 10 );
// Set Positions
if ( 'left' === sharingTrigger.attr( 'data-direction') ) {
// Set Width
sharingInner.css( 'width', sharingWidth +'px' );
// Set Position
sharingInner.css( 'left', - ( sharingMargin + sharingWidth ) +'px' );
} else if ( 'right' === sharingTrigger.attr( 'data-direction') ) {
// Set Width
sharingInner.css( 'width', sharingWidth +'px' );
// Set Position
sharingInner.css( 'right', - ( sharingMargin + sharingWidth ) +'px' );
} else if ( 'top' === sharingTrigger.attr( 'data-direction') ) {
// Set Margins
sharingInner.find( 'a' ).css({
'margin-right' : '0',
'margin-top' : sharingMargin +'px'
});
// Set Position
sharingInner.css({
'top' : -sharingMargin +'px',
'left' : '50%',
'-webkit-transform' : 'translate(-50%, -100%)',
'transform' : 'translate(-50%, -100%)'
});
} else if ( 'right' === sharingTrigger.attr( 'data-direction') ) {
// Set Width
sharingInner.css( 'width', sharingWidth +'px' );
// Set Position
sharingInner.css({
'left' : sharingMargin +'px',
// 'bottom' : - ( sharingInner.outerHeight() + sharingTrigger.outerHeight() ) +'px',
});
} else if ( 'bottom' === sharingTrigger.attr( 'data-direction') ) {
// Set Margins
sharingInner.find( 'a' ).css({
'margin-right' : '0',
'margin-bottom' : sharingMargin +'px'
});
// Set Position
sharingInner.css({
'bottom' : -sharingMargin +'px',
'left' : '50%',
'-webkit-transform' : 'translate(-50%, 100%)',
'transform' : 'translate(-50%, 100%)'
});
}
if ( 'click' === sharingTrigger.attr( 'data-action' ) ) {
sharingTrigger.on( 'click', function() {
var sharingInner = $(this).next();
if ( 'hidden' === sharingInner.css( 'visibility' ) ) {
sharingInner.css( 'visibility', 'visible' );
sharingInner.find( 'a' ).css({
'opacity' : '1',
'top' : '0'
});
setTimeout( function() {
sharingInner.find( 'a' ).addClass( 'wpr-no-transition-delay' );
}, sharingInner.find( 'a' ).length * 100 );
} else {
sharingInner.find( 'a' ).removeClass( 'wpr-no-transition-delay' );
sharingInner.find( 'a' ).css({
'opacity' : '0',
'top' : '-5px'
});
setTimeout( function() {
sharingInner.css( 'visibility', 'hidden' );
}, sharingInner.find( 'a' ).length * 100 );
}
});
} else {
sharingTrigger.on( 'mouseenter', function() {
var sharingInner = $(this).next();
sharingInner.css( 'visibility', 'visible' );
sharingInner.find( 'a' ).css({
'opacity' : '1',
'top' : '0',
});
setTimeout( function() {
sharingInner.find( 'a' ).addClass( 'wpr-no-transition-delay' );
}, sharingInner.find( 'a' ).length * 100 );
});
$scope.find( '.wpr-grid-item-sharing' ).on( 'mouseleave', function() {
var sharingInner = $(this).find( '.wpr-post-sharing-inner' );
sharingInner.find( 'a' ).removeClass( 'wpr-no-transition-delay' );
sharingInner.find( 'a' ).css({
'opacity' : '0',
'top' : '-5px'
});
setTimeout( function() {
sharingInner.css( 'visibility', 'hidden' );
}, sharingInner.find( 'a' ).length * 100 );
});
}
}
}
// Init Media Hover Link
mediaHoverLink();
// Media Hover Link
function mediaHoverLink() {
if ( 'yes' === iGrid.find( '.wpr-grid-media-wrap' ).attr( 'data-overlay-link' ) && ! WprElements.editorCheck() ) {
iGrid.find( '.wpr-grid-media-wrap' ).css('cursor', 'pointer');
iGrid.find( '.wpr-grid-media-wrap' ).on( 'click', function( event ) {
var targetClass = event.target.className;
if ( -1 !== targetClass.indexOf( 'inner-block' ) || -1 !== targetClass.indexOf( 'wpr-cv-inner' ) ||
-1 !== targetClass.indexOf( 'wpr-grid-media-hover' ) ) {
event.preventDefault();
var itemUrl = $(this).find( '.wpr-grid-media-hover-bg' ).attr( 'data-url' ),
itemUrl = itemUrl.replace('#new_tab', '');
if ( '_blank' === iGrid.find( '.wpr-grid-item-title a' ).attr('target') ) {
window.open(itemUrl, '_blank').focus();
} else {
window.location.href = itemUrl;
}
}
});
}
}
// Init Lightbox
if ( !$scope.hasClass('elementor-widget-wpr-woo-category-grid-pro') ) {
lightboxPopup( settings );
}
// Lightbox Popup
function lightboxPopup( settings ) {
if ( -1 === $scope.find( '.wpr-grid-item-lightbox' ).length ) {
return;
}
var lightbox = $scope.find( '.wpr-grid-item-lightbox' ),
lightboxOverlay = lightbox.find( '.wpr-grid-lightbox-overlay' ).first();
// Set Src Attributes
lightbox.each(function() {
var source = $(this).find('.inner-block > span').attr( 'data-src' ),
gridItem = $(this).closest( 'article' ).not('.slick-cloned');
if ( ! iGrid.hasClass( 'wpr-media-grid' ) ) {
gridItem.find( '.wpr-grid-image-wrap' ).attr( 'data-src', source );
}
var dataSource = gridItem.find( '.wpr-grid-image-wrap' ).attr( 'data-src' );
if ( typeof dataSource !== typeof undefined && dataSource !== false ) {
if ( -1 === dataSource.indexOf( 'wp-content' ) ) {
gridItem.find( '.wpr-grid-image-wrap' ).attr( 'data-iframe', 'true' );
}
}
});
// Init Lightbox
iGrid.lightGallery( settings.lightbox );
// Fix LightGallery Thumbnails
iGrid.on('onAfterOpen.lg',function() {
if ( $('.lg-outer').find('.lg-thumb-item').length ) {
$('.lg-outer').find('.lg-thumb-item').each(function() {
var imgSrc = $(this).find('img').attr('src'),
newImgSrc = imgSrc,
extIndex = imgSrc.lastIndexOf('.'),
imgExt = imgSrc.slice(extIndex),
cropIndex = imgSrc.lastIndexOf('-'),
cropSize = /\d{3,}x\d{3,}/.test(imgSrc.substring(extIndex,cropIndex)) ? imgSrc.substring(extIndex,cropIndex) : false;
if ( 42 <= imgSrc.substring(extIndex,cropIndex).length ) {
cropSize = '';
}
if ( cropSize !== '' ) {
if ( false !== cropSize ) {
newImgSrc = imgSrc.replace(cropSize, '-150x150');
} else {
newImgSrc = [imgSrc.slice(0, extIndex), '-150x150', imgSrc.slice(extIndex)].join('');
}
}
// Change SRC
$(this).find('img').attr('src', newImgSrc);
});
}
});
// Show/Hide Controls
$scope.find( '.wpr-grid' ).on( 'onAferAppendSlide.lg, onAfterSlide.lg', function( event, prevIndex, index ) {
var lightboxControls = $( '#lg-actual-size, #lg-zoom-in, #lg-zoom-out, #lg-download' ),
lightboxDownload = $( '#lg-download' ).attr( 'href' );
if ( $( '#lg-download' ).length ) {
if ( -1 === lightboxDownload.indexOf( 'wp-content' ) ) {
lightboxControls.addClass( 'wpr-hidden-element' );
} else {
lightboxControls.removeClass( 'wpr-hidden-element' );
}
}
// Autoplay Button
if ( '' === settings.lightbox.autoplay ) {
$( '.lg-autoplay-button' ).css({
'width' : '0',
'height' : '0',
'overflow' : 'hidden'
});
}
});
// Overlay
if ( lightboxOverlay.length ) {
$scope.find( '.wpr-grid-media-hover-bg' ).after( lightboxOverlay.remove() );
$scope.find( '.wpr-grid-lightbox-overlay' ).on( 'click', function() {
if ( ! WprElements.editorCheck() ) {
$(this).closest( 'article' ).find( '.wpr-grid-image-wrap' ).trigger( 'click' );
} else {
alert( 'Lightbox is Disabled in the Editor!' );
}
});
} else {
lightbox.find( '.inner-block > span' ).on( 'click', function() {
if ( ! WprElements.editorCheck() ) {
var imageWrap = $(this).closest( 'article' ).find( '.wpr-grid-image-wrap' );
imageWrap.trigger( 'click' );
} else {
alert( 'Lightbox is Disabled in the Editor!' );
}
});
}
}
// Init Likes
postLikes( settings );
// Likes
function postLikes( settings ) {
if ( ! $scope.find( '.wpr-post-like-button' ).length ) {
return;
}
$scope.find( '.wpr-post-like-button' ).on( 'click', function() {
var current = $(this);
if ( '' !== current.attr( 'data-post-id' ) ) {
$.ajax({
type: 'POST',
url: current.attr( 'data-ajax' ),
data: {
action : 'wpr_likes_init',
post_id : current.attr( 'data-post-id' ),
nonce : current.attr( 'data-nonce' )
},
beforeSend:function() {
current.fadeTo( 500, 0.5 );
},
success: function( response ) {
// Get Icon
var iconClass = current.attr( 'data-icon' );
// Get Count
var countHTML = response.count;
if ( '' === countHTML.replace(/<\/?[^>]+(>|$)/g, "") ) {
countHTML = ''+ current.attr( 'data-text' ) +'';
if ( ! current.hasClass( 'wpr-likes-zero' ) ) {
current.addClass( 'wpr-likes-zero' );
}
} else {
current.removeClass( 'wpr-likes-zero' );
}
// Update Icon
if ( current.hasClass( 'wpr-already-liked' ) ) {
current.prop( 'title', 'Like' );
current.removeClass( 'wpr-already-liked' );
current.html( '' + countHTML );
} else {
current.prop( 'title', 'Unlike' );
current.addClass( 'wpr-already-liked' );
current.html( '' + countHTML );
}
current.fadeTo( 500, 1 );
}
});
}
return false;
});
}
// Isotope Layout
function isotopeLayout( settings ) {
var grid = $scope.find( '.wpr-grid' ),
item = grid.find( '.wpr-grid-item' ),
itemVisible = item.filter( ':visible' ),
layout = settings.layout,
mediaAlign = settings.media_align,
mediaWidth = settings.media_width,
mediaDistance = settings.media_distance,
columns = 3,
columnsMobile = 1,
columnsMobileExtra,
columnsTablet = 2,
columnsTabletExtra,
columnsDesktop = parseInt(settings.columns_desktop, 10),
columnsLaptop,
columnsWideScreen,
gutterHr = settings.gutter_hr,
gutterVr = settings.gutter_vr,
contWidth = grid.width() + gutterHr - 0.3,
viewportWidth = $( 'body' ).prop( 'clientWidth' ),
transDuration = 400;
// Get Responsive Columns
var prefixClass = $scope.attr('class'),
prefixClass = prefixClass.split(' ');
for ( var i=0; i < prefixClass.length - 1; i++ ) {
if ( -1 !== prefixClass[i].search(/mobile\d/) ) {
columnsMobile = prefixClass[i].slice(-1);
}
if ( -1 !== prefixClass[i].search(/mobile_extra\d/) ) {
columnsMobileExtra = prefixClass[i].slice(-1);
}
if ( -1 !== prefixClass[i].search(/tablet\d/) ) {
columnsTablet = prefixClass[i].slice(-1);
}
if ( -1 !== prefixClass[i].search(/tablet_extra\d/) ) {
columnsTabletExtra = prefixClass[i].slice(-1);
}
if ( -1 !== prefixClass[i].search(/widescreen\d/) ) {
columnsWideScreen = prefixClass[i].slice(-1);
}
if ( -1 !== prefixClass[i].search(/laptop\d/) ) {
columnsLaptop = prefixClass[i].slice(-1);
}
}
// Mobile
if ( 440 >= viewportWidth ) {
columns = columnsMobile;
// Mobile Extra
} else if ( 768 >= viewportWidth ) {
columns = (columnsMobileExtra) ? columnsMobileExtra : columnsTablet;
// Tablet
} else if ( 881 >= viewportWidth ) {
columns = columnsTablet;
// Tablet Extra
} else if ( 1025 >= viewportWidth ) {
columns = (columnsTabletExtra) ? columnsTabletExtra : columnsTablet;
// Laptop
} else if ( 1201 >= viewportWidth ) {
columns = (columnsLaptop) ? columnsLaptop : columnsDesktop;
// Desktop
} else if ( 1920 >= viewportWidth ) {
columns = columnsDesktop;
// Larger Screens
} else if ( 2300 >= viewportWidth ) {
columns = columnsDesktop;
} else if ( 2650 >= viewportWidth ) {
columns = (columnsWideScreen) ? columnsWideScreen : columnsDesktop;
} else if ( 3000 >= viewportWidth ) {
columns = (columnsWideScreen) ? columnsWideScreen : columnsDesktop;
} else {
columns = (columnsWideScreen) ? columnsWideScreen : columnsDesktop;
}
// Limit Columns for Higher Screens
if ( columns > 8 ) {
columns = 8;
}
if ( 'string' == typeof(columns) && -1 !== columns.indexOf('pro') ) {
columns = 3;
}
// Calculate Item Width
item.outerWidth( Math.floor( contWidth / columns - gutterHr ) );
// Set Vertical Gutter
item.css( 'margin-bottom', gutterVr +'px' );
// Reset Vertical Gutter for 1 Column Layout
if ( 1 === columns ) {
item.last().css( 'margin-bottom', '0' );
}
// add last row & make all post equal height
var maxTop = -1;
itemVisible.each(function ( index ) {
// define
var thisHieght = $(this).outerHeight(),
thisTop = parseInt( $(this).css( 'top' ) , 10 );
// determine last row
if ( thisTop > maxTop ) {
maxTop = thisTop;
}
});
if ( 'fitRows' === layout ) {
itemVisible.each(function() {
if ( parseInt( $(this).css( 'top' ) ) === maxTop ) {
$(this).addClass( 'rf-last-row' );
}
});
}
// List Layout
if ( 'list' === layout ) {
var imageHeight = item.find( '.wpr-grid-image-wrap' ).outerHeight();
item.find( '.wpr-grid-item-below-content' ).css( 'min-height', imageHeight +'px' );
if ( $( 'body' ).prop( 'clientWidth' ) < 480 ) {
item.find( '.wpr-grid-media-wrap' ).css({
'float' : 'none',
'width' : '100%'
});
item.find( '.wpr-grid-item-below-content' ).css({
'float' : 'none',
'width' : '100%',
});
item.find( '.wpr-grid-image-wrap' ).css( 'padding', '0' );
item.find( '.wpr-grid-item-below-content' ).css( 'min-height', '0' );
if ( 'zigzag' === mediaAlign ) {
item.find( '[class*="elementor-repeater-item"]' ).css( 'text-align', 'center' );
}
} else {
if ( 'zigzag' !== mediaAlign ) {
item.find( '.wpr-grid-media-wrap' ).css({
'float' : mediaAlign,
'width' : mediaWidth +'%'
});
var listGutter = 'left' === mediaAlign ? 'margin-right' : 'margin-left';
item.find( '.wpr-grid-media-wrap' ).css( listGutter, mediaDistance +'px' );
item.find( '.wpr-grid-item-below-content' ).css({
'float' : mediaAlign,
'width' : 'calc((100% - '+ mediaWidth +'%) - '+ mediaDistance +'px)',
});
// Zig-zag
} else {
// Even
item.filter(':even').find( '.wpr-grid-media-wrap' ).css({
'float' : 'left',
'width' : mediaWidth +'%'
});
item.filter(':even').find( '.wpr-grid-item-below-content' ).css({
'float' : 'left',
'width' : 'calc((100% - '+ mediaWidth +'%) - '+ mediaDistance +'px)',
});
item.filter(':even').find( '.wpr-grid-media-wrap' ).css( 'margin-right', mediaDistance +'px' );
// Odd
item.filter(':odd').find( '.wpr-grid-media-wrap' ).css({
'float' : 'right',
'width' : mediaWidth +'%'
});
item.filter(':odd').find( '.wpr-grid-item-below-content' ).css({
'float' : 'right',
'width' : 'calc((100% - '+ mediaWidth +'%) - '+ mediaDistance +'px)',
});
item.filter(':odd').find( '.wpr-grid-media-wrap' ).css( 'margin-left', mediaDistance +'px' );
// Fix Elements Align
if ( ! grid.hasClass( 'wpr-grid-list-ready' ) ) {
item.each( function( index ) {
var element = $(this).find( '[class*="elementor-repeater-item"]' );
if ( index % 2 === 0 ) {
element.each(function() {
if ( ! $(this).hasClass( 'wpr-grid-item-align-center' ) ) {
if ( 'none' === $(this).css( 'float' ) ) {
$(this).css( 'text-align', 'left' );
} else {
$(this).css( 'float', 'left' );
}
var inner = $(this).find( '.inner-block' );
}
});
} else {
element.each(function( index ) {
if ( ! $(this).hasClass( 'wpr-grid-item-align-center' ) ) {
if ( 'none' === $(this).css( 'float' ) ) {
$(this).css( 'text-align', 'right' );
} else {
$(this).css( 'float', 'right' );
}
var inner = $(this).find( '.inner-block' );
if ( '0px' !== inner.css( 'margin-left' ) ) {
inner.css( 'margin-right', inner.css( 'margin-left' ) );
inner.css( 'margin-left', '0' );
}
// First Item
if ( 0 === index ) {
if ( '0px' !== inner.css( 'margin-right' ) ) {
inner.css( 'margin-left', inner.css( 'margin-right' ) );
inner.css( 'margin-right', '0' );
}
}
}
});
}
});
}
setTimeout(function() {
if ( ! grid.hasClass( 'wpr-grid-list-ready' ) ) {
grid.addClass( 'wpr-grid-list-ready' );
}
}, 500 );
}
}
}
// Set Layout
if ( 'list' === layout ) {
layout = 'fitRows';
}
// No Transition
if ( 'default' !== settings.filters_animation ) {
transDuration = 0;
}
// Run Isotope
var iGrid = grid.isotope({
layoutMode: layout,
masonry: {
comlumnWidth: contWidth / columns,
gutter: gutterHr
},
fitRows: {
comlumnWidth: contWidth / columns,
gutter: gutterHr
},
transitionDuration: transDuration,
percentPosition: true
});
// return iGrid;//tmp
}
// Isotope Filters
function isotopeFilters( settings ) {
// Count
if ( 'yes' === settings.filters_count ) {
$scope.find( '.wpr-grid-filters a, .wpr-grid-filters span' ).each(function() {
if ( '*' === $(this).attr( 'data-filter') ) {
$(this).find( 'sup' ).text( $scope.find( '.wpr-grid-filters' ).next().find('article').length );
} else {
$(this).find( 'sup' ).text( $scope.find( $(this).attr( 'data-filter' ) ).length );
}
});
}
// Return if Disabled
if ( 'yes' === settings.filters_linkable ) {
return;
}
// Deeplinking on Load
if ( 'yes' === settings.deeplinking ) {
var deepLink = window.location.hash.replace( '#filter:', '.' );
if ( window.location.hash.match( '#filter:all' ) ) {
deepLink = '*';
}
var activeFilter = $scope.find( '.wpr-grid-filters span[data-filter="'+ deepLink +'"]:not(.wpr-back-filter)' ),
activeFilterWrap = activeFilter.parent();
// Sub Filters
if ( 'parent' === activeFilter.parent().attr( 'data-role' ) ) {
if ( activeFilterWrap.parent( 'ul' ).find( 'ul[data-parent="'+ deepLink +'"]').length ) {
activeFilterWrap.parent( 'ul' ).children( 'li' ).css( 'display', 'none' );
activeFilterWrap.siblings( 'ul[data-parent="'+ deepLink +'"]' ).css( 'display', 'block' );
}
} else if ( 'sub' === activeFilter.parent().attr( 'data-role' ) ) {
activeFilterWrap.closest( '.wpr-grid-filters' ).children( 'li' ).css( 'display', 'none' );
activeFilterWrap.parent( 'ul' ).css( 'display', 'inline-block' );
}
// Active Filter Class
$scope.find( '.wpr-grid-filters span' ).removeClass( 'wpr-active-filter' );
activeFilter.addClass( 'wpr-active-filter' );
$scope.find( '.wpr-grid' ).isotope({ filter: deepLink });
// Fix Lightbox
if ( '*' !== deepLink ) {
settings.lightbox.selector = deepLink +' .wpr-grid-image-wrap';
} else {
settings.lightbox.selector = ' .wpr-grid-image-wrap';
}
lightboxPopup( settings );
}
// Hide Empty Filters
if ( 'yes' === settings.filters_hide_empty ) {
$scope.find( '.wpr-grid-filters span' ).each(function() {
var searchClass = $(this).attr( 'data-filter' );
if ( '*' !== searchClass ) {
if ( 0 === iGrid.find(searchClass).length ) {
$(this).parent( 'li' ).addClass( 'wpr-hidden-element' );
} else {
$(this).parent( 'li' ).removeClass( 'wpr-hidden-element' );
}
}
});
}
// Set a Default Filter
if ( !$scope.hasClass('elementor-widget-wpr-woo-category-grid-pro') ) {
if ( '' !== settings.filters_default_filter ) {
setTimeout(function() {
$scope.find( '.wpr-grid-filters' ).find('span[data-filter*="-'+ settings.filters_default_filter +'"]')[0].click();
}, 100)
}
}
// Click Event
$scope.find( '.wpr-grid-filters span' ).on( 'click', function() {
initialItems = 0;
var filterClass = $(this).data( 'filter' ),
filterWrap = $(this).parent( 'li' ),
filterRole = filterWrap.attr( 'data-role' );
// Active Filter Class
$scope.find( '.wpr-grid-filters span' ).removeClass( 'wpr-active-filter' );
$(this).addClass( 'wpr-active-filter' );
// Sub Filters
if ( 'parent' === filterRole ) {
if ( filterWrap.parent( 'ul' ).find( 'ul[data-parent="'+ filterClass +'"]').length ) {
filterWrap.parent( 'ul' ).children( 'li' ).css( 'display', 'none' );
filterWrap.siblings( 'ul[data-parent="'+ filterClass +'"]' ).css( 'display', 'block' );
}
} else if ( 'back' === filterRole ) {
filterWrap.closest( '.wpr-grid-filters' ).children( 'li' ).css( 'display', 'inline-block' );
filterWrap.parent().css( 'display', 'none' );
}
// Deeplinking
if ( 'yes' === settings.deeplinking ) {
var filterHash = '#filter:'+ filterClass.replace( '.', '' );
if ( '*' === filterClass ) {
filterHash = '#filter:all';
}
window.location.href = window.location.pathname + window.location.search + filterHash;
}
// Infinite Scroll
if ( 'infinite-scroll' === settings.pagination_type ) {
if ( 0 === iGrid.find($(this).attr('data-filter')).length ) {
$scope.find( '.wpr-grid' ).infiniteScroll( 'loadNextPage' );
}
}
// Load More
if ( 'load-more' === settings.pagination_type ) {
if ( 0 === iGrid.find($(this).attr('data-filter')).length ) {
$scope.find( '.wpr-grid' ).infiniteScroll( 'loadNextPage' );
}
}
// Filtering Animation
if ( 'default' !== settings.filters_animation ) {
$scope.find( '.wpr-grid-item-inner' ).css({
'opacity' : '0',
'transition' : 'none'
});
}
if ( 'fade-slide' === settings.filters_animation ) {
$scope.find( '.wpr-grid-item-inner' ).css( 'top', '20px' );
} else if ( 'zoom' === settings.filters_animation ) {
$scope.find( '.wpr-grid-item-inner' ).css( 'transform', 'scale(0.01)' );
} else {
$scope.find( '.wpr-grid-item-inner' ).css({
'top' : '0',
'transform' : 'scale(1)'
});
}
// Filter Grid Items
$scope.find( '.wpr-grid' ).isotope({ filter: filterClass });
// Fix Lightbox
if ( '*' !== filterClass ) {
settings.lightbox.selector = filterClass +' .wpr-grid-image-wrap';
} else {
settings.lightbox.selector = ' .wpr-grid-image-wrap';
}
// Destroy Lightbox
iGrid.data('lightGallery').destroy( true );
// Init Lightbox
iGrid.lightGallery( settings.lightbox );
});
}
}, // End widgetGrid
widgetMagazineGrid: function( $scope ) {
// Settings
var iGrid = $scope.find( '.wpr-magazine-grid-wrap' ),
settings = iGrid.attr( 'data-slick' ),
dataSlideEffect = iGrid.attr('data-slide-effect');
// Slider
if ( typeof settings !== typeof undefined && settings !== false ) {
iGrid.slick({
fade: 'fade' === dataSlideEffect ? true : false
});
}
// Media Hover Link
if ( 'yes' === iGrid.find( '.wpr-grid-media-wrap' ).attr( 'data-overlay-link' ) && ! WprElements.editorCheck() ) {
iGrid.find( '.wpr-grid-media-wrap' ).css('cursor', 'pointer');
iGrid.find( '.wpr-grid-media-wrap' ).on( 'click', function( event ) {
var targetClass = event.target.className;
if ( -1 !== targetClass.indexOf( 'inner-block' ) || -1 !== targetClass.indexOf( 'wpr-cv-inner' ) ||
-1 !== targetClass.indexOf( 'wpr-grid-media-hover' ) ) {
event.preventDefault();
window.location.href = $(this).find( '.wpr-grid-media-hover-bg' ).attr( 'data-url' );
}
});
}
// Sharing
if ( $scope.find( '.wpr-sharing-trigger' ).length ) {
var sharingTrigger = $scope.find( '.wpr-sharing-trigger' ),
sharingInner = $scope.find( '.wpr-post-sharing-inner' ),
sharingWidth = 5;
// Calculate Width
sharingInner.first().find( 'a' ).each(function() {
sharingWidth += $(this).outerWidth() + parseInt( $(this).css('margin-right'), 10 );
});
// Calculate Margin
var sharingMargin = parseInt( sharingInner.find( 'a' ).css('margin-right'), 10 );
// Set Positions
if ( 'left' === sharingTrigger.attr( 'data-direction') ) {
// Set Width
sharingInner.css( 'width', sharingWidth +'px' );
// Set Position
sharingInner.css( 'left', - ( sharingMargin + sharingWidth ) +'px' );
} else if ( 'right' === sharingTrigger.attr( 'data-direction') ) {
// Set Width
sharingInner.css( 'width', sharingWidth +'px' );
// Set Position
sharingInner.css( 'right', - ( sharingMargin + sharingWidth ) +'px' );
} else if ( 'top' === sharingTrigger.attr( 'data-direction') ) {
// Set Margins
sharingInner.find( 'a' ).css({
'margin-right' : '0',
'margin-top' : sharingMargin +'px'
});
// Set Position
sharingInner.css({
'top' : -sharingMargin +'px',
'left' : '50%',
'-webkit-transform' : 'translate(-50%, -100%)',
'transform' : 'translate(-50%, -100%)'
});
} else if ( 'right' === sharingTrigger.attr( 'data-direction') ) {
// Set Width
sharingInner.css( 'width', sharingWidth +'px' );
// Set Position
sharingInner.css({
'left' : sharingMargin +'px',
// 'bottom' : - ( sharingInner.outerHeight() + sharingTrigger.outerHeight() ) +'px',
});
} else if ( 'bottom' === sharingTrigger.attr( 'data-direction') ) {
// Set Margins
sharingInner.find( 'a' ).css({
'margin-right' : '0',
'margin-bottom' : sharingMargin +'px'
});
// Set Position
sharingInner.css({
'bottom' : -sharingMargin +'px',
'left' : '50%',
'-webkit-transform' : 'translate(-50%, 100%)',
'transform' : 'translate(-50%, 100%)'
});
}
if ( 'click' === sharingTrigger.attr( 'data-action' ) ) {
sharingTrigger.on( 'click', function() {
var sharingInner = $(this).next();
if ( 'hidden' === sharingInner.css( 'visibility' ) ) {
sharingInner.css( 'visibility', 'visible' );
sharingInner.find( 'a' ).css({
'opacity' : '1',
'top' : '0'
});
setTimeout( function() {
sharingInner.find( 'a' ).addClass( 'wpr-no-transition-delay' );
}, sharingInner.find( 'a' ).length * 100 );
} else {
sharingInner.find( 'a' ).removeClass( 'wpr-no-transition-delay' );
sharingInner.find( 'a' ).css({
'opacity' : '0',
'top' : '-5px'
});
setTimeout( function() {
sharingInner.css( 'visibility', 'hidden' );
}, sharingInner.find( 'a' ).length * 100 );
}
});
} else {
sharingTrigger.on( 'mouseenter', function() {
var sharingInner = $(this).next();
sharingInner.css( 'visibility', 'visible' );
sharingInner.find( 'a' ).css({
'opacity' : '1',
'top' : '0',
});
setTimeout( function() {
sharingInner.find( 'a' ).addClass( 'wpr-no-transition-delay' );
}, sharingInner.find( 'a' ).length * 100 );
});
$scope.find( '.wpr-grid-item-sharing' ).on( 'mouseleave', function() {
var sharingInner = $(this).find( '.wpr-post-sharing-inner' );
sharingInner.find( 'a' ).removeClass( 'wpr-no-transition-delay' );
sharingInner.find( 'a' ).css({
'opacity' : '0',
'top' : '-5px'
});
setTimeout( function() {
sharingInner.css( 'visibility', 'hidden' );
}, sharingInner.find( 'a' ).length * 100 );
});
}
}
// Likes
if ( $scope.find( '.wpr-post-like-button' ).length ) {
$scope.find( '.wpr-post-like-button' ).on( 'click', function() {
var current = $(this);
if ( '' !== current.attr( 'data-post-id' ) ) {
$.ajax({
type: 'POST',
url: current.attr( 'data-ajax' ),
data: {
action : 'wpr_likes_init',
post_id : current.attr( 'data-post-id' ),
nonce : current.attr( 'data-nonce' )
},
beforeSend:function() {
current.fadeTo( 500, 0.5 );
},
success: function( response ) {
// Get Icon
var iconClass = current.attr( 'data-icon' );
// Get Count
var countHTML = response.count;
if ( '' === countHTML.replace(/<\/?[^>]+(>|$)/g, "") ) {
countHTML = ''+ current.attr( 'data-text' ) +'';
if ( ! current.hasClass( 'wpr-likes-zero' ) ) {
current.addClass( 'wpr-likes-zero' );
}
} else {
current.removeClass( 'wpr-likes-zero' );
}
// Update Icon
if ( current.hasClass( 'wpr-already-liked' ) ) {
current.prop( 'title', 'Like' );
current.removeClass( 'wpr-already-liked' );
current.html( '' + countHTML );
} else {
current.prop( 'title', 'Unlike' );
current.addClass( 'wpr-already-liked' );
current.html( '' + countHTML );
}
current.fadeTo( 500, 1 );
}
});
}
return false;
});
}
}, // End widgetMagazineGrid
widgetFeaturedMedia: function( $scope ) {
var gallery = $scope.find( '.wpr-gallery-slider' ),
gallerySettings = gallery.attr( 'data-slick' );
gallery.animate({ 'opacity' : '1' }, 1000 );
if ( '[]' !== gallerySettings ) {
gallery.slick({
appendDots : $scope.find( '.wpr-gallery-slider-dots' ),
customPaging : function ( slider, i ) {
var slideNumber = (i + 1),
totalSlides = slider.slideCount;
return '';
}
});
}
// Lightbox
var lightboxSettings = $( '.wpr-featured-media-image' ).attr( 'data-lightbox' );
if ( typeof lightboxSettings !== typeof undefined && lightboxSettings !== false && ! WprElements.editorCheck() ) {
var MediaWrap = $scope.find( '.wpr-featured-media-wrap' );
lightboxSettings = JSON.parse( lightboxSettings );
// Init Lightbox
MediaWrap.lightGallery( lightboxSettings );
// Show/Hide Controls
MediaWrap.on( 'onAferAppendSlide.lg, onAfterSlide.lg', function( event, prevIndex, index ) {
var lightboxControls = $( '#lg-actual-size, #lg-zoom-in, #lg-zoom-out, #lg-download' ),
lightboxDownload = $( '#lg-download' ).attr( 'href' );
if ( $( '#lg-download' ).length ) {
if ( -1 === lightboxDownload.indexOf( 'wp-content' ) ) {
lightboxControls.addClass( 'wpr-hidden-element' );
} else {
lightboxControls.removeClass( 'wpr-hidden-element' );
}
}
// Autoplay Button
if ( '' === lightboxSettings.autoplay ) {
$( '.lg-autoplay-button' ).css({
'width' : '0',
'height' : '0',
'overflow' : 'hidden'
});
}
});
}
}, // End widgetFeaturedMedia
widgetProductMedia: function( $scope ) {
if ( $scope.find('.wpr-gallery-slider-arrows-wrap') ) {
var sliderIcons = $scope.find('.wpr-gallery-slider-arrows-wrap');
sliderIcons.remove();
$scope.find('.flex-viewport').append(sliderIcons);
$scope.find('.wpr-gallery-slider-arrow').on('click', function() {
if ($(this).hasClass('wpr-gallery-slider-prev-arrow')) {
$scope.find('a.flex-prev').trigger('click');
} else if ($(this).hasClass('wpr-gallery-slider-next-arrow')) {
$scope.find('a.flex-next').trigger('click');
}
});
}
}, // End widgetProductMedia
widgetCountDown: function( $scope ) {
var countDownWrap = $scope.children( '.elementor-widget-container' ).children( '.wpr-countdown-wrap' ),
countDownInterval = null,
dataInterval = countDownWrap.data( 'interval' ),
dataShowAgain = countDownWrap.data( 'show-again' ),
endTime = new Date( dataInterval * 1000);
// Evergreen End Time
if ( 'evergreen' === countDownWrap.data( 'type' ) ) {
var evergreenDate = new Date(),
widgetID = $scope.attr( 'data-id' ),
settings = JSON.parse( localStorage.getItem( 'WprCountDownSettings') ) || {};
// End Time
if ( settings.hasOwnProperty( widgetID ) ) {
if ( Object.keys(settings).length === 0 || dataInterval !== settings[widgetID].interval ) {
endTime = evergreenDate.setSeconds( evergreenDate.getSeconds() + dataInterval );
} else {
endTime = settings[widgetID].endTime;
}
} else {
endTime = evergreenDate.setSeconds( evergreenDate.getSeconds() + dataInterval );
}
if ( endTime + dataShowAgain < evergreenDate.setSeconds( evergreenDate.getSeconds() ) ) {
endTime = evergreenDate.setSeconds( evergreenDate.getSeconds() + dataInterval );
}
// Settings
settings[widgetID] = {
interval: dataInterval,
endTime: endTime
};
// Save Settings in Browser
localStorage.setItem( 'WprCountDownSettings', JSON.stringify( settings ) );
}
// Init on Load
initCountDown();
// Start CountDown
if ( ! WprElements.editorCheck() ) { //tmp
countDownInterval = setInterval( initCountDown, 1000 );
}
function initCountDown() {
var timeLeft = endTime - new Date();
var numbers = {
days: Math.floor(timeLeft / (1000 * 60 * 60 * 24)),
hours: Math.floor(timeLeft / (1000 * 60 * 60) % 24),
minutes: Math.floor(timeLeft / 1000 / 60 % 60),
seconds: Math.floor(timeLeft / 1000 % 60)
};
if ( numbers.days < 0 || numbers.hours < 0 || numbers.minutes < 0 ) {
numbers = {
days: 0,
hours: 0,
minutes: 0,
seconds: 0
};
}
$scope.find( '.wpr-countdown-number' ).each(function() {
var number = numbers[ $(this).attr( 'data-item' ) ];
if ( 1 === number.toString().length ) {
number = '0' + number;
}
$(this).text( number );
// Labels
var labels = $(this).next();
if ( labels.length ) {
if ( ! $(this).hasClass( 'wpr-countdown-seconds' ) ) {
var labelText = labels.data( 'text' );
if ( '01' == number ) {
labels.text( labelText.singular );
} else {
labels.text( labelText.plural );
}
}
}
});
// Stop Counting
if ( timeLeft < 0 ) {
clearInterval( countDownInterval );
// Actions
expiredActions();
}
}
function expiredActions() {
var dataActions = countDownWrap.data( 'actions' );
if ( ! WprElements.editorCheck() ) {
if ( dataActions.hasOwnProperty( 'hide-timer' ) ) {
countDownWrap.hide();
}
if ( dataActions.hasOwnProperty( 'hide-element' ) ) {
$( dataActions['hide-element'] ).hide();
}
if ( dataActions.hasOwnProperty( 'message' ) ) {
if ( ! $scope.children( '.elementor-widget-container' ).children( '.wpr-countdown-message' ).length ) {
countDownWrap.after( ''+ dataActions['message'] +'
' );
}
}
if ( dataActions.hasOwnProperty( 'redirect' ) ) {
window.location.href = dataActions['redirect'];
}
if ( dataActions.hasOwnProperty( 'load-template' ) ) {
countDownWrap.parent().find( '.elementor-inner' ).parent().show();
}
}
}
}, // End widgetCountDown
widgetGoogleMaps: function( $scope ) {
var googleMap = $scope.find( '.wpr-google-map' ),
settings = googleMap.data( 'settings' ),
controls = googleMap.data( 'controls' ),
locations = googleMap.data( 'locations' ),
gMarkers = [],
bounds = new google.maps.LatLngBounds();
// Create Map
var map = new google.maps.Map( googleMap[0], {
mapTypeId: settings.type,
styles: get_map_style( settings ),
zoom: settings.zoom_depth,
gestureHandling: settings.zoom_on_scroll,
// UI
mapTypeControl: controls.type,
fullscreenControl: controls.fullscreen,
zoomControl: controls.zoom,
streetViewControl: controls.streetview,
} );
// Set Markers
for ( var i = 0; i < locations.length; i++ ) {
var data = locations[i],
iconOptions = '',
iconSizeW = data.gm_marker_icon_size_width.size,
iconSizeH = data.gm_marker_icon_size_height.size;
// Empty Values
if ( '' == data.gm_latitude || '' == data.gm_longtitude ) {
continue;
}
// Custom Icon
if ( 'yes' === data.gm_custom_marker ) {
iconOptions = {
url: data.gm_marker_icon.url,
scaledSize: new google.maps.Size( iconSizeW, iconSizeH ),
};
}
// Marker
var marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng( parseFloat( data.gm_latitude ), parseFloat( data.gm_longtitude ) ),
animation: google.maps.Animation[data.gm_marker_animation],
icon: iconOptions
});
// Info Window
if ( 'none' !== data.gm_show_info_window ) {
infoWindow( marker, data );
}
gMarkers.push(marker);
bounds.extend(marker.position);
}
// Center Map
if ( locations.length > 1 ) {
map.fitBounds(bounds);
} else {
map.setCenter( bounds.getCenter() );
}
// Marker Clusters
if ( 'yes' === settings.cluster_markers ) {
var markerCluster = new MarkerClusterer(map, gMarkers, {
imagePath: settings.clusters_url
});
}
// Info Wondow
function infoWindow( marker, data ) {
var content = ''+ data.gm_location_title +'
'+ data.gm_location_description +'
' + '#' + ' | ')
initialRows.each(function(index) {
$(this).prepend(''+ (index + 1) +' | ')
})
}
if ( $scope.find('.wpr-table-export-button-cont').length ) {
var exportBtn = $scope.find('.wpr-table-export-button-cont .wpr-button');;
exportBtn.each(function() {
if ( $(this).hasClass('wpr-xls')) {
$(this).on('click', function() {
let table = $scope.find('table');
TableToExcel.convert(table[0], { // html code may contain multiple tables so here we are refering to 1st table tag
name: `export.xlsx`, // fileName you could use any name
sheet: {
name: 'Sheet 1' // sheetName
}
});
});
} else if ( $(this).hasClass('wpr-csv')) {
$(this).on('click', function() {
htmlToCSV('why-this-arg?', "placeholder.csv", $scope.find('.wpr-data-table'));
});
}
});
}
// if('yes' === $scope.find('.wpr-table-inner-container').attr('data-enable-tr-link')) {
// $scope.find('tbody tr:eq('+ $scope.find('.wpr-table-inner-container').attr('data-tr-index') +')').click(function() {
// window.location.href = 'https://stackoverflow.com/questions/503093/how-do-i-redirect-to-another-webpage';
// // window.open('https://stackoverflow.com/questions/503093/how-do-i-redirect-to-another-webpage', '_blank');
// });
// }
function entryInfo() {
if ( 'yes' !== $scope.find('.wpr-table-inner-container').attr('data-entry-info') ) {
return;
}
var entryPage = +$scope.find('.wpr-active-pagination-item').text(),
lastEntry = itemsPerPage * entryPage - (itemsPerPage - $scope.find('tbody tr').length),
firstEntry = lastEntry - $scope.find('tbody tr').length + 1;
$scope.find('.wpr-entry-info').html('Showing ' + firstEntry + ' to ' + lastEntry + ' of ' + initialRows.length + ' Entries.');
}
function adjustPaginationList() {
paginationIndex = $scope.find('.wpr-active-pagination-item').index();
paginationListItems.each(function(index) {
if (index == 0 || index == paginationListItems.length - 1 || index <= paginationIndex && index >= paginationIndex - 2) {
$(this).css('display', 'flex');
} else {
$(this).css('display', 'none');
}
});
}
function comparer(index) {
return function(a, b) {
var valA = getCellValue(a, index), valB = getCellValue(b, index)
return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.toString().localeCompare(valB)
}
}
function getCellValue (row, index) {
return $(row).children('td').eq(index).text()
}
function htmlToCSV(html, filename, view) {
var data = [];
var rows = view.find(".wpr-table-row");
for (var i = 0; i < rows.length; i++) {
var row = [], cols = rows[i].querySelectorAll(".wpr-table-text");
for (var j = 0; j < cols.length; j++) {
row.push(cols[j].innerText);
}
data.push(row.join(","));
}
downloadCSVFile(data.join("\n"), filename);
}
function downloadCSVFile(csv, filename) {
var csv_file, download_link;
csv_file = new Blob([csv], {type: "text/csv"});
download_link = document.createElement("a");
download_link.download = filename;
download_link.href = window.URL.createObjectURL(csv_file);
download_link.style.display = "none";
document.body.appendChild(download_link);
download_link.click();
} // Data Table CSV export
}, // End widgetDataTable
// Editor Check
editorCheck: function() {
return $( 'body' ).hasClass( 'elementor-editor-active' ) ? true : false;
}
} // End WprElements
$( window ).on( 'elementor/frontend/init', WprElements.init );
}( jQuery, window.elementorFrontend ) );
// Resize Function - Debounce
(function($,sr){
var debounce = function (func, threshold, execAsap) {
var timeout;
return function debounced () {
var obj = this, args = arguments;
function delayed () {
if (!execAsap)
func.apply(obj, args);
timeout = null;
};
if (timeout)
clearTimeout(timeout);
else if (execAsap)
func.apply(obj, args);
timeout = setTimeout(delayed, threshold || 100);
};
}
// smartresize
jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
})(jQuery,'smartresize');