<?php
vc_map(
	array(
		'name' => __( 'Fancy Title', 'mk_framework' ),
		'base' => 'mk_fancy_title',
		'html_template' => dirname( __FILE__ ) . '/mk_fancy_title.php',
		'icon' => 'icon-mk-fancy-title vc_mk_element-icon',
		'category' => __( 'Typography', 'mk_framework' ),
		'description' => __( 'Advanced headings with cool styles.', 'mk_framework' ),
		'params' => array(
			array(
				'type' => 'textarea_html',
				'holder' => 'div',
				'heading' => __( 'Content.', 'mk_framework' ),
				'param_name' => 'content',
				'value' => __( '', 'mk_framework' ),
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'toggle',
				'heading' => __( 'Strip Tags?', 'mk_framework' ),
				'param_name' => 'strip_tags',
				'value' => 'false',
				'description' => __( 'If enabled, all tags included in editor above (including br and p tags) will be stripped out, however shortcodes inserted will be executed.', 'mk_framework' ),
			),
			array(
				'type' => 'dropdown',
				'heading' => __( 'Tag Name', 'mk_framework' ),
				'param_name' => 'tag_name',
				'value' => array(
					'h2' => 'h2',
					'h3' => 'h3',
					'h4' => 'h4',
					'h5' => 'h5',
					'h6' => 'h6',
					'h1' => 'h1',
					'span' => 'span',
				),
				'description' => __( 'For SEO reasons you might need to define your titles tag names according to priority. Please note that H1 can only be used only once in a page due to the SEO reasons. So try to use lower than H2 to meet SEO best practices.', 'mk_framework' ),
			),
			array(
				'type' => 'toggle',
				'heading' => __( 'Pattern?', 'mk_framework' ),
				'param_name' => 'style',
				'value' => 'false',
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'dropdown',
				'heading' => __( 'Text Color Type', 'mk_framework' ),
				'param_name' => 'color_style',
				'default' => 'single_color',
				'value' => array(
					__( 'Single Color', 'mk_framework' ) => 'single_color',
					__( 'Gradient Color', 'mk_framework' ) => 'gradient_color',
				),
				'description' => __( 'Gradients work properly only in Webkit browsers.', 'mk_framework' ),
			),
			array(
				'type' => 'alpha_colorpicker',
				'heading' => __( 'Text Color', 'mk_framework' ),
				'param_name' => 'color',
				'value' => '',
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'color_style',
					'value' => array(
						'single_color',
					),
				),
			),
			array(
				'type' => 'alpha_colorpicker',
				'heading' => __( 'From', 'mk_framework' ),
				'param_name' => 'grandient_color_from',
				'edit_field_class' => 'vc_col-sm-3 vc_column',
				'value' => '',
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'color_style',
					'value' => array(
						'gradient_color',
					),
				),
			),
			array(
				'type' => 'alpha_colorpicker',
				'heading' => __( 'To', 'mk_framework' ),
				'param_name' => 'grandient_color_to',
				'edit_field_class' => 'vc_col-sm-3 vc_column',
				'value' => '',
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'color_style',
					'value' => array(
						'gradient_color',
					),
				),
			),
			array(
				'type' => 'dropdown',
				'heading' => __( 'Style', 'mk_framework' ),
				'param_name' => 'grandient_color_style',
				'edit_field_class' => 'vc_col-sm-3 vc_column',
				'value' => array(
					__( 'Linear', 'mk_framework' ) => 'linear',
					__( 'Radial', 'mk_framework' ) => 'radial',
				),
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'color_style',
					'value' => array(
						'gradient_color',
					),
				),
			),
			array(
				'type' => 'dropdown',
				'heading' => __( 'Angle', 'mk_framework' ),
				'param_name' => 'grandient_color_angle',
				'edit_field_class' => 'vc_col-sm-3 vc_column',
				'value' => array(
					__( 'Vertical ↓', 'mk_framework' ) => 'vertical',
					__( 'Horizontal →', 'mk_framework' ) => 'horizontal',
					__( 'Diagonal ↘', 'mk_framework' ) => 'diagonal_left_bottom',
					__( 'Diagonal ↗', 'mk_framework' ) => 'diagonal_left_top',
				),
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'grandient_color_style',
					'value' => array(
						'linear',
					),
				),
			),
			array(
				'type' => 'alpha_colorpicker',
				'heading' => __( 'Gradient Fallback Color', 'mk_framework' ),
				'param_name' => 'grandient_color_fallback',
				// "edit_field_class" => "vc_col-sm-3",
				'value' => '',
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'color_style',
					'value' => array(
						'gradient_color',
					),
				),
			),
			array(
				'type' => 'range',
				'heading' => __( 'Font Size', 'mk_framework' ),
				'param_name' => 'size',
				'value' => '14',
				'min' => '12',
				'max' => '70',
				'step' => '1',
				'unit' => 'px',
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'toggle',
				'heading' => __( 'Force Responsive Font Size?', 'mk_framework' ),
				'param_name' => 'force_font_size',
				'value' => 'false',
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'range',
				'heading' => __( 'Font Size for Small Desktops', 'mk_framework' ),
				'param_name' => 'size_smallscreen',
				'value' => '0',
				'min' => '0',
				'max' => '70',
				'step' => '1',
				'unit' => 'px',
				'description' => __( 'For screens smaller than 1280px. If value is zero the font size not going to be affected.', 'mk_framework' ),
				'dependency' => array(
					'element' => 'force_font_size',
					'value' => array(
						'true',
					),
				),
			),
			array(
				'type' => 'range',
				'heading' => __( 'Font Size for Tablet', 'mk_framework' ),
				'param_name' => 'size_tablet',
				'value' => '0',
				'min' => '0',
				'max' => '70',
				'step' => '1',
				'unit' => 'px',
				'description' => __( 'For screens between 768 and 1024px. If value is zero the font size not going to be affected.', 'mk_framework' ),
				'dependency' => array(
					'element' => 'force_font_size',
					'value' => array(
						'true',
					),
				),
			),
			array(
				'type' => 'range',
				'heading' => __( 'Font Size for Mobile', 'mk_framework' ),
				'param_name' => 'size_phone',
				'value' => '0',
				'min' => '0',
				'max' => '70',
				'step' => '1',
				'unit' => 'px',
				'description' => __( 'For screens smaller than 768px. If value is zero the font size not going to be affected.', 'mk_framework' ),
				'dependency' => array(
					'element' => 'force_font_size',
					'value' => array(
						'true',
					),
				),
			),
			array(
				'type' => 'range',
				'heading' => __( 'Line Height', 'mk_framework' ),
				'param_name' => 'line_height',
				'value' => '100',
				'min' => '50',
				'max' => '500',
				'step' => '1',
				'unit' => '%',
				'description' => __( 'If hundred value is chosen, the default value set from theme options will be used. Use this option if you wish to override the line-height for this module by setting your own value.', 'mk_framework' ),
			),
			array(
				'type' => 'dropdown',
				'heading' => __( 'Font Weight', 'mk_framework' ),
				'param_name' => 'font_weight',
				'value' => $font_weight,
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'dropdown',
				'heading' => __( 'Font Style', 'mk_framework' ),
				'param_name' => 'font_style',
				'value' => array(
					__( 'Default', 'mk_framework' ) => 'inherit',
					__( 'Normal', 'mk_framework' ) => 'normal',
					__( 'Italic', 'mk_framework' ) => 'italic',
				),
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'dropdown',
				'heading' => __( 'Text Transform', 'mk_framework' ),
				'param_name' => 'txt_transform',
				'value' => array(
					__( 'Default', 'mk_framework' ) => 'initial',
					__( 'None', 'mk_framework' ) => 'none',
					__( 'Uppercase', 'mk_framework' ) => 'uppercase',
					__( 'Lowercase', 'mk_framework' ) => 'lowercase',
					__( 'Capitalize', 'mk_framework' ) => 'capitalize',
				),
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'range',
				'heading' => __( 'Letter Spacing', 'mk_framework' ),
				'param_name' => 'letter_spacing',
				'value' => '0',
				'min' => '0',
				'max' => '10',
				'step' => '1',
				'unit' => 'px',
				'description' => __( 'Space between each character.', 'mk_framework' ),
			),
			array(
				'type' => 'range',
				'heading' => __( 'Padding Top', 'mk_framework' ),
				'param_name' => 'margin_top',
				'value' => '0',
				'min' => '0',
				'max' => '500',
				'step' => '1',
				'unit' => 'px',
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'range',
				'heading' => __( 'Padding Bottom', 'mk_framework' ),
				'param_name' => 'margin_bottom',
				'value' => '20',
				'min' => '0',
				'max' => '500',
				'step' => '1',
				'unit' => 'px',
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'theme_fonts',
				'heading' => __( 'Font Family', 'mk_framework' ),
				'param_name' => 'font_family',
				'value' => '',
				'description' => __( 'You can choose a font for this shortcode, however using non-safe fonts can affect page load and performance.', 'mk_framework' ),
			),
			array(
				'type' => 'hidden_input',
				'param_name' => 'font_type',
				'value' => '',
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'dropdown',
				'heading' => __( 'Align', 'mk_framework' ),
				'param_name' => 'align',
				'width' => 150,
				'value' => array(
					__( 'Left', 'mk_framework' ) => 'left',
					__( 'Right', 'mk_framework' ) => 'right',
					__( 'Center', 'mk_framework' ) => 'center',
				),
				'description' => __( '', 'mk_framework' ),
			),
			array(
				'type' => 'dropdown',
				'heading' => __( 'Responsive Align', 'mk_framework' ),
				'param_name' => 'responsive_align',
				'default' => 'center',
				'width' => 150,
				'value' => array(
					__( 'Center', 'mk_framework' ) => 'center',
					__( 'Left', 'mk_framework' ) => 'left',
					__( 'Right', 'mk_framework' ) => 'right',
				),
				'description' => __( 'You can choose the align of this shortcode when it reaches to tablet/mobile sizes.', 'mk_framework' ),
			),
			$add_css_animations,
			$add_device_visibility,
			array(
				'type' => 'textfield',
				'heading' => __( 'Extra class name', 'mk_framework' ),
				'param_name' => 'el_class',
				'value' => '',
				'description' => __( 'If you wish to style particular content element differently, then use this field to add a class name and then refer to it in Custom CSS Shortcode or Masterkey Custom CSS option.', 'mk_framework' ),
			),
			array(
				'type' => 'toggle',
				'heading' => __( 'Drop Shadow', 'mk_framework' ),
				'param_name' => 'drop_shadow',
				'value' => 'false',
				'description' => __( '', 'mk_framework' ),
				'group' => 'Styles &amp; Colors',
			),
			array(
				'type' => 'range',
				'heading' => __( 'Angle', 'mk_framework' ),
				'param_name' => 'shadow_angle',
				'value' => '45',
				'min' => '0',
				'max' => '360',
				'step' => '1',
				'unit' => '&deg;',
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'drop_shadow',
					'value' => array(
						'true',
					),
				),
				'group' => 'Styles &amp; Colors',
			),
			array(
				'type' => 'range',
				'heading' => __( 'Distance', 'mk_framework' ),
				'param_name' => 'shadow_distance',
				'value' => '8',
				'min' => '1',
				'max' => '100',
				'step' => '1',
				'unit' => 'px',
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'drop_shadow',
					'value' => array(
						'true',
					),
				),
				'group' => 'Styles &amp; Colors',
			),
			array(
				'type' => 'range',
				'heading' => __( 'Blur', 'mk_framework' ),
				'param_name' => 'shadow_blur',
				'value' => '20',
				'min' => '0',
				'max' => '100',
				'step' => '1',
				'unit' => 'px',
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'drop_shadow',
					'value' => array(
						'true',
					),
				),
				'group' => 'Styles &amp; Colors',
			),
			array(
				'type' => 'alpha_colorpicker',
				'heading' => __( 'Color', 'mk_framework' ),
				'param_name' => 'shadow_color',
				'edit_field_class' => 'vc_col-sm-3 vc_column',
				'value' => 'rgba(0,0,0,0.5)',
				'description' => __( '', 'mk_framework' ),
				'dependency' => array(
					'element' => 'drop_shadow',
					'value' => array(
						'true',
					),
				),
				'group' => 'Styles &amp; Colors',
			),
		),
	)
);
