: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
class ET_Builder_Module_Field_MaxWidth extends ET_Builder_Module_Field_Base {
protected $i18n = array();
public function get_defaults() {
'use_module_alignment' => true,
public function get_fields( array $args = array() ) {
$settings = array_merge( $this->get_defaults(), $args );
$this->width_fields( $settings ),
$this->max_width_fields( $settings ),
$this->alignment_fields( $settings )
private function width_fields( $settings ) {
if ( ! $settings['use_width'] ) {
if ( ! isset( $i18n['width'] ) ) {
// phpcs:disable WordPress.WP.I18n.MissingTranslatorsComment
'label' => __( 'Width', 'et_builder' ),
'description' => __( 'By default, elements will extend the full width of their parent element. If you would like to set a custom static width, you can do so using this option.', 'et_builder' ),
$alignment = new ET_Builder_Module_Helper_Alignment( $settings['prefix'] );
$width = new ET_Builder_Module_Helper_Width( $settings['prefix'] );
$field_name = $width->get_field();
$field_name => array_merge(
'label' => $i18n['width']['label'],
'description' => $i18n['width']['description'],
'default_tablet' => 'auto',
'allowed_values' => et_builder_get_acceptable_css_string_values( 'width' ),
$this->responsive_fields( $field_name )
if ( $settings['use_module_alignment'] ) {
$field[ $field_name ]['responsive_affects'] = array( $alignment->get_field() );
private function max_width_fields( $settings ) {
if ( ! $settings['use_max_width'] ) {
if ( ! isset( $i18n['maxwidth'] ) ) {
// phpcs:disable WordPress.WP.I18n.MissingTranslatorsComment
$i18n['maxwidth'] = array(
'label' => __( 'Max Width', 'et_builder' ),
'description' => __( 'Setting a maximum width will prevent your element from ever surpassing the defined width value. Maximum width can be used in combination with the standard width setting. Maximum width supersedes the normal width value.', 'et_builder' ),
$alignment = new ET_Builder_Module_Helper_Alignment( $settings['prefix'] );
$max_width = new ET_Builder_Module_Helper_Max_Width( $settings['prefix'] );
$field_name = $max_width->get_field();
$field_name => array_merge(
'label' => $i18n['maxwidth']['label'],
'description' => $i18n['maxwidth']['description'],
'default_tablet' => 'none',
'allowed_values' => et_builder_get_acceptable_css_string_values( 'max-width' ),
$this->responsive_fields( $field_name )
if ( $settings['use_module_alignment'] ) {
$field[ $field_name ]['responsive_affects'] = array( $alignment->get_field() );
private function alignment_fields( $settings ) {
if ( ! $settings['use_module_alignment'] ) {
if ( ! isset( $i18n['alignment'] ) ) {
// phpcs:disable WordPress.WP.I18n.MissingTranslatorsComment
$i18n['alignment'] = array(
'label' => esc_html__( 'Module Alignment', 'et_builder' ),
'description' => esc_html__( 'Align the module to the left, right or center.', 'et_builder' ),
$width = new ET_Builder_Module_Helper_Width( $settings['prefix'] );
$max_width = new ET_Builder_Module_Helper_Max_Width( $settings['prefix'] );
$alignment = new ET_Builder_Module_Helper_Alignment( $settings['prefix'] );
$field_name = $alignment->get_field();
$depends_responsive = array();
'label' => $i18n['alignment']['label'],
'description' => $i18n['alignment']['description'],
'option_category' => 'layout',
'options' => et_builder_get_text_orientation_options( array( 'justified' ) ),
'tab_slug' => 'advanced',
'toggle_slug' => 'width',
'mobile_options' => true,
'positioning' => array( 'absolute', 'fixed' ),
if ( $settings['use_width'] ) {
array_push( $depends, $width->get_field() );
array_push( $depends_responsive, $width->get_field() );
if ( $settings['use_max_width'] ) {
array_push( $depends, $max_width->get_field() );
array_push( $depends_responsive, $max_width->get_field() );
if ( $settings['use_width'] || $settings['use_max_width'] ) {
$field['depends_show_if_not'] = array( '', '100%', 'auto', 'none' );
if ( ! empty( $depends ) ) {
$field['depends_on'] = $depends;
$field['depends_on_responsive'] = $depends_responsive;
return array( $field_name => $field );
private function get_base_field() {
'default_on_child' => true,
'mobile_options' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'width',
'range_settings' => array(
private function responsive_fields( $field ) {
"{$field}_tablet" => array(
'tab_slug' => 'advanced',
'toggle_slug' => 'width',
"{$field}_phone" => array(
'tab_slug' => 'advanced',
'toggle_slug' => 'width',
"{$field}_last_edited" => array(
'tab_slug' => 'advanced',
'toggle_slug' => 'width',
return new ET_Builder_Module_Field_MaxWidth();