<h2>Editing File: /usr/local/sitepad/editor/site-data/plugins/pagelayer/main/customizer-controls.php</h2><form method='post'><textarea name='content' class='file-edit'>&lt;?php

//////////////////////////////////////////////////////////////
//===========================================================
// PAGELAYER
// Inspired by the DESIRE to be the BEST OF ALL
// ----------------------------------------------------------
// Started by: Pulkit Gupta
// Date:	   23rd Jan 2017
// Time:	   23:00 hrs
// Site:	   http://pagelayer.com/wordpress (PAGELAYER)
// ----------------------------------------------------------
// Please Read the Terms of use at http://pagelayer.com/tos
// ----------------------------------------------------------
//===========================================================
// (c)Pagelayer Team
//===========================================================
//////////////////////////////////////////////////////////////

// Are we being accessed directly ?
if(!defined('PAGELAYER_VERSION')) {
	exit('Hacking Attempt !');
}

/**
 * Override customize controls class
 *
 */
class Pagelayer_Customize_Control extends WP_Customize_Control{
	
	public $show_filter = '';
	public $li_class = '';
	
	/**
	 * Refresh the parameters passed to the JavaScript via JSON.
	 *
	 * @see WP_Customize_Control::to_json()
	 */
	public function to_json() {

		parent::to_json();
		
		if(!empty($this-&gt;show_filter)){
			$this-&gt;json['show_filter'] = $this-&gt;show_filter;
		}
	}
	
	protected function render() {
		$id    = 'customize-control-' . str_replace( array( '[', ']' ), array( '-', '' ), $this-&gt;id );
		$class = 'pagelayer-customize-control customize-control customize-control-' . $this-&gt;type;
		
		$class .= ' '.$this-&gt;li_class;

		printf( '&lt;li id=&quot;%s&quot; class=&quot;%s&quot;&gt;', esc_attr( $id ), esc_attr( $class ) );
		$this-&gt;render_content();
		echo '&lt;/li&gt;';
	}
}

/**
 * Padding control to separate general and style controls
 *
 */
class Pagelayer_Padding_Control extends Pagelayer_Customize_Control {
		
	/**
	 * The type of control being rendered
	 */
	public $type = 'pagelayer-padding-control';
	public $responsive;
	public $units;
	
	/**
	 * Constructor
	 */
	public function __construct( $manager, $id, $args = array(), $options = array() ) {
		parent::__construct( $manager, $id, $args );
		
	}

	/**
	 * Render the control in the customizer
	 */
	public function render_content() {
		
		$units = (array) $this-&gt;units;
		
		// Output the label and description if they were passed in.
		if ( isset( $this-&gt;label ) &amp;&amp; '' !== $this-&gt;label ) {
			echo '&lt;span class=&quot;customize-control-title pagelayer-customize-control-title&quot;&gt;' . sanitize_text_field( $this-&gt;label );
			
			if(!empty($this-&gt;responsive )){
				echo '&lt;span class=&quot;pagelayer-devices&quot;&gt;
					&lt;button type=&quot;button&quot; class=&quot;active-device&quot; aria-pressed=&quot;true&quot; data-device=&quot;desktop&quot;&gt;
					&lt;i class=&quot;dashicons dashicons-desktop&quot;&gt;&lt;/i&gt;
					&lt;/button&gt;
					&lt;button type=&quot;button&quot;aria-pressed=&quot;false&quot; data-device=&quot;tablet&quot;&gt;
					&lt;i class=&quot;dashicons dashicons-tablet&quot;&gt;&lt;/i&gt;
					&lt;/button&gt;
					&lt;button type=&quot;button&quot; aria-pressed=&quot;false&quot; data-device=&quot;mobile&quot;&gt;
					&lt;i class=&quot;dashicons dashicons-smartphone&quot;&gt;&lt;/i&gt;
					&lt;/button&gt;
				&lt;/span&gt;';
			}
			
			if(!empty($units)){
				?&gt;
				&lt;span class=&quot;pagelayer-units&quot;&gt;
					&lt;input type=&quot;hidden&quot; class=&quot;pagelayer-unit-input&quot; value=&quot;&lt;?php echo esc_attr($this-&gt;value('unit')); ?&gt;&quot; &lt;?php $this-&gt;link('unit'); ?&gt;&gt;&lt;/input&gt;
					&lt;?php 
					foreach($units as $unit){
						echo '&lt;span data-unit=&quot;'.$unit.'&quot;&gt; '.$unit.' &lt;/span&gt;';
					}
					?&gt;
				&lt;/span&gt;
				&lt;?php
			}
				
			echo '&lt;/span&gt;';
		}
		
		$settings = array();
		
		foreach ( $this-&gt;settings as $key =&gt; $setting ){
			$key = str_replace(['_mobile', '_tablet'], '', $key);
			
			if(in_array($key, $settings)){
				continue;
			}
			
			$settings[] = $key;
		}		
		
		$screens = array('');
		
		if(!empty($this-&gt;responsive)){
			$screens = array('', '_tablet', '_mobile');
		}
		
		echo '&lt;div class=&quot;pagelayer-paddings-holder&quot;&gt;';
		
		foreach($screens as $screen){
			
			$show_device = '';
			if(count($screens) &gt; 1){
				$show_device =  'data-show-device=&quot;'.(empty($screen) ? '_desktop' : $screen).'&quot;';
			}
			
			echo '&lt;div class=&quot;pagelayer-control-padding&quot; '.$show_device.'&gt;';
			foreach($settings as $setting){
				
				// Skip units for responsive
				if($setting == 'unit'){
					continue;
				}
				
				$setting_name = $setting.$screen;
	?&gt;
		&lt;input type=&quot;number&quot; class=&quot;pagelayer-padding-input&quot; value=&quot;&lt;?php echo esc_attr($this-&gt;value($setting_name)); ?&gt;&quot; &lt;?php $this-&gt;link($setting_name); ?&gt;&gt;&lt;/input&gt;
	&lt;?php
			}
			
			echo '&lt;i class=&quot;dashicons dashicons-admin-links&quot;&gt;&lt;/i&gt;&lt;/div&gt;';
		}
		
		echo '&lt;/div&gt;';
	}
}

/**
 * Typography control controls
 *
 */
class Pagelayer_typo_Control extends Pagelayer_Customize_Control {
		
	/**
	 * The type of control being rendered
	 */
	public $type = 'pagelayer-typo-control';
	public $responsive;
	public $style;
	
	/**
	 * Constructor
	 */
	public function __construct( $manager, $id, $args = array(), $options = array() ) {
		parent::__construct( $manager, $id, $args );
	}
	
	/**
	 * Render the control in the customizer
	 */
	public function render_content() {
		global $pagelayer;
		 
		// Output the label and description if they were passed in.
		if ( isset( $this-&gt;label ) &amp;&amp; '' !== $this-&gt;label ) {
			echo '&lt;span class=&quot;customize-control-title&quot;&gt;' . sanitize_text_field( $this-&gt;label ) .'&lt;/span&gt;';
		}
		
		$settings = $pagelayer-&gt;font_settings;
		
		echo '&lt;div class=&quot;pagelayer-typography-holder&quot;&gt;';			
			
			$global_font = $this-&gt;value('global-font');
			
			if(!empty($global_font) &amp;&amp; !isset($pagelayer-&gt;global_fonts[$global_font])){
				$global_font = 'primary';
			}
				
			echo '&lt;div class=&quot;pagelayer-control-typography&quot;&gt;';
	?&gt;
	&lt;div class=&quot;pagelayer-control-typo-holder &lt;?php echo (!empty($global_font) ? 'pagelayer-global-on' : ''); ?&gt;&quot;&gt;
		&lt;div class=&quot;pagelayer-control-typo-icons-holder&quot;&gt;
			&lt;span class=&quot;pagelayer-control-typo-icon dashicons dashicons-edit&quot;&gt;&lt;/span&gt;
		&lt;/div&gt;
		&lt;div class=&quot;pagelayer-control-typo&quot;&gt;
			&lt;div class=&quot;pagelayer-global-setting-font&quot;&gt;
				&lt;b&gt;&lt;?php _e('Global Fonts'); ?&gt;&lt;/b&gt;
				&lt;span class=&quot;pagelayer-control-global-typo-icon dashicons dashicons-admin-site-alt3&quot;&gt;&lt;/span&gt;
				&lt;span class=&quot;dashicons dashicons-admin-generic&quot;&gt;&lt;/span&gt;
				&lt;input class=&quot;pagelayer-global-font-input&quot; type=&quot;hidden&quot; &lt;?php $this-&gt;link('global-font'); ?&gt; value=&quot;&lt;?php echo esc_attr($global_font); ?&gt;&quot; data-key=&quot;&lt;?php echo esc_attr($global_font); ?&gt;&quot;&gt;
				
				&lt;div class=&quot;pagelayer-global-font-list&quot;&gt;&lt;/div&gt;		
			&lt;/div&gt;		
			&lt;?php foreach($settings as $sk =&gt; $sval){ ?&gt;
				&lt;div class=&quot;pagelayer-control-typo-fields&quot;&gt;
					&lt;label class=&quot;pagelayer-control-typo-fields-label&quot;&gt;&lt;?php echo $sval['label']?&gt;
					&lt;?php 
					$screens = array('');
					if(!empty($sval['responsive'])){
						
						$screens = array('desktop', 'tablet', 'mobile');
						
						?&gt;
						&lt;span class=&quot;pagelayer-devices&quot;&gt;
							&lt;button type=&quot;button&quot; class=&quot;active-device&quot; aria-pressed=&quot;true&quot; data-device=&quot;desktop&quot;&gt;
							&lt;i class=&quot;dashicons dashicons-desktop&quot;&gt;&lt;/i&gt;
							&lt;/button&gt;
							&lt;button type=&quot;button&quot;aria-pressed=&quot;false&quot; data-device=&quot;tablet&quot;&gt;
							&lt;i class=&quot;dashicons dashicons-tablet&quot;&gt;&lt;/i&gt;
							&lt;/button&gt;
							&lt;button type=&quot;button&quot; aria-pressed=&quot;false&quot; data-device=&quot;mobile&quot;&gt;
							&lt;i class=&quot;dashicons dashicons-smartphone&quot;&gt;&lt;/i&gt;
							&lt;/button&gt;
						&lt;/span&gt;
					&lt;?php } ?&gt;
					&lt;span class=&quot;pagelayer-typo-global-default dashicons dashicons-undo&quot; title=&quot;&lt;?php _e('Restore Global'); ?&gt;&quot;&gt;&lt;/span&gt;
					&lt;/label&gt;
					&lt;?php
					foreach($screens as $screen){
		
						$show_device = '';
						$field_name = $sk;
						
						if(count($screens) &gt; 1){
							$show_device = 'data-show-device=&quot;_'.$screen.'&quot;';
							$field_name = $sk.($screen == 'desktop' ? '' : '_'.$screen);
						}
						
						$field_val = esc_attr($this-&gt;value($field_name));
						
						if(isset($sval['choices'])){ ?&gt;
							
							&lt;select name=&quot;&lt;?php echo $field_name; ?&gt;&quot; &lt;?php $this-&gt;link($field_name); ?&gt; data-font-key=&quot;&lt;?php echo $sk;?&gt;&quot; data-default-value=&quot;&lt;?php echo $field_val; ?&gt;&quot; &lt;?php echo $show_device; ?&gt;&gt;
								&lt;?php
								// This add using js
								//echo pagelayer_create_font_options($sval['choices'], $this-&gt;value($field_name));
								?&gt;
							&lt;/select&gt;
						&lt;?php } else { ?&gt;
							&lt;input name=&quot;&lt;?php echo $field_name; ?&gt;&quot; type=&quot;number&quot; &lt;?php $this-&gt;link($field_name); ?&gt; &lt;?php echo $show_device; ?&gt;&gt;
						&lt;?php } 
					}
					?&gt;
				&lt;/div&gt;
			&lt;?php }?&gt;
		&lt;/div&gt;
	&lt;/div&gt;
		&lt;?php			
		echo '&lt;/div&gt;&lt;/div&gt;';
	}
}

/**
 * Alpha Color Picker Custom Control
 *
 * @author Braad Martin &lt;http://braadmartin.com&gt;
 * @license http://www.gnu.org/licenses/gpl-3.0.html
 * @link https://github.com/BraadMartin/components/tree/master/customizer/alpha-color-picker
 */
class Pagelayer_Customize_Alpha_Color_Control extends Pagelayer_Customize_Control {
	/**
	 * The type of control being rendered
	 */
	public $type = 'pagelayer-alpha-color';
	/**
	 * Add support for palettes to be passed in.
	 *
	 * Supported palette values are true, false, or an array of RGBa and Hex colors.
	 */
	public $palette;
	/**
	 * Add support for showing the opacity value on the slider handle.
	 */
	public $show_opacity;
	/**
	 * Enqueue our scripts and styles
	 */
	public function enqueue() {
		wp_enqueue_script( 'wp-color-picker' );
		wp_enqueue_style( 'wp-color-picker' );
	}
	/**
	 * Render the control in the customizer
	 */
	public function render_content() {
		global $pagelayer;
		
		$setvalue = $this-&gt;value();
		
		// Process the palette
		if ( is_array( $this-&gt;palette ) ) {
			$palette = implode( '|', $this-&gt;palette );
		} else {
			// Default to true.
			$palette = ( false === $this-&gt;palette || 'false' === $this-&gt;palette ) ? 'false' : 'true';
		}

		// Support passing show_opacity as string or boolean. Default to true.
		$show_opacity = ( false === $this-&gt;show_opacity || 'false' === $this-&gt;show_opacity ) ? 'false' : 'true';

		// Output the label and description if they were passed in.
		if ( isset( $this-&gt;label ) &amp;&amp; '' !== $this-&gt;label ) {
			echo '&lt;span class=&quot;customize-control-title&quot;&gt;' . sanitize_text_field( $this-&gt;label ) . '&lt;/span&gt;';
		}
		if ( isset( $this-&gt;description ) &amp;&amp; '' !== $this-&gt;description ) {
			echo '&lt;span class=&quot;description pagelayer-customize-description&quot;&gt;' . sanitize_text_field( $this-&gt;description ) . '&lt;/span&gt;';
		} ?&gt;
		
			&lt;span class=&quot;pagelayer-control-global-color-icon dashicons dashicons-admin-site-alt3&quot;&gt;&lt;/span&gt;
			&lt;div class=&quot;pagelayer-global-color-list&quot;&gt;
			&lt;div class=&quot;pagelayer-global-setting-color&quot;&gt;
			&lt;b&gt;Global Colors&lt;/b&gt;
			&lt;span class=&quot;dashicons dashicons-admin-generic&quot;&gt;&lt;/span&gt;&lt;/div&gt;
			&lt;?php
				$gkey = '';
				if( !empty($setvalue) &amp;&amp; $setvalue[0] == '$'){
					$gkey = substr($setvalue, 1);
					$gkey = isset($pagelayer-&gt;global_colors[$gkey]) ? $gkey : 'primary';
				}
				
				foreach($pagelayer-&gt;global_colors as $cid =&gt; $color){
				
				$active_class = '';
				if($cid == $gkey){
					$active_class = 'pagelayer-global-selected';
				}
			?&gt;
				&lt;div class=&quot;pagelayer-global-color-list-item &lt;?php echo $active_class; ?&gt;&quot; data-global-id=&quot;&lt;?php echo $cid; ?&gt;&quot;&gt;
					&lt;span class=&quot;pagelayer-global-color-pre&quot; style=&quot;background:&lt;?php echo $color['value']; ?&gt;;&quot;&gt;&lt;/span&gt;
					&lt;span class=&quot;pagelayer-global-color-title&quot;&gt;&lt;?php echo $color['title'];?&gt;&lt;/span&gt;
					&lt;span class=&quot;pagelayer-global-color-code&quot;&gt;&lt;?php echo $color['value']; ?&gt;&lt;/span&gt;
				&lt;/div&gt;
			&lt;?php }?&gt;
			&lt;/div&gt;
			&lt;input class=&quot;pagelayer-alpha-color-control&quot; type=&quot;text&quot; data-show-opacity=&quot;&lt;?php echo $show_opacity; ?&gt;&quot; data-palette=&quot;&lt;?php echo esc_attr( $palette ); ?&gt;&quot; data-default-color=&quot;&lt;?php echo esc_attr( $this-&gt;settings['default']-&gt;default ); ?&gt;&quot; &lt;?php $this-&gt;link(); ?&gt;  /&gt;
		&lt;?php

	}
}

// Global color palette control
class Pagelayer_Color_Repeater_Control extends Pagelayer_Customize_Control {
	/**
	 * The type of control being rendered
	 */
	public $type = 'pagelayer-alpha-color';
	/**
	 * Button labels
	 */
	public $button_label = '';
	/**
	 * Constructor
	 */
	public function __construct( $manager, $id, $args = array(), $options = array() ) {
		parent::__construct( $manager, $id, $args );
		
		if(empty($this-&gt;button_label)){
			$this-&gt;button_label = __( 'Add New Color', 'pagelayer' );
		}
	}
	
	/**
	 * Render the control in the customizer
	 */
	public function render_content() {
		
		$values = $this-&gt;value();
		
		$decode_values = json_decode($values, true);
		
		$skip_keys = array('primary', 'secondary', 'text', 'accent');
	?&gt;
	  &lt;div class=&quot;pagelayer-color-palette-control&quot;&gt;
			&lt;?php if( !empty( $this-&gt;label ) ) { ?&gt;
				&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/span&gt;
			&lt;?php } ?&gt;
			&lt;?php if( !empty( $this-&gt;description ) ) { ?&gt;
				&lt;span class=&quot;customize-control-description&quot;&gt;&lt;?php echo esc_html( $this-&gt;description ); ?&gt;&lt;/span&gt;
			&lt;?php } ?&gt;
			&lt;input type=&quot;hidden&quot; class=&quot;pagelayer-color-palette-data&quot; &lt;?php $this-&gt;link(); ?&gt;&gt;			
			&lt;?php
			foreach( $decode_values as $kk =&gt; $val){ ?&gt;
			
			&lt;div class=&quot;pagelayer-color-holder&quot;&gt;
				&lt;span class=&quot;pagelayer-color-title&quot; contenteditable=&quot;true&quot;&gt;&lt;?php _e($val['title']); ?&gt;&lt;/span&gt;
				&lt;span class=&quot;pagelayer-color-controls &lt;?php echo (in_array($kk, $skip_keys)? 'pagelayer-prevent-delete' : ''); ?&gt;&quot;&gt;
					&lt;?php echo esc_attr($val['value']) ?&gt; 
				&lt;/span&gt;
				&lt;?php if(!in_array($kk, $skip_keys)){ ?&gt;
					&lt;span class=&quot;customize-control-color-repeater-delete&quot;&gt;&lt;span class=&quot;dashicons dashicons-no-alt&quot;&gt;&lt;/span&gt;&lt;/span&gt;
				&lt;?php }?&gt;
				&lt;input class=&quot;pagelayer-alpha-color-control&quot; type=&quot;text&quot; data-show-opacity=&quot;true&quot; data-palette=&quot;true&quot; data-default-color=&quot;&lt;?php echo esc_attr($val['value']); ?&gt;&quot; data-id=&quot;&lt;?php echo esc_attr($kk); ?&gt;&quot;  data-title=&quot;&lt;?php echo esc_attr($val['title']); ?&gt;&quot; value=&quot;&lt;?php echo esc_attr($val['value']); ?&gt;&quot; /&gt;
			&lt;/div&gt;
			
			&lt;?php }?&gt;
			&lt;button class=&quot;button customize-control-color-repeater-add&quot; type=&quot;button&quot;&gt;&lt;?php echo $this-&gt;button_label; ?&gt;&lt;/button&gt;
		&lt;/div&gt;
	&lt;?php
	}
}

// Global color palette control
class Pagelayer_Font_Repeater_Control extends Pagelayer_Customize_Control {
	/**
	 * The type of control being rendered
	 */
	public $type = 'pagelayer-global-font';
	/**
	 * Button labels
	 */
	public $button_label = '';
	
	/**
	 * Constructor
	 */
	public function __construct( $manager, $id, $args = array(), $options = array() ) {
		parent::__construct( $manager, $id, $args );
		
		if(empty($this-&gt;button_label)){
			$this-&gt;button_label = __( 'Add New Font', 'pagelayer' );
		}
	}
	
	/**
	 * Render the control in the customizer
	 */
	public function render_content() {
		global $pagelayer;
		
		$values = $this-&gt;value();
		
		$decode_values = (array) json_decode($values, true);
		
		$settings = $pagelayer-&gt;font_settings;
		
		$skip_keys = array('primary', 'secondary', 'text', 'accent');
	?&gt;
	  &lt;div class=&quot;pagelayer-font-palette-control&quot;&gt;
			&lt;?php if( !empty( $this-&gt;label ) ) { ?&gt;
				&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/span&gt;
			&lt;?php } ?&gt;
			&lt;?php if( !empty( $this-&gt;description ) ) { ?&gt;
				&lt;span class=&quot;customize-control-description&quot;&gt;&lt;?php echo esc_html( $this-&gt;description ); ?&gt;&lt;/span&gt;
			&lt;?php } ?&gt;
			&lt;input type=&quot;hidden&quot; class=&quot;pagelayer-font-palette-data&quot; &lt;?php $this-&gt;link(); ?&gt;&gt;			
			&lt;?php
			foreach( $decode_values as $kk =&gt; $val){ ?&gt;
			
			&lt;div class=&quot;pagelayer-font-holder&quot; data-id=&quot;&lt;?php echo $kk; ?&gt;&quot;&gt;
				&lt;span class=&quot;pagelayer-font-title&quot; contenteditable=&quot;true&quot;&gt;&lt;?php _e($val['title']); ?&gt;&lt;/span&gt;
				&lt;?php if(!in_array($kk, $skip_keys)){ ?&gt;
					&lt;span class=&quot;customize-control-font-repeater-delete&quot;&gt;&lt;span class=&quot;dashicons dashicons-no-alt&quot;&gt;&lt;/span&gt;&lt;/span&gt;
				&lt;?php }?&gt;
				
				&lt;!-- Font Start --&gt;
				&lt;div class=&quot;pagelayer-control-typo-holder&quot;&gt;
					&lt;span class=&quot;pagelayer-control-typo-icon dashicons dashicons-edit&quot;&gt;&lt;/span&gt;
					&lt;div class=&quot;pagelayer-control-typo&quot;&gt;
					
					&lt;?php foreach($settings as $sk =&gt; $sval){ ?&gt;
						&lt;div class=&quot;pagelayer-control-typo-fields&quot;&gt;
							&lt;label class=&quot;pagelayer-control-typo-fields-label&quot;&gt;&lt;?php echo $sval['label']?&gt;
							
							&lt;?php 
							$screens = array('');
							if(!empty($sval['responsive'])){
								
								$screens = array('desktop', 'tablet', 'mobile');
								
								?&gt;
								&lt;span class=&quot;pagelayer-devices&quot;&gt;
									&lt;button type=&quot;button&quot; class=&quot;active-device&quot; aria-pressed=&quot;true&quot; data-device=&quot;desktop&quot;&gt;
									&lt;i class=&quot;dashicons dashicons-desktop&quot;&gt;&lt;/i&gt;
									&lt;/button&gt;
									&lt;button type=&quot;button&quot;aria-pressed=&quot;false&quot; data-device=&quot;tablet&quot;&gt;
									&lt;i class=&quot;dashicons dashicons-tablet&quot;&gt;&lt;/i&gt;
									&lt;/button&gt;
									&lt;button type=&quot;button&quot; aria-pressed=&quot;false&quot; data-device=&quot;mobile&quot;&gt;
									&lt;i class=&quot;dashicons dashicons-smartphone&quot;&gt;&lt;/i&gt;
									&lt;/button&gt;
								&lt;/span&gt;
							&lt;?php } ?&gt;
							&lt;/label&gt;
							
							&lt;?php
						foreach($screens as $screen){
		
							$show_device = '';
							$field_name = $sk;
							$field_val = (empty($val['value'][$sk]) ? '' : $val['value'][$sk]);
							
							if(count($screens) &gt; 1){
								$field_name = $sk.'['.$screen.']';
								$show_device = 'data-show-device=&quot;_'.$screen.'&quot;';
								
								if(is_array($field_val)){
									$field_val = (empty($field_val[$screen]) ? '' : $field_val[$screen]);
								}
							}
							
							if(isset($sval['choices'])){ ?&gt;
								&lt;select name=&quot;&lt;?php echo $field_name; ?&gt;&quot; data-font-key=&quot;&lt;?php echo $sk;?&gt;&quot; data-default-value=&quot;&lt;?php  echo $field_val; ?&gt;&quot; &lt;?php echo $show_device;?&gt;&gt;
									&lt;?php
									// This add using js
									//echo pagelayer_create_font_options($sval['choices'], $val['value'][$sk]);
									?&gt;
								&lt;/select&gt;
							&lt;?php } else { ?&gt;
								&lt;input type=&quot;number&quot; name=&quot;&lt;?php echo $field_name; ?&gt;&quot; value=&quot;&lt;?php  echo $field_val; ?&gt;&quot; &lt;?php echo $show_device;?&gt;&gt;
							&lt;?php 
							}
						}
						?&gt;
						&lt;/div&gt;
					&lt;?php } ?&gt;
						
					&lt;/div&gt;
				&lt;/div&gt;
				&lt;!-- Font End --&gt;
			&lt;/div&gt;
			
			&lt;?php }?&gt;
			&lt;button class=&quot;button customize-control-font-repeater-add&quot; type=&quot;button&quot;&gt;&lt;?php echo $this-&gt;button_label; ?&gt;&lt;/button&gt;
		&lt;/div&gt;
	&lt;?php
	}
}

/**
 * Customize control
 *
 */
class Pagelayer_Custom_Control extends Pagelayer_Customize_Control {
		
	/**
	 * The type of control being rendered
	 */
	public $type = 'pagelayer-customize-control';
	public $responsive;
	public $units;

	/**
	 * Constructor
	 */
	public function __construct( $manager, $id, $args = array(), $options = array() ) {
		parent::__construct( $manager, $id, $args );
	}

	/**
	 * Render the control in the customizer
	 */
	public function render_content() {
		
		$units = $this-&gt;units;
		$input_id         = '_customize-input-' . $this-&gt;id;
		$description_id   = '_customize-description-' . $this-&gt;id;
		$describedby_attr = ( ! empty( $this-&gt;description ) ) ? ' aria-describedby=&quot;' . esc_attr( $description_id ) . '&quot; ' : '';
		switch ( $this-&gt;type ) {
			case 'checkbox':
				?&gt;
				&lt;span class=&quot;pagelayer-customize-inside-control-row&quot;&gt;
					&lt;label for=&quot;&lt;?php echo esc_attr( $input_id ); ?&gt;&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/label&gt;
					&lt;input
						id=&quot;&lt;?php echo esc_attr( $input_id ); ?&gt;&quot;
						class=&quot;pagelayer-customize-checkbox&quot;
						&lt;?php echo $describedby_attr; ?&gt;
						type=&quot;checkbox&quot;
						value=&quot;&lt;?php echo esc_attr( $this-&gt;value() ); ?&gt;&quot;
						&lt;?php $this-&gt;link(); ?&gt;
						&lt;?php checked( $this-&gt;value() ); ?&gt;
					/&gt;
					&lt;?php if ( ! empty( $this-&gt;description ) ) : ?&gt;
						&lt;span id=&quot;&lt;?php echo esc_attr( $description_id ); ?&gt;&quot; class=&quot;description customize-control-description&quot;&gt;&lt;?php echo $this-&gt;description; ?&gt;&lt;/span&gt;
					&lt;?php endif; ?&gt;
				&lt;/span&gt;
				&lt;?php
				break;
			case 'radio':
				if ( empty( $this-&gt;choices ) ) {
					return;
				}

				$name = '_customize-radio-' . $this-&gt;id;
				?&gt;
				&lt;?php if ( ! empty( $this-&gt;label ) ) : ?&gt;
					&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/span&gt;
				&lt;?php endif; ?&gt;
				&lt;?php if ( ! empty( $this-&gt;description ) ) : ?&gt;
					&lt;span id=&quot;&lt;?php echo esc_attr( $description_id ); ?&gt;&quot; class=&quot;description customize-control-description&quot;&gt;&lt;?php echo $this-&gt;description; ?&gt;&lt;/span&gt;
				&lt;?php endif; ?&gt;
				&lt;span class=&quot;pagelayer-customize-inside-control-row&quot;&gt;
				&lt;?php foreach ( $this-&gt;choices as $value =&gt; $label ) : ?&gt;
					
						&lt;input
							id=&quot;&lt;?php echo esc_attr( $input_id . '-radio-' . $value ); ?&gt;&quot;
							class=&quot;pagelayer-customize-radio&quot;
							type=&quot;radio&quot;
							&lt;?php echo $describedby_attr; ?&gt;
							value=&quot;&lt;?php echo esc_attr( $value ); ?&gt;&quot;
							name=&quot;&lt;?php echo esc_attr( $name ); ?&gt;&quot;
							&lt;?php $this-&gt;link(); ?&gt;
							&lt;?php checked( $this-&gt;value(), $value ); ?&gt;
							data-label=&quot;&lt;?php echo esc_html( $label ); ?&gt;&quot;
							/&gt;
				&lt;?php endforeach; ?&gt;
				&lt;/span&gt;
				&lt;?php
				break;
			case 'divider':
				echo '&lt;hr class=&quot;pagelayer-customize-divider&quot;&gt;';
				break;
			case 'pl_slider':
			?&gt;
				&lt;div class=&quot;pagelayer-slider-custom-control&quot;&gt;
					&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;
					&lt;?php if(!empty($this-&gt;responsive )){?&gt;
						&lt;span class=&quot;pagelayer-devices&quot;&gt;
							&lt;button type=&quot;button&quot; class=&quot;active-device&quot; aria-pressed=&quot;true&quot; data-device=&quot;desktop&quot;&gt;
							&lt;i class=&quot;dashicons dashicons-desktop&quot;&gt;&lt;/i&gt;
							&lt;/button&gt;
							&lt;button type=&quot;button&quot;aria-pressed=&quot;false&quot; data-device=&quot;tablet&quot;&gt;
							&lt;i class=&quot;dashicons dashicons-tablet&quot;&gt;&lt;/i&gt;
							&lt;/button&gt;
							&lt;button type=&quot;button&quot; aria-pressed=&quot;false&quot; data-device=&quot;mobile&quot;&gt;
							&lt;i class=&quot;dashicons dashicons-smartphone&quot;&gt;&lt;/i&gt;
							&lt;/button&gt;
						&lt;/span&gt;
					&lt;?php } ?&gt;
					&lt;/span&gt;
					&lt;?php 
						if(!empty($units)){
					?&gt;
						&lt;span class=&quot;pagelayer-units&quot;&gt;
							&lt;input type=&quot;hidden&quot; class=&quot;pagelayer-unit-input&quot; value=&quot;&lt;?php echo esc_attr($this-&gt;value('unit')); ?&gt;&quot; &lt;?php $this-&gt;link('unit'); ?&gt;&gt;&lt;/input&gt;
							&lt;?php 
							foreach($units as $unit){
								echo '&lt;span data-unit=&quot;'.$unit.'&quot;&gt; '.$unit.' &lt;/span&gt;';
							}
							?&gt;
						&lt;/span&gt;
					&lt;?php }
					
						$screens = array('');
						$set_link = 'slider';
		
						if(!empty($this-&gt;responsive)){
							$screens = array('desktop' =&gt; '_desktop', 'tablet' =&gt; '_tablet', 'mobile' =&gt; '_mobile');
						}
										
						foreach($screens as $screen =&gt; $_screen){
							
							$show_device = empty($_screen)? '' : 'data-show-device=&quot;'.$_screen.'&quot;';
							
							echo '&lt;div class=&quot;pagelayer-control-typography&quot; '.$show_device.'&gt;';
					?&gt;
						&lt;input class=&quot;pagelayer-slider&quot; type=&quot;range&quot; min=&quot;&lt;?php echo esc_attr( $this-&gt;input_attrs['min'] ); ?&gt;&quot; max=&quot;&lt;?php echo esc_attr( $this-&gt;input_attrs['max'] ); ?&gt;&quot; step=&quot;&lt;?php echo esc_attr( $this-&gt;input_attrs['step'] ); ?&gt;&quot; value=&quot;&lt;?php echo esc_attr( $this-&gt;value($set_link.$_screen) ); ?&gt;&quot; /&gt;
						&lt;input type=&quot;number&quot; id=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; name=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; value=&quot;&lt;?php echo esc_attr( $this-&gt;value($set_link.$_screen) ); ?&gt;&quot; class=&quot;customize-control-slider-value&quot; &lt;?php $this-&gt;link($set_link.$_screen); ?&gt; min=&quot;&lt;?php echo esc_attr( $this-&gt;input_attrs['min'] ); ?&gt;&quot; max=&quot;&lt;?php echo esc_attr( $this-&gt;input_attrs['max'] ); ?&gt;&quot; step=&quot;&lt;?php echo esc_attr( $this-&gt;input_attrs['step'] ); ?&gt;&quot;/&gt;
					
						&lt;/div&gt;
						&lt;?php } ?&gt;
				&lt;/div&gt;
			&lt;?php
				break;
		}
	}
}

/**
 * Switch sanitization
 *
 * @param  string   Switch value
 * @return integer	Sanitized value
 */
if ( ! function_exists( 'pagelayer_switch_sanitization' ) ) {
	function pagelayer_switch_sanitization( $input ) {
		if ( true === $input ) {
			return 1;
		} else {
			return 0;
		}
	}
}

/**
 * Alpha Color (Hex &amp; RGBa) sanitization
 *
 * @param  string	Input to be sanitized
 * @return string	Sanitized input
 */
if ( ! function_exists( 'pagelayer_hex_rgba_sanitization' ) ) {
	function pagelayer_hex_rgba_sanitization( $input, $setting ) {
		if ( empty( $input ) || is_array( $input ) ) {
			return $setting-&gt;default;
		}

		if ( false === strpos( $input, 'rgba' ) ) {
			// If string doesn't start with 'rgba' then santize as hex color
			$input = sanitize_hex_color( $input );
		} else {
			// Sanitize as RGBa color
			$input = str_replace( ' ', '', $input );
			sscanf( $input, 'rgba(%d,%d,%d,%f)', $red, $green, $blue, $alpha );
			$input = 'rgba(' . pagelayer_in_range( $red, 0, 255 ) . ',' . pagelayer_in_range( $green, 0, 255 ) . ',' . pagelayer_in_range( $blue, 0, 255 ) . ',' . pagelayer_in_range( $alpha, 0, 1 ) . ')';
		}
		return $input;
	}
}

/**
 * Only allow values between a certain minimum &amp; maxmium range
 *
 * @param  number	Input to be sanitized
 * @return number	Sanitized input
 */
if ( ! function_exists( 'pagelayer_in_range' ) ) {
	function pagelayer_in_range( $input, $min, $max ){
		if ( $input &lt; $min ) {
			$input = $min;
		}
		if ( $input &gt; $max ) {
			$input = $max;
		}
		return $input;
	}
}

// Create font options
function pagelayer_create_font_options( $args, $set ){
	$options = '';
	foreach( $args as $value =&gt; $label ){
		$_value = $value;
		
		if(is_numeric($value)){
			$_value = $label;
		}
		
		// Single item
		if(is_string($label)){
			$options .= pagelayer_sel_option( $_value, $label, $set);
			continue;
		}
		if( $value == 'default'){
			$options .= pagelayer_sel_option( '', $value, $set);
			continue;
		}
		
		$options .= '&lt;optgroup label=&quot;'. $value .'&quot;&gt;';
		$options .= pagelayer_create_font_options($label,  $set);
		$options .= '&lt;/optgroup&gt;';
	}
	
	return $options;
}
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fsitepad%2Feditor%2Fsite-data%2Fplugins%2Fpagelayer%2Fmain'>Back to Directory</a>