/home/crealab/pueblito.brainware.com.co/wp-content/plugins/jet-popup/assets/js/jet-popup-editor.js
( function( $ ) {
'use strict';
var JetPopupEditor,
JetPopupControlsViews;
JetPopupControlsViews = {
JetSearchView: null,
init: function() {
var self = this;
self.JetSearchView = window.elementor.modules.controls.BaseData.extend( {
onReady: function() {
var action = this.model.attributes.action,
queryParams = this.model.attributes.query_params;
this.ui.select.find( 'option' ).each(function(index, el) {
$( this ).attr( 'selected', true );
});
this.ui.select.select2( {
ajax: {
url: function() {
var query = '';
if ( queryParams.length > 0 ) {
$.each( queryParams, function( index, param ) {
if ( window.elementor.settings.page.model.attributes[ param ] ) {
query += '&' + param + '=' + window.elementor.settings.page.model.attributes[ param ];
}
});
}
return ajaxurl + '?action=' + action + query;
},
dataType: 'json'
},
placeholder: 'Please enter 3 or more characters',
minimumInputLength: 3
} );
},
onBeforeDestroy: function() {
if ( this.ui.select.data( 'select2' ) ) {
this.ui.select.select2( 'destroy' );
}
this.$el.remove();
}
} );
window.elementor.addControlView( 'jet_popup_search', self.JetSearchView );
}
};
JetPopupEditor = {
init: function() {
let panel = jQuery( '#elementor-editor-wrapper' );
panel.on( 'click', 'button[data-event="jet-popup-conditions-manager"]', function( event ) {
window.open( window.jetPopupData.conditionManagerUrl, '_blank' );
} );
elementor.settings.page.model.on( 'change', JetPopupEditor.onPageSettingsChange );
JetPopupControlsViews.init();
},
onPageSettingsChange: function( model ) {
var iframe = document.getElementById( 'elementor-preview-iframe' ),
innerDoc = iframe.contentDocument || iframe.contentWindow.document;
if ( model.changed.hasOwnProperty( 'close_button_icon' ) ) {
var closeButton = $( '.jet-popup__close-button', innerDoc ),
icon = model.changed['close_button_icon'];
$( 'i', closeButton ).attr( 'class', icon );
}
if ( model.changed.hasOwnProperty( 'selected_close_button_icon' ) ) {
var $closeButton = $( '.jet-popup__close-button', innerDoc ),
iconData = model.changed['selected_close_button_icon'];
$closeButton.css( { 'opacity': 0.5 } );
wp.apiFetch( {
method: 'post',
path: window.jetPopupData.getElementorIconHtml,
data: {
iconData: iconData
},
} ).then( ( response ) => {
$closeButton.css( { 'opacity': 1 } );
if ( response.success ) {
$closeButton.html( response.data.iconHtml );
}
} );
}
if ( model.changed.hasOwnProperty( 'use_close_button' ) ) {
var useCloseButton = ( 'yes' === model.changed['use_close_button'] ) ? true : false,
closeButton = $( '.jet-popup__close-button', innerDoc );
if ( useCloseButton ) {
closeButton.removeClass( 'hidden' );
} else {
closeButton.addClass( 'hidden' );
}
}
if ( model.changed.hasOwnProperty( 'use_overlay' ) ) {
var useOverlay = ( 'yes' === model.changed['use_overlay'] ) ? true : false,
$overlay = $( '.jet-popup__overlay', innerDoc );
if ( useOverlay ) {
$overlay.removeClass( 'hidden' );
} else {
$overlay.addClass( 'hidden' );
}
}
if ( model.changed.hasOwnProperty( 'jet_popup_animation' ) ) {
var $popup = $( '.jet-popup', innerDoc );
JetPopupEditor.animationPopup( $popup, model.changed['jet_popup_animation'] );
}
},
animationPopup: function( $popup, effect ) {
var animeContainer = null,
animeContainerSettings = jQuery.extend(
{
targets: $( '.jet-popup__container', $popup )[0]
},
JetPopupEditor.avaliableEffects[ effect ][ 'show' ]
);
animeContainer = anime( animeContainerSettings );
},
avaliableEffects: {
'fade' : {
'show': {
delay: 200,
opacity: {
value: [ 0, 1 ],
duration: 600,
easing: 'easeOutQuart',
},
},
'hide': {
easing: 'easeOutQuart',
opacity: {
value: [ 1, 0 ],
easing: 'easeOutQuart',
duration: 400,
},
}
},
'zoom-in' : {
'show': {
duration: 500,
delay: 200,
easing: 'easeOutQuart',
opacity: {
value: [ 0, 1 ],
},
scale: {
value: [ 0.75, 1 ],
}
},
'hide': {
duration: 400,
easing: 'easeOutQuart',
opacity: {
value: [ 1, 0 ],
},
scale: {
value: [ 1, 0.75 ],
}
}
},
'zoom-out' : {
'show': {
duration: 500,
delay: 200,
easing: 'easeOutQuart',
opacity: {
value: [ 0, 1 ],
},
scale: {
value: [ 1.25, 1 ],
}
},
'hide': {
duration: 400,
easing: 'easeOutQuart',
opacity: {
value: [ 1, 0 ],
},
scale: {
value: [ 1, 1.25 ],
}
}
},
'rotate' : {
'show': {
duration: 500,
delay: 200,
easing: 'easeOutQuart',
opacity: {
value: [ 0, 1 ],
},
scale: {
value: [ 0.75, 1 ],
},
rotate: {
value: [ -65, 0 ],
}
},
'hide': {
duration: 400,
easing: 'easeOutQuart',
opacity: {
value: [ 1, 0 ],
},
scale: {
value: [ 1, 0.9 ],
},
}
},
'move-up' : {
'show': {
duration: 500,
delay: 200,
easing: 'easeOutExpo',
opacity: {
value: [ 0, 1 ],
},
translateY: {
value: [ 50, 1 ],
}
},
'hide': {
duration: 400,
easing: 'easeOutQuart',
opacity: {
value: [ 1, 0 ],
},
translateY: {
value: [ 1, 50 ],
}
}
},
'flip-x' : {
'show': {
duration: 1000,
delay: 200,
easing: 'easeOutExpo',
opacity: {
value: [ 0, 1 ],
},
rotateX: {
value: [ 65, 0 ],
}
},
'hide': {
duration: 400,
easing: 'easeOutQuart',
opacity: {
value: [ 1, 0 ],
}
}
},
'flip-y' : {
'show': {
duration: 1000,
delay: 200,
easing: 'easeOutExpo',
opacity: {
value: [ 0, 1 ],
},
rotateY: {
value: [ 65, 0 ],
}
},
'hide': {
duration: 400,
easing: 'easeOutQuart',
opacity: {
value: [ 1, 0 ],
}
}
},
'bounce-in' : {
'show': {
delay: 200,
opacity: {
value: [ 0, 1 ],
duration: 500,
easing: 'easeOutQuart',
},
scale: {
value: [ 0.2, 1 ],
duration: 800,
elasticity: function(el, i, l) {
return (400 + i * 200);
},
}
},
'hide': {
duration: 400,
easing: 'easeOutQuart',
opacity: {
value: [ 1, 0 ],
},
scale: {
value: [ 1, 0.8 ],
}
}
},
'bounce-out' : {
'show': {
delay: 200,
opacity: {
value: [ 0, 1 ],
duration: 500,
easing: 'easeOutQuart',
},
scale: {
value: [ 1.8, 1 ],
duration: 800,
elasticity: function(el, i, l) {
return (400 + i * 200);
},
}
},
'hide': {
duration: 400,
easing: 'easeOutQuart',
opacity: {
value: [ 1, 0 ],
},
scale: {
value: [ 1, 1.5 ],
}
}
},
'slide-in-up' : {
'show': {
delay: 200,
opacity: {
value: [ 0, 1 ],
duration: 400,
easing: 'easeOutQuart',
},
translateY: {
value: ['100vh', 0],
duration: 750,
easing: 'easeOutQuart',
}
},
'hide': {
duration: 400,
easing: 'easeInQuart',
opacity: {
value: [ 1, 0 ],
},
translateY: {
value: [0,'100vh'],
}
}
},
'slide-in-right' : {
'show': {
delay: 200,
opacity: {
value: [ 0, 1 ],
duration: 400,
easing: 'easeOutQuart',
},
translateX: {
value: ['100vw', 0],
duration: 750,
easing: 'easeOutQuart',
}
},
'hide': {
duration: 400,
easing: 'easeInQuart',
opacity: {
value: [ 1, 0 ],
},
translateX: {
value: [0,'100vw'],
}
}
},
'slide-in-down' : {
'show': {
delay: 200,
opacity: {
value: [ 0, 1 ],
duration: 400,
easing: 'easeOutQuart',
},
translateY: {
value: ['-100vh', 0],
duration: 750,
easing: 'easeOutQuart',
}
},
'hide': {
duration: 400,
easing: 'easeInQuart',
opacity: {
value: [ 1, 0 ],
},
translateY: {
value: [0,'-100vh'],
}
}
},
'slide-in-left' : {
'show': {
delay: 200,
opacity: {
value: [ 0, 1 ],
duration: 400,
easing: 'easeOutQuart',
},
translateX: {
value: ['-100vw', 0],
duration: 750,
easing: 'easeOutQuart',
}
},
'hide': {
duration: 400,
easing: 'easeInQuart',
opacity: {
value: [ 1, 0 ],
},
translateX: {
value: [0,'-100vw'],
}
}
}
}
};
$( window ).on( 'elementor:init', JetPopupEditor.init );
}( jQuery ) );