<?php
require_once 'vc-grids-functions.php';
if ( ! class_exists( 'VcGridsCommon' ) ) {
	abstract class VcGridsCommon {

		protected static $basicGrid;
		protected static $masonryGrid;
		protected static $masonryMediaGrid;
		protected static $mediaGrid;
		protected static $gridCommon;
		protected static $btn3Params;
		protected static $gridColsList;

		protected static function initData() {

			self::$btn3Params = vc_map_integrate_shortcode( 'vc_btn', 'btn_', __( 'Load More Button', 'js_composer' ), array(
				'exclude' => array(
					'link',
					'css',
					'el_class',
					'css_animation',
				),
			), array(
				'element' => 'style',
				'value' => array( 'load-more' ),
			) );
			foreach ( self::$btn3Params as $key => $value ) {
				if ( 'btn_title' == $value[ 'param_name' ] ) {
					self::$btn3Params[ $key ][ 'value' ] = __( 'Load more', 'js_composer' );
				} else if ( 'btn_color' == $value[ 'param_name' ] ) {
					self::$btn3Params[ $key ][ 'std' ] = 'blue';
				} else if ( 'btn_style' == $value[ 'param_name' ] ) {
					self::$btn3Params[ $key ][ 'std' ] = 'flat';
				}
			}

			// Grid column list
			self::$gridColsList = array(
				array(
					'label' => '6',
					'value' => 2,
				),
				array(
					'label' => '4',
					'value' => 3,
				),
				array(
					'label' => '3',
					'value' => 4,
				),
				array(
					'label' => '2',
					'value' => 6,
				),
				array(
					'label' => '1',
					'value' => 12,
				),
			);
		}

		// Basic Grid Common Settings
		public static function getBasicAtts() {

			if ( self::$basicGrid ) {
				return self::$basicGrid;
			}

			if ( is_null( self::$btn3Params ) && is_null( self::$gridColsList ) ) {
				self::initData();
			}

			$postTypes = get_post_types( array() );
			$postTypesList = array();
			$excludedPostTypes = array(
				'revision',
				'nav_menu_item',
				'vc_grid_item',
			);
			if ( is_array( $postTypes ) && ! empty( $postTypes ) ) {
				foreach ( $postTypes as $postType ) {
					if ( ! in_array( $postType, $excludedPostTypes ) ) {
						$label = ucfirst( $postType );
						$postTypesList[] = array(
							$postType,
							$label,
						);
					}
				}
			}
			$postTypesList[] = array(
				'custom',
				__( 'Custom query', 'js_composer' ),
			);
			$postTypesList[] = array(
				'ids',
				__( 'List of IDs', 'js_composer' ),
			);

			$taxonomiesForFilter = array();

			if ( 'vc_edit_form' === vc_post_param( 'action' ) ) {
				$vcTaxonomiesTypes = vc_taxonomies_types();
				if ( is_array( $vcTaxonomiesTypes ) && ! empty( $vcTaxonomiesTypes ) ) {
					foreach ( $vcTaxonomiesTypes as $t => $data ) {
						if ( 'post_format' !== $t && is_object( $data ) ) {
							$taxonomiesForFilter[ $data->labels->name . '(' . $t . ')' ] = $t;
						}
					}
				}
			}

			self::$basicGrid = array_merge( array(
				array(
					'type' => 'dropdown',
					'heading' => __( 'Data source', 'js_composer' ),
					'param_name' => 'post_type',
					'value' => $postTypesList,
					'save_always' => true,
					'description' => __( 'Select content type for your grid.', 'js_composer' ),
					'admin_label' => true,
				),
				array(
					'type' => 'autocomplete',
					'heading' => __( 'Include only', 'js_composer' ),
					'param_name' => 'include',
					'description' => __( 'Add posts, pages, etc. by title.', 'js_composer' ),
					'settings' => array(
						'multiple' => true,
						'sortable' => true,
						'groups' => true,
					),
					'dependency' => array(
						'element' => 'post_type',
						'value' => array( 'ids' ),
					),
				),
				// Custom query tab
				array(
					'type' => 'textarea_safe',
					'heading' => __( 'Custom query', 'js_composer' ),
					'param_name' => 'custom_query',
					'description' => __( 'Build custom query according to <a href="http://codex.wordpress.org/Function_Reference/query_posts">WordPress Codex</a>.', 'js_composer' ),
					'dependency' => array(
						'element' => 'post_type',
						'value' => array( 'custom' ),
					),
				),
				array(
					'type' => 'autocomplete',
					'heading' => __( 'Narrow data source', 'js_composer' ),
					'param_name' => 'taxonomies',
					'settings' => array(
						'multiple' => true,
						'min_length' => 1,
						'groups' => true,
						// In UI show results grouped by groups, default false
						'unique_values' => true,
						// In UI show results except selected. NB! You should manually check values in backend, default false
						'display_inline' => true,
						// In UI show results inline view, default false (each value in own line)
						'delay' => 500,
						// delay for search. default 500
						'auto_focus' => true,
						// auto focus input, default true
					),
					'param_holder_class' => 'vc_not-for-custom',
					'description' => __( 'Enter categories, tags or custom taxonomies.', 'js_composer' ),
					'dependency' => array(
						'element' => 'post_type',
						'value_not_equal_to' => array(
							'ids',
							'custom',
						),
					),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Total items', 'js_composer' ),
					'param_name' => 'max_items',
					'value' => 10,
					// default value
					'param_holder_class' => 'vc_not-for-custom',
					'description' => __( 'Set max limit for items in grid or enter -1 to display all (limited to 1000).', 'js_composer' ),
					'dependency' => array(
						'element' => 'post_type',
						'value_not_equal_to' => array(
							'ids',
							'custom',
						),
					),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Display Style', 'js_composer' ),
					'param_name' => 'style',
					'value' => array(
						__( 'Show all', 'js_composer' ) => 'all',
						__( 'Load more button', 'js_composer' ) => 'load-more',
						__( 'Lazy loading', 'js_composer' ) => 'lazy',
						__( 'Pagination', 'js_composer' ) => 'pagination',
					),
					'dependency' => array(
						'element' => 'post_type',
						'value_not_equal_to' => array( 'custom' ),
					),
					'edit_field_class' => 'vc_col-sm-6',
					'description' => __( 'Select display style for grid.', 'js_composer' ),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Items per page', 'js_composer' ),
					'param_name' => 'items_per_page',
					'description' => __( 'Number of items to show per page.', 'js_composer' ),
					'value' => '10',
					'dependency' => array(
						'element' => 'style',
						'value' => array(
							'lazy',
							'load-more',
							'pagination',
						),
					),
					'edit_field_class' => 'vc_col-sm-6',
				),
				array(
					'type' => 'checkbox',
					'heading' => __( 'Show filter', 'js_composer' ),
					'param_name' => 'show_filter',
					'value' => array( __( 'Yes', 'js_composer' ) => 'yes' ),
					'description' => __( 'Append filter to grid.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Grid elements per row', 'js_composer' ),
					'param_name' => 'element_width',
					'value' => self::$gridColsList,
					'std' => '4',
					'edit_field_class' => 'vc_col-sm-6',
					'description' => __( 'Select number of single grid elements per row.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Gap', 'js_composer' ),
					'param_name' => 'gap',
					'value' => array(
						'0px' => '0',
						'1px' => '1',
						'2px' => '2',
						'3px' => '3',
						'4px' => '4',
						'5px' => '5',
						'10px' => '10',
						'15px' => '15',
						'20px' => '20',
						'25px' => '25',
						'30px' => '30',
						'35px' => '35',
					),
					'std' => '30',
					'description' => __( 'Select gap between grid elements.', 'js_composer' ),
					'edit_field_class' => 'vc_col-sm-6',
				),
				// Data settings
				array(
					'type' => 'dropdown',
					'heading' => __( 'Order by', 'js_composer' ),
					'param_name' => 'orderby',
					'value' => array(
						__( 'Date', 'js_composer' ) => 'date',
						__( 'Order by post ID', 'js_composer' ) => 'ID',
						__( 'Author', 'js_composer' ) => 'author',
						__( 'Title', 'js_composer' ) => 'title',
						__( 'Last modified date', 'js_composer' ) => 'modified',
						__( 'Post/page parent ID', 'js_composer' ) => 'parent',
						__( 'Number of comments', 'js_composer' ) => 'comment_count',
						__( 'Menu order/Page Order', 'js_composer' ) => 'menu_order',
						__( 'Meta value', 'js_composer' ) => 'meta_value',
						__( 'Meta value number', 'js_composer' ) => 'meta_value_num',
						__( 'Random order', 'js_composer' ) => 'rand',
					),
					'description' => __( 'Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.', 'js_composer' ),
					'group' => __( 'Data Settings', 'js_composer' ),
					'param_holder_class' => 'vc_grid-data-type-not-ids',
					'dependency' => array(
						'element' => 'post_type',
						'value_not_equal_to' => array(
							'ids',
							'custom',
						),
					),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Sort order', 'js_composer' ),
					'param_name' => 'order',
					'group' => __( 'Data Settings', 'js_composer' ),
					'value' => array(
						__( 'Descending', 'js_composer' ) => 'DESC',
						__( 'Ascending', 'js_composer' ) => 'ASC',
					),
					'param_holder_class' => 'vc_grid-data-type-not-ids',
					'description' => __( 'Select sorting order.', 'js_composer' ),
					'dependency' => array(
						'element' => 'post_type',
						'value_not_equal_to' => array(
							'ids',
							'custom',
						),
					),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Meta key', 'js_composer' ),
					'param_name' => 'meta_key',
					'description' => __( 'Input meta key for grid ordering.', 'js_composer' ),
					'group' => __( 'Data Settings', 'js_composer' ),
					'param_holder_class' => 'vc_grid-data-type-not-ids',
					'dependency' => array(
						'element' => 'orderby',
						'value' => array(
							'meta_value',
							'meta_value_num',
						),
					),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Offset', 'js_composer' ),
					'param_name' => 'offset',
					'description' => __( 'Number of grid elements to displace or pass over.', 'js_composer' ),
					'group' => __( 'Data Settings', 'js_composer' ),
					'param_holder_class' => 'vc_grid-data-type-not-ids',
					'dependency' => array(
						'element' => 'post_type',
						'value_not_equal_to' => array(
							'ids',
							'custom',
						),
					),
				),
				array(
					'type' => 'autocomplete',
					'heading' => __( 'Exclude', 'js_composer' ),
					'param_name' => 'exclude',
					'description' => __( 'Exclude posts, pages, etc. by title.', 'js_composer' ),
					'group' => __( 'Data Settings', 'js_composer' ),
					'settings' => array(
						'multiple' => true,
					),
					'param_holder_class' => 'vc_grid-data-type-not-ids',
					'dependency' => array(
						'element' => 'post_type',
						'value_not_equal_to' => array(
							'ids',
							'custom',
						),
						'callback' => 'vc_grid_exclude_dependency_callback',
					),
				),
				//Filter tab
				array(
					'type' => 'dropdown',
					'heading' => __( 'Filter by', 'js_composer' ),
					'param_name' => 'filter_source',
					'value' => $taxonomiesForFilter,
					'group' => __( 'Filter', 'js_composer' ),
					'dependency' => array(
						'element' => 'show_filter',
						'value' => array( 'yes' ),
					),
					'save_always' => true,
					'description' => __( 'Select filter source.', 'js_composer' ),
				),
				array(
					'type' => 'autocomplete',
					'heading' => __( 'Exclude from filter list', 'js_composer' ),
					'param_name' => 'exclude_filter',
					'settings' => array(
						'multiple' => true,
						// is multiple values allowed? default false
						'min_length' => 1,
						// min length to start search -> default 2
						'groups' => true,
						// In UI show results grouped by groups, default false
						'unique_values' => true,
						// In UI show results except selected. NB! You should manually check values in backend, default false
						'display_inline' => true,
						// In UI show results inline view, default false (each value in own line)
						'delay' => 500,
						// delay for search. default 500
						'auto_focus' => true,
						// auto focus input, default true
					),
					'description' => __( 'Enter categories, tags won\'t be shown in the filters list', 'js_composer' ),
					'dependency' => array(
						'element' => 'show_filter',
						'value' => array( 'yes' ),
						'callback' => 'vcGridFilterExcludeCallBack',
					),
					'group' => __( 'Filter', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Style', 'js_composer' ),
					'param_name' => 'filter_style',
					'value' => array(
						__( 'Rounded', 'js_composer' ) => 'default',
						__( 'Less Rounded', 'js_composer' ) => 'default-less-rounded',
						__( 'Border', 'js_composer' ) => 'bordered',
						__( 'Rounded Border', 'js_composer' ) => 'bordered-rounded',
						__( 'Less Rounded Border', 'js_composer' ) => 'bordered-rounded-less',
						__( 'Filled', 'js_composer' ) => 'filled',
						__( 'Rounded Filled', 'js_composer' ) => 'filled-rounded',
						__( 'Dropdown', 'js_composer' ) => 'dropdown',
					),
					'dependency' => array(
						'element' => 'show_filter',
						'value' => array( 'yes' ),
					),
					'group' => __( 'Filter', 'js_composer' ),
					'description' => __( 'Select filter display style.', 'js_composer' ),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Default title', 'js_composer' ),
					'param_name' => 'filter_default_title',
					'value' => __( 'All', 'js_composer' ),
					'description' => __( 'Enter default title for filter option display (empty: "All").', 'js_composer' ),
					'dependency' => array(
						'element' => 'show_filter',
						'value' => array( 'yes' ),
					),
					'group' => __( 'Filter', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Alignment', 'js_composer' ),
					'param_name' => 'filter_align',
					'value' => array(
						__( 'Center', 'js_composer' ) => 'center',
						__( 'Left', 'js_composer' ) => 'left',
						__( 'Right', 'js_composer' ) => 'right',
					),
					'dependency' => array(
						'element' => 'show_filter',
						'value' => array( 'yes' ),
					),
					'group' => __( 'Filter', 'js_composer' ),
					'description' => __( 'Select filter alignment.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Color', 'js_composer' ),
					'param_name' => 'filter_color',
					'value' => getVcShared( 'colors' ),
					'std' => 'grey',
					'param_holder_class' => 'vc_colored-dropdown',
					'dependency' => array(
						'element' => 'show_filter',
						'value' => array( 'yes' ),
					),
					'group' => __( 'Filter', 'js_composer' ),
					'description' => __( 'Select filter color.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Filter size', 'js_composer' ),
					'param_name' => 'filter_size',
					'value' => getVcShared( 'sizes' ),
					'std' => 'md',
					'description' => __( 'Select filter size.', 'js_composer' ),
					'dependency' => array(
						'element' => 'show_filter',
						'value' => array( 'yes' ),
					),
					'group' => __( 'Filter', 'js_composer' ),
				),
				// moved to the end
				// Paging controls
				array(
					'type' => 'dropdown',
					'heading' => __( 'Arrows design', 'js_composer' ),
					'param_name' => 'arrows_design',
					'value' => array(
						__( 'None', 'js_composer' ) => 'none',
						__( 'Simple', 'js_composer' ) => 'vc_arrow-icon-arrow_01_left',
						__( 'Simple Circle Border', 'js_composer' ) => 'vc_arrow-icon-arrow_02_left',
						__( 'Simple Circle', 'js_composer' ) => 'vc_arrow-icon-arrow_03_left',
						__( 'Simple Square', 'js_composer' ) => 'vc_arrow-icon-arrow_09_left',
						__( 'Simple Square Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_12_left',
						__( 'Simple Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_11_left',
						__( 'Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_04_left',
						__( 'Rounded Circle Border', 'js_composer' ) => 'vc_arrow-icon-arrow_05_left',
						__( 'Rounded Circle', 'js_composer' ) => 'vc_arrow-icon-arrow_06_left',
						__( 'Rounded Square', 'js_composer' ) => 'vc_arrow-icon-arrow_10_left',
						__( 'Simple Arrow', 'js_composer' ) => 'vc_arrow-icon-arrow_08_left',
						__( 'Simple Rounded Arrow', 'js_composer' ) => 'vc_arrow-icon-arrow_07_left',

					),
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
					'description' => __( 'Select design for arrows.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Arrows position', 'js_composer' ),
					'param_name' => 'arrows_position',
					'value' => array(
						__( 'Inside Wrapper', 'js_composer' ) => 'inside',
						__( 'Outside Wrapper', 'js_composer' ) => 'outside',
					),
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'arrows_design',
						'value_not_equal_to' => array( 'none' ),
						// New dependency
					),
					'description' => __( 'Arrows will be displayed inside or outside grid.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Arrows color', 'js_composer' ),
					'param_name' => 'arrows_color',
					'value' => getVcShared( 'colors' ),
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'arrows_design',
						'value_not_equal_to' => array( 'none' ),
						// New dependency
					),
					'description' => __( 'Select color for arrows.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Pagination style', 'js_composer' ),
					'param_name' => 'paging_design',
					'value' => array(
						__( 'None', 'js_composer' ) => 'none',
						__( 'Square Dots', 'js_composer' ) => 'square_dots',
						__( 'Radio Dots', 'js_composer' ) => 'radio_dots',
						__( 'Point Dots', 'js_composer' ) => 'point_dots',
						__( 'Fill Square Dots', 'js_composer' ) => 'fill_square_dots',
						__( 'Rounded Fill Square Dots', 'js_composer' ) => 'round_fill_square_dots',
						__( 'Pagination Default', 'js_composer' ) => 'pagination_default',
						__( 'Outline Default Dark', 'js_composer' ) => 'pagination_default_dark',
						__( 'Outline Default Light', 'js_composer' ) => 'pagination_default_light',
						__( 'Pagination Rounded', 'js_composer' ) => 'pagination_rounded',
						__( 'Outline Rounded Dark', 'js_composer' ) => 'pagination_rounded_dark',
						__( 'Outline Rounded Light', 'js_composer' ) => 'pagination_rounded_light',
						__( 'Pagination Square', 'js_composer' ) => 'pagination_square',
						__( 'Outline Square Dark', 'js_composer' ) => 'pagination_square_dark',
						__( 'Outline Square Light', 'js_composer' ) => 'pagination_square_light',
						__( 'Pagination Rounded Square', 'js_composer' ) => 'pagination_rounded_square',
						__( 'Outline Rounded Square Dark', 'js_composer' ) => 'pagination_rounded_square_dark',
						__( 'Outline Rounded Square Light', 'js_composer' ) => 'pagination_rounded_square_light',
						__( 'Stripes Dark', 'js_composer' ) => 'pagination_stripes_dark',
						__( 'Stripes Light', 'js_composer' ) => 'pagination_stripes_light',
					),
					'std' => 'radio_dots',
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
					'description' => __( 'Select pagination style.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Pagination color', 'js_composer' ),
					'param_name' => 'paging_color',
					'value' => getVcShared( 'colors' ),
					'std' => 'grey',
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'paging_design',
						'value_not_equal_to' => array( 'none' ),
						// New dependency
					),
					'description' => __( 'Select pagination color.', 'js_composer' ),
				),
				array(
					'type' => 'checkbox',
					'heading' => __( 'Loop pages?', 'js_composer' ),
					'param_name' => 'loop',
					'description' => __( 'Allow items to be repeated in infinite loop (carousel).', 'js_composer' ),
					'value' => array( __( 'Yes', 'js_composer' ) => 'yes' ),
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Autoplay delay', 'js_composer' ),
					'param_name' => 'autoplay',
					'value' => '-1',
					'description' => __( 'Enter value in seconds. Set -1 to disable autoplay.', 'js_composer' ),
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
				),
				array(
					'type' => 'animation_style',
					'heading' => __( 'Animation In', 'js_composer' ),
					'param_name' => 'paging_animation_in',
					'group' => __( 'Pagination', 'js_composer' ),
					'settings' => array(
						'type' => array(
							'in',
							'other',
						),
					),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
					'description' => __( 'Select "animation in" for page transition.', 'js_composer' ),
				),
				array(
					'type' => 'animation_style',
					'heading' => __( 'Animation Out', 'js_composer' ),
					'param_name' => 'paging_animation_out',
					'group' => __( 'Pagination', 'js_composer' ),
					'settings' => array(
						'type' => array( 'out' ),
					),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
					'description' => __( 'Select "animation out" for page transition.', 'js_composer' ),
				),
				array(
					'type' => 'vc_grid_item',
					'heading' => __( 'Grid element template', 'js_composer' ),
					'param_name' => 'item',
					'description' => sprintf( __( '%sCreate new%s template or %smodify selected%s. Predefined templates will be cloned.', 'js_composer' ), '<a href="'
						.esc_url( admin_url( 'post-new.php?post_type=vc_grid_item' ) )
						.'" target="_blank">', '</a>', '<a href="#" target="_blank" data-vc-grid-item="edit_link">', '</a>' ),
					'group' => __( 'Item Design', 'js_composer' ),
					'value' => 'none',
				),
				array(
					'type' => 'vc_grid_id',
					'param_name' => 'grid_id',
				),
				array(
					'type' => 'animation_style',
					'heading' => __( 'Initial loading animation', 'js_composer' ),
					'param_name' => 'initial_loading_animation',
					'value' => 'fadeIn',
					'settings' => array(
						'type' => array(
							'in',
							'other',
						),
					),
					'description' => __( 'Select initial loading animation for grid element.', 'js_composer' ),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Extra class name', 'js_composer' ),
					'param_name' => 'el_class',
					'description' => __( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
				),
				array(
					'type' => 'css_editor',
					'heading' => __( 'CSS box', 'js_composer' ),
					'param_name' => 'css',
					'group' => __( 'Design Options', 'js_composer' ),
				),

				// Load more btn
				array(
					'type' => 'hidden',
					'heading' => __( 'Button style', 'js_composer' ),
					'param_name' => 'button_style',
					'value' => '',
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Load More Button', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'load-more' ),
					),
					'description' => __( 'Select button style.', 'js_composer' ),
				),
				array(
					'type' => 'hidden',
					'heading' => __( 'Button color', 'js_composer' ),
					'param_name' => 'button_color',
					'value' => '',
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Load More Button', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'load-more' ),
					),
					'description' => __( 'Select button color.', 'js_composer' ),
				),
				array(
					'type' => 'hidden',
					'heading' => __( 'Button size', 'js_composer' ),
					'param_name' => 'button_size',
					'value' => '',
					'description' => __( 'Select button size.', 'js_composer' ),
					'group' => __( 'Load More Button', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'load-more' ),
					),
				),
			), self::$btn3Params );
			self::$basicGrid = array_merge( self::$basicGrid );

			return self::$basicGrid;
		}

		// Media grid common settings
		public static function getMediaCommonAtts() {

			if ( self::$mediaGrid ) {
				return self::$mediaGrid;
			}

			if ( is_null( self::$btn3Params ) && is_null( self::$gridColsList ) ) {
				self::initData();
			}

			self::$mediaGrid = array_merge( array(
				array(
					'type' => 'attach_images',
					'heading' => __( 'Images', 'js_composer' ),
					'param_name' => 'include',
					'description' => __( 'Select images from media library.', 'js_composer' ),

				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Display Style', 'js_composer' ),
					'param_name' => 'style',
					'value' => array(
						__( 'Show all', 'js_composer' ) => 'all',
						__( 'Load more button', 'js_composer' ) => 'load-more',
						__( 'Lazy loading', 'js_composer' ) => 'lazy',
						__( 'Pagination', 'js_composer' ) => 'pagination',
					),
					'dependency' => array(
						'element' => 'post_type',
						'value_not_equal_to' => array( 'custom' ),
					),
					'edit_field_class' => 'vc_col-sm-6',
					'description' => __( 'Select display style for grid.', 'js_composer' ),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Items per page', 'js_composer' ),
					'param_name' => 'items_per_page',
					'description' => __( 'Number of items to show per page.', 'js_composer' ),
					'value' => '10',
					'dependency' => array(
						'element' => 'style',
						'value' => array(
							'lazy',
							'load-more',
							'pagination',
						),
					),
					'edit_field_class' => 'vc_col-sm-6',
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Grid elements per row', 'js_composer' ),
					'param_name' => 'element_width',
					'value' => self::$gridColsList,
					'std' => '4',
					'edit_field_class' => 'vc_col-sm-6',
					'description' => __( 'Select number of single grid elements per row.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Gap', 'js_composer' ),
					'param_name' => 'gap',
					'value' => array(
						'0px' => '0',
						'1px' => '1',
						'2px' => '2',
						'3px' => '3',
						'4px' => '4',
						'5px' => '5',
						'10px' => '10',
						'15px' => '15',
						'20px' => '20',
						'25px' => '25',
						'30px' => '30',
						'35px' => '35',
					),
					'std' => '5',
					'description' => __( 'Select gap between grid elements.', 'js_composer' ),
					'edit_field_class' => 'vc_col-sm-6',
				),
				array(
					'type' => 'hidden',
					'heading' => __( 'Button style', 'js_composer' ),
					'param_name' => 'button_style',
					'value' => '',
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Load More Button', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'load-more' ),
					),
					'description' => __( 'Select button style.', 'js_composer' ),
				),
				array(
					'type' => 'hidden',
					'heading' => __( 'Button color', 'js_composer' ),
					'param_name' => 'button_color',
					'value' => '',
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Load More Button', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'load-more' ),
					),
					'description' => __( 'Select button color.', 'js_composer' ),
				),
				array(
					'type' => 'hidden',
					'heading' => __( 'Button size', 'js_composer' ),
					'param_name' => 'button_size',
					'value' => '',
					'description' => __( 'Select button size.', 'js_composer' ),
					'group' => __( 'Load More Button', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'load-more' ),
					),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Arrows design', 'js_composer' ),
					'param_name' => 'arrows_design',
					'value' => array(
						__( 'None', 'js_composer' ) => 'none',
						__( 'Simple', 'js_composer' ) => 'vc_arrow-icon-arrow_01_left',
						__( 'Simple Circle Border', 'js_composer' ) => 'vc_arrow-icon-arrow_02_left',
						__( 'Simple Circle', 'js_composer' ) => 'vc_arrow-icon-arrow_03_left',
						__( 'Simple Square', 'js_composer' ) => 'vc_arrow-icon-arrow_09_left',
						__( 'Simple Square Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_12_left',
						__( 'Simple Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_11_left',
						__( 'Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_04_left',
						__( 'Rounded Circle Border', 'js_composer' ) => 'vc_arrow-icon-arrow_05_left',
						__( 'Rounded Circle', 'js_composer' ) => 'vc_arrow-icon-arrow_06_left',
						__( 'Rounded Square', 'js_composer' ) => 'vc_arrow-icon-arrow_10_left',
						__( 'Simple Arrow', 'js_composer' ) => 'vc_arrow-icon-arrow_08_left',
						__( 'Simple Rounded Arrow', 'js_composer' ) => 'vc_arrow-icon-arrow_07_left',

					),
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
					'description' => __( 'Select design for arrows.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Arrows position', 'js_composer' ),
					'param_name' => 'arrows_position',
					'value' => array(
						__( 'Inside Wrapper', 'js_composer' ) => 'inside',
						__( 'Outside Wrapper', 'js_composer' ) => 'outside',
					),
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'arrows_design',
						'value_not_equal_to' => array( 'none' ),
						// New dependency
					),
					'description' => __( 'Arrows will be displayed inside or outside grid.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Arrows color', 'js_composer' ),
					'param_name' => 'arrows_color',
					'value' => getVcShared( 'colors' ),
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'arrows_design',
						'value_not_equal_to' => array( 'none' ),
						// New dependency
					),
					'description' => __( 'Select color for arrows.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Pagination style', 'js_composer' ),
					'param_name' => 'paging_design',
					'value' => array(
						__( 'None', 'js_composer' ) => 'none',
						__( 'Square Dots', 'js_composer' ) => 'square_dots',
						__( 'Radio Dots', 'js_composer' ) => 'radio_dots',
						__( 'Point Dots', 'js_composer' ) => 'point_dots',
						__( 'Fill Square Dots', 'js_composer' ) => 'fill_square_dots',
						__( 'Rounded Fill Square Dots', 'js_composer' ) => 'round_fill_square_dots',
						__( 'Pagination Default', 'js_composer' ) => 'pagination_default',
						__( 'Outline Default Dark', 'js_composer' ) => 'pagination_default_dark',
						__( 'Outline Default Light', 'js_composer' ) => 'pagination_default_light',
						__( 'Pagination Rounded', 'js_composer' ) => 'pagination_rounded',
						__( 'Outline Rounded Dark', 'js_composer' ) => 'pagination_rounded_dark',
						__( 'Outline Rounded Light', 'js_composer' ) => 'pagination_rounded_light',
						__( 'Pagination Square', 'js_composer' ) => 'pagination_square',
						__( 'Outline Square Dark', 'js_composer' ) => 'pagination_square_dark',
						__( 'Outline Square Light', 'js_composer' ) => 'pagination_square_light',
						__( 'Pagination Rounded Square', 'js_composer' ) => 'pagination_rounded_square',
						__( 'Outline Rounded Square Dark', 'js_composer' ) => 'pagination_rounded_square_dark',
						__( 'Outline Rounded Square Light', 'js_composer' ) => 'pagination_rounded_square_light',
						__( 'Stripes Dark', 'js_composer' ) => 'pagination_stripes_dark',
						__( 'Stripes Light', 'js_composer' ) => 'pagination_stripes_light',
					),
					'std' => 'radio_dots',
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
					'description' => __( 'Select pagination style.', 'js_composer' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Pagination color', 'js_composer' ),
					'param_name' => 'paging_color',
					'value' => getVcShared( 'colors' ),
					'std' => 'grey',
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'paging_design',
						'value_not_equal_to' => array( 'none' ),
						// New dependency
					),
					'description' => __( 'Select pagination color.', 'js_composer' ),
				),
				array(
					'type' => 'checkbox',
					'heading' => __( 'Loop pages?', 'js_composer' ),
					'param_name' => 'loop',
					'description' => __( 'Allow items to be repeated in infinite loop (carousel).', 'js_composer' ),
					'value' => array( __( 'Yes', 'js_composer' ) => 'yes' ),
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Autoplay delay', 'js_composer' ),
					'param_name' => 'autoplay',
					'value' => '-1',
					'description' => __( 'Enter value in seconds. Set -1 to disable autoplay.', 'js_composer' ),
					'group' => __( 'Pagination', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
				),
				array(
					'type' => 'animation_style',
					'heading' => __( 'Animation In', 'js_composer' ),
					'param_name' => 'paging_animation_in',
					'group' => __( 'Pagination', 'js_composer' ),
					'settings' => array(
						'type' => array(
							'in',
							'other',
						),
					),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
					'description' => __( 'Select "animation in" for page transition.', 'js_composer' ),
				),
				array(
					'type' => 'animation_style',
					'heading' => __( 'Animation Out', 'js_composer' ),
					'param_name' => 'paging_animation_out',
					'group' => __( 'Pagination', 'js_composer' ),
					'settings' => array(
						'type' => array( 'out' ),
					),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'pagination' ),
					),
					'description' => __( 'Select "animation out" for page transition.', 'js_composer' ),
				),
				array(
					'type' => 'vc_grid_item',
					'heading' => __( 'Grid element template', 'js_composer' ),
					'param_name' => 'item',
					'description' => sprintf( __( '%sCreate new%s template or %smodify selected%s. Predefined templates will be cloned.', 'js_composer' ), '<a href="'
						.esc_url( admin_url( 'post-new.php?post_type=vc_grid_item' ) )
						.'" target="_blank">', '</a>', '<a href="#" target="_blank" data-vc-grid-item="edit_link">', '</a>' ),
					'group' => __( 'Item Design', 'js_composer' ),
					'value' => 'mediaGrid_Default',
				),
				array(
					'type' => 'vc_grid_id',
					'param_name' => 'grid_id',
				),
				array(
					'type' => 'css_editor',
					'heading' => __( 'CSS box', 'js_composer' ),
					'param_name' => 'css',
					'group' => __( 'Design Options', 'js_composer' ),
				),
			), self::$btn3Params, array(
				// Load more btn bc
				array(
					'type' => 'hidden',
					'heading' => __( 'Button style', 'js_composer' ),
					'param_name' => 'button_style',
					'value' => '',
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Load More Button', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'load-more' ),
					),
					'description' => __( 'Select button style.', 'js_composer' ),
				),
				array(
					'type' => 'hidden',
					'heading' => __( 'Button color', 'js_composer' ),
					'param_name' => 'button_color',
					'value' => '',
					'param_holder_class' => 'vc_colored-dropdown',
					'group' => __( 'Load More Button', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'load-more' ),
					),
					'description' => __( 'Select button color.', 'js_composer' ),
				),
				array(
					'type' => 'hidden',
					'heading' => __( 'Button size', 'js_composer' ),
					'param_name' => 'button_size',
					'value' => '',
					'description' => __( 'Select button size.', 'js_composer' ),
					'group' => __( 'Load More Button', 'js_composer' ),
					'dependency' => array(
						'element' => 'style',
						'value' => array( 'load-more' ),
					),
				),
				array(
					'type' => 'animation_style',
					'heading' => __( 'Initial loading animation', 'js_composer' ),
					'param_name' => 'initial_loading_animation',
					'value' => 'fadeIn',
					'settings' => array(
						'type' => array(
							'in',
							'other',
						),
					),
					'description' => __( 'Select initial loading animation for grid element.', 'js_composer' ),
				),
			) );

			self::$mediaGrid = array_merge( self::$mediaGrid );

			return self::$mediaGrid;
		}

		public static function getMasonryCommonAtts() {

			if ( self::$masonryGrid ) {
				return self::$masonryGrid;
			}

			$gridParams = self::getBasicAtts();

			self::$masonryGrid = $gridParams;
			$style = self::arraySearch( self::$masonryGrid, 'param_name', 'style' );
			unset( self::$masonryGrid[ $style ][ 'value' ][ __( 'Pagination', 'js_composer' ) ] );

			$animation = self::arraySearch( self::$masonryGrid, 'param_name', 'initial_loading_animation' );
			$masonryAnimation = array(
				'type' => 'dropdown',
				'heading' => __( 'Initial loading animation', 'js_composer' ),
				'param_name' => 'initial_loading_animation',
				'value' => array(
					__( 'None', 'js_composer' ) => 'none',
					__( 'Default', 'js_composer' ) => 'zoomIn',
					__( 'Fade In', 'js_composer' ) => 'fadeIn',
				),
				'std' => 'zoomIn',
				'description' => __( 'Select initial loading animation for grid element.', 'js_composer' ),
			);
			// unset( self::$masonryGrid[$animation] );
			self::$masonryGrid[ $animation ] = $masonryAnimation;

			while ( $key = self::arraySearch( self::$masonryGrid, 'group', __( 'Pagination', 'js_composer' ) ) ) {
				unset( self::$masonryGrid[ $key ] );
			}

			$vcGridItem = self::arraySearch( self::$masonryGrid, 'param_name', 'item' );
			self::$masonryGrid[ $vcGridItem ][ 'value' ] = 'masonryGrid_Default';

			self::$masonryGrid = array_merge( self::$masonryGrid );

			return array_merge( self::$masonryGrid );
		}

		public static function getMasonryMediaCommonAtts() {

			if ( self::$masonryMediaGrid ) {
				return self::$masonryMediaGrid;
			}

			$mediaGridParams = self::getMediaCommonAtts();

			self::$masonryMediaGrid = $mediaGridParams;

			while ( $key = self::arraySearch( self::$masonryMediaGrid, 'group', __( 'Pagination', 'js_composer' ) ) ) {
				unset( self::$masonryMediaGrid[ $key ] );
			}

			$vcGridItem = self::arraySearch( self::$masonryMediaGrid, 'param_name', 'item' );
			self::$masonryMediaGrid[ $vcGridItem ][ 'value' ] = 'masonryMedia_Default';

			$style = self::arraySearch( self::$masonryMediaGrid, 'param_name', 'style' );

			unset( self::$masonryMediaGrid[ $style ][ 'value' ][ __( 'Pagination', 'js_composer' ) ] );

			$animation = self::arraySearch( self::$masonryMediaGrid, 'param_name', 'initial_loading_animation' );
			$masonryAnimation = array(
				'type' => 'dropdown',
				'heading' => __( 'Initial loading animation', 'js_composer' ),
				'param_name' => 'initial_loading_animation',
				'value' => array(
					__( 'None', 'js_composer' ) => 'none',
					__( 'Default', 'js_composer' ) => 'zoomIn',
					__( 'Fade In', 'js_composer' ) => 'fadeIn',
				),
				'std' => 'zoomIn',
				'settings' => array(
					'type' => array(
						'in',
						'other',
					),
				),
				'description' => __( 'Select initial loading animation for grid element.', 'js_composer' ),
			);
			self::$masonryMediaGrid[ $animation ] = $masonryAnimation;

			self::$masonryMediaGrid = array_merge( self::$masonryMediaGrid );

			return array_merge( self::$masonryMediaGrid );
		}

		// Function to search array
		public static function arraySearch( $array, $column, $value ) {
			if ( ! is_array( $array ) ) {
				return false;
			}
			foreach ( $array as $key => $innerArray ) {
				$exists = isset( $innerArray[ $column ] ) && $innerArray[ $column ] == $value;
				if ( $exists ) {
					return $key;
				}
			}

			return false;
		}
	} // class ends
}
