✏️ Editing: theme-options.js

/* global jQuery, BEAUTIQUE_STORAGE */

// Add 'sticky' behaviour to the options header
//---------------------------------------------------------
jQuery( window ).on( 'scroll', function() {

"use strict";

// Init options
//---------------------------------------------------------
jQuery( document ).ready( function() {

"use strict";

// Scroll to the theme options after page reloaded
	if ( location.href.indexOf( 'page=theme_options' ) > 0 ) {
		beautique_document_animate_to( jQuery( '.beautique_admin_message_item, .beautique_options' ).eq(0) );
	}

var beautique_options_changed_state = false;

// Set a new options state or return a current state (if no param specified)
	function beautique_options_changed( state ) {
		if ( state !== undefined ) {
			beautique_options_changed_state = state;
		}
		return beautique_options_changed_state;
	}

// Check to exit while options changed
	jQuery( window ).on( 'beforeunload', function( e ) {
		if ( beautique_options_changed()
			&& ( jQuery( '#trx_addons_theme_panel' ).length === 0 || jQuery( '#trx_addons_theme_panel_section_qsetup' ).is( ':visible' ) )
		) {
			e.preventDefault();
			return e.returnValue = BEAUTIQUE_STORAGE[ 'msg_exit_not_saved_options' ];
		}
	} );

// Set a global state 'changed' on any field is changed
	setTimeout( function() {
		jQuery( '.beautique_options .beautique_options_item_field [name^="beautique_options_field_"]' )
			.on( 'change', function () {
				beautique_options_changed( true );
			} );
	}, 600 );
	
	// Clear a global state 'changed' on the button "Publish" is pressed
	jQuery( '#submitpost #publish' ).on( 'click', function(e) {
		beautique_options_changed( false );
	} );

// --------------------------- SAVE / RESET & EXPORT / IMPORT OPTIONS ------------------------------

// Save options
	jQuery( '.beautique_options_button_submit' )
		.on( 'click', function( e ) {
			var form = jQuery( this ).parents( '.beautique_options' ).find( 'form' );
			// Prevent to send unchanged values
			if ( beautique_options_vars['save_only_changed_options'] ) {
				form.find('[data-param]').each( function() {
					if ( jQuery( this ).data( 'param-changed' ) === undefined ) {
						jQuery( this ).find( 'input,select,textarea' ).each( function() {
							// Disable fields to prevent send to the server
							jQuery( this ).get( 0 ).disabled = true;
							// or another way - remove fields: jQuery( this ).remove()
						} );
					}
				});
			}
			beautique_options_changed( false );
			// Send data to the server
			form.submit();
			e.preventDefault();
			return false;
		} );

// Reset options
	jQuery( '.beautique_options_button_reset' )
		.on( 'click', function( e ) {
			var form = jQuery( this ).parents( '.beautique_options' ).find( 'form' );
			if ( typeof trx_addons_msgbox_agree != 'undefined' ) {
				trx_addons_msgbox_agree(
					BEAUTIQUE_STORAGE[ 'msg_reset_confirm' ],
					BEAUTIQUE_STORAGE[ 'msg_reset' ],
					function( btn ) {
						if ( btn === 1 ) {
							form.find( 'input[name="beautique_options_field_reset_options"]' ).val( 1 );
							beautique_options_changed( false );
							form.submit();
						}
					}
				);
			} else if ( confirm( BEAUTIQUE_STORAGE[ 'msg_reset_confirm' ] ) ) {
				form.find( 'input[name="beautique_options_field_reset_options"]' ).val( 1 );
				beautique_options_changed( false );
				form.submit();
			}
			e.preventDefault();
			return false;
		} );

// Export options
	jQuery( '.beautique_options_button_export' )
		.on( 'click', function( e ) {
			var form = jQuery( this ).parents( '.beautique_options' ).find( 'form' ),
				data = '';
			form.find('[data-param]').each( function() {
				jQuery( this )
					.find('[name^="beautique_options_field_' + jQuery(this).data('param') + '"]')
					.each(function() {
						var fld = jQuery(this),
							fld_name = fld.attr('name'),
							fld_type = fld.attr('type') ? fld.attr('type') : fld.get(0).tagName.toLowerCase();
						if ( fld_type == 'checkbox' ) {
							data += ( data ? '&' : '' ) + fld_name + '=' + encodeURIComponent( fld.get(0).checked ? fld.val() : 0 );
						} else if ( fld_type != 'radio' || fld.get(0).checked ) {
							data += ( data ? '&' : '' ) + fld_name + '=' + encodeURIComponent( fld.val() );
						}
					});
			});
			if ( typeof trx_addons_msgbox_info != 'undefined' ) {
				trx_addons_msgbox_info(
					jQuery.beautique_encoder.encode( data ),
					BEAUTIQUE_STORAGE[ 'msg_export' ] + ': ' + BEAUTIQUE_STORAGE[ 'msg_export_options' ],
					'info',
					0
				);
			} else {
				alert( BEAUTIQUE_STORAGE[ 'msg_export_options' ] + ':\n\n' + jQuery.beautique_encoder.encode( data ) );
			}
			e.preventDefault();
			return false;
		} );

// Import options
	jQuery( '.beautique_options_button_import' )
		.on( 'click', function( e ) {
			var form = jQuery( this ).parents( '.beautique_options' ).find( 'form' ),
				data = '';
			if ( typeof trx_addons_msgbox_dialog != 'undefined' ) {
				trx_addons_msgbox_dialog(
					'<textarea rows="10" cols="100"></textarea>',
					BEAUTIQUE_STORAGE[ 'msg_import' ] + ': ' + BEAUTIQUE_STORAGE[ 'msg_import_options' ],
					null,
					function(btn, box) {
						if ( btn === 1 ) {
							beautique_options_import_data( box.find('textarea').val() );
						}
					}
				);
			} else if ( ( data = prompt( BEAUTIQUE_STORAGE[ 'msg_import_options' ], '' ) ) !== '' ) {
				beautique_options_import_data( data );
			}

e.preventDefault();
			return false;

} );

// --------------------------- PRESETS ------------------------------

// Create preset with options
	jQuery( '.beautique_options_presets_add' )
		.on( 'click', function( e ) {
			if ( typeof trx_addons_msgbox_dialog != 'undefined' ) {
				var preset_name = '';
				trx_addons_msgbox_dialog(
					'<label>' + BEAUTIQUE_STORAGE[ 'msg_presets_add' ]
						+ '<br><input type="text" value="" name="preset_name">'
						+ '</label>',
					BEAUTIQUE_STORAGE[ 'msg_presets' ],
					null,
					function(btn, box) {
						if ( btn === 1 ) {
							var preset_name = box.find('input[name="preset_name"]').val();
							if ( preset_name !== '' ) {
								beautique_options_presets_create( preset_name );
							}
						}
					}
				);
			} else if ( ( preset_name = prompt( BEAUTIQUE_STORAGE[ 'msg_presets_add' ], '' ) ) !== '' ) {
				beautique_options_presets_create( preset_name );
			}

// Create new preset: send it to server and add to the presets list
			function beautique_options_presets_create( preset_name ) {
				var form = jQuery( '.beautique_tabs' ),
					data = '';
				form.find('[data-param]').each( function() {
					jQuery( this )
						.find('[name^="beautique_options_field_' + jQuery(this).data('param') + '"]')
						.each(function() {
							var fld = jQuery(this),
								fld_name = fld.attr('name'),
								fld_type = fld.attr('type') ? fld.attr('type') : fld.get(0).tagName.toLowerCase(),
								in_group = fld_name.indexOf('[') > 0;
							if ( fld_name == 'beautique_options_field_presets' ) {
								return;
							} else if ( fld.parents( in_group ? '.beautique_options_group' : '.beautique_options_item' ).hasClass( 'beautique_options_inherit_on' ) ) {
								data += ( data ? '&' : '' ) + fld_name + '=inherit';
							} else if ( fld_type == 'checkbox' ) {
								data += ( data ? '&' : '' ) + fld_name + '=' + encodeURIComponent( fld.get(0).checked ? fld.val() : 0 );
							} else if ( fld_type != 'radio' || fld.get(0).checked ) {
								data += ( data ? '&' : '' ) + fld_name + '=' + encodeURIComponent( fld.val() );
							}
						});
				});
				data = jQuery.beautique_encoder.encode( data );
				jQuery.post(BEAUTIQUE_STORAGE['ajax_url'], {
					action: 'beautique_add_options_preset',
					nonce: BEAUTIQUE_STORAGE['ajax_nonce'],
					preset_name: preset_name,
					preset_data: data,
					preset_type: jQuery( '.beautique_options_presets_list' ).data( 'type' )
				}).done(function(response) {
					var rez = {};
					if (response === '' || response === 0) {
						rez = { error: BEAUTIQUE_STORAGE['msg_ajax_error'] };
					} else {
						try {
							rez = JSON.parse(response);
						} catch (e) {
							rez = { error: BEAUTIQUE_STORAGE['msg_ajax_error'] };
							console.log(response);
						}
					}
					if ( rez.success ) {
						var presets_list = jQuery( '.beautique_options_presets_list' ).get(0),
							idx = beautique_find_listbox_item_by_text( presets_list, preset_name );
						if ( idx >= 0 ) {
							presets_list.options[idx].value = data;
						} else {
							beautique_add_listbox_item( presets_list, data, preset_name );
						}
						beautique_select_listbox_item_by_text( presets_list, preset_name );
					}
					if ( typeof window.trx_addons_msgbox != 'undefined' ) {
						trx_addons_msgbox({
							msg: rez.error ? rez.error : rez.success,
							hdr: BEAUTIQUE_STORAGE[ 'msg_presets' ],
							icon: rez.error ? 'cancel' : 'check',
							type: rez.error ? 'error' : 'success',
							delay: 0,
							buttons: [ TRX_ADDONS_STORAGE['msg_caption_ok'] ],
							callback: null
						});
					} else {
						alert( rez.error ? rez.error : rez.success );
					}
				});
			}

e.preventDefault();
			return false;

} );

// Apply selected preset
	jQuery( '.beautique_options_presets_apply' )
		.on( 'click', function( e ) {
			var preset_data = jQuery( '.beautique_options_presets_list' ).val();
			if ( preset_data !== '' ) {
				if ( typeof trx_addons_msgbox_confirm != 'undefined' ) {
					trx_addons_msgbox_confirm(
						BEAUTIQUE_STORAGE[ 'msg_presets_apply' ],
						BEAUTIQUE_STORAGE[ 'msg_presets' ],
						function(btn, box) {
							if ( btn === 1 ) {
								beautique_options_presets_apply( preset_data );
							}
						}
					);
				} else if ( confirm( BEAUTIQUE_STORAGE[ 'msg_presets_apply' ] ) ) {
					beautique_options_presets_apply( preset_data );
				}
			}

// Delete selected preset
	jQuery( '.beautique_options_presets_delete' )
		.on( 'click', function( e ) {
			var presets_list = jQuery( '.beautique_options_presets_list' ).get(0),
				preset_data  = beautique_get_listbox_selected_value( presets_list ),
				preset_name  = beautique_get_listbox_selected_text( presets_list );
			if ( preset_data ) {
				if ( typeof trx_addons_msgbox_agree != 'undefined' ) {
					trx_addons_msgbox_agree(
						BEAUTIQUE_STORAGE[ 'msg_presets_delete' ],
						BEAUTIQUE_STORAGE[ 'msg_presets' ],
						function(btn, box) {
							if ( btn === 1 ) {
								beautique_options_presets_delete( preset_name );
							}
						}
					);
				} else if ( confirm( BEAUTIQUE_STORAGE[ 'msg_presets_delete' ] ) ) {
					beautique_options_presets_delete( preset_name );
				}
			}
			
			function beautique_options_presets_delete( preset_name ) {
				jQuery.post(BEAUTIQUE_STORAGE['ajax_url'], {
					action: 'beautique_delete_options_preset',
					nonce: BEAUTIQUE_STORAGE['ajax_nonce'],
					preset_name: preset_name,
					preset_type: jQuery( '.beautique_options_presets_list' ).data( 'type' )
				}).done(function(response) {
					var rez = {};
					if (response === '' || response === 0) {
						rez = { error: BEAUTIQUE_STORAGE['msg_ajax_error'] };
					} else {
						try {
							rez = JSON.parse(response);
						} catch (e) {
							rez = { error: BEAUTIQUE_STORAGE['msg_ajax_error'] };
							console.log(response);
						}
					}
					if ( rez.success ) {
						beautique_del_listbox_item_by_text( presets_list, preset_name );
						beautique_select_listbox_item_by_value( presets_list, '' );
					}
					if ( typeof window.trx_addons_msgbox != 'undefined' ) {
						trx_addons_msgbox({
							msg: rez.error ? rez.error : rez.success,
							hdr: BEAUTIQUE_STORAGE[ 'msg_presets' ],
							icon: rez.error ? 'cancel' : 'check',
							type: rez.error ? 'error' : 'success',
							delay: 0,
							buttons: [ TRX_ADDONS_STORAGE['msg_caption_ok'] ],
							callback: null
						});
					} else {
						alert( rez.error ? rez.error : rez.success );
					}
				});
			}
			e.preventDefault();
			return false;
		} );

// -------------------------- CHANGE 'LOAD FONTS' LIST -------------------------------

// Blur the "load fonts" fields - regenerate options lists in the font-family controls
	jQuery( '.beautique_options [name^="beautique_options_field_load_fonts"]' )
		.on( 'change', beautique_options_update_load_fonts );

// Change theme fonts options if load fonts is changed
	function beautique_options_update_load_fonts() {
		var opt_list = [], i, tag, sel, opt, name = '', family = '', val = '', new_val = '', sel_idx = 0;
		for (i = 1; i <= beautique_options_vars['max_load_fonts']; i++) {
			name = jQuery( '[name="beautique_options_field_load_fonts-' + i + '-name"]' ).val();
			if (name === '') {
				continue;
			}
			family = jQuery( '[name="beautique_options_field_load_fonts-' + i + '-family"]' ).val();
			opt_list.push( [name, family] );
		}
		for (tag in beautique_theme_fonts) {
			sel = jQuery( '[name="beautique_options_field_' + tag + '_font-family"]' );
			if (sel.length == 1) {
				opt     = sel.find( 'option' );
				sel_idx = sel.find( ':selected' ).index();
				// Remove empty options
				if (opt_list.length < opt.length - 1) {
					for (i = opt.length - 1; i > opt_list.length; i--) {
						opt.eq( i ).remove();
					}
				}
				// Add new options
				if (opt_list.length >= opt.length) {
					for (i = opt.length - 1; i <= opt_list.length - 1; i++) {
						val = beautique_get_load_fonts_family_string( opt_list[i][0], opt_list[i][1] );
						sel.append( '<option value="' + val + '">' + opt_list[i][0] + '</option>' );
					}
				}
				// Set new value
				new_val = '';
				for (i = 0; i < opt_list.length; i++) {
					val = beautique_get_load_fonts_family_string( opt_list[i][0], opt_list[i][1] );
					if (sel_idx - 1 == i) {
						new_val = val;
					}
					opt.eq( i + 1 ).val( val ).text( opt_list[i][0] );
				}
				sel.val( sel_idx > 0 && sel_idx <= opt_list.length && new_val ? new_val : 'inherit' );
			}
		}
	}

// -------------------------- INIT FIELDS -------------------------------
	beautique_options_init_fields();
	jQuery(document).on( 'action.init_hidden_elements', beautique_options_init_fields );

// Init fields at first run and after clone group
	function beautique_options_init_fields(e, container) {
		
		if (container === undefined) {
			container = jQuery('.beautique_options,#customize-theme-controls,#elementor-panel,body').eq(0);
		}

// Checkbox
		container.find( '.beautique_options_item_checkbox:not(.inited)' ).addClass( 'inited' )
			.on( 'keydown', '.beautique_options_item_holder', function( e ) {
				// If 'Enter' or 'Space' is pressed - switch state of the checkbox
				if ( [ 13, 32 ].indexOf( e.which ) >= 0 ) {
					jQuery( this ).prev().get( 0 ).checked = ! jQuery( this ).prev().get( 0 ).checked;
					e.preventDefault();
					return false;
				}
				return true;
			} );
		
		// Radio
		container.find( '.beautique_options_item_radio:not(.inited)' ).addClass( 'inited' )
			.on( 'keydown', '.beautique_options_item_holder', function( e ) {
				// If 'Enter' or 'Space' is pressed - switch state of the checkbox
				if ( [ 13, 32 ].indexOf( e.which ) >= 0 ) {
					jQuery( this ).parents( 'beautique_options_item_field' ).find( 'input:checked' ).each( function() {
						this.checked = false;
					});
					jQuery( this ).prev().get( 0 ).checked = true;
					e.preventDefault();
					return false;
				}
				return true;
			} );

// Button with action
		container.find('.beautique_options_item_button input[type="button"]:not(.inited),.beautique_options_item_button .beautique_options_button:not(.inited)').addClass('inited')
			.on('click', function(e) {
				var button = jQuery(this),
					cb = button.data('callback');
				if (cb !== undefined && typeof window[cb] !== 'undefined') {
					window[cb]();
				} else {
					jQuery.post(BEAUTIQUE_STORAGE['ajax_url'], {
						action: button.data('action'),
						nonce: BEAUTIQUE_STORAGE['ajax_nonce']
					}).done(function(response) {
						var rez = {};
						if (response === '' || response === 0) {
							rez = { error: BEAUTIQUE_STORAGE['msg_ajax_error'] };
						} else {
							try {
								rez = JSON.parse(response);
							} catch (e) {
								rez = { error: BEAUTIQUE_STORAGE['msg_ajax_error'] };
								console.log(response);
							}
						}
						if ( typeof window.trx_addons_msgbox != 'undefined' ) {
							trx_addons_msgbox({
								msg: typeof rez.data != 'undefined' ? rez.data : '',
								hdr: '',
								icon: 'check',
								type: 'success',
								delay: 0,
								buttons: [ TRX_ADDONS_STORAGE['msg_caption_ok'] ],
								callback: null
							});
						} else {
							alert(rez.error ? rez.error : rez.success);
						}
					});
				}
				e.preventDefault();
				return false;
			} );

// Cloned fields
		beautique_options_clone_toggle_buttons( container );
		container.find( '.beautique_options_group:not(.inited)' ).addClass( 'inited' ).each(function() {
			// Clone buttons
			jQuery( this )
				// Button 'Add new'
				.on( 'click', '.beautique_options_clone_button_add', function ( e ) {
					var clone_obj = jQuery(this).parents('.beautique_options_clone_buttons').prev('.beautique_options_clone').eq(0),
						group = clone_obj.parents('.beautique_options_group');
					// Clone fields
					beautique_options_clone(clone_obj);
					// Enable/Disable clone buttons
					beautique_options_clone_toggle_buttons(group);
					// Mark group as changed
					group.data( 'param-changed', 1 ).find('[data-param]').data( 'param-changed', 1 );
					// Prevent bubble event
					e.preventDefault();
					return false;
				} )
				// Button 'Clone'
				.on( 'click', '.beautique_options_clone > .beautique_options_clone_control_add', function ( e ) {
					var clone_obj = jQuery(this).parents('.beautique_options_clone'),
						group = clone_obj.parents('.beautique_options_group');
					// Clone fields
					beautique_options_clone(clone_obj, true);
					// Enable/Disable clone buttons
					beautique_options_clone_toggle_buttons(group);
					// Mark group as changed
					group.data( 'param-changed', 1 ).find('[data-param]').data( 'param-changed', 1 );
					// Prevent bubble event
					e.preventDefault();
					return false;
				} )
				// Button 'Delete'
				.on( 'click', '.beautique_options_clone > .beautique_options_clone_control_delete', function ( e ) {
					var clone_obj = jQuery(this).parents('.beautique_options_clone'),
						clone_idx = clone_obj.prevAll('.beautique_options_clone').length,
						group = clone_obj.parents('.beautique_options_group');
					// Delete clone
					clone_obj.remove();
					// Change fields index
					beautique_options_clone_change_index(group, clone_idx);
					// Enable/Disable clone buttons
					beautique_options_clone_toggle_buttons(group);
					// Mark group as changed
					group.data( 'param-changed', 1 ).find('[data-param]').data( 'param-changed', 1 );
					// Prevent bubble event
					e.preventDefault();
					return false;
				} );
			
			// Sort clones
			if ( jQuery.ui.sortable ) {
				var id = jQuery(this).attr( 'id' );
				if ( id === undefined ) {
					jQuery( this ).attr( 'id', 'beautique_options_sortable_' + ( '' + Math.random() ).replace( '.', '' ) );
				}
				jQuery( this )
					.sortable( {
						items: '.beautique_options_clone',
						handle: '.beautique_options_clone_control_move',
						placeholder: ' beautique_options_clone beautique_options_clone_placeholder',
						start: function( event, ui ) {
							// Make the placeholder has the same height as dragged item
							ui.placeholder.height( ui.item.height() );
						},
						update: function( event, ui ) {
							// Change fields index
							beautique_options_clone_change_index( ui.item.parents('.beautique_options_group'), 0 );
							// Mark group as changed
							ui.item.parents('.beautique_options_group').data( 'param-changed', 1 ).find('[data-param]').data( 'param-changed', 1 );
						}
					});
			}
		});
		
		// Check clone controls for enable/disable
		function beautique_options_clone_toggle_buttons( container ) {
			if ( ! container.hasClass('beautique_options_group') ) {
				container = container.find('.beautique_options_group');
			}
			container.each( function() {
				var group = jQuery(this);
				if ( group.find('.beautique_options_clone').length > 1 ) {
					group.find('.beautique_options_clone_control_delete,.beautique_options_clone_control_move').show();
				} else {
					group.find('.beautique_options_clone_control_delete,.beautique_options_clone_control_move').hide();
				}
			});
		}
		
		// Replace number in the param's name like 'floor_plans[0][image]'
		function beautique_options_clone_replace_index( name, idx_new ) {
			name = name.replace(/\[\d{1,2}\]/, '['+idx_new+']');
			return name;
		}
		
		// Change index in each field in the clone
		function beautique_options_clone_change_index( group, from_idx ) {
			group.find('.beautique_options_clone').each( function( idx ) {
				if ( idx < from_idx ) return;
				jQuery(this).find('.beautique_options_item_field').each( function() {
					var field = jQuery(this),
						param_old = field.data('param'),
						param_old_id = param_old.replace(/\[/g, '_').replace(/\]/g, ''),
						param_new = beautique_options_clone_replace_index( param_old, idx ),
						param_new_id = param_new.replace(/\[/g, '_').replace(/\]/g, '');
					// Change data-param
					field.attr('data-param', param_new );
					// Change name and id in inputs
					field.find(':input').each( function() {
						var input = jQuery(this),
							id = input.attr('id'),
							name = input.attr('name');
						if (!name) return;
						name = beautique_options_clone_replace_index(name, idx);
						input.attr( 'name', name );
						if ( id ) {
							var id_new = name.replace(/\[/g, '_').replace(/\]/g, '');
							input.attr('id', id_new);
							var linked_field = field.find('[data-linked-field="'+id+'"]');
							if ( linked_field.length > 0 ) {
								linked_field.attr('data-linked-field', id_new);
								if ( linked_field.attr('id') ) {
									linked_field.attr('id', linked_field.attr('id').replace(id, id_new));
								}
							}
						}
						// Fix a checked radio button and checkboxes (check it again if an attribute 'checked' is set)
						if ( ( input.is(':radio') || input.is(':checkbox') ) && input.attr('checked') ) {
							input.prop('checked', true);
						}
					} );
					// Change name and id in any tags
					field.find('[id*="'+param_old_id+'"],[name*="'+param_old_id+'"]').each( function() {
						var $self = jQuery(this),
							name = $self.attr('name'),
							id = $self.attr('id'),
							data_id = $self.data( 'wp-editor-id' );
						if ( name ) {
							$self.attr( 'name', name.replace( param_old_id, param_new_id ) );
						}
						if ( id ) {
							$self.attr( 'id', id.replace( param_old_id, param_new_id ) );
						}
						if ( data_id ) {
							$self.attr( 'data-wp-editor-id', data_id.replace( param_old_id, param_new_id ) );
						}
					} );
				} );
			} );
		}
		
		// Clone set of the fields
		function beautique_options_clone( obj, copy_values ) {
			var group = obj.parent(),
				clone = obj.clone(),
				obj_idx = obj.prevAll('.beautique_options_clone').length;
			// Remove class 'inited' from all elements
			clone.find('.inited').removeClass('inited');
			clone.find('.icons_inited').removeClass('icons_inited');
			// Reset text editor area
			var editor = clone.find('.beautique_text_editor');
			if ( editor.length ) {
				editor.html( editor.data( 'editor-html' ) );
			}
			// Reset value for other fields
			clone.find('.beautique_options_item_field :input').each( function() {
				var input = jQuery(this),
					std = copy_values ? input.val() : input.data('std');
				if ( input.is(':radio') || input.is(':checkbox') ) {
					input.prop( 'checked', std !== undefined && std == input.val() );
				} else if ( input.is('select') ) {
					input.prop( 'selectedIndex', -1 );
					if ( std !== undefined ) {
						var opt = input.find('option[value="'+std+'"]');
						if ( opt.length > 0 ) {
							input.prop('selectedIndex', opt.index());
						}
					}
				} else if ( ! input.is(':button') ) {
					input.val( std !== undefined ? std : '' );
				}
				// Remove image preview
				input.parents('.beautique_options_item_field').find('.beautique_media_selector_preview').empty();
				// Remove class 'inited' from selectors
				input.next('[class*="_selector"].inited').removeClass('inited');
				// Mark all cloned fields as 'changed' on any cloned field is changed
				if (input.attr('name') && input.attr('name').indexOf("beautique_options_field_") === 0) {
					input.on( 'change', function () {
						jQuery( this ).parents('.beautique_options_group').data( 'param-changed', 1 ).find('[data-param]').data( 'param-changed', 1 );
					} );
				}
			});
			//Remove UI sliders
			clone.find('.ui-slider-range, .ui-slider-handle').remove();
			// Insert Clone
			clone.insertAfter(obj);
			// Change fields index. Must run before trigger clone event
			beautique_options_clone_change_index(group, obj_idx);
			// Init of the cloned text editor
			if ( editor.length && typeof tinymce !== 'undefined' ) {
				var old_id = group.find( '.wp-editor-area' ).eq(0).attr('id'),
					new_id = editor.find( '.wp-editor-area' ).attr( 'id' ),
					init   = typeof tinyMCEPreInit != 'undefined' && typeof tinyMCEPreInit.mceInit != 'undefined' && typeof tinyMCEPreInit.mceInit[ old_id ] != 'undefined'
								? tinyMCEPreInit.mceInit[ old_id ]
								: { tinymce: true };
				if ( init.body_class ) {
					init.body_class = init.body_class.replace( old_id, new_id );
				}
				if ( init.selector ) {
					init.selector = init.selector.replace( old_id, new_id );
				}
				if ( typeof tinyMCEPreInit != 'undefined' ) {
					tinyMCEPreInit.mceInit[ new_id ] = init;
				}

var $wrap;

if ( typeof tinymce !== 'undefined' ) {
					if ( tinymce.Env.ie && tinymce.Env.ie < 11 ) {
						tinymce.$( '.wp-editor-wrap ' ).removeClass( 'tmce-active' ).addClass( 'html-active' );
					} else {
						$wrap = tinymce.$( '#wp-' + new_id + '-wrap' );
						if ( ( $wrap.hasClass( 'tmce-active' ) || ! tinyMCEPreInit.qtInit.hasOwnProperty( new_id ) ) && ! init.wp_skip_init ) {
							tinymce.init( init );
							if ( ! window.wpActiveEditor ) {
								window.wpActiveEditor = new_id;
							}
						}
						if ( typeof quicktags !== 'undefined' && tinyMCEPreInit.qtInit.hasOwnProperty( new_id ) ) {
							quicktags( tinyMCEPreInit.qtInit[new_id] );
							if ( ! window.wpActiveEditor ) {
								window.wpActiveEditor = new_id;
							}
						}
					}
				}

//wp.editor.initialize( new_id, init );
			}
			// Fire init actions for other cloned fields
			jQuery(document).trigger( 'action.init_hidden_elements', [clone.parents('.beautique_options')] );
		}

}

// -------------------------- 'LINKED' FIELDS -------------------------------

// Refresh linked field
	jQuery( '#beautique_options_tabs' )
		.on( 'change', '[data-linked] select,[data-linked] input', function (e) {
			var chg_name          = jQuery( this ).parent().data( 'param' );
			var chg_value         = jQuery( this ).val();
			var linked_name       = jQuery( this ).parent().data( 'linked' );
			var linked_data       = jQuery( '#beautique_options_tabs [data-param="' + linked_name + '"]' );
			var linked_field      = linked_data.find( 'select' );
			var linked_field_type = 'select';
			if (linked_field.length === 0) {
				linked_field      = linked_data.find( 'input' );
				linked_field_type = 'input';
			}
			var linked_lock = linked_data.parent().parent().find( '.beautique_options_inherit_lock' ).addClass( 'beautique_options_wait' );
			// Prepare data
			var data = {
				action: 'beautique_get_linked_data',
				nonce: BEAUTIQUE_STORAGE['ajax_nonce'],
				chg_name: chg_name,
				chg_value: chg_value
			};
			jQuery.post(
				BEAUTIQUE_STORAGE['ajax_url'], data, function(response) {
					var rez = {};
					try {
						rez = JSON.parse( response );
					} catch (e) {
						rez = { error: BEAUTIQUE_STORAGE['msg_ajax_error'] };
						console.log( response );
					}
					if (rez.error === '') {
						if (linked_field_type == 'select') {
							var opt_list = '';
							for (var i in rez.list) {
								opt_list += '<option value="' + i + '">' + rez.list[i] + '</option>';
							}
							linked_field.html( opt_list );
						} else {
							linked_field.val( rez.value );
						}
						linked_lock.removeClass( 'beautique_options_wait' );
					}
				}
			);
			e.preventDefault();
			return false;
		} );

// ---------------------------- MARK FIELDS AS 'CHANGED' --------------------------

// Mark field as 'changed' on any field change
	jQuery( '.beautique_options .beautique_options_item_field [name^="beautique_options_field_"]' )
		.on( 'change', function () {
			beautique_options_mark_field_changed( jQuery( this ) );
		} );

// Mark select fields as 'changed' on page load if no 'selected' items are present
	jQuery( '.beautique_options .beautique_options_item_select select' ).each( function() {
		var obj = jQuery( this );
		if ( obj.find('option[selected]').length === 0 ) {
			beautique_options_mark_field_changed( obj );
		}
	} );

// Mark radio fields as 'changed' on page load if no 'checked' items are present
	jQuery( '.beautique_options .beautique_options_item_radio' ).each( function() {
		var obj = jQuery( this );
		if ( obj.find('input[type="radio"][checked]').length === 0 ) {
			beautique_options_mark_field_changed( obj.find('input[type="radio"]').eq(0) );
		}
	} );

// Mark field as 'changed'
	function beautique_options_mark_field_changed( obj ) {
		var par = obj.parents('.beautique_options_group');
		if ( par.length > 0 ) {
			// On change any field of a group - mark all fields in this group as changed
			par.data( 'param-changed', 1 ).find('[data-param]').data( 'param-changed', 1 );
		} else {
			// On change other fields - mark only this field
			obj.parents('[data-param]').eq(0).data( 'param-changed', 1 );
		}
	}

// -------------------------- 'INHERIT' FIELDS -------------------------------

// Toggle inherit button and cover
	jQuery( '#beautique_options_tabs' )
		.on( 'keydown', '.beautique_options_inherit_lock', function( e ) {
			// If 'Enter' or 'Space' is pressed - trigger click on this object
			if ( [ 13, 32 ].indexOf( e.which ) >= 0 ) {
				jQuery( this ).trigger( 'click' );
				e.preventDefault();
				return false;
			}
			return true;
		} )
		.on( 'click', '.beautique_options_inherit_lock,.beautique_options_inherit_cover', function (e) {
			var obj = jQuery( this );
			if ( ! obj.hasClass( 'beautique_options_pro_only_lock' ) && ! obj.hasClass( 'beautique_options_pro_only_cover' ) ) {
				var parent  = obj.parents( '.beautique_options_item,.beautique_options_group' );
				var inherit = parent.hasClass( 'beautique_options_inherit_on' );
				var cover   = parent.find( '.beautique_options_inherit_cover' );
				var hidden  = cover.find( 'input[type="hidden"]' );
				var hidden_name = hidden.attr( 'name' ) || '';
				var fld     = parent.find( '[name="' + hidden_name.replace( '_inherit_', '_field_' ) + '"]' );
				if (inherit) {
					parent.removeClass( 'beautique_options_inherit_on' ).addClass( 'beautique_options_inherit_off' );
					cover.fadeOut();
					hidden.val( '' ).trigger('change');
				} else {
					parent.removeClass( 'beautique_options_inherit_off' ).addClass( 'beautique_options_inherit_on' );
					cover.fadeIn();
					hidden.val( 'inherit' ).trigger('change');
				}
				if ( fld.length ) {
					fld.trigger( 'change' );
				}
				e.preventDefault();
				return false;
			}
		} );

} );

// Check for dependencies
//--------------------------------------------------------

// Check for external dependencies (for example, "Page template" in the page edit mode)
jQuery( window ).on( 'load', function() {
	"use strict";

} );

// Check for internal dependencies
jQuery( document ).ready( function() {
	"use strict";

// Check all inner dependencies
	jQuery( '.beautique_options .beautique_options_section' ).each( function () {
		beautique_options_check_dependencies( jQuery( this ) );
	} );

// Check dependencies on any field change
	jQuery( '.beautique_options .beautique_options_item_field [name^="beautique_options_field_"]' ).on( 'change', function () {
		beautique_options_check_dependencies( jQuery( this ).parents( '.beautique_options_section' ) );
	} );

// Check dependencies on a field with a page template is appear
	jQuery( document ).on( 'trx_addons_action_page_template_selector_appear', function() {			
		jQuery( '.beautique_options .beautique_options_section' ).each( function () {
			beautique_options_check_dependencies( jQuery( this ) );
		} );
	} );

} );

// Check for dependencies
function beautique_options_check_dependencies(cont) {
	if ( typeof beautique_dependencies == 'undefined' || BEAUTIQUE_STORAGE['check_dependencies_now'] ) {
		return;
	}
	BEAUTIQUE_STORAGE['check_dependencies_now'] = true;
	cont.find( '.beautique_options_item_field,.beautique_options_group[data-param]' ).each( function() {
		var ctrl = jQuery( this ),
			id = ctrl.data( 'param' );
		if (id === undefined) {
			return;
		}
		var depend = false, fld;
		for (fld in beautique_dependencies) {
			if (fld == id) {
				depend = beautique_dependencies[id];
				break;
			}
		}
		if (depend) {
			var dep_cnt    = 0, dep_all = 0;
			var dep_cmp    = typeof depend.compare != 'undefined' ? depend.compare.toLowerCase() : 'and';
			var dep_strict = typeof depend.strict != 'undefined';
			var val        = undefined;
			var name       = '', subname = '';
			var parts      = '', parts2 = '';
			var i;
			fld = null;
			for (i in depend) {
				if (i == 'compare' || i == 'strict') {
					continue;
				}
				dep_all++;
				val     = undefined;
				name    = i;
				subname = '';
				if (name.indexOf( '[' ) > 0) {
					parts   = name.split( '[' );
					name    = parts[0];
					subname = parts[1].replace( ']', '' );
				}
				// If a name is a selector to the DOM-object 
				if ( name.charAt( 0 ) == '#' || name.charAt( 0 ) == '.' || name.slice( 0, 8 ) == '@editor/' ) {
					if ( name.charAt( 0 ) == '#' || name.charAt( 0 ) == '.' ) {
						fld = jQuery( name );
					}
					if ( fld && fld.length > 0 ) {
						var panel = fld.closest('.edit-post-sidebar');
						if ( panel.length === 0 ) {
							if ( ! fld.hasClass('beautique_inited') ) {
								fld.addClass('beautique_inited').on('change', function () {
									jQuery('.beautique_options .beautique_options_section').each( function () {
										beautique_options_check_dependencies(jQuery(this));
									} );
								} );
							}
						} else {
							if ( ! panel.hasClass('beautique_inited') ) {
								panel.addClass('beautique_inited').on('change', fld, function () {
									jQuery('.beautique_options .beautique_options_section').each( function () {
										beautique_options_check_dependencies(jQuery(this));
									} );
								} );
							}
						}
					} else if ( name == '#page_template' || name == '.editor-page-attributes__template select' || name.slice( 0, 8 ) == '@editor/' ) {
						var prop_check = 'template';
						if ( name.slice( 0, 8 ) == '@editor/' ) {
							prop_check = name.slice( 8 );
						}
						if ( typeof wp == 'object' && typeof wp.data == 'object' && typeof wp.data.select( 'core/editor' ) == 'object' ) {
							if ( typeof BEAUTIQUE_STORAGE['editor_props'] == 'undefined' ) {
								BEAUTIQUE_STORAGE['editor_props'] = {};
							}
							if ( typeof BEAUTIQUE_STORAGE['editor_props'][ prop_check ] == 'undefined' ) {
								var prop_val = wp.data.select( 'core/editor' ).getEditedPostAttribute( prop_check );
								if ( prop_val !== undefined ) {
									BEAUTIQUE_STORAGE['editor_props'][ prop_check ] = prop_val;
								}
							}
							val = typeof BEAUTIQUE_STORAGE['editor_props'][ prop_check ] != 'undefined' ? BEAUTIQUE_STORAGE['editor_props'][ prop_check ] : '';
							var $body = jQuery( 'body' );
							if ( ! $body.hasClass( 'beautique_editor_props_listener_inited' ) ) {
								$body.addClass( 'beautique_editor_props_listener_inited' );
								// Call a check_dependencies() on a page template is changed
								wp.data.subscribe( function() {
									var prop_val = wp.data.select( 'core/editor' ).getEditedPostAttribute( prop_check );
									if ( prop_val !== undefined && ( typeof BEAUTIQUE_STORAGE['editor_props'][ prop_check ] == 'undefined' || prop_val != BEAUTIQUE_STORAGE['editor_props'][ prop_check ] ) ) {
										BEAUTIQUE_STORAGE['editor_props'][ prop_check ] = prop_val;
										jQuery('.beautique_options .beautique_options_section').each( function () {
											beautique_options_check_dependencies( jQuery( this ) );
										} );
									}

} );
							}
						}
					}
				// A name is a field from options
				} else {
					fld = cont.find( '[name="beautique_options_field_' + name + '"]' );
				}
				if ( val !== undefined || ( fld && fld.length > 0 ) ) {
					if ( val === undefined ) {
						val = beautique_options_get_field_value( fld );
					}
					if ( val == 'inherit' ) {
						dep_cnt = 0;
						dep_all = 1;
						var parent = ctrl,
							tag;
						if ( ! parent.hasClass('beautique_options_group') ) {
							parent = parent.parents('.beautique_options_item');
						}
						var lock = parent.find( '.beautique_options_inherit_lock' );
						if ( lock.length ) {
							if ( ! parent.hasClass( 'beautique_options_inherit_on' ) ) {
								lock.trigger( 'click' );
							}
						} else if ( ctrl.data('type') == 'select' ) {
							tag = ctrl.find('select');
							if ( tag.find('option[value="inherit"]').length && tag.val() != 'inherit' ) {
								tag.val('inherit').trigger('change');
							}
						} else if ( ctrl.data('type') == 'radio' ) {
							tag = ctrl.find('input[type="radio"][value="inherit"]');
							if ( tag.length && ! tag.get(0).checked ) {
								ctrl.find('input[type="radio"]:checked').get(0).checked = false;
								tag.get(0).checked = true;
								tag.trigger('change');
							}
						}
						break;
					} else {
						if (subname !== '') {
							parts = val.split( '|' );
							for (var p = 0; p < parts.length; p++) {
								parts2 = parts[p].split( '=' );
								if (parts2[0] == subname) {
									val = parts2[1];
								}
							}
						}
						if ( typeof depend[i] != 'object' && typeof depend[i] != 'array' ) {
							depend[i] = { '0': depend[i] };
						}
						for (var j in depend[i]) {
							if (
								(depend[i][j] == 'not_empty' && val !== '')   // Main field value is not empty - show current field
								|| (depend[i][j] == 'is_empty' && val === '') // Main field value is empty - show current field
								|| (val !== '' && ( ! isNaN( depend[i][j] )   // Main field value equal to specified value - show current field
												? val == depend[i][j]
												: (dep_strict
														? val == depend[i][j]
														: ('' + val).indexOf( depend[i][j] ) === 0
													)
											)
								)
								|| (val !== '' && ("" + depend[i][j]).charAt( 0 ) == '^' && ('' + val).indexOf( depend[i][j].substr( 1 ) ) == -1)
																			// Main field value not equal to specified value - show current field
							) {
								dep_cnt++;
								break;
							}
						}
					}
				} else {
					dep_all--;
				}
				if (dep_cnt > 0 && dep_cmp == 'or') {
					break;
				}
			}
			if ( ! ctrl.hasClass('beautique_options_group') ) {
				ctrl = ctrl.parents('.beautique_options_item');
			}
			var section = ctrl.parents('.beautique_tabs_section'),
				tab = jQuery( '[aria-labelledby="' + section.attr('aria-labelledby') + '"]' );
			if (((dep_cnt > 0 || dep_all === 0) && dep_cmp == 'or') || (dep_cnt == dep_all && dep_cmp == 'and')) {
				ctrl.slideDown().removeClass( 'beautique_options_no_use' );
				if ( section.find('>.beautique_options_item:not(.beautique_options_item_info),>.beautique_options_group[data-param]').length != section.find('.beautique_options_no_use').length ) {
					if ( tab.hasClass( 'beautique_options_item_hidden' ) ) {
						tab.removeClass('beautique_options_item_hidden');
					}
				}
			} else {
				ctrl.slideUp().addClass( 'beautique_options_no_use' );
				if ( section.find('>.beautique_options_item:not(.beautique_options_item_info),>.beautique_options_group[data-param]').length == section.find('.beautique_options_no_use').length ) {
					if ( ! tab.hasClass( 'beautique_options_item_hidden' ) ) {
						tab.addClass('beautique_options_item_hidden');
						if ( tab.hasClass('ui-state-active') ) {
							tab.parents('.beautique_tabs').find(' > ul > li:not(.beautique_options_item_hidden)').eq(0).find('> a').trigger('click');
						}
					}
				}
			}
		}

// Individual dependencies
		//------------------------------------

// Remove 'false' to disable color schemes less then main scheme!
		// This behavious is not need for the version with sorted schemes (leave false)
		if (false && id == 'color_scheme') {
			fld = ctrl.find( '[name="beautique_options_field_' + id + '"]' );
			if (fld.length > 0) {
				val     = beautique_options_get_field_value( fld );
				var num = beautique_options_get_field_value( fld, true );
				cont.find( '.beautique_options_item_field' ).each(
					function() {
						var ctrl2 = jQuery( this ), id2 = ctrl2.data( 'param' );
						if (id2 == undefined) {
							return;
						}
						if (id2 == id || id2.substr( -7 ) != '_scheme') {
							return;
						}
						var fld2 = ctrl2.find( '[name="beautique_options_field_' + id2 + '"]' ),
						val2     = beautique_options_get_field_value( fld2 );
						if (fld2.attr( 'type' ) != 'radio') {
							fld2 = fld2.find( 'option' );
						}
						fld2.each(
							function(idx2) {
								var dom_obj      = jQuery( this ).get( 0 );
								dom_obj.disabled = idx2 !== 0 && idx2 < num;
								if (dom_obj.disabled) {
									if (jQuery( this ).val() == val2) {
										if (fld2.attr( 'type' ) == 'radio') {
											fld2.each(
												function(idx3) {
													jQuery( this ).get( 0 ).checked = idx3 === 0;
												}
											);
										} else {
											fld2.each(
												function(idx3) {
													jQuery( this ).get( 0 ).selected = idx3 === 0;
												}
											);
										}
									}
								}
							}
						);
					}
				);
			}
		}
	} );
	BEAUTIQUE_STORAGE['check_dependencies_now'] = false;
}

// Return value of the field or number (index) of selected item (if second param is true)
function beautique_options_get_field_value(fld, num) {
	var item = fld.parents( '.beautique_options_item' );
	var ctrl = fld.parents( '.beautique_options_item_field' );
	var val  = fld.attr( 'type' ) == 'checkbox' || fld.attr( 'type' ) == 'radio'
			? (ctrl.find( '[name^="beautique_options_field_"]:checked' ).length > 0
				? (num === true
					? ctrl.find( '[name^="beautique_options_field_"]:checked' ).parent().index() + 1
					: (ctrl.find( '[name^="beautique_options_field_"]:checked' ).val() !== ''
						&& '' + ctrl.find( '[name^="beautique_options_field_"]:checked' ).val() != '0'
							? ctrl.find( '[name^="beautique_options_field_"]:checked' ).val()
							: 1
						)
					)
				: 0
				)
			: (num === true ? fld.find( ':selected' ).index() + 1 : fld.val());
	if ( item.length && item.hasClass( 'beautique_options_inherit_on' ) ) {
		val = num === true ? 0 : 'inherit';
	} else if (val === undefined || val === null) {
		val = num === true ? 0 : '';
	}
	return val;
}

Sid Gifari From Gifari Industries - BD Cyber Security Team