<?php /**
 * Header Builder Options
 *
 * @package Kadence
 */

namespace Kadence;

use Kadence\Theme_Customizer;
use function Kadence\kadence;

Theme_Customizer::add_settings(
	array(
		'dropdown_navigation_tabs' => array(
			'control_type' =&gt; 'kadence_tab_control',
			'section'      =&gt; 'dropdown_navigation',
			'settings'     =&gt; false,
			'priority'     =&gt; 1,
			'input_attrs'  =&gt; array(
				'general' =&gt; array(
					'label'  =&gt; __( 'General', 'kadence' ),
					'target' =&gt; 'dropdown_navigation',
				),
				'design' =&gt; array(
					'label'  =&gt; __( 'Design', 'kadence' ),
					'target' =&gt; 'dropdown_navigation_design',
				),
				'active' =&gt; 'general',
			),
		),
		'dropdown_navigation_tabs_design' =&gt; array(
			'control_type' =&gt; 'kadence_tab_control',
			'section'      =&gt; 'dropdown_navigation_design',
			'settings'     =&gt; false,
			'priority'     =&gt; 1,
			'input_attrs'  =&gt; array(
				'general' =&gt; array(
					'label'  =&gt; __( 'General', 'kadence' ),
					'target' =&gt; 'dropdown_navigation',
				),
				'design' =&gt; array(
					'label'  =&gt; __( 'Design', 'kadence' ),
					'target' =&gt; 'dropdown_navigation_design',
				),
				'active' =&gt; 'design',
			),
		),
		'dropdown_navigation_color' =&gt; array(
			'control_type' =&gt; 'kadence_color_control',
			'section'      =&gt; 'dropdown_navigation_design',
			'label'        =&gt; esc_html__( 'Dropdown Colors', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'dropdown_navigation_color' ),
			'live_method'  =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul li.menu-item &gt; a',
					'property' =&gt; 'color',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'color',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul li.menu-item &gt; a:hover',
					'property' =&gt; 'color',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'hover',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul &gt; li.menu-item.current-menu-item &gt; a, .header-navigation .header-menu-container ul ul &gt; li.menu-item.current_page_item &gt; a',
					'property' =&gt; 'color',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'active',
				),
			),
			'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,
					),
					'active' =&gt; array(
						'tooltip' =&gt; __( 'Active Color', 'kadence' ),
						'palette' =&gt; true,
					),
				),
			),
		),
		'dropdown_navigation_background' =&gt; array(
			'control_type' =&gt; 'kadence_color_control',
			'section'      =&gt; 'dropdown_navigation_design',
			'priority'     =&gt; 20,
			'label'        =&gt; esc_html__( 'Dropdown Background', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'dropdown_navigation_background' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul li.menu-item &gt; a',
					'property' =&gt; 'background',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'color',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul li.menu-item &gt; a:hover',
					'property' =&gt; 'background',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'hover',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item &gt; a, .header-navigation .header-menu-container ul ul li.menu-item.current_page_item &gt; a',
					'property' =&gt; 'background',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'active',
				),
			),
			'input_attrs'  =&gt; array(
				'colors' =&gt; array(
					'color' =&gt; array(
						'tooltip' =&gt; __( 'Initial Background', 'kadence' ),
						'palette' =&gt; true,
					),
					'hover' =&gt; array(
						'tooltip' =&gt; __( 'Hover Background', 'kadence' ),
						'palette' =&gt; true,
					),
					'active' =&gt; array(
						'tooltip' =&gt; __( 'Active Background', 'kadence' ),
						'palette' =&gt; true,
					),
				),
			),
		),
		'dropdown_navigation_divider' =&gt; array(
			'control_type' =&gt; 'kadence_border_control',
			'section'      =&gt; 'dropdown_navigation_design',
			'priority'     =&gt; 20,
			'label'        =&gt; esc_html__( 'Item Divider', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'dropdown_navigation_divider' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_border',
					'selector' =&gt; '.header-navigation ul ul li.menu-item',
					'pattern'  =&gt; '$',
					'property' =&gt; 'border-bottom',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'border',
				),
			),
			'input_attrs'  =&gt; array(
				'responsive' =&gt; false,
			),
		),
		'dropdown_navigation_typography' =&gt; array(
			'control_type' =&gt; 'kadence_typography_control',
			'section'      =&gt; 'dropdown_navigation_design',
			'priority'     =&gt; 20,
			'label'        =&gt; esc_html__( 'Dropdown Font', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'dropdown_navigation_typography' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_typography',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul li.menu-item &gt; a',
					'pattern'  =&gt; array(
						'desktop' =&gt; '$',
						'tablet'  =&gt; '$',
						'mobile'  =&gt; '$',
					),
					'property' =&gt; 'font',
					'key'      =&gt; 'typography',
				),
			),
			'input_attrs'  =&gt; array(
				'id'      =&gt; 'dropdown_navigation_typography',
				'options' =&gt; 'no-color',
			),
		),
		'dropdown_navigation_shadow' =&gt; array(
			'control_type' =&gt; 'kadence_shadow_control',
			'section'      =&gt; 'dropdown_navigation_design',
			'priority'     =&gt; 20,
			'label'        =&gt; esc_html__( 'Dropdown Shadow', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_boxshadow',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul.submenu',
					'property' =&gt; 'box-shadow',
					'pattern'  =&gt; '$',
					'key'      =&gt; '',
				),
			),
			'default'      =&gt; kadence()-&gt;default( 'dropdown_navigation_shadow' ),
		),
		'dropdown_navigation_reveal' =&gt; array(
			'control_type' =&gt; 'kadence_radio_icon_control',
			'section'      =&gt; 'dropdown_navigation',
			'priority'     =&gt; 20,
			'default'      =&gt; kadence()-&gt;default( 'dropdown_navigation_reveal' ),
			'label'        =&gt; esc_html__( 'Dropdown Reveal', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'class',
					'selector' =&gt; '.header-navigation',
					'pattern'  =&gt; 'header-navigation-dropdown-animation-$',
					'key'      =&gt; '',
				),
			),
			'input_attrs'  =&gt; array(
				'layout' =&gt; array(
					'none' =&gt; array(
						'name'    =&gt; __( 'None', 'kadence' ),
					),
					'fade' =&gt; array(
						'name'    =&gt; __( 'Fade', 'kadence' ),
					),
					'fade-up' =&gt; array(
						'name'    =&gt; __( 'Fade Up', 'kadence' ),
					),
					'fade-down' =&gt; array(
						'name'    =&gt; __( 'Fade Down', 'kadence' ),
					),
				),
				'responsive' =&gt; false,
			),
		),
		'dropdown_navigation_width' =&gt; array(
			'control_type' =&gt; 'kadence_range_control',
			'section'      =&gt; 'dropdown_navigation',
			'priority'     =&gt; 20,
			'label'        =&gt; esc_html__( 'Dropdown Width', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.wp-site-blocks .header-navigation .header-menu-container ul ul li.menu-item &gt; a',
					'property' =&gt; 'width',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'size',
				),
			),
			'default'      =&gt; kadence()-&gt;default( 'dropdown_navigation_width' ),
			'input_attrs'  =&gt; array(
				'min'        =&gt; array(
					'px'  =&gt; 0,
					'em'  =&gt; 0,
					'rem' =&gt; 0,
					'vw'  =&gt; 0,
				),
				'max'        =&gt; array(
					'px'  =&gt; 600,
					'em'  =&gt; 50,
					'rem' =&gt; 50,
					'vw'  =&gt; 50,
				),
				'step'       =&gt; array(
					'px'  =&gt; 1,
					'em'  =&gt; 0.01,
					'rem' =&gt; 0.01,
					'vw'  =&gt; 1,
				),
				'units'      =&gt; array( 'px', 'em', 'rem', 'vw' ),
				'responsive' =&gt; false,
			),
		),
		'dropdown_navigation_vertical_spacing' =&gt; array(
			'control_type' =&gt; 'kadence_range_control',
			'section'      =&gt; 'dropdown_navigation',
			'priority'     =&gt; 20,
			'label'        =&gt; esc_html__( 'Dropdown Items Vertical Spacing', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul li.menu-item &gt; a',
					'property' =&gt; 'padding-top',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'size',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.header-navigation .header-menu-container ul ul li.menu-item &gt; a',
					'property' =&gt; 'padding-bottom',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'size',
				),
			),
			'default'      =&gt; kadence()-&gt;default( 'dropdown_navigation_vertical_spacing' ),
			'input_attrs'  =&gt; array(
				'min'        =&gt; array(
					'px'  =&gt; 0,
					'em'  =&gt; 0,
					'rem' =&gt; 0,
					'vh'  =&gt; 0,
				),
				'max'        =&gt; array(
					'px'  =&gt; 100,
					'em'  =&gt; 12,
					'rem' =&gt; 12,
					'vh'  =&gt; 12,
				),
				'step'       =&gt; array(
					'px'  =&gt; 1,
					'em'  =&gt; 0.01,
					'rem' =&gt; 0.01,
					'vh'  =&gt; 0.01,
				),
				'units'      =&gt; array( 'px', 'em', 'rem', 'vh' ),
				'responsive' =&gt; false,
			),
		),
	)
);