<?php /**
 * Sidebar Options
 *
 * @package Kadence
 */

namespace Kadence;

use Kadence\Theme_Customizer;
use function Kadence\kadence;

ob_start(); ?>
<div class="kadence-compontent-description">
	<p style="margin:0"><?php echo esc_html__( 'Title and Content settings affect legacy widgets. For block editor widgets use settings in the editor.', 'kadence' ); ?></p>
</div>
<?php $component_description = ob_get_clean();

Theme_Customizer::add_settings(
	array(
		'sidebar_tabs' => array(
			'control_type' =&gt; 'kadence_tab_control',
			'section'      =&gt; 'sidebar',
			'settings'     =&gt; false,
			'priority'     =&gt; 1,
			'input_attrs'  =&gt; array(
				'general' =&gt; array(
					'label'  =&gt; __( 'General', 'kadence' ),
					'target' =&gt; 'sidebar',
				),
				'design' =&gt; array(
					'label'  =&gt; __( 'Design', 'kadence' ),
					'target' =&gt; 'sidebar_design',
				),
				'active' =&gt; 'general',
			),
		),
		'sidebar_tabs_design' =&gt; array(
			'control_type' =&gt; 'kadence_tab_control',
			'section'      =&gt; 'sidebar_design',
			'settings'     =&gt; false,
			'priority'     =&gt; 1,
			'input_attrs'  =&gt; array(
				'general' =&gt; array(
					'label'  =&gt; __( 'General', 'kadence' ),
					'target' =&gt; 'sidebar',
				),
				'design' =&gt; array(
					'label'  =&gt; __( 'Design', 'kadence' ),
					'target' =&gt; 'sidebar_design',
				),
				'active' =&gt; 'design',
			),
		),
		'sidebar_width' =&gt; array(
			'control_type' =&gt; 'kadence_range_control',
			'section'      =&gt; 'sidebar',
			'priority'     =&gt; 10,
			'label'        =&gt; esc_html__( 'Sidebar Width', 'kadence' ),
			// 'context'      =&gt; array(
			// 	array(
			// 		'setting' =&gt; '__current_tab',
			// 		'value'   =&gt; 'general',
			// 	),
			// ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.has-sidebar:not(.has-left-sidebar) .content-container',
					'property' =&gt; 'grid-template-columns',
					'pattern'  =&gt; '1fr $',
					'key'      =&gt; 'size',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.has-sidebar.has-left-sidebar .content-container',
					'property' =&gt; 'grid-template-columns',
					'pattern'  =&gt; '$ 1fr',
					'key'      =&gt; 'size',
				),
			),
			'default'      =&gt; kadence()-&gt;default( 'sidebar_width' ),
			'input_attrs'  =&gt; array(
				'min'        =&gt; array(
					'px'  =&gt; 100,
					'em'  =&gt; 8,
					'rem' =&gt; 8,
					'%' =&gt; 5,
				),
				'max'        =&gt; array(
					'px'  =&gt; 600,
					'em'  =&gt; 30,
					'rem' =&gt; 30,
					'%'   =&gt; 60,
				),
				'step'       =&gt; array(
					'px'  =&gt; 1,
					'em'  =&gt; 0.01,
					'rem' =&gt; 0.01,
					'%' =&gt; 1,
				),
				'units'      =&gt; array( 'px', 'em', 'rem', '%' ),
				'responsive' =&gt; false,
			),
		),
		'sidebar_widget_spacing' =&gt; array(
			'control_type' =&gt; 'kadence_range_control',
			'section'      =&gt; 'sidebar',
			'priority'     =&gt; 10,
			'label'        =&gt; esc_html__( 'Widget Spacing', 'kadence' ),
			// 'context'      =&gt; array(
			// 	array(
			// 		'setting' =&gt; '__current_tab',
			// 		'value'   =&gt; 'general',
			// 	),
			// ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'property' =&gt; 'margin-bottom',
					'selector' =&gt; '.primary-sidebar.widget-area .widget',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'size',
				),
			),
			'default'      =&gt; kadence()-&gt;default( 'sidebar_widget_spacing' ),
			'input_attrs'  =&gt; array(
				'min'     =&gt; array(
					'px'  =&gt; 0,
					'em'  =&gt; 0,
					'rem' =&gt; 0,
				),
				'max'     =&gt; array(
					'px'  =&gt; 200,
					'em'  =&gt; 8,
					'rem' =&gt; 8,
				),
				'step'    =&gt; array(
					'px'  =&gt; 1,
					'em'  =&gt; 0.01,
					'rem' =&gt; 0.01,
				),
				'units'   =&gt; array( 'px', 'em', 'rem' ),
			),
		),
		'sidebar_widget_settings' =&gt; array(
			'control_type' =&gt; 'kadence_blank_control',
			'section'      =&gt; 'sidebar_design',
			'settings'     =&gt; false,
			'priority'     =&gt; 1,
			'description'  =&gt; $component_description,
		),
		'sidebar_widget_title' =&gt; array(
			'control_type' =&gt; 'kadence_typography_control',
			'section'      =&gt; 'sidebar_design',
			'label'        =&gt; esc_html__( 'Widget Titles', 'kadence' ),
			// 'context'      =&gt; array(
			// 	array(
			// 		'setting' =&gt; '__current_tab',
			// 		'value'   =&gt; 'design',
			// 	),
			// ),
			'default'      =&gt; kadence()-&gt;default( 'sidebar_widget_title' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_typography',
					'selector' =&gt; '.primary-sidebar.widget-area .widget-title',
					'pattern'  =&gt; array(
						'desktop' =&gt; '$',
						'tablet'  =&gt; '$',
						'mobile'  =&gt; '$',
					),
					'property' =&gt; 'font',
					'key'      =&gt; 'typography',
				),
			),
			'input_attrs'  =&gt; array(
				'id' =&gt; 'sidebar_widget_title',
			),
		),
		'sidebar_widget_content' =&gt; array(
			'control_type' =&gt; 'kadence_typography_control',
			'section'      =&gt; 'sidebar_design',
			'label'        =&gt; esc_html__( 'Widget Content', 'kadence' ),
			// 'context'      =&gt; array(
			// 	array(
			// 		'setting' =&gt; '__current_tab',
			// 		'value'   =&gt; 'design',
			// 	),
			// ),
			'default'      =&gt; kadence()-&gt;default( 'sidebar_widget_content' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_typography',
					'selector' =&gt; '.primary-sidebar.widget-area .widget',
					'pattern'  =&gt; array(
						'desktop' =&gt; '$',
						'tablet'  =&gt; '$',
						'mobile'  =&gt; '$',
					),
					'property' =&gt; 'font',
					'key'      =&gt; 'typography',
				),
			),
			'input_attrs'  =&gt; array(
				'id' =&gt; 'sidebar_widget_content',
			),
		),
		'sidebar_link_style' =&gt; array(
			'control_type' =&gt; 'kadence_select_control',
			'section'      =&gt; 'sidebar_design',
			'default'      =&gt; kadence()-&gt;default( 'sidebar_link_style' ),
			'label'        =&gt; esc_html__( 'Link Style', 'kadence' ),
			'input_attrs'  =&gt; array(
				'options' =&gt; array(
					'normal' =&gt; array(
						'name' =&gt; __( 'Underline on Hover', 'kadence' ),
					),
					'underline' =&gt; array(
						'name' =&gt; __( 'Underline', 'kadence' ),
					),
					'plain' =&gt; array(
						'name' =&gt; __( 'No Underline', 'kadence' ),
					),
				),
			),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'class',
					'selector' =&gt; '.primary-sidebar',
					'pattern'  =&gt; 'sidebar-link-style-$',
					'key'      =&gt; '',
				),
			),
		),
		'sidebar_link_colors' =&gt; array(
			'control_type' =&gt; 'kadence_color_control',
			'section'      =&gt; 'sidebar_design',
			'label'        =&gt; esc_html__( 'Link Colors', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'sidebar_link_colors' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.primary-sidebar.widget-area .sidebar-inner-wrap a',
					'property' =&gt; 'color',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'color',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.primary-sidebar.widget-area .sidebar-inner-wrap a:hover',
					'property' =&gt; 'color',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'hover',
				),
			),
			// 'context'      =&gt; array(
			// 	array(
			// 		'setting' =&gt; '__current_tab',
			// 		'value'   =&gt; 'design',
			// 	),
			// ),
			'input_attrs'  =&gt; array(
				'colors' =&gt; array(
					'color' =&gt; array(
						'tooltip' =&gt; __( 'Initial Color', 'kadence' ),
						'palette' =&gt; true,
					),
					'hover' =&gt; array(
						'tooltip' =&gt; __( 'Hover Color', 'kadence' ),
						'palette' =&gt; true,
					),
				),
			),
		),
		'sidebar_background' =&gt; array(
			'control_type' =&gt; 'kadence_background_control',
			'section'      =&gt; 'sidebar_design',
			'label'        =&gt; esc_html__( 'Sidebar Background', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'sidebar_background' ),
			// 'context'      =&gt; array(
			// 	array(
			// 		'setting' =&gt; '__current_tab',
			// 		'value'   =&gt; 'design',
			// 	),
			// ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_background',
					'selector' =&gt; '.primary-sidebar.widget-area',
					'property' =&gt; 'background',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'base',
				),
			),
			'input_attrs'  =&gt; array(
				'tooltip'  =&gt; __( 'Sidebar Background', 'kadence' ),
			),
		),
		'sidebar_divider_border' =&gt; array(
			'control_type' =&gt; 'kadence_border_control',
			'section'      =&gt; 'sidebar_design',
			'label'        =&gt; esc_html__( 'Sidebar Divider Border', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'sidebar_divider_border' ),
			// 'context'      =&gt; array(
			// 	array(
			// 		'setting' =&gt; '__current_tab',
			// 		'value'   =&gt; 'design',
			// 	),
			// ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_border',
					'selector' =&gt; '.has-sidebar.has-left-sidebar .primary-sidebar.widget-area',
					'pattern'  =&gt; '$',
					'property' =&gt; 'border-right',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'border',
				),
				array(
					'type'     =&gt; 'css_border',
					'selector' =&gt; '.has-sidebar:not(.has-left-sidebar) .primary-sidebar.widget-area',
					'pattern'  =&gt; '$',
					'property' =&gt; 'border-left',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'border',
				),
			),
		),
		'sidebar_padding' =&gt; array(
			'control_type' =&gt; 'kadence_measure_control',
			'section'      =&gt; 'sidebar_design',
			'priority'     =&gt; 10,
			'default'      =&gt; kadence()-&gt;default( 'sidebar_padding' ),
			'label'        =&gt; esc_html__( 'Sidebar Padding', 'kadence' ),
			// 'context'      =&gt; array(
			// 	array(
			// 		'setting' =&gt; '__current_tab',
			// 		'value'   =&gt; 'design',
			// 	),
			// ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.primary-sidebar.widget-area',
					'property' =&gt; 'padding',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'measure',
				),
			),
			'input_attrs'  =&gt; array(
				'responsive' =&gt; true,
			),
		),
		'sidebar_sticky' =&gt; array(
			'control_type' =&gt; 'kadence_switch_control',
			'sanitize'     =&gt; 'kadence_sanitize_toggle',
			'section'      =&gt; 'sidebar',
			'default'      =&gt; kadence()-&gt;default( 'sidebar_sticky' ),
			'label'        =&gt; esc_html__( 'Enable Sticky Sidebar', 'kadence' ),
			'transport'    =&gt; 'refresh',
		),
		'sidebar_sticky_last_widget' =&gt; array(
			'control_type' =&gt; 'kadence_switch_control',
			'sanitize'     =&gt; 'kadence_sanitize_toggle',
			'section'      =&gt; 'sidebar',
			'default'      =&gt; kadence()-&gt;default( 'sidebar_sticky_last_widget' ),
			'label'        =&gt; esc_html__( 'Only Stick Last Widget', 'kadence' ),
			'transport'    =&gt; 'refresh',
			'context'      =&gt; array(
				array(
					'setting' =&gt; 'sidebar_sticky',
					'value'   =&gt; true,
				),
			),
		),
	)
);