: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
et_builder_i18n( 'Off' ), // #10
esc_html__( 'Parallax Method', 'et_builder' ),
esc_html__( 'True Parallax', 'et_builder' ),
esc_html__( 'CSS', 'et_builder' ),
esc_html__( 'Background Image Size', 'et_builder' ),
$select_background_size, // #15
esc_html__( 'Background Image Position', 'et_builder' ),
$select_background_position,
esc_html__( 'Background Image Repeat', 'et_builder' ),
$select_background_repeat,
esc_html__( 'Background Image Blend', 'et_builder' ), // #20
'<div class="et_pb_background-tab et_pb_background-tab--video" data-tab="video">
<div class="et_pb_background-option et_pb_background-option--background_video_mp4 et_pb_background-template--video_mp4 et-pb-option et-pb-option--background_video_mp4 et-pb-option--has-preview">
<label for="et_pb_background_video_mp4_<%%= counter %%>">%1$s: </label>
<div class="et-pb-option-container et-pb-option-container--upload">
<div class="et-pb-option-preview et-pb-option-preview--empty">
<button class="et-pb-option-preview-button et-pb-option-preview-button--add">
<button class="et-pb-option-preview-button et-pb-option-preview-button--edit">
<button class="et-pb-option-preview-button et-pb-option-preview-button--delete">
<input id="et_pb_background_video_mp4_<%%= counter %%>" type="text" class="et-pb-main-setting regular-text et-pb-upload-field" value="<%%= current_background_video_mp4 %%>">
<input type="button" class="button button-upload et-pb-upload-button" value="%5$s" data-choose="%6$s" data-update="%7$s" data-type="video">
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_video_webm et_pb_background-template--video_webm et-pb-option et-pb-option--background_video_webm et-pb-option--has-preview">
<label for="et_pb_background_video_webm_<%%= counter %%>">%8$s: </label>
<div class="et-pb-option-container et-pb-option-container--upload">
<div class="et-pb-option-preview et-pb-option-preview--empty">
<button class="et-pb-option-preview-button et-pb-option-preview-button--add">
<button class="et-pb-option-preview-button et-pb-option-preview-button--edit">
<button class="et-pb-option-preview-button et-pb-option-preview-button--delete">
<input id="et_pb_background_video_webm_<%%= counter %%>" type="text" class="et-pb-main-setting regular-text et-pb-upload-field" value="<%%= current_background_video_webm %%>">
<input type="button" class="button button-upload et-pb-upload-button" value="%5$s" data-choose="%9$s" data-update="%7$s" data-type="video">
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_video_width et_pb_background-template--video_width et-pb-option et-pb-option--background_video_width">
<label for="et_pb_background_video_width_<%%= counter %%>">%10$s: </label>
<div class="et-pb-option-container et-pb-option-container--text">
<input id="et_pb_background_video_width_<%%= counter %%>" type="text" class="regular-text et-pb-main-setting" value="<%%= current_background_video_width %%>">
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_video_height et_pb_background-template--video_height et-pb-option et-pb-option--background_video_height">
<label for="et_pb_background_video_height_<%%= counter %%>">%11$s: </label>
<div class="et-pb-option-container et-pb-option-container--text">
<input id="et_pb_background_video_height_<%%= counter %%>" type="text" class="regular-text et-pb-main-setting" value="<%%= current_background_video_height %%>">
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--allow_player_pause et_pb_background-template--allow_player_pause et-pb-option et-pb-option--allow_player_pause">
<label for="et_pb_allow_player_pause_<%%= counter %%>">%12$s: </label>
<div class="et-pb-option-container et-pb-option-container--yes_no_button">
<div class="et_pb_yes_no_button_wrapper ">
<div class="et_pb_yes_no_button et_pb_off_state">
<span class="et_pb_value_text et_pb_on_value">%13$s</span>
<span class="et_pb_button_slider"></span>
<span class="et_pb_value_text et_pb_off_value">%14$s</span>
<select name="et_pb_allow_player_pause_<%%= counter %%>" id="et_pb_allow_player_pause_<%%= counter %%>" class="et-pb-main-setting regular-text" data-default="off">
<option value="off">%14$s</option>
<option value="on" <%%= current_allow_played_pause %%>>%13$s</option>
</div><span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_video_pause_outside_viewport et_pb_background-template--background_video_pause_outside_viewport et-pb-option et-pb-option--background_video_pause_outside_viewport">
<label for="et_pb_background_video_pause_outside_viewport_<%%= counter %%>">%15$s: </label>
<div class="et-pb-option-container et-pb-option-container--yes_no_button">
<div class="et_pb_yes_no_button_wrapper ">
<div class="et_pb_yes_no_button et_pb_off_state">
<span class="et_pb_value_text et_pb_on_value">%13$s</span>
<span class="et_pb_button_slider"></span>
<span class="et_pb_value_text et_pb_off_value">%14$s</span>
<select name="et_pb_background_video_pause_outside_viewport_<%%= counter %%>" id="et_pb_background_video_pause_outside_viewport_<%%= counter %%>" class="et-pb-main-setting regular-text" data-default="on">
<option value="on">%13$s</option>
<option value="off" <%%= current_background_video_pause_outside_viewport %%>>%14$s</option>
</div><span class="et-pb-reset-setting"></span>
esc_html__( 'Background Video MP4', 'et_builder' ),
$this->get_icon( 'add' ),
$this->get_icon( 'setting' ),
$this->get_icon( 'delete' ),
esc_html__( 'Upload a video', 'et_builder' ), // #5
esc_html__( 'Choose a Background Video MP4 File', 'et_builder' ),
esc_html__( 'Set As Background Video', 'et_builder' ),
esc_html__( 'Background Video Webm', 'et_builder' ),
esc_html__( 'Choose a Background Video WEBM File', 'et_builder' ),
esc_html__( 'Background Video Width', 'et_builder' ), // #10
esc_html__( 'Background Video Height', 'et_builder' ),
esc_html__( 'Pause Video When Another Video Plays', 'et_builder' ),
et_builder_i18n( 'Off' ),
esc_html__( 'Pause Video While Not In View', 'et_builder' ) // #15
'<div class="et_pb_subtoggle_section">
<div class="et-pb-option-toggle-content">
<div class="et-pb-option et-pb-option--background" data-option_name="background_color_<%%= counter %%>">
<label for="et_pb_background">
<%% if ( "4_4" !== column_type ) { %%>
<div class="et-pb-option-container et-pb-option-container-inner et-pb-option-container--background" data-column-index="<%%= counter %%>" data-base_name="background">
esc_html__( 'Column', 'et_builder' ),
et_builder_i18n( 'Background' ),
function generate_columns_settings_padding() {
'<%% var columns = typeof columns_layout !== \'undefined\' ? columns_layout.split(",") : [],
_.each( columns, function ( column_type ) {
current_value_padding_tablet,
current_value_padding_phone,
$this->generate_column_vars_padding()
'<div class="et_pb_subtoggle_section">
<div class="et-pb-option-toggle-content">
<div class="et-pb-option">
<label for="et_pb_padding_<%%= counter %%>">
<%% if ( "4_4" !== column_type ) { %%>
<div class="et-pb-option-container">
<div class="et_margin_padding">
<input type="text" class="medium-text et_custom_margin et_custom_margin_top et-pb-validate-unit et_pb_setting_mobile et_pb_setting_mobile_desktop et_pb_setting_mobile_active" id="et_pb_padding_top_<%%= counter %%>" name="et_pb_padding_top_<%%= counter %%>" value="<%%= current_value_pt %%>" data-device="desktop">
<input type="text" class="medium-text et_custom_margin et_custom_margin_top et_pb_setting_mobile et_pb_setting_mobile_tablet" data-device="tablet">
<input type="text" class="medium-text et_custom_margin et_custom_margin_top et_pb_setting_mobile et_pb_setting_mobile_phone" data-device="phone">
<input type="text" class="medium-text et_custom_margin et_custom_margin_right et-pb-validate-unit et_pb_setting_mobile et_pb_setting_mobile_desktop et_pb_setting_mobile_active" id="et_pb_padding_right_<%%= counter %%>" name="et_pb_padding_right_<%%= counter %%>" value="<%%= current_value_pr %%>" data-device="desktop">
<input type="text" class="medium-text et_custom_margin et_custom_margin_right et_pb_setting_mobile et_pb_setting_mobile_tablet" data-device="tablet">
<input type="text" class="medium-text et_custom_margin et_custom_margin_right et_pb_setting_mobile et_pb_setting_mobile_phone" data-device="phone">
<input type="text" class="medium-text et_custom_margin et_custom_margin_bottom et-pb-validate-unit et_pb_setting_mobile et_pb_setting_mobile_desktop et_pb_setting_mobile_active" id="et_pb_padding_bottom_<%%= counter %%>" name="et_pb_padding_bottom_<%%= counter %%>" value="<%%= current_value_pb %%>" data-device="desktop">
<input type="text" class="medium-text et_custom_margin et_custom_margin_bottom et_pb_setting_mobile et_pb_setting_mobile_tablet" data-device="tablet">
<input type="text" class="medium-text et_custom_margin et_custom_margin_bottom et_pb_setting_mobile et_pb_setting_mobile_phone" data-device="phone">
<input type="text" class="medium-text et_custom_margin et_custom_margin_left et-pb-validate-unit et_pb_setting_mobile et_pb_setting_mobile_desktop et_pb_setting_mobile_active" id="et_pb_padding_left_<%%= counter %%>" name="et_pb_padding_left_<%%= counter %%>" value="<%%= current_value_pl %%>" data-device="desktop">
<input type="text" class="medium-text et_custom_margin et_custom_margin_left et_pb_setting_mobile et_pb_setting_mobile_tablet" data-device="tablet">
<input type="text" class="medium-text et_custom_margin et_custom_margin_left et_pb_setting_mobile et_pb_setting_mobile_phone" data-device="phone">
<input type="hidden" class="et_custom_margin_main et_pb_setting_mobile et_pb_setting_mobile_desktop et-pb-main-setting et_pb_setting_mobile_active" value="<%%= \'\' === current_value_pt && \'\' === current_value_pr && \'\' === current_value_pb && \'\' === current_value_pl ? \'\' : current_value_pt + \'|\' + current_value_pr + \'|\' + current_value_pb + \'|\' + current_value_pl %%>" data-device="desktop">
<input type="hidden" class="et_custom_margin_main et_pb_setting_mobile et_pb_setting_mobile_tablet et-pb-main-setting" id="et_pb_padding_<%%= counter %%>_tablet" name="et_pb_padding_<%%= counter %%>_tablet" value="<%%= current_value_padding_tablet %%>" data-device="tablet" data-has_saved_value="<%%= has_tablet_padding %%>">
<input type="hidden" class="et_custom_margin_main et_pb_setting_mobile et_pb_setting_mobile_phone et-pb-main-setting" id="et_pb_padding_<%%= counter %%>_phone" name="et_pb_padding_<%%= counter %%>_phone" value="<%%= current_value_padding_phone %%>" data-device="phone" data-has_saved_value="<%%= has_phone_padding %%>">
<input id="et_pb_padding_<%%= counter %%>_last_edited" type="hidden" class="et_pb_mobile_last_edited_field" value="<%%= last_edited_padding_field %%>">
<span class="et-pb-mobile-settings-toggle"></span>
<span class="et-pb-reset-setting"></span>
esc_html__( 'Column', 'et_builder' ),
esc_html__( 'Padding', 'et_builder' ),
et_builder_i18n( 'Top' ),
et_builder_i18n( 'Right' ),
et_builder_i18n( 'Bottom' ), // #5
et_builder_i18n( 'Left' ),
et_pb_generate_mobile_settings_tabs() // #7
function generate_columns_settings_css() {
var columns_css = typeof columns_layout !== \'undefined\' ? columns_layout.split(",") : [],
_.each( columns_css, function ( column_type ) {
var current_module_id_value,
current_module_class_value,
current_custom_css_before_value,
current_custom_css_main_value,
current_custom_css_after_value;
<div class="et_pb_subtoggle_section">
<div class="et-pb-option-toggle-content">
<div class="et-pb-option et-pb-option--custom_css">
<label for="et_pb_custom_css_before_<%%= counter_css %%>">
<%% if ( "4_4" !== column_type ) { %%>
<%%= counter_css + " " %%>
%3$s:<span>.et_pb_column_<%%= \'row_inner\' === module_type ? \'inner_\' : \'\' %%><%%= typeof columns_order !== \'undefined\' && typeof columns_order[counter_css-1] !== \'undefined\' ? columns_order[counter_css-1] : \'\' %%>:before</span>
<div class="et-pb-option-container et-pb-custom-css-option">
<textarea id="et_pb_custom_css_before_<%%= counter_css %%>" class="et-pb-main-setting large-text coderegular-text" rows="4" cols="50"><%%= current_custom_css_before_value.replace( /\|\|/g, "\n" ) %%></textarea>
<div class="et-pb-option et-pb-option--custom_css">
<label for="et_pb_custom_css_main_<%%= counter_css %%>">
<%% if ( "4_4" !== column_type ) { %%>
<%%= counter_css + " " %%>
%4$s:<span>.et_pb_column_<%%= \'row_inner\' === module_type ? \'inner_\' : \'\' %%><%%= typeof columns_order !== \'undefined\' && typeof columns_order[counter_css-1] !== \'undefined\' ? columns_order[counter_css-1] : \'\' %%></span>
<div class="et-pb-option-container et-pb-custom-css-option">
<textarea id="et_pb_custom_css_main_<%%= counter_css %%>" class="et-pb-main-setting large-text coderegular-text" rows="4" cols="50"><%%= current_custom_css_main_value.replace( /\|\|/g, "\n" ) %%></textarea>
<div class="et-pb-option et-pb-option--custom_css">
<label for="et_pb_custom_css_after_<%%= counter_css %%>">
<%% if ( "4_4" !== column_type ) { %%>
<%%= counter_css + " " %%>
%5$s:<span>.et_pb_column_<%%= \'row_inner\' === module_type ? \'inner_\' : \'\' %%><%%= typeof columns_order !== \'undefined\' && typeof columns_order[counter_css-1] !== \'undefined\' ? columns_order[counter_css-1] : \'\' %%>:after</span>
<div class="et-pb-option-container et-pb-custom-css-option">
<textarea id="et_pb_custom_css_after_<%%= counter_css %%>" class="et-pb-main-setting large-text coderegular-text" rows="4" cols="50"><%%= current_custom_css_after_value.replace( /\|\|/g, "\n" ) %%></textarea>
$this->generate_column_vars_css(),
esc_html__( 'Column', 'et_builder' ),
et_builder_i18n( 'Before' ),
et_builder_i18n( 'Main Element' ),
et_builder_i18n( 'After' )
function generate_columns_settings_css_fields() {
var columns_css = typeof columns_layout !== \'undefined\' ? columns_layout.split(",") : [],
_.each( columns_css, function ( column_type ) {
var current_module_id_value,
current_module_class_value;
<div class="et_pb_subtoggle_section">
<div class="et-pb-option-toggle-content">
<div class="et-pb-option et_pb_custom_css_regular">
<label for="et_pb_module_id_<%%= counter_css %%>">
<%% if ( "4_4" !== column_type ) { %%>
<%%= counter_css + " " %%>
<div class="et-pb-option-container">
<input id="et_pb_module_id_<%%= counter_css %%>" type="text" class="regular-text et_pb_custom_css_regular et-pb-main-setting" value="<%%= current_module_id_value %%>">
<div class="et-pb-option et_pb_custom_css_regular">
<label for="et_pb_module_class_<%%= counter_css %%>">
<%% if ( "4_4" !== column_type ) { %%>
<%%= counter_css + " " %%>
<div class="et-pb-option-container">
<input id="et_pb_module_class_<%%= counter_css %%>" type="text" class="regular-text et_pb_custom_css_regular et-pb-main-setting" value="<%%= current_module_class_value %%>">
$this->generate_column_vars_css(),
esc_html__( 'Column', 'et_builder' ),
esc_html__( 'CSS ID', 'et_builder' ),
esc_html__( 'CSS Class', 'et_builder' )