class ET_Builder_Module_Fullwidth_Header extends ET_Builder_Module {
$this->name = esc_html__( 'Fullwidth Header', 'et_builder' );
$this->plural = esc_html__( 'Fullwidth Headers', 'et_builder' );
$this->slug = 'et_pb_fullwidth_header';
$this->vb_support = 'on';
$this->main_css_element = '%%order_class%%';
$this->settings_modal_toggles = array(
'main_content' => et_builder_i18n( 'Text' ),
'images' => esc_html__( 'Images', 'et_builder' ),
'layout' => et_builder_i18n( 'Layout' ),
'scroll_down' => esc_html__( 'Scroll Down Icon', 'et_builder' ),
'title' => et_builder_i18n( 'Image' ),
'overlay' => et_builder_i18n( 'Overlay' ),
'title' => et_builder_i18n( 'Text' ),
'title' => et_builder_i18n( 'Sizing' ),
'title' => esc_html__( 'Attributes', 'et_builder' ),
$this->advanced_fields = array(
'label' => et_builder_i18n( 'Title' ),
'main' => '%%order_class%%.et_pb_fullwidth_header .header-content h1, %%order_class%%.et_pb_fullwidth_header .header-content h2.et_pb_module_header, %%order_class%%.et_pb_fullwidth_header .header-content h3.et_pb_module_header, %%order_class%%.et_pb_fullwidth_header .header-content h4.et_pb_module_header, %%order_class%%.et_pb_fullwidth_header .header-content h5.et_pb_module_header, %%order_class%%.et_pb_fullwidth_header .header-content h6.et_pb_module_header',
'letter_spacing' => array(
'label' => et_builder_i18n( 'Body' ),
'main' => '%%order_class%%.et_pb_fullwidth_header .et_pb_header_content_wrapper',
'letter_spacing' => array(
'block_elements' => array(
'tabbed_subtoggles' => true,
'bb_icons_support' => true,
'label' => esc_html__( 'Subtitle', 'et_builder' ),
'main' => '%%order_class%%.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead',
'letter_spacing' => array(
'label' => esc_html__( 'Button One', 'et_builder' ),
'main' => "{$this->main_css_element} .et_pb_button_one.et_pb_button",
'main' => '%%order_class%% .et_pb_button_one',
'margin_padding' => array(
'label' => esc_html__( 'Button Two', 'et_builder' ),
'main' => "{$this->main_css_element} .et_pb_button_two.et_pb_button",
'main' => '%%order_class%% .et_pb_button_two',
'margin_padding' => array(
'main' => '.et_pb_fullwidth_header%%order_class%%',
'background_color' => array(
'default' => et_builder_accent_color(),
'parallax_method' => array(
'use_text_orientation' => false,
'use_background_layout' => true,
'%%order_class%% .et_pb_module_header',
'%%order_class%% .et_pb_fullwidth_header_subhead',
'%%order_class%% .et_pb_button',
'text_shadow' => '%%order_class%% .header-content',
'background_layout' => array(
'child_filters_target' => array(
'tab_slug' => 'advanced',
'toggle_slug' => 'image',
'%%order_class%% .header-logo',
'%%order_class%% .header-image-container',
'border_radii' => '%%order_class%%.et_pb_fullwidth_header .header-logo, %%order_class%%.et_pb_fullwidth_header .header-image-container img',
'border_styles' => '%%order_class%%.et_pb_fullwidth_header .header-logo, %%order_class%%.et_pb_fullwidth_header .header-image-container img',
'label_prefix' => et_builder_i18n( 'Image' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'image',
'label' => esc_html__( 'Image Box Shadow', 'et_builder' ),
'option_category' => 'layout',
'tab_slug' => 'advanced',
'toggle_slug' => 'image',
'main' => '%%order_class%% .header-logo, %%order_class%% .header-image-container img',
'default_on_fronts' => array(
'position_fields' => array(
$this->custom_css_fields = array(
'header_container' => array(
'label' => esc_html__( 'Header Container', 'et_builder' ),
'selector' => '.et_pb_fullwidth_header_container',
'label' => esc_html__( 'Header Image', 'et_builder' ),
'selector' => '.et_pb_fullwidth_header_container .header-image img',
'label' => esc_html__( 'Logo', 'et_builder' ),
'selector' => '.header-content img.header-logo',
'label' => et_builder_i18n( 'Title' ),
'selector' => '%%order_class%% .header-content h1,%%order_class%% .header-content .et_pb_module_header',
'label' => et_builder_i18n( 'Body' ),
'selector' => '%%order_class%%.et_pb_fullwidth_header .et_pb_header_content_wrapper',
'label' => esc_html__( 'Subtitle', 'et_builder' ),
'selector' => '.header-content .et_pb_fullwidth_header_subhead',
'label' => esc_html__( 'Button One', 'et_builder' ),
'selector' => '.header-content-container .header-content .et_pb_button_one.et_pb_button',
'label' => esc_html__( 'Button Two', 'et_builder' ),
'selector' => '.header-content-container .header-content .et_pb_button_two.et_pb_button',
'scroll_button' => array(
'label' => esc_html__( 'Scroll Down Button', 'et_builder' ),
'selector' => '.et_pb_fullwidth_header_scroll a .et-pb-icon',
$this->help_videos = array(
'name' => esc_html__( 'An introduction to the Fullwidth Header module', 'et_builder' ),
'label' => et_builder_i18n( 'Title' ),
'option_category' => 'basic_option',
'description' => esc_html__( 'Enter your page title here.', 'et_builder' ),
'toggle_slug' => 'main_content',
'dynamic_content' => 'text',
'mobile_options' => true,
'label' => esc_html__( 'Subtitle', 'et_builder' ),
'option_category' => 'basic_option',
'description' => esc_html__( 'If you would like to use a subhead, add it here. Your subhead will appear below your title in a small font.', 'et_builder' ),
'toggle_slug' => 'main_content',
'dynamic_content' => 'text',
'mobile_options' => true,
'text_orientation' => array(
'label' => esc_html__( 'Text & Logo Alignment', 'et_builder' ),
'option_category' => 'layout',
'options' => et_builder_get_text_orientation_options( array( 'justified' ) ),
'tab_slug' => 'advanced',
'toggle_slug' => 'layout',
'description' => esc_html__( 'This controls how your text is aligned within the module.', 'et_builder' ),
'default_on_front' => 'left',
'header_fullscreen' => array(
'label' => esc_html__( 'Make Fullscreen', 'et_builder' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'off' => et_builder_i18n( 'No' ),
'on' => et_builder_i18n( 'Yes' ),
'default_on_front' => 'off',
'tab_slug' => 'advanced',
'toggle_slug' => 'layout',
'description' => esc_html__( 'Here you can choose whether the header is expanded to fullscreen size.', 'et_builder' ),
'header_scroll_down' => array(
'label' => esc_html__( 'Show Scroll Down Button', 'et_builder' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'off' => et_builder_i18n( 'No' ),
'on' => et_builder_i18n( 'Yes' ),
'default_on_front' => 'off',
'scroll_down_icon_color',
'tab_slug' => 'advanced',
'toggle_slug' => 'scroll_down',
'description' => esc_html__( 'Here you can choose whether the scroll down button is shown.', 'et_builder' ),
'scroll_down_icon' => array(
'label' => esc_html__( 'Icon', 'et_builder' ),
'option_category' => 'configuration',
'class' => array( 'et-pb-font-icon' ),
'renderer_options' => array(
'icons_list' => 'icon_down',
'description' => esc_html__( 'Choose an icon to display for the scroll down button.', 'et_builder' ),
'depends_show_if' => 'on',
'tab_slug' => 'advanced',
'toggle_slug' => 'scroll_down',
'mobile_options' => true,
'scroll_down_icon_color' => array(
'label' => esc_html__( 'Scroll Down Icon Color', 'et_builder' ),
'description' => esc_html__( 'Here you can define a custom color for the scroll down icon.', 'et_builder' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'scroll_down',
'depends_show_if' => 'on',
'mobile_options' => true,
'scroll_down_icon_size' => array(
'label' => esc_html__( 'Scroll Down Icon Size', 'et_builder' ),
'description' => esc_html__( 'Increase or decrease the size of the scroll down arrow that appears towards the bottom of the module.', 'et_builder' ),
'option_category' => 'layout',
'mobile_options' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'scroll_down',
'allowed_units' => array( '%', 'em', 'rem', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ex', 'vh', 'vw' ),
'depends_show_if' => 'on',
'button_one_text' => array(
'label' => sprintf( esc_html__( 'Button %1$s', 'et_builder' ), '#1' ),
'option_category' => 'basic_option',
'description' => esc_html__( 'Enter the text for the Button.', 'et_builder' ),
'toggle_slug' => 'main_content',
'dynamic_content' => 'text',
'mobile_options' => true,
'button_one_url' => array(
'label' => sprintf( esc_html__( 'Button %1$s Link URL', 'et_builder' ), '#1' ),
'option_category' => 'basic_option',
'description' => esc_html__( 'Enter the URL for the Button.', 'et_builder' ),
'toggle_slug' => 'link_options',
'dynamic_content' => 'url',
'button_two_text' => array(
'label' => sprintf( esc_html__( 'Button %1$s', 'et_builder' ), '#2' ),
'option_category' => 'basic_option',
'description' => esc_html__( 'Enter the text for the Button.', 'et_builder' ),
'toggle_slug' => 'main_content',
'dynamic_content' => 'text',
'mobile_options' => true,
'button_two_url' => array(
'label' => sprintf( esc_html__( 'Button %1$s Link URL', 'et_builder' ), '#2' ),
'option_category' => 'basic_option',
'description' => esc_html__( 'Enter the URL for the Button.', 'et_builder' ),
'toggle_slug' => 'link_options',
'dynamic_content' => 'url',
'background_overlay_color' => array(
'label' => esc_html__( 'Background Overlay Color', 'et_builder' ),
'description' => esc_html__( 'Pick a color to use for the background overlay. Decreasing the opacity will allow background images and gradients to show through while still keeping the text readable.', 'et_builder' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'overlay',
'mobile_options' => true,
'logo_image_url' => array(
'label' => esc_html__( 'Logo Image', 'et_builder' ),
'option_category' => 'basic_option',
'upload_button_text' => et_builder_i18n( 'Upload an image' ),
'choose_text' => esc_attr__( 'Choose an Image', 'et_builder' ),
'update_text' => esc_attr__( 'Set As Image', 'et_builder' ),
'description' => esc_html__( 'Upload your desired image, or type in the URL to the image you would like to display.', 'et_builder' ),
'toggle_slug' => 'images',
'dynamic_content' => 'image',
'mobile_options' => true,
'logo_alt_text' => array(
'label' => esc_html__( 'Logo Image Alternative Text', 'et_builder' ),
'option_category' => 'basic_option',
'depends_show_if' => 'on',
'description' => esc_html__( 'This defines the HTML ALT text. A short description of your image can be placed here.', 'et_builder' ),
'tab_slug' => 'custom_css',
'toggle_slug' => 'attributes',
'dynamic_content' => 'text',
'label' => esc_html__( 'Logo Image Title', 'et_builder' ),
'option_category' => 'basic_option',
'depends_show_if' => 'on',
'description' => esc_html__( 'This defines the HTML Title text.', 'et_builder' ),
'tab_slug' => 'custom_css',
'toggle_slug' => 'attributes',
'dynamic_content' => 'text',
'content_orientation' => array(
'label' => esc_html__( 'Text Vertical Alignment', 'et_builder' ),
'option_category' => 'layout',
'center' => et_builder_i18n( 'Center' ),
'bottom' => et_builder_i18n( 'Bottom' ),
'default_on_front' => 'center',
'tab_slug' => 'advanced',
'description' => esc_html__( 'This setting determines the vertical alignment of your content. Your content can either be vertically centered, or aligned to the bottom.', 'et_builder' ),
'depends_show_if' => 'on',
'header_image_url' => array(
'label' => esc_html__( 'Header Image', 'et_builder' ),
'option_category' => 'basic_option',
'upload_button_text' => et_builder_i18n( 'Upload an image' ),
'choose_text' => esc_attr__( 'Choose an Image', 'et_builder' ),
'update_text' => esc_attr__( 'Set As Image', 'et_builder' ),
'description' => esc_html__( 'Upload your desired image, or type in the URL to the image you would like to display.', 'et_builder' ),
'toggle_slug' => 'images',