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

namespace Kadence;

use Kadence\Theme_Customizer;
use function Kadence\kadence;

$settings = array(
	'header_popup_tabs' => array(
		'control_type' =&gt; 'kadence_tab_control',
		'section'      =&gt; 'header_popup',
		'settings'     =&gt; false,
		'priority'     =&gt; 1,
		'input_attrs'  =&gt; array(
			'general' =&gt; array(
				'label'  =&gt; __( 'General', 'kadence' ),
				'target' =&gt; 'header_popup',
			),
			'design' =&gt; array(
				'label'  =&gt; __( 'Design', 'kadence' ),
				'target' =&gt; 'header_popup_design',
			),
			'active' =&gt; 'general',
		),
	),
	'header_popup_tabs_design' =&gt; array(
		'control_type' =&gt; 'kadence_tab_control',
		'section'      =&gt; 'header_popup_design',
		'settings'     =&gt; false,
		'priority'     =&gt; 1,
		'input_attrs'  =&gt; array(
			'general' =&gt; array(
				'label'  =&gt; __( 'General', 'kadence' ),
				'target' =&gt; 'header_popup',
			),
			'design' =&gt; array(
				'label'  =&gt; __( 'Design', 'kadence' ),
				'target' =&gt; 'header_popup_design',
			),
			'active' =&gt; 'design',
		),
	),
	'header_popup_layout' =&gt; array(
		'control_type' =&gt; 'kadence_radio_icon_control',
		'section'      =&gt; 'header_popup',
		'priority'     =&gt; 4,
		'default'      =&gt; kadence()-&gt;default( 'header_popup_layout' ),
		'label'        =&gt; esc_html__( 'Layout', 'kadence' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'class',
				'selector' =&gt; '#mobile-drawer',
				'pattern'  =&gt; 'popup-drawer-layout-$',
				'key'      =&gt; '',
			),
		),
		'input_attrs'  =&gt; array(
			'layout' =&gt; array(
				'fullwidth' =&gt; array(
					'tooltip' =&gt; __( 'Reveal as Fullwidth', 'kadence' ),
					'name'    =&gt; __( 'Fullwidth', 'kadence' ),
					'icon'    =&gt; '',
				),
				'sidepanel' =&gt; array(
					'tooltip' =&gt; __( 'Reveal as Side Panel', 'kadence' ),
					'name'    =&gt; __( 'Side Panel', 'kadence' ),
					'icon'    =&gt; '',
				),
			),
			'responsive' =&gt; false,
		),
	),
	'header_popup_side' =&gt; array(
		'control_type' =&gt; 'kadence_radio_icon_control',
		'section'      =&gt; 'header_popup',
		'priority'     =&gt; 4,
		'default'      =&gt; kadence()-&gt;default( 'header_popup_side' ),
		'label'        =&gt; esc_html__( 'Slide-Out Side', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting'    =&gt; 'header_popup_layout',
				'operator'   =&gt; 'sub_object_contains',
				'sub_key'    =&gt; 'layout',
				'responsive' =&gt; false,
				'value'      =&gt; 'sidepanel',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'class',
				'selector' =&gt; '#mobile-drawer',
				'pattern'  =&gt; 'popup-drawer-side-$',
				'key'      =&gt; '',
			),
		),
		'input_attrs'  =&gt; array(
			'layout' =&gt; array(
				'left' =&gt; array(
					'tooltip' =&gt; __( 'Reveal from Left', 'kadence' ),
					'name'    =&gt; __( 'Left', 'kadence' ),
					'icon'    =&gt; '',
				),
				'right' =&gt; array(
					'tooltip' =&gt; __( 'Reveal from Right', 'kadence' ),
					'name'    =&gt; __( 'Right', 'kadence' ),
					'icon'    =&gt; '',
				),
			),
			'responsive' =&gt; false,
		),
	),
	'enable_popup_body_animate' =&gt; array(
		'control_type' =&gt; 'kadence_switch_control',
		'sanitize'     =&gt; 'kadence_sanitize_toggle',
		'section'      =&gt; 'header_popup',
		'priority'     =&gt; 4,
		'transport'    =&gt; 'refresh',
		'default'      =&gt; kadence()-&gt;default( 'enable_popup_body_animate' ),
		'label'        =&gt; esc_html__( 'Move Body with toggle?', 'kadence' ),
		'input_attrs'  =&gt; array(
			'help' =&gt; esc_html__( 'This can require a lot of memory to render the animation in mobile browsers, use with caution if you have graphically heavy pages.', 'kadence' ),
		),
		'context'      =&gt; array(
			array(
				'setting'    =&gt; 'header_popup_layout',
				'operator'   =&gt; 'sub_object_contains',
				'sub_key'    =&gt; 'layout',
				'responsive' =&gt; false,
				'value'      =&gt; 'sidepanel',
			),
		),
	),
	'header_popup_animation' =&gt; array(
		'control_type' =&gt; 'kadence_radio_icon_control',
		'section'      =&gt; 'header_popup',
		'priority'     =&gt; 4,
		'default'      =&gt; kadence()-&gt;default( 'header_popup_animation' ),
		'label'        =&gt; esc_html__( 'Animation', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting'    =&gt; 'header_popup_layout',
				'operator'   =&gt; 'sub_object_contains',
				'sub_key'    =&gt; 'layout',
				'responsive' =&gt; false,
				'value'      =&gt; 'fullwidth',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'class',
				'selector' =&gt; '#mobile-drawer',
				'pattern'  =&gt; 'popup-drawer-animation-$',
				'key'      =&gt; '',
			),
		),
		'input_attrs'  =&gt; array(
			'layout' =&gt; array(
				'fade' =&gt; array(
					'tooltip' =&gt; __( 'Fade In', 'kadence' ),
					'name'    =&gt; __( 'Fade', 'kadence' ),
					'icon'    =&gt; '',
				),
				'scale' =&gt; array(
					'tooltip' =&gt; __( 'Scale into view', 'kadence' ),
					'name'    =&gt; __( 'Scale', 'kadence' ),
					'icon'    =&gt; '',
				),
				'slice' =&gt; array(
					'tooltip' =&gt; __( 'Slice into view', 'kadence' ),
					'name'    =&gt; __( 'Slice', 'kadence' ),
					'icon'    =&gt; '',
				),
			),
			'responsive' =&gt; false,
		),
	),
	'header_popup_content_align' =&gt; array(
		'control_type' =&gt; 'kadence_radio_icon_control',
		'section'      =&gt; 'header_popup',
		'label'        =&gt; esc_html__( 'Content Align', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'header_popup_content_align' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'class',
				'selector' =&gt; '.mobile-drawer-content',
				'pattern'  =&gt; 'content-align-$',
				'key'      =&gt; '',
			),
		),
		'input_attrs'  =&gt; array(
			'layout' =&gt; array(
				'left'   =&gt; array(
					'tooltip'  =&gt; __( 'Left Align', 'kadence' ),
					'dashicon' =&gt; 'editor-alignleft',
				),
				'center' =&gt; array(
					'tooltip'  =&gt; __( 'Center Align', 'kadence' ),
					'dashicon' =&gt; 'editor-aligncenter',
				),
				'right'  =&gt; array(
					'tooltip'  =&gt; __( 'Right Align', 'kadence' ),
					'dashicon' =&gt; 'editor-alignright',
				),
			),
			'responsive' =&gt; false,
		),
	),
	'header_popup_vertical_align' =&gt; array(
		'control_type' =&gt; 'kadence_radio_icon_control',
		'section'      =&gt; 'header_popup',
		'label'        =&gt; esc_html__( 'Content Vertical Align', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'header_popup_vertical_align' ),
		'live_method'  =&gt; array(
			array(
				'type'     =&gt; 'class',
				'selector' =&gt; '.mobile-drawer-content',
				'pattern'  =&gt; 'content-valign-$',
				'key'      =&gt; '',
			),
		),
		'input_attrs'  =&gt; array(
			'layout' =&gt; array(
				'top' =&gt; array(
					'tooltip' =&gt; __( 'Top Align', 'kadence' ),
					'icon'    =&gt; 'aligntop',
				),
				'middle' =&gt; array(
					'tooltip' =&gt; __( 'Middle Align', 'kadence' ),
					'icon'    =&gt; 'alignmiddle',
				),
				'bottom' =&gt; array(
					'tooltip' =&gt; __( 'Bottom Align', 'kadence' ),
					'icon'    =&gt; 'alignbottom',
				),
			),
			'responsive' =&gt; false,
		),
	),
	'header_popup_background' =&gt; array(
		'control_type' =&gt; 'kadence_background_control',
		'section'      =&gt; 'header_popup_design',
		'label'        =&gt; esc_html__( 'Popup Background', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'header_popup_background' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css_background',
				'selector' =&gt; '#mobile-drawer .drawer-inner, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg',
				'property' =&gt; 'background',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'base',
			),
		),
		'input_attrs'  =&gt; array(
			'tooltip'  =&gt; __( 'Popup Background', 'kadence' ),
		),
	),
	'header_popup_close_icon_size' =&gt; array(
		'control_type' =&gt; 'kadence_range_control',
		'section'      =&gt; 'header_popup_design',
		'label'        =&gt; esc_html__( 'Close Icon Size', 'kadence' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#mobile-drawer .drawer-header .drawer-toggle',
				'property' =&gt; 'font-size',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'size',
			),
		),
		'default'      =&gt; kadence()-&gt;default( 'header_popup_close_icon_size' ),
		'input_attrs'  =&gt; array(
			'min'        =&gt; array(
				'px'  =&gt; 0,
				'em'  =&gt; 0,
				'rem' =&gt; 0,
			),
			'max'        =&gt; array(
				'px'  =&gt; 100,
				'em'  =&gt; 12,
				'rem' =&gt; 12,
			),
			'step'       =&gt; array(
				'px'  =&gt; 1,
				'em'  =&gt; 0.01,
				'rem' =&gt; 0.01,
			),
			'units'      =&gt; array( 'px', 'em', 'rem' ),
			'responsive' =&gt; false,
		),
	),
	'header_popup_close_color' =&gt; array(
		'control_type' =&gt; 'kadence_color_control',
		'section'      =&gt; 'header_popup_design',
		'label'        =&gt; esc_html__( 'Close Toggle Colors', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'header_popup_close_color' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#mobile-drawer .drawer-header .drawer-toggle',
				'property' =&gt; 'color',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'color',
			),
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#mobile-drawer .drawer-header .drawer-toggle:hover',
				'property' =&gt; 'color',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'hover',
			),
		),
		'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,
				),
			),
		),
	),
	'header_popup_close_background' =&gt; array(
		'control_type' =&gt; 'kadence_color_control',
		'section'      =&gt; 'header_popup_design',
		'label'        =&gt; esc_html__( 'Close Toggle Background Colors', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'header_popup_close_background' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#mobile-drawer .drawer-header .drawer-toggle',
				'property' =&gt; 'background',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'color',
			),
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#mobile-drawer .drawer-header .drawer-toggle:hover',
				'property' =&gt; 'background',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'hover',
			),
		),
		'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,
				),
			),
		),
	),
	'header_popup_close_padding' =&gt; array(
		'control_type' =&gt; 'kadence_measure_control',
		'section'      =&gt; 'header_popup_design',
		'default'      =&gt; kadence()-&gt;default( 'header_popup_close_padding' ),
		'label'        =&gt; esc_html__( 'Close Icon Padding', 'kadence' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#mobile-drawer .drawer-header .drawer-toggle',
				'property' =&gt; 'padding',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'measure',
			),
		),
		'input_attrs'  =&gt; array(
			'responsive' =&gt; false,
		),
	),
);

Theme_Customizer::add_settings( $settings );