| Current File : /home/kelaby89/cartel.express/wp-content/plugins/trx_addons/components/api/elementor/elementor.js |
/* global jQuery, elementorFrontend */
(function() {
"use strict";
var trx_addons_once_resize = false;
var $window = jQuery( window ),
$document = jQuery( document ),
$body = jQuery( 'body' ),
$scheme_watchers = jQuery('.watch_scheme');
var $animated_items,
$scheme_sections,
$stack_sections;
var is_edit_mode = $body.hasClass( 'elementor-editor-active' );
// Update links and values
$document.on( 'action.got_ajax_response', update_jquery_links );
$document.on( 'action.init_hidden_elements', update_jquery_links );
var first_run = true;
function update_jquery_links(e) {
if ( first_run && e && e.namespace == 'init_hidden_elements' ) {
first_run = false;
return;
}
// $animated_items = jQuery('[class*="animated-item"]');
$animated_items = jQuery('.animated-item');
$scheme_sections = jQuery('[class*="scheme_"]:visible');
$stack_sections = jQuery('.sc_stack_section_effect_slide:not(.elementor-element-edit-mode)');
}
update_jquery_links();
// Disable Elementor's lightbox if our lightbox is used
if ( typeof TRX_ADDONS_STORAGE != 'undefined' && TRX_ADDONS_STORAGE['popup_engine'] != 'none' ) {
$document.on( 'action.init_hidden_elements', function(e, cont) {
// Disable Elementor's lightbox on the .esgbox links
cont.find('a.esgbox').attr('data-elementor-open-lightbox', 'no');
// Disable Elementor's lightbox on links to the large image
// (if link is not inside slideshow and don't have an attribute 'data-elementor-open-lightbox="yes"')
if ( trx_addons_apply_filters( 'trx_addons_filter_disable_elementor_lightbox', true ) ) {
cont.find( trx_addons_apply_filters( 'trx_addons_filter_disable_elementor_lightbox_selector',
'a[href$=".jpg"]:not([data-elementor-open-lightbox="yes"]):not([data-elementor-lightbox-slideshow]),'
+ 'a[href$=".jpeg"]:not([data-elementor-open-lightbox="yes"]):not([data-elementor-lightbox-slideshow]),'
+ 'a[href$=".png"]:not([data-elementor-open-lightbox="yes"]):not([data-elementor-lightbox-slideshow]),'
+ 'a[href$=".gif"]:not([data-elementor-open-lightbox="yes"]):not([data-elementor-lightbox-slideshow])' ) )
.attr('data-elementor-open-lightbox', 'no');
}
} );
}
$window.on( 'elementor/frontend/init', function() {
if ( typeof window.elementorFrontend !== 'undefined' && typeof window.elementorFrontend.hooks !== 'undefined' ) {
is_edit_mode = elementorFrontend.isEditMode();
// If Elementor is in the Editor's Preview mode
if ( is_edit_mode ) {
// Prevent many calls on first init elements - trottle with 2.5s is used
var init_hidden_elements_immediately = false,
// Run this function after 2.5s after last call
init_hidden_elements_throttled = trx_addons_throttle( function() {
init_hidden_elements_immediately = true;
init_hidden_elements( $body );
}, 2500, true ),
// Run after any element is added
init_hidden_elements = function($cont) {
// Add 'sc_layouts_item'
if ( $body.hasClass('cpt_layouts-template')
|| $body.hasClass('cpt_layouts-template-default')
|| $body.hasClass('single-cpt_layouts')
|| $body.hasClass('single-elementor_library')
) {
$body.find('.elementor-element.elementor-widget').addClass('sc_layouts_item');
}
// Remove TOC if exists (rebuild on init_hidden_elements)
jQuery('#toc_menu').remove();
// Init hidden elements (widgets, shortcodes) when its added to the preview area
$document.trigger( 'action.init_hidden_elements', [$cont] );
// Trigger 'resize' actions after the element is added (inited)
if ( $cont.parents('.elementor-section-stretched').length > 0 && ! trx_addons_once_resize ) {
trx_addons_once_resize = true;
$document.trigger( 'action.resize_trx_addons', [$cont.parents('.elementor-section-stretched')] );
} else {
$document.trigger( 'action.resize_trx_addons', [$cont] );
}
// Prepare animations
trx_addons_elementor_prepare_animate_items();
};
// Init elements after creation
elementorFrontend.hooks.addAction( 'frontend/element_ready/global', function( $cont ) {
if ( init_hidden_elements_immediately ) { // && ! $cont.hasClass( 'e-child' ) ) { // Init child elements later (after parent inited)
init_hidden_elements( $cont );
} else {
init_hidden_elements_throttled();
}
} );
// Add subtitles to the nested tabs
elementorFrontend.hooks.addAction( 'frontend/element_ready/global', function( $cont ) {
if ( $cont.data('widget_type') && $cont.data('widget_type').indexOf( 'nested-tabs' ) === 0 ) {
trx_addons_elementor_add_subtitle_to_nested_tabs( $cont );
}
} );
// Shift elements down under fixed rows
elementorFrontend.hooks.addFilter( 'frontend/handlers/menu_anchor/scroll_top_distance', function( scrollTop ) {
return scrollTop - trx_addons_fixed_rows_height();
} );
// First init - add wrap 'sc_layouts_item'
if ( $body.hasClass('cpt_layouts-template') || $body.hasClass('cpt_layouts-template-default') || $body.hasClass('single-cpt_layouts') ) {
jQuery('.elementor-element.elementor-widget').addClass('sc_layouts_item');
}
// Link 'Edit layout'
//-----------------------------------------------------
// Make parent of the 'trx_addons_layout_editor_mask' relative (if need)
jQuery('.trx_addons_layout_editor_mask').each( function() {
var $cont = jQuery( this ).parent();
if ( $cont.css( 'position' ) == 'static' ) {
$cont.css( 'position', 'relative' );
}
} );
jQuery( '.trx_addons_layout_editor_link:not(.inited)' )
.addClass('inited')
.on( 'click', function(e) {
e.stopImmediatePropagation();
return true;
} );
// Open/Close list with layouts
jQuery( '.trx_addons_layout_editor_selector_trigger:not(.inited)' )
.addClass('inited')
.on( 'click', function(e) {
jQuery(this).next().slideToggle();
jQuery(this).parent().toggleClass('trx_addons_layout_editor_selector_opened');
e.preventDefault();
return false;
} );
// Change layout
jQuery( '.trx_addons_layout_editor_selector_list_item:not(.inited)' )
.addClass('inited')
.on( 'click', function(e) {
var $self = jQuery(this),
layout_id = $self.data('layout-id'),
layout_type = $self.data('layout-type'),
layout_url = $self.data('layout-url'),
layout_title = $self.text(),
post_id = $self.data('post-id');
$self.parent().prevAll('.trx_addons_layout_editor_selector_trigger').eq(0).trigger('click');
var link = $self.parent().prevAll('.trx_addons_layout_editor_link').eq(0),
text = link.text();
link
.attr('href', layout_url)
.text( text.replace( /"[^"]*"/, '"' + layout_title + '"' ) );
if ( layout_id && layout_type && post_id && elementor ) {
var settings = elementor.settings,
model = settings.page.model,
theme_slug = TRX_ADDONS_STORAGE['theme_slug'];
// Set a layout_type to 'custom'
var override_name = theme_slug + '_options_override_' + layout_type + '_type',
field_name = theme_slug + '_options_field_' + layout_type + '_type';
if ( model.attributes.hasOwnProperty(override_name) ) {
model.set(override_name, '1');
}
if ( model.attributes.hasOwnProperty(field_name) ) {
model.set(field_name, 'custom');
}
// Set a layout_style to the new layout id
var override_name2 = theme_slug + '_options_override_' + layout_type + '_style',
field_name2 = theme_slug + '_options_field_' + layout_type + '_style';
if ( model.attributes.hasOwnProperty( override_name2 ) ) {
model.set( override_name2, '1' );
}
if ( model.attributes.hasOwnProperty( field_name2 ) ) {
model.set( field_name2, layout_type + '-custom-' + layout_id );
}
// Open panel - tab - section with changed settings
var sec_number = layout_type == 'sidebar' ? 1 : ( layout_type == 'header' ? 3 : 4 );
elementor
.getPanelView()
.setPage('page_settings')
.activateTab('advanced')
.activateSection('section_theme_options_' + sec_number)
._renderChildren();
// Trigger 'change' on the fields to force the theme handler to save the new settings
elementor.panel.$el.find('input[data-setting="'+override_name+'"]').trigger('change');
elementor.panel.$el.find('select[data-setting="'+field_name+'"]').trigger('input');
elementor.panel.$el.find('input[data-setting="'+override_name2+'"]').trigger('change');
elementor.panel.$el.find('select[data-setting="'+field_name2+'"]').trigger('input');
}
e.preventDefault();
return false;
} );
// If Elementor is in Frontend
} else {
// Add page settings to the elementorFrontend object
// in the frontend for non-Elementor pages (blog pages, categories, tags, etc.)
if ( typeof elementorFrontend.config !== 'undefined'
&& typeof elementorFrontend.config.settings !== 'undefined'
&& typeof elementorFrontend.config.settings.general === 'undefined'
) {
elementorFrontend.config.settings.general = {
'elementor_stretched_section_container': TRX_ADDONS_STORAGE['elementor_stretched_section_container']
};
}
// Call 'resize' handlers after Elementor inited
// Use setTimeout to run our code after Elementor's stretch row code!
setTimeout( function() {
trx_addons_once_resize = true;
$document.trigger('action.resize_trx_addons');
}, 2 );
// Prepare separate animations before Elementor inited
trx_addons_elementor_prepare_animate_items();
}
// Trigger action 'action.stretch_section_elementor' on stretched section was resized (only in Frontend)
// !!! Temporary commented (switched off) - testing performance
/*
elementorFrontend.hooks.addAction( 'frontend/element_ready/section', function( $element ) {
if ( typeof window.MutationObserver !== 'undefined' ) {
if ( $element.hasClass( 'elementor-section-stretched' ) && ! $element.hasClass( 'stretch_observer_inited' ) ) {
$element.addClass( 'stretch_observer_inited' ).data( 'old-width', $element.is( ':visible' ) ? $element.width() : 0 );
var id = $element.data( 'id' );
trx_addons_create_observer(
'check_stretch_row-' + id,
$element,
function( mutationsList ) {
if ( ! $element.is( ':visible' ) || $element.css( 'display' ) == 'none' ) return;
var new_width = $element.width();
if ( new_width && new_width != $element.data( 'old-width' ) ) {
$document.trigger( 'action.stretch_section_elementor', [ $element ] );
$element.data( 'old-width', new_width );
}
},
{ childList: false, subtree: false, attributes : true, attributeFilter : ['style'] }
);
}
}
} );
*/
}
});
// Scheme watchers
//---------------------------------------------------
if ( $scheme_watchers.length > 0 ) {
$document.on('action.scroll_trx_addons', function() {
$scheme_watchers.each( function(idx) {
var item = $scheme_watchers.eq(idx),
item_dom = item.get(0),
scheme_present = false,
item_offset, item_cx, item_cy;
if ( typeof item_dom.getBoundingClientRect == 'function' ) { // Returns the boundaries of the object, considering the rotation
item_offset = item_dom.getBoundingClientRect();
item_cx = $window.scrollLeft() + item_offset.left + item_offset.width / 2;
item_cy = $window.scrollTop() + item_offset.top + item_offset.height / 2;
} else { // Returns the boundaries of the object, without taking into account the rotation
item_offset = item.offset();
item_cx = item_offset.left + item.width() / 2;
item_cy = item_offset.top + item.height() / 2;
}
$scheme_sections.each( function(idx2) {
var section = $scheme_sections.eq(idx2),
section_offset = section.offset(),
section_left = section_offset.left,
section_top = section_offset.top;
if (
section_left < item_cx && section_left + section.outerWidth() > item_cx
&& section_top < item_cy && section_top + section.outerHeight() > item_cy
) {
var scheme = trx_addons_get_class_by_prefix( section.attr('class'), 'scheme_' );
if ( ! item.hasClass(scheme) ) {
item.attr( 'class', trx_addons_chg_class_by_prefix( item.attr( 'class'), 'scheme_', scheme ) );
}
scheme_present = true;
}
} );
if ( ! scheme_present ) {
item.attr( 'class', trx_addons_chg_class_by_prefix( item.attr( 'class'), 'scheme_', '' ) );
}
} );
} );
}
// Sticky sections
//---------------------------------------------------
// Fix left position of sticky sections
if ( $body.hasClass( 'fixed_blocks_sticky' ) ) {
var $sections_wrap = false;
$document.on('action.resize_trx_addons', function() {
if ( $stack_sections.length === 0 ) return;
if ( $sections_wrap === false ) {
$sections_wrap = $stack_sections.eq(0).parents('.elementor-section-wrap,.e-con-inner').eq(0);
if ( $sections_wrap.length === 0 ) {
$sections_wrap = $stack_sections.eq(0).parents('.elementor').eq(0);
}
}
if ( $sections_wrap.length ) {
var left = $sections_wrap.offset().left;
if ( typeof TRX_ADDONS_STORAGE['elementor_stretched_section_container'] != 'undefined' ) {
var $page_wrap = jQuery( TRX_ADDONS_STORAGE['elementor_stretched_section_container'] ).eq(0);
if ( $page_wrap.length > 0 ) {
left -= $page_wrap.offset().left;
}
}
$stack_sections.each(function() {
var $self = jQuery(this);
if ( $self.hasClass( 'elementor-section-stretched' ) ) {
var options = {
'left': 'unset',
};
if ( $self.hasClass( 'sc_stack_section_zoom_on' ) ) {
options['marginLeft'] = (-1) * left + 'px';
} else {
options['transform'] = 'translateX(' + (-1) * left + 'px)';
}
$self.css( options );
}
} );
}
} );
}
// Tabs
//---------------------------------------------------
// Open tabs on hover
$document.on( 'action.init_hidden_elements', function(e, cont) {
var tabs = cont.hasClass( 'elementor-widget-tabs' ) ? cont : jQuery( '.elementor-widget-tabs' );
if ( tabs.hasClass('sc_tabs_open_on_hover_on') && ! tabs.hasClass('sc_tabs_open_on_hover_inited') ) {
tabs
.addClass( 'sc_tabs_open_on_hover_inited' )
.on( 'mouseenter', '.elementor-tab-title:not(.elementor-active)', function(e) {
jQuery(this).trigger('click');
} );
}
} );
// Init hidden elements on tab open
$document.on( 'action.init_hidden_elements', function(e, cont) {
var tabs = cont.hasClass( 'elementor-widget-tabs' ) ? cont : jQuery( '.elementor-widget-tabs' );
if ( ! tabs.hasClass('sc_tabs_hidden_inited') ) {
tabs
.addClass( 'sc_tabs_hidden_inited' )
.on( 'touchstart mousedown', '.elementor-tab-title:not(.elementor-active)', function(e) {
var $active = jQuery(this).siblings('.elementor-active');
if ( $active.length ) {
var $tab_content = tabs.find( '.elementor-tab-content[data-tab="' + $active.data('tab') + '"]' );
if ( $tab_content.length ) {
$document.trigger( 'action.deactivate_tab', [$tab_content] );
}
}
} )
.on( 'click', '.elementor-tab-title', function(e) {
var $self = jQuery(this);
var $tab_content = tabs.find( '.elementor-tab-content[data-tab="' + $self.data('tab') + '"]' );
setTimeout( function() {
$document.trigger( 'action.activate_tab', [$tab_content] );
$document.trigger( 'action.init_hidden_elements', [$tab_content] );
// Way 1: works only with our handlers
$document.trigger( 'action.resize_trx_addons' );
// Way 2: must work with all handlers
//$window.trigger( 'resize' );
}, $tab_content.height() > 50 ? 0 : 600 ); // Use delay if tab_content is animated now
} );
}
} );
/*
// Disable to squize height of tabs while tab_content is animated
// Fixed: in Elementor 3.0.13 tab_content animation is removed
$document.on( 'action.init_hidden_elements', function(e, cont) {
var tabs = cont && cont.hasClass( 'elementor-widget-tabs' ) ? cont : jQuery( '.elementor-widget-tabs' );
if ( ! tabs.hasClass('sc_tabs_height_inited') ) {
tabs
.addClass( 'sc_tabs_height_inited' )
.on( 'mousedown', '.elementor-tab-title', function(e) {
var wrap = tabs.find('.elementor-tabs-content-wrapper'),
height = wrap.find('.elementor-tab-content:visible').outerHeight();
wrap.css( 'min-height', height + 'px' );
setTimeout( function() {
wrap.css( 'min-height', 0 );
}, 500 );
} );
}
} );
*/
// Update a Swiper from "Image Carousel" inside the tab on tab open
$document.on( 'action.activate_tab', function(e, cont) {
cont.find('.elementor-widget-image-carousel .swiper-container, .elementor-background-slideshow.swiper-container').each( function() {
var swiper = jQuery(this).data('swiper');
if ( swiper ) {
swiper.update();
}
} );
} );
// Nested Tabs
//--------------------------------------------------------------------------------
// Add subtitle to the tab's title
function trx_addons_elementor_add_subtitle_to_nested_tabs( $cont ) {
var settings = trx_addons_elementor_get_settings_by_cid( $cont.data('model-cid'), ['tabs', 'icon_position'] );
if ( settings.tabs && settings.tabs ) {
var icon_placement = [ 'block-start', 'block-end', 'top', 'bottom' ].indexOf( settings.icon_position ) >= 0 ? 'inside' : ( settings.tabs_icon_placement || 'inside' ),
title_tag = settings.tabs_title_html_tag || 'span',
subtitle_tag = icon_placement == 'inside' ? settings.tabs_subtitle_html_tag || 'span' : 'span';
for (var i = 0; i < settings.tabs.length; i++) {
var tab = settings.tabs[i];
if ( tab ) {
var $tab = $cont.find('.e-n-tab-title[data-tab-index="' + ( i + 1 ) + '"]');
if ( $tab.length ) {
// Replace a tab's tag <button> with <div>
var $newTab = jQuery( '<div></div>', {
html: $tab.html(),
// Don't need to add tabindex for the div, because Elementor adds tabindex for the tab's title tag itself
// tabindex: 0
} );
jQuery.each( $tab.get(0).attributes, function() {
$newTab.attr( this.name, this.value );
} );
$tab.replaceWith( $newTab );
$tab = $cont.find('.e-n-tab-title[data-tab-index="' + ( i + 1 ) + '"]');
// Replace title text tag if not a 'span'
var $text = $tab.find( '.e-n-tab-title-text' );
if ( title_tag != 'span' ) {
var $newText = jQuery( '<' + title_tag + '></' + title_tag + '>', { html: $text.html() } );
jQuery.each( $text.get(0).attributes, function() {
$newText.attr( this.name, this.value );
} );
$text.replaceWith( $newText );
$text = $tab.find( '.e-n-tab-title-text' );
}
// Add/Remove subtitle
if ( tab.tab_subtitle ) {
$tab
.toggleClass( 'e-n-tab-title-with-subtitle', true )
.toggleClass( 'e-n-tab-title-icon-placement-inside', icon_placement == 'inside' )
.toggleClass( 'e-n-tab-title-icon-placement-outside', icon_placement == 'outside' );
// Add/Remove subtitle
if ( icon_placement == 'outside' ) {
// Remove subtitle for 'inside' icon placement
$tab.find( '>.e-n-tab-subtitle' ).remove();
// Add subtitle for 'outside' icon placement
if ( $text.find( '.e-n-tab-title-text-inner' ).length === 0 ) {
$text.html( '<span class="e-n-tab-title-text-inner">' + $text.html() + '</span>' );
}
var $subtitle = $text.find( '.e-n-tab-subtitle' );
if ( $subtitle.length === 0 ) {
$text.append( '<' + subtitle_tag + ' class="e-n-tab-subtitle">' + tab.tab_subtitle + '</' + subtitle_tag + '>' );
} else {
$subtitle.html( tab.tab_subtitle );
}
} else {
// Remove subtitle for 'outside' icon placement
$text.find( '.e-n-tab-subtitle' ).remove();
// Remove inner span for 'outside' icon placement
$text.find( '.e-n-tab-title-text-inner' ).contents().unwrap();
// Add subtitle for 'inside' icon placement
var $subtitle = $tab.find( '>.e-n-tab-subtitle' );
if ( $subtitle.length === 0 ) {
$tab.append( '<' + subtitle_tag + ' class="e-n-tab-subtitle">' + tab.tab_subtitle + '</' + subtitle_tag + '>' );
} else {
$subtitle.html( tab.tab_subtitle );
}
}
} else {
$tab
.removeClass( 'e-n-tab-title-with-subtitle e-n-tab-title-icon-placement-inside e-n-tab-title-icon-placement-outside' )
.find( '.e-n-tab-subtitle' ).remove()
.end()
.find( '.e-n-tab-title-text-inner' ).contents().unwrap();
}
}
}
}
}
}
// Animations
//--------------------------------------------------------------------------------
// Do entrance animation inside popup
$document.on( 'action.prepare_popup_elements', function(e, cont, mfp) {
var max_delay = 0,
items = cont.find('.animated-item,'
+ '.animated[class*="animation_type_"],'
+ '[data-settings*="animation"][class*="animation_type_"]'
);
items.each( function(idx) {
var $self = jQuery(this),
block = $self.hasClass('animation_type_block') || $self.hasClass( 'animated-separate' ),
sc = block ? $self : $self.parents( '.animated-separate' ),
params = sc.data( 'animation-settings' ) || sc.data( 'settings' ),
delay = trx_addons_elementor_animate_items_delay(params, sc, $self, idx, items.length),
animation = trx_addons_elementor_animate_items_animation(params);
if ( delay > max_delay ) {
max_delay = delay;
}
$self
.addClass( 'elementor-invisible trx_addons_invisible' )
.removeClass( 'animated ' + animation + ' ' + trx_addons_elementor_animate_items_animation_revert_name( animation ) );
if ( block || ! mfp ) {
trx_addons_elementor_animate_item($self, idx, items.length, false);
}
} );
cont.data( {
'animation-delay': max_delay
} );
if ( mfp && mfp.st ) {
mfp.st.removalDelay = max_delay + 300; // Add out effect duration
}
} );
// Revert entrance animation on close popup
$document.on( 'action.close_popup_elements', function(e, cont) {
var max_delay = cont.data('animation-delay') || 0,
items = cont.find('.animated-item,.animated[class*="animation_type_"]');
items.each( function(idx) {
var $self = jQuery(this),
block = $self.hasClass('animation_type_block'),
sc = block ? $self : $self.parents( '.animated-separate' ),
params = sc.data( block ? 'settings' : 'animation-settings' );
if ( ! params ) {
return;
}
var reverted = sc.data( 'animation-reverted' ),
animation = reverted ? reverted : trx_addons_elementor_animate_items_animation(params);
$self.removeClass('animated ' + animation);
// Set back animation
if ( ! reverted ) {
var revert_params = trx_addons_elementor_animate_items_animation_revert_params( sc, params, max_delay );
sc
.data( block ? 'settings' : 'animation-settings', revert_params )
.data( 'animation-reverted', animation );
setTimeout( function() {
sc
.data( block ? 'settings' : 'animation-settings', params )
.data( 'animation-reverted', '' );
}, max_delay );
}
// Revert animation
trx_addons_elementor_animate_item($self, idx, items.length, false);
} );
} );
// Create data-parameters with animations for sections with 'toggle' behaviour
function trx_addons_elementor_prepare_animations_for_toggle_sections() {
// Create data-parameters with animations for sections with 'toggle' behaviour
jQuery( '.sc_section_toggle_on:not(.sc_section_toggle_inited)' ).each( function() {
var sc = jQuery(this).addClass('sc_section_toggle_inited'),
sc_cont = sc.find( '>.elementor-container,>.e-con-inner' ),
cid = sc.data('model-cid'),
params = cid ? trx_addons_elementor_get_settings_by_cid( cid, ['_animation','animation'] ) : sc.data('settings'),
type = trx_addons_get_class_by_prefix( sc.attr('class'), 'animation_type_' ).replace( 'animation_type_', '' ),
item_params = {},
item_speed = '',
item_duration = 500;
var save_height = function() {
if ( sc.hasClass( 'sc_section_toggle_state_show' ) ) {
sc_cont.data( 'height', sc_cont.outerHeight() );
}
};
$document.on( 'action.resize_trx_addons', save_height );
if ( sc.hasClass( 'animated-slow' ) ) {
item_speed = 'animated-slow';
item_duration = 1000;
} else if ( sc.hasClass( 'animated-fast' ) ) {
item_speed = 'animated-fast';
item_duration = 300;
}
// Prepare animation settings
if ( params ) {
for (var i in params) {
if (i.slice(0, 10) == '_animation' || i.slice(0, 9) == 'animation') {
item_params[i] = params[i];
delete params[i];
}
}
sc.removeClass('animated animation_type_' + type + ' '
+ trx_addons_elementor_animate_items_animation( item_params )
+ ( item_speed ? ' ' + item_speed : '' )
+ ( ! sc.hasClass( 'elementor-element-edit-mode' ) ? ' elementor-invisible trx_addons_invisible' : '' )
);
if ( ! cid ) {
sc
.attr('data-settings', JSON.stringify(params))
.data('settings', params);
}
sc_cont
.addClass( 'animation_type_' + type
+ ' ' + item_speed
+ ( ! sc.hasClass( 'elementor-element-edit-mode' ) ? ' elementor-invisible trx_addons_invisible' : '' )
)
.attr( 'data-settings', JSON.stringify( item_params ) );
} else {
item_speed = '';
item_duration = 0;
}
// Add a click handler for link with href='#section-id' and a button 'Close' (if need) to the section
var id = sc.attr( 'id' );
if ( id ) {
var $link = jQuery( 'a[href="#' + id + '"]' );
if ( $link.length ) {
// Add a click handler for link with href='#section-id'
$link
.addClass( 'sc_section_toggle_state_' + ( sc.hasClass( 'sc_section_toggle_state_show' ) ? 'show' : 'hide' ) )
.on( 'click', function(e) {
e.preventDefault();
e.stopImmediatePropagation();
var state = sc.hasClass( 'sc_section_toggle_state_show' ) ? 'show' : 'hide',
action = state == 'show' ? 'hide' : 'show',
max_delay = 0,
easing = typeof jQuery.easing['easeOutSine'] != 'undefined' ? 'easeOutSine' : 'linear';
jQuery( this )
.removeClass( 'sc_section_toggle_state_' + state )
.addClass( 'sc_section_toggle_state_' + action );
if ( action == 'show' ) {
// var h = sc_cont.outerHeight();
var h = sc_cont.data( 'height' ) || trx_addons_window_height() * 0.4;
sc
.addClass( 'sc_section_toggle_animated_show' )
.animate( { height: h + 'px' }, 500, easing , function() {
sc
.css( {
'overflow': 'hidden'
} )
.removeClass( 'sc_section_toggle_animated_show sc_section_toggle_state_' + state )
.addClass( 'sc_section_toggle_state_' + action );
$document.trigger( 'action.prepare_popup_elements', [sc] );
$document.trigger( 'action.init_hidden_elements', [sc] );
trx_addons_elementor_animate_items_scroll();
max_delay = ( sc.data('animation-delay') || 0 ) + item_duration; // max_delay + duration of the animation
setTimeout( function() {
sc.css( {
'height': 'auto',
'overflow': 'unset'
} );
}, max_delay );
} );
} else {
max_delay = ( sc.data('animation-delay') || 0 ) + item_duration; // max_delay + duration of the animation
sc
.addClass( 'sc_section_toggle_animated_hide' )
.css( {
'overflow': 'hidden'
} );
$document.trigger( 'action.close_popup_elements', [sc] );
setTimeout( function() {
sc
.animate( {'height': 0 }, 500, easing, function() {
sc
.removeClass( 'sc_section_toggle_animated_hide sc_section_toggle_state_' + state )
.addClass( 'sc_section_toggle_state_' + action );
} );
}, max_delay );
}
return false;
} );
// Add a button 'Close' to the section
if ( sc.hasClass( 'sc_section_toggle_close_on' ) ) {
sc.append( '<div class="sc_section_toggle_close_button trx_addons_button_close"><span class="trx_addons_button_close_icon"></span></div>' );
sc.find( '>.sc_section_toggle_close_button').on( 'click', function() {
$link.trigger( 'click' );
} );
}
}
}
} );
}
$document.on( 'action.init_hidden_elements', function(e, cont) {
trx_addons_elementor_prepare_animate_items();
} );
$document.on( 'action.slider_init', function(e, slider, id) {
if ( slider.hasClass( 'slider_wait_for_init' ) ) {
slider.removeClass( 'slider_wait_for_init' );
trx_addons_elementor_prepare_animate_items(); // true, slider.parents('[class*="animation_type_"]') );
}
} );
// 1. Create data-parameters with animations for sections with 'toggle' behaviour
// 2. Move entrance animation parameters from the shortcode's wrapper to the items
// to make sequental or random animation item by item.
window.trx_addons_elementor_prepare_animate_items = function( force, $el ) {
// Create data-parameters with animations for sections with 'toggle' behaviour
if ( ! force ) {
trx_addons_elementor_prepare_animations_for_toggle_sections();
}
// Move animations to inner items if animation_type is not a 'block'
var $check_items = force && $el && $el.length
? $el
: jQuery('[class*="animation_type_"]:not(.animation_type_block)' + ( ! force ? ':not(.animated-separate)' : '' ) );
$check_items.each( function() {
var sc = jQuery(this),
is_section = sc.hasClass( 'elementor-section' ) || sc.hasClass( 'elementor-container' ) || sc.hasClass( 'elementor-row' ),
section = sc.hasClass( 'elementor-section' )
? sc
: ( sc.hasClass( 'elementor-container' ) || sc.hasClass( 'elementor-row' )
? sc.parents('.elementor-section')
: false
),
is_container = sc.hasClass( 'e-con' ) || sc.hasClass( 'e-con-inner' ),
container = sc.hasClass( 'e-con' )
? sc
: ( sc.hasClass( 'e-con-inner' )
? sc.parent()
: false
),
sc_name = sc.data('widget_type');
if ( sc_name ) {
sc_name = sc_name.split('.');
sc_name = '.' + sc_name[0].replace('trx_', '') + '_item';
if ( sc.find( sc_name ).length === 0 ) {
sc_name = '.post_item';
if ( sc.find( sc_name ).length === 0 ) {
sc_name = '[class*="_column-"]';
}
}
} else {
sc_name = is_container && sc.find('>.e-con-inner>.e-con,>.e-con-inner>.elementor-element,>.e-con').length > 1
? '>.e-con-inner>.e-con,>.e-con-inner>.elementor-element,>.e-con'
: ( is_section && sc.find('>.elementor-container>.elementor-row>.elementor-column,>.elementor-container>.elementor-column,>.elementor-row>.elementor-column,>.elementor-column').length > 1
? '>.elementor-container>.elementor-row>.elementor-column,>.elementor-container>.elementor-column,>.elementor-row>.elementor-column,>.elementor-column'
: '[class*="_column-"]'
);
}
if ( ( ! is_section || sc_name.indexOf( '.elementor-column' ) < 0 ) && ( ! is_container || sc_name.indexOf( '.e-con' ) < 0) ) {
sc_name += sc_name && TRX_ADDONS_STORAGE['elementor_animate_items'] ? ',' + TRX_ADDONS_STORAGE['elementor_animate_items'] : '';
}
var items = sc.find( sc_name );
// Init slides after the slider is ready
if ( items.length && items.eq(0).parent().hasClass( 'swiper-wrapper' ) && ! items.eq(0).parent().parent().hasClass( 'swiper-initialized' ) ) {
items.eq(0).parent().parent().addClass( 'slider_wait_for_init' );
return;
}
if ( items.length === 0 ) {
sc.addClass( 'animation_type_block' );
return;
}
var animation_type = trx_addons_get_class_by_prefix( sc.attr('class'), 'animation_type_' ).replace( 'animation_type_', '' );
var cid = sc.data('model-cid'),
params = cid ? trx_addons_elementor_get_settings_by_cid( cid, ['_animation','animation'] ) : sc.data('settings'),
item_params = {},
item_speed = sc.hasClass( 'animated-slow' )
? 'animated-slow'
: ( sc.hasClass( 'animated-fast' )
? 'animated-fast'
: ''
);
if ( ! params ) {
return;
}
for (var i in params) {
if ( i.slice(0, 10) == '_animation' || i.slice(0, 9) == 'animation' ) {
item_params[ ( i.slice(0, 9) == 'animation' ? '_' : '' ) + i ] = typeof params[i] == 'object' ? params[i]['size'] : params[i];
delete params[i];
}
}
sc.removeClass('elementor-invisible trx_addons_invisible animated '
+ trx_addons_elementor_animate_items_animation( item_params )
+ ( sc.data('last-animation') ? ' ' + sc.data('last-animation') : '' )
+ ( item_speed ? ' ' + item_speed : '' )
)
.addClass('animated-separate')
.data( 'last-animation', trx_addons_elementor_animate_items_animation( item_params ) );
if ( ! cid ) {
// Frontend: Save settings for the element without animation parameters to prevent animation of whole block
sc
.attr( 'data-settings', JSON.stringify( params ) )
.data( 'settings', params );
} else {
// Editor: Try to remove animation classes from the block to prevent animation of whole block
var delay = item_params['_animation_delay'] || item_params['animation_delay'] || 0;
setTimeout( function() {
// Remove animation classes from the block to prevent animation of whole block
sc.removeClass( 'animated animated-slow animated-fast ' + trx_addons_elementor_animate_items_animation( item_params ) );
// Remove animation classes from the items to allow restart animation after the block changed
var items = sc.find( '.animated-item' );
if ( items.length ) {
items
.removeClass( 'animated animated-slow animated-fast ' + trx_addons_elementor_animate_items_animation( item_params ) )
.addClass( 'elementor-invisible trx_addons_invisible' );
}
// Force animation for the items in the editor
if ( force || items.length ) {
trx_addons_elementor_animate_items_scroll( force || items.length );
}
}, delay ? delay + 10 : 0 );
}
// Set animation settings for the block in our data attribute 'data-animation-settings'
sc
.attr( 'data-animation-settings', JSON.stringify( item_params ) )
.data( 'animation-settings', item_params );
// Prepare items
items.each( function(idx) {
var item = jQuery(this),
allowed = trx_addons_elementor_text_animation_allowed( item );
if ( [ 'sequental', 'random' ].indexOf( animation_type ) >= 0 && allowed.indexOf( animation_type ) < 0 ) {
animation_type = 'word';
}
// Text animations 'word by word' or 'char by char'
if ( ['line', 'word', 'char'].indexOf( animation_type ) >= 0 && allowed.indexOf( animation_type ) >= 0 ) {
if ( allowed.indexOf( 'sequental' ) >= 0 && allowed.indexOf( 'word' ) >= 0 ) {
item = item.parent();
// The parent container was prepared on the first item handling - ignore second and next items
if ( item.length === 0 ) {
return;
}
}
if ( item.data( 'animation-prepared' ) === undefined ) {
var html = item.html();
if ( animation_type == 'word' || animation_type == 'line' ) {
html = trx_addons_wrap_words(
html,
'<span class="sc_item_animated_block elementor-invisible trx_addons_invisible animated-item' + ( item_speed ? ' ' + item_speed : '' ) + '">',
'</span>'
);
} else {
html = trx_addons_wrap_chars(
html,
'<span class="sc_item_animated_block elementor-invisible trx_addons_invisible animated-item' + ( item_speed ? ' ' + item_speed : '' ) + '">',
'</span>',
'<span class="sc_item_word">',
'</span>',
);
}
item.html( trx_addons_apply_filters( 'trx_addons_filter_animation_wrap_items', html ) ).data( 'animation-prepared', true );
if ( animation_type == 'line' ) {
trx_addons_elementor_animate_items_recalc_lines(sc);
}
}
// 'item by item' animation for columns, posts, etc.
} else {
if ( item_speed ) {
item.addClass( item_speed );
}
item.addClass( 'animated-item' + (
( ! section || ! section.hasClass( 'elementor-element-edit-mode' ) )
&& ( ! container || ! container.hasClass( 'elementor-element-edit-mode' ) )
? ' elementor-invisible trx_addons_invisible'
: ''
) )
.attr( 'data-animation-index', idx );
}
// Remove default animation
if ( item.data( 'animation' ) !== undefined ) {
item.removeAttr( 'data-animation' );
}
} );
} );
// $animated_items = jQuery('[class*="animated-item"]');
$animated_items = force && $el && $el.length ? $el.find('.animated-item') : jQuery('.animated-item');
// Force animation for the items in frontend
if ( force && ! is_edit_mode ) {
trx_addons_elementor_animate_items_scroll( force );
}
};
// Check if the item supports the text animation (char by char, word by word, line by line, etc.)
// and return the comma-separated string with allowed animation types
function trx_addons_elementor_text_animation_allowed( $item ) {
var allowed = '';
if ( TRX_ADDONS_STORAGE['elementor_animate_as_text'] ) {
for ( var i in TRX_ADDONS_STORAGE['elementor_animate_as_text'] ) {
if ( $item.hasClass( i ) ) {
allowed = TRX_ADDONS_STORAGE['elementor_animate_as_text'][i];
break;
}
}
}
return allowed;
}
// Get object's settings by cid from the Elementor's Editor
window.trx_addons_elementor_get_settings_by_cid = function( cid, keys ) {
if ( typeof elementorFrontend != 'undefined' ) {
var settings = elementorFrontend.config.elements.data[cid].attributes;
if ( keys ) {
var params = {};
for ( var s in settings ) {
for ( var i = 0; i < keys.length; i++ ) {
if ( s.indexOf( keys[i] ) === 0 ) {
// If current field is repeater
if ( typeof settings[s] == 'object' && settings[s].hasOwnProperty('models') ) {
var tmp = [];
for ( var m = 0; m < settings[s]['models'].length; m++ ) {
tmp.push( settings[s]['models'][m]['attributes'] );
}
params[s] = tmp;
// Else it a plain field
} else {
params[s] = settings[s];
}
break;
}
}
}
return params;
}
return settings;
}
return false;
};
// Get object's settings from the Elementor's Editor
window.trx_addons_elementor_get_settings = function( $element, keys ) {
var elementSettings = {},
modelCID = $element.data('model-cid');
if ( is_edit_mode && modelCID ) {
var settings = elementorFrontend.config.elements.data[modelCID],
settingsKeys = elementorFrontend.config.elements.keys[settings.attributes.widgetType || settings.attributes.elType];
jQuery.each( settings.getActiveControls(), function( controlKey ) {
var allowed = settingsKeys.indexOf( controlKey ) !== -1;
if ( allowed && keys ) {
allowed = false;
for ( var i = 0; i < keys.length; i++ ) {
if ( controlKey.indexOf( keys[i] ) === 0 ) {
allowed = true;
break;
}
}
}
if ( allowed ) {
elementSettings[ controlKey ] = settings.attributes[ controlKey ];
}
} );
} else {
elementSettings = $element.data('settings') || {};
}
return elementSettings;
};
// Recalculate lines for animated items 'Line by line'
$document.on('action.resize_trx_addons', function() {
trx_addons_elementor_animate_items_recalc_lines();
} );
function trx_addons_elementor_animate_items_recalc_lines(sc) {
if ( sc === undefined ) {
sc = jQuery('.animation_type_line');
}
sc.each( function() {
var $self = jQuery(this),
line_idx = 0,
line_offset = { top: 0, left: 999999 };
$self.find('.animated-item').each( function() {
var $item = jQuery(this);
var offset = $item.offset();
if ( offset.top - line_offset.top > $item.height() / 2 && offset.left < line_offset.left ) {
line_offset.top = offset.top;
line_idx++;
}
line_offset.left = offset.left;
$item
.attr( 'data-animation-line', line_idx - 1 )
.data( 'animation-line', line_idx - 1 );
} );
sc
.attr( 'data-animation-lines', line_idx )
.data( 'animation-lines', line_idx );
} );
}
// Add entrance animation for items (Elementor is not init its)
$document.on('action.scroll_trx_addons', function() {
trx_addons_elementor_animate_items_scroll();
} );
function trx_addons_elementor_animate_items_scroll( force ) {
var cnt = 0;
$animated_items.each(function(idx) {
var item = jQuery(this); //$animated_items.eq(idx);
if ( ! force && ( item.hasClass('animated') || item.hasClass('wait-for-animation') ) ) return;
var item_top = item.offset().top,
window_top = $window.scrollTop(),
window_height = $window.height(),
item_idx = item.data( 'animation-index' );
item_idx = item_idx !== undefined ? Number( item_idx ) : cnt;
if ( item_top + 50 < window_top + window_height ) {
var item_height = item.outerHeight(),
need_animation = item_top + item_height > window_top;
trx_addons_elementor_animate_item( item, item_idx, $animated_items.length - idx + cnt, force, need_animation );
if ( need_animation ) {
cnt++;
}
}
});
}
function trx_addons_elementor_animate_item( item, idx, total, force, need_animation ) {
var block = item.hasClass('animation_type_block'),
sc = block ? item : item.parents( '.animated-separate' );
if ( ( sc.hasClass('elementor-container') || sc.hasClass('e-con-inner') ) && sc.parent().hasClass( 'sc_section_toggle_state_hide' ) ) {
return;
}
var item_params = sc.data(block ? 'settings' : 'animation-settings'),
item_delay = trx_addons_elementor_animate_items_delay(item_params, sc, item, idx, total),
item_animation = trx_addons_elementor_animate_items_animation(item_params),
item_duration = item_params['_animation_duration'] || item_params['animation_duration'] || '';
if ( ! need_animation ) {
if ( item.data('last-animation') && item.data('last-animation') != item_animation ) {
item.removeClass( item.data('last-animation') );
item.data('last-animation', '');
}
if ( item.hasClass('elementor-invisible') ) {
item.removeClass('elementor-invisible');
}
if ( item.hasClass('trx_addons_invisible') ) {
item.removeClass('trx_addons_invisible');
}
if ( ! item.hasClass('animated') ) {
item.addClass('animated');
}
// if ( ! item.hasClass(item_animation) && need_animation ) {
// item.addClass(item_animation);
// item.data('last-animation', item_animation);
// }
} else {
item.addClass('wait-for-animation');
setTimeout( function() {
item
.removeClass('wait-for-animation')
.addClass('animated' + (item_duration ? ' animated-' + item_duration : ''))
.addClass(item_animation)
.removeClass('elementor-invisible trx_addons_invisible');
}, item_delay );
}
}
function trx_addons_elementor_animate_items_delay( params, sc, item, idx, total ) {
var animation_type = trx_addons_get_class_by_prefix( sc.attr('class'), 'animation_type_' ).replace( 'animation_type_', '' );
var delay = params && params._animation_delay !== '' && params._animation_delay !== undefined
? params._animation_delay
: ( params && params.animation_delay !== '' && params.animation_delay !== undefined
? params.animation_delay
: 0
);
var stagger = params && params._animation_stagger !== '' && params._animation_stagger !== undefined
? params._animation_stagger
: sc.data( 'animation-stagger');
if ( stagger === '' || stagger === undefined ) {
stagger = delay;
delay = 0;
}
if ( stagger === '' || stagger === undefined ) {
stagger = 150;
}
if ( animation_type == 'random' ) { // Random animation
delay += trx_addons_random( 0, stagger );
} else { // All other sequental animations
if ( animation_type == 'line' ) {
idx = item.data( 'animation-line' );
total = sc.data( 'animation-lines' );
}
delay += stagger * ( sc.data( 'animation-reverted' )
? ( item.hasClass('menu-item') ? item.siblings('.menu-item').length + 1 - item.index() : Math.max( 0, total - idx ) )
: ( item.hasClass('menu-item') ? item.index() : idx )
);
}
return delay;
}
function trx_addons_elementor_animate_items_animation( params ) {
var device = $body.data( 'elementor-device-mode' );
if ( ! device || device == 'desktop' ) {
device = '';
} else {
device = '_' + device;
}
var animation = '';
if ( typeof params != 'undefined' ) {
if ( typeof params["_animation" + device] != 'undefined' ) {
animation = params["_animation" + device];
} else if ( typeof params["_animation"] != 'undefined' ) {
animation = params["_animation"];
} else if ( typeof params["animation" + device] != 'undefined' ) {
animation = params["animation" + device];
} else if ( typeof params["animation"] != 'undefined' ) {
animation = params["animation"];
}
}
return animation;
}
function trx_addons_elementor_animate_items_animation_revert_name( animation ) {
animation = animation.replace('In', 'Out');
if ( animation.indexOf( 'Up' ) >= 0 ) {
animation = animation.replace('Up', 'Down');
} else if ( animation.indexOf( 'Down' ) >= 0 ) {
animation = animation.replace('Down', 'Up');
// } else if ( animation.indexOf( 'Left' ) >= 0 ) {
// animation = animation.replace('Left', 'Right');
// } else if ( animation.indexOf( 'Right' ) >= 0 ) {
// animation = animation.replace('Right', 'Left');
}
return animation;
}
function trx_addons_elementor_animate_items_animation_revert_params( sc, params, max_delay ) {
var device = $body.data( 'elementor-device-mode' );
if ( ! device || device == 'desktop' ) {
device = '';
} else {
device = '_' + device;
}
if ( params ) {
var revert_params = trx_addons_object_clone( params );
if ( typeof revert_params["_animation" + device] != 'undefined' ) {
revert_params["_animation" + device] = trx_addons_elementor_animate_items_animation_revert_name( revert_params["_animation" + device] );
} else if ( typeof revert_params["_animation"] != 'undefined' ) {
revert_params["_animation"] = trx_addons_elementor_animate_items_animation_revert_name( revert_params["_animation"] );
} else if ( typeof revert_params["animation" + device] != 'undefined' ) {
revert_params["animation" + device] = trx_addons_elementor_animate_items_animation_revert_name( revert_params["animation" + device] );
} else if ( typeof revert_params["animation"] != 'undefined' ) {
revert_params["animation"] = trx_addons_elementor_animate_items_animation_revert_name( revert_params["animation"] );
}
if ( sc.hasClass( 'animation_type_block' ) ) {
revert_params._animation_delay = revert_params._animation_delay
? Math.max(0, max_delay - revert_params._animation_delay)
: max_delay;
}
return revert_params;
}
return params;
}
// Background text
//----------------------------------------------------
$document.on( 'action.init_hidden_elements', function(e, cont) {
trx_addons_elementor_add_bg_text( cont );
} );
// Add background text to the sections
function trx_addons_elementor_add_bg_text( cont ) {
if ( cont.hasClass('elementor-section') || cont.hasClass('e-con') ) {
cont.find('>.trx_addons_bg_text').remove();
trx_addons_elementor_add_bg_text_in_row( cont );
} else {
jQuery( ( is_edit_mode
? '.elementor-section.elementor-element-edit-mode,.e-con.elementor-element-edit-mode' // .e-con.e-parent for outer containers only
: '.trx_addons_has_bg_text:not(.trx_addons_has_bg_text_inited)'
)
).each( function() {
var $self = jQuery(this);
if ( is_edit_mode ) {
$self.find('>.trx_addons_bg_text').remove();
}
trx_addons_elementor_add_bg_text_in_row( $self );
} );
}
}
// Add background text to the single section
function trx_addons_elementor_add_bg_text_in_row( row ) {
var data = row.data('bg-text'),
cid = '',
rtl = $body.hasClass( 'rtl' );
if ( ! data ) {
cid = row.data('model-cid');
if ( cid ) {
data = trx_addons_elementor_get_settings_by_cid( cid, ['bg_text'] );
}
}
if ( ! data ) {
return;
}
if ( data['bg_text'] ) {
if ( ! row.hasClass( 'trx_addons_has_bg_text' ) ) {
row.addClass( 'trx_addons_has_bg_text' );
}
// Replace all CR LF with spaces
data['bg_text'] = data['bg_text'].replace( /\r/g, ' ' ).replace( /\n/g, ' ' );
// Replace shortcodes like [icon name="icon-name"] or [image id|url="image-id-or-url"] with the tag <span class="icon-name"></span>
data['bg_text'] = trx_addons_prepare_macros( data['bg_text'], { 'class': 'trx_addons_bg_text_item' } );
var row_cont = row.addClass('trx_addons_has_bg_text_inited');//.find('.elementor-container').eq(0);
var chars = '', in_tag = false, in_amp = false, amp = '', in_divider = false, ch;
var delimiter_image = typeof data['bg_text_delimiter_image'] == 'object'
? data['bg_text_delimiter_image']['url']
: data['bg_text_delimiter_image'];
var delimiter_svg = data['bg_text_delimiter_svg'] || '';
var delimiter_icon = ! trx_addons_is_off( data['bg_text_delimiter_icon'] ) ? data['bg_text_delimiter_icon'] : '';
if ( data['bg_text_effect'] != 'none' ) {
for ( var i = 0; i < data['bg_text'].length; i++ ) {
ch = data['bg_text'].substr(i,1);
if ( ! in_tag ) {
if ( ch == '<' ) {
in_tag = true;
} else {
if ( ch == '&' ) {
in_amp = true;
amp += ch;
} else if ( in_amp ) {
amp += ch;
if ( ch == ';' ) {
chars += '<span class="trx_addons_bg_text_item trx_addons_bg_text_char">' + amp + '</span>';
in_amp = false;
amp = '';
}
} else {
if ( ch == '[' ) {
chars += ch;
in_divider = true;
} else if ( in_divider ) {
chars += ch;
if ( ch == ']' ) {
in_divider = false;
}
} else {
chars += '<span class="trx_addons_bg_text_item trx_addons_bg_text_char">' + ( ch == ' ' ? ' ' : ch ) + '</span>';
}
}
}
}
if ( in_tag ) {
chars += ch;
if ( ch == '>' ) {
in_tag = false;
}
}
}
} else {
chars = '<span class="trx_addons_bg_text_item trx_addons_bg_text_char">' + data['bg_text'] + '</span>';
}
var marquee_speed = typeof data['bg_text_marquee'] == 'object'
? ( data['bg_text_marquee']['size']
? data['bg_text_marquee']['size']
: 0
)
: data['bg_text_marquee'],
marquee_dir = typeof data['bg_text_reverse'] != 'undefined'
? ( data['bg_text_reverse'] > 0
? ( rtl ? -1 : 1 )
: ( rtl ? 1 : -1 )
)
: ( rtl ? 1 : -1 ),
overlay = typeof data['bg_text_overlay'] == 'object'
? data['bg_text_overlay']['url']
: data['bg_text_overlay'];
if ( chars.indexOf( '[divider]' ) > 0 ) {
if ( delimiter_icon || delimiter_image ) {
chars = chars.replaceAll( '[divider]', ( data['bg_text_effect'] == 'none' ? '</span>' : '' ) + '<span class="trx_addons_bg_text_item trx_addons_bg_text_char'
+ ' trx_addons_bg_text_delimiter'
+ ( ! delimiter_image && delimiter_icon ? ' trx_addons_bg_text_delimiter_icon ' + delimiter_icon : ' trx_addons_bg_text_delimiter_image' )
+ ( data[ 'bg_text_delimiter_rotation' ] > 0 ? ' trx_addons_bg_text_delimiter_rotation' : '' )
+ '">'
+ ( delimiter_image
? ( delimiter_svg
? delimiter_svg
: '<img src="' + delimiter_image + '" />' )
: ''
)
+ '</span>' + ( data['bg_text_effect'] == 'none' ? '<span class="trx_addons_bg_text_item trx_addons_bg_text_char">' : '' ) );
} else {
chars = chars.replaceAll( '[divider]', '' );
}
}
if ( marquee_speed > 0 && ( delimiter_icon || delimiter_image ) ) {
chars += '<span class="trx_addons_bg_text_item trx_addons_bg_text_char'
+ ' trx_addons_bg_text_delimiter'
+ ( ! delimiter_image && delimiter_icon ? ' trx_addons_bg_text_delimiter_icon ' + delimiter_icon : ' trx_addons_bg_text_delimiter_image' )
+ ( data[ 'bg_text_delimiter_rotation' ] > 0 ? ' trx_addons_bg_text_delimiter_rotation' : '' )
+ '">'
+ ( delimiter_image
? ( delimiter_svg
? delimiter_svg
: '<img src="' + delimiter_image + '" />' )
: ''
)
+ '</span>';
}
row_cont.prepend(
'<div class="trx_addons_bg_text'
+ ( marquee_speed > 0 ? ' trx_addons_marquee_wrap' : '')
+ ( ( ! rtl && marquee_dir > 0 ) || ( rtl && marquee_dir < 0 ) ? ' trx_addons_marquee_reverse' : '' )
+ '">'
+ '<div class="trx_addons_bg_text_inner'
+ ' trx_addons_bg_text_effect_' + data['bg_text_effect']
+ ( marquee_speed > 0
? ' trx_addons_marquee_element' + ( data['bg_text_left']['size'] != 0 ? ' trx_addons_marquee_element_with_offset' : '' )
: ''
)
+ ( cid == '' ? ' trx_addons_show_on_scroll' : ' trx_addons_showed_on_scroll trx_addons_in_preview_mode' )
+ '"'
+ '>'
+ chars
+ '</div>'
+ ( overlay
? '<div class="trx_addons_bg_text_overlay trx_addons_show_on_scroll"></div>'
: ''
)
+ '</div>'
);
$document.trigger( 'action.got_ajax_response', [''] );
if ( marquee_speed > 0 && cid === '' ) {
var marquee_wrap = row_cont.find('.trx_addons_marquee_wrap').eq(0),
marquee_chars = Math.min(
100,
data['bg_text_effect'] == 'none'
? trx_addons_clear_tags( data['bg_text'] ).length + ( delimiter_icon || delimiter_image ? 1 : 0 )
: marquee_wrap.find( '.trx_addons_bg_text_item' ).length
);
setTimeout( function() {
trx_addons_elementor_marquee_bg_text( marquee_wrap, marquee_dir, marquee_speed, true, data['bg_text_effect'], data['bg_text_marquee_hover'], data['bg_text_accelerate'] );
}, data['bg_text_effect'] != 'none' ? marquee_chars * 100 + 800 : 0 );
}
}
}
// Marqueue bg text
function trx_addons_elementor_marquee_bg_text( marquee_wrap, marquee_dir, marquee_speed, start, effect, pause_on_hover, accelerate ) {
var elements = marquee_wrap.find('.trx_addons_marquee_element'),
mw = elements.eq(0).outerWidth(),
mpw = marquee_wrap.width(),
mpw_min = 320,
mpw_max = 1920,
divider_min = 1680 - marquee_speed * marquee_speed * 2,
divider_max = 1920,
divider = divider_min + ( mpw - mpw_min ) / ( mpw_max - mpw_min ) * ( divider_max - divider_min ),
time_per_pixel = ( 50 - Math.min( 15, marquee_speed ) * 3 ) / divider,
with_offset = elements.eq(0).hasClass( 'trx_addons_marquee_element_with_offset' ),
coeff_max = trx_addons_apply_filters( 'trx_addons_filter_bg_text_marquee_coeff_max', Math.max( 2, Math.ceil( mpw / mw ) ) ),
coeff = with_offset && marquee_wrap.data('marquee-loop') ? Math.min( marquee_wrap.data('marquee-loop') + 1, coeff_max ) : 1;
if ( effect == 'none' && elements.eq(0).hasClass( 'trx_addons_show_on_scroll' ) && ! elements.eq(0).hasClass( 'trx_addons_showed_on_scroll' ) ) {
elements.eq(0).removeClass( 'trx_addons_show_on_scroll' ).addClass( 'trx_addons_showed_on_scroll' );
}
if ( elements.eq(0).hasClass( 'trx_addons_showed_on_scroll' ) ) {
if ( start ) {
for (var i = 1; i < Math.ceil( ( mpw + mw * ( with_offset ? coeff_max + 1 : 2 ) ) / mw ); i++ ) {
var element_clone = elements.eq(0).clone();
elements.eq(0).after( element_clone );
}
elements = marquee_wrap.find('.trx_addons_marquee_element');
}
var delimiters = marquee_wrap.find('.trx_addons_bg_text_delimiter_rotation').css( {
'transform-origin': 'center center',
'transition': 'none',
'transition-delay': 'unset',
'transition-duration': 'unset',
'perspective': 'unset'
} ),
delimiters_loop = delimiters.length > 0 ? Math.max( 1, Math.ceil( mpw / ( delimiters.eq(0).outerHeight() * Math.PI ) / 2 ) ) : 0;
// Start animation
elements.each( function(idx) {
var $self = jQuery( this );
var restartTween = trx_addons_throttle( function() {
var tween_obj = elements.eq( idx ).data( 'tweenmax-object' );
if ( tween_obj && tween_obj.timeScale() > 1 && tween_obj.progress() > 0.98 ) {
completeTween();
}
}, 50 );
var completeTween = function() {
if ( idx == elements.length - 1 ) {
var tween_obj = elements.eq( idx ).data( 'tweenmax-object' );
var diff = ( 1 - tween_obj.progress() ) * mw;
marquee_wrap.data( 'marquee-loop', ( marquee_wrap.data( 'marquee-loop' ) || 0 ) + 1 );
elements.each( function(idx2) {
jQuery( this ).data( 'tweenmax-object', TweenMax.to(
elements.eq(idx2),
0,
{
overwrite: true,
x: ( with_offset ? mw * Math.min( coeff, coeff_max - 1 ) * marquee_dir : 0 ) - diff * marquee_dir,
y: 0,
ease: Power0.easeNone
}
) );
} );
if ( delimiters_loop > 0 ) {
delimiters.each( function( idx2 ) {
jQuery( this ).data( 'tweenmax-delimiter', TweenMax.to(
delimiters.eq( idx2 ),
0,
{
overwrite: true,
rotation: 0,
ease: Power0.easeNone
}
) );
} );
}
setTimeout( function() {
trx_addons_elementor_marquee_bg_text( marquee_wrap, marquee_dir, marquee_speed, false, effect, pause_on_hover, accelerate );
}, 1);
}
};
// Start animation for the element
$self
.data( 'tweenmax-object', TweenMax.to(
elements.eq( idx ),
mw * time_per_pixel,
{
overwrite: true,
x: mw * coeff * marquee_dir,
y: 0,
ease: Power0.easeNone,
onUpdate: function() {
var tween_obj = elements.eq( idx ).data( 'tweenmax-object' );
if ( tween_obj && tween_obj.timeScale() > 1 && tween_obj.progress() > 0.9 ) {
restartTween();
}
},
onComplete: completeTween
}
) );
// Start animation for the all delimiters if this is last element
if ( delimiters_loop > 0 && idx == elements.length - 1 ) {
delimiters.each( function( idx2 ) {
jQuery(this).data( 'tweenmax-delimiter', TweenMax.to(
delimiters.eq(idx2),
mw * time_per_pixel,
{
overwrite: true,
rotation: delimiters_loop * 360 * marquee_dir,
ease: Power0.easeNone
}
) );
} );
}
} );
if ( pause_on_hover ) {
marquee_wrap
.on( 'mouseenter', function() {
elements.each( function( idx2 ) {
var tween_obj = elements.eq( idx2 ).data( 'tweenmax-object' );
if ( tween_obj ) {
tween_obj.pause();
}
} );
if ( delimiters_loop > 0 ) {
delimiters.each( function( idx2 ) {
var tween_delimiter = delimiters.eq( idx2 ).data( 'tweenmax-delimiter' );
if ( tween_delimiter ) {
tween_delimiter.pause();
}
} );
}
} )
.on( 'mouseleave', function() {
elements.each( function( idx2 ) {
var tween_obj = elements.eq( idx2 ).data( 'tweenmax-object' );
if ( tween_obj ) {
tween_obj.resume();
}
} );
if ( delimiters_loop > 0 ) {
delimiters.each( function( idx2 ) {
var tween_delimiter = delimiters.eq( idx2 ).data( 'tweenmax-delimiter' );
if ( tween_delimiter ) {
tween_delimiter.resume();
}
} );
}
} );
}
} else {
setTimeout( function() {
trx_addons_elementor_marquee_bg_text( marquee_wrap, marquee_dir, marquee_speed, start, effect, pause_on_hover, accelerate );
}, effect != 'none' ? elements.eq(0).find( '.trx_addons_bg_text_char' ).length * 100 + 800 : 0 );
}
// Mouse wheel handler
if ( accelerate ) {
var wheel_time = 0,
wheel_stop = false,
wheel_accelerate = {
value: 1
},
wheel_handler = function(e) {
if ( wheel_stop ) {
return true;
}
if ( wheel_time == e.timeStamp ) {
e.preventDefault();
return false;
}
wheel_time = e.timeStamp;
var wheel_tween = elements.eq(0).data( 'tweenmax-accelerate' ) || null;
if ( wheel_tween ) {
wheel_tween.kill();
wheel_accelerate.value = 1;
}
elements.eq(0).data( 'tweenmax-accelerate', TweenMax.to(
wheel_accelerate,
2.0,
{
overwrite: true,
value: 15,
ease: Power4.easeOut,
onUpdate: function() {
var coeff = wheel_accelerate.value == 1
? 1
: ( wheel_accelerate.value <= 8
? wheel_accelerate.value
: 16 - wheel_accelerate.value
);
elements.each( function( idx2 ) {
var tween_obj = elements.eq( idx2 ).data( 'tweenmax-object' );
if ( tween_obj ) {
tween_obj.timeScale( coeff );
}
} );
if ( delimiters_loop > 0 ) {
delimiters.each( function( idx2 ) {
var tween_delimiter = delimiters.eq( idx2 ).data( 'tweenmax-delimiter' );
if ( tween_delimiter ) {
tween_delimiter.timeScale( coeff );
}
} );
}
},
onComplete: function() {
wheel_accelerate.value = 1;
elements.each( function( idx2 ) {
var tween_obj = elements.eq( idx2 ).data( 'tweenmax-object' );
if ( tween_obj ) {
tween_obj.timeScale( 1 );
}
} );
if ( delimiters_loop > 0 ) {
delimiters.each( function( idx2 ) {
var tween_delimiter = delimiters.eq( idx2 ).data( 'tweenmax-delimiter' );
if ( tween_delimiter ) {
tween_delimiter.timeScale( 1 );
}
} );
}
}
}
) );
};
TRX_ADDONS_STORAGE['bg_text_mousewheel_inited'] = true;
$document.on('action.stop_wheel_handlers', function(e) {
wheel_stop = true;
});
$document.on('action.start_wheel_handlers', function(e) {
wheel_stop = false;
});
// To smoothing scroll in the Chrome 56+ use native event with parameter 'passive=false'
// to enable calls e.preventDefault inside the event's handler
window.addEventListener('mousewheel', wheel_handler, { passive: false } ); // WebKit: native event
//$window.on('mousewheel', wheel_handler); // WebKit: jquery wrapper
// Mozilla Firefox already have a smooth scroll - use jQuery
//window.addEventListener('DOMMouseScroll', wheel_handler, { passive: false } ); // Mozilla Firefox: native event
$window.on('DOMMouseScroll', wheel_handler); // Mozilla Firefox: jquery wrapper
}
}
})();