1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

<?php
if ( ! defined( 'ABSPATH' ) ) {
    die( '-1' );
}

return array(
    'name' => esc_html__( 'Separator', 'js_composer' ),
    'base' => 'vc_separator',
    'icon' => 'icon-wpb-ui-separator',
    'show_settings_on_create' => true,
    'category' => esc_html__( 'Content', 'js_composer' ),
    'description' => esc_html__( 'Horizontal separator line', 'js_composer' ),
    'params' => array(
        array(
            'type' => 'dropdown',
            'heading' => esc_html__( 'Color', 'js_composer' ),
            'param_name' => 'color',
            'value' => array_merge( vc_get_shared( 'colors' ), array( esc_html__( 'Custom color', 'js_composer' ) => 'custom' ) ),
            'std' => 'grey',
            'description' => esc_html__( 'Select color of separator.', 'js_composer' ),
            'param_holder_class' => 'vc_colored-dropdown',
        ),
        array(
            'type' => 'dropdown',
            'heading' => esc_html__( 'Alignment', 'js_composer' ),
            'param_name' => 'align',
            'value' => array(
                esc_html__( 'Center', 'js_composer' ) => 'align_center',
                esc_html__( 'Left', 'js_composer' ) => 'align_left',
                esc_html__( 'Right', 'js_composer' ) => 'align_right',
            ),
            'description' => esc_html__( 'Select separator alignment.', 'js_composer' ),
        ),
        array(
            'type' => 'colorpicker',
            'heading' => esc_html__( 'Custom Border Color', 'js_composer' ),
            'param_name' => 'accent_color',
            'description' => esc_html__( 'Select border color for your element.', 'js_composer' ),
            'dependency' => array(
                'element' => 'color',
                'value' => array( 'custom' ),
            ),
        ),
        array(
            'type' => 'dropdown',
            'heading' => esc_html__( 'Style', 'js_composer' ),
            'param_name' => 'style',
            'value' => vc_get_shared( 'separator styles' ),
            'description' => esc_html__( 'Separator display style.', 'js_composer' ),
        ),
        array(
            'type' => 'dropdown',
            'heading' => esc_html__( 'Border width', 'js_composer' ),
            'param_name' => 'border_width',
            'value' => vc_get_shared( 'separator border widths' ),
            'description' => esc_html__( 'Select border width (pixels).', 'js_composer' ),
        ),
        array(
            'type' => 'dropdown',
            'heading' => esc_html__( 'Element width', 'js_composer' ),
            'param_name' => 'el_width',
            'value' => vc_get_shared( 'separator widths' ),
            'description' => esc_html__( 'Select separator width (percentage).', 'js_composer' ),
        ),
        vc_map_add_css_animation(),
        array(
            'type' => 'el_id',
            'heading' => esc_html__( 'Element ID', 'js_composer' ),
            'param_name' => 'el_id',
            'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
        ),
        array(
            'type' => 'textfield',
            'heading' => esc_html__( 'Extra class name', 'js_composer' ),
            'param_name' => 'el_class',
            'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
        ),
        array(
            'type' => 'css_editor',
            'heading' => esc_html__( 'CSS box', 'js_composer' ),
            'param_name' => 'css',
            'group' => esc_html__( 'Design Options', 'js_composer' ),
        ),
    ),
);