: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
class DSM_NavMenu extends ET_Builder_Module {
public $slug = 'dsm_menu';
public $vb_support = 'on';
protected $module_credits = array(
'module_uri' => 'https://divisupreme.com/',
'author' => 'Divi Supreme',
'author_uri' => 'https://divisupreme.com/',
$this->name = esc_html__( 'Supreme Menu', 'dsm-supreme-modules-for-divi' );
$this->icon_path = plugin_dir_path( __FILE__ ) . 'icon.svg';
$this->settings_modal_toggles = array(
'main_content' => esc_html__( 'Menu', 'dsm-supreme-modules-for-divi' ),
'title' => esc_html__( 'Layout', 'dsm-supreme-modules-for-divi' ),
'title' => esc_html__( 'Title', 'dsm-supreme-modules-for-divi' ),
'title' => esc_html__( 'Menu', 'dsm-supreme-modules-for-divi' ),
'submenu_style' => array(
'title' => esc_html__( 'Sub Menu', 'dsm-supreme-modules-for-divi' ),
'submenu_collapse_style' => array(
'title' => esc_html__( 'Sub Menu Collapse', 'dsm-supreme-modules-for-divi' ),
public function get_advanced_fields_config() {
'label' => esc_html__( 'Title', 'dsm-supreme-modules-for-divi' ),
'main' => '%%order_class%% h1.dsm-menu-title, %%order_class%% h2.dsm-menu-title, %%order_class%% h3.dsm-menu-title, %%order_class%% h4.dsm-menu-title, %%order_class%% h5.dsm-menu-title, %%order_class%% h6.dsm-menu-title',
'letter_spacing' => array(
'label' => esc_html__( 'Menu', 'dsm-supreme-modules-for-divi' ),
'main' => '%%order_class%% ul.dsm-menu li a',
'plugin_main' => '%%order_class%% ul.dsm-menu li a',
'range_settings' => array(
'letter_spacing' => array(
'range_settings' => array(
'hide_text_align' => true,
'hide_text_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'label' => esc_html__( 'Sub Menu', 'dsm-supreme-modules-for-divi' ),
'main' => '%%order_class%% ul.dsm-menu .menu-item-has-children .sub-menu li a',
'plugin_main' => '%%order_class%% ul.dsm-menu .menu-item-has-children .sub-menu li a',
'range_settings' => array(
'letter_spacing' => array(
'range_settings' => array(
'hide_text_align' => true,
'hide_text_color' => false,
'tab_slug' => 'advanced',
'toggle_slug' => 'submenu_style',
'use_background_layout' => true,
'text_orientation' => array(
'default_on_front' => 'left',
'background_layout' => array(
'default_on_front' => 'light',
'margin_padding' => array(
'main' => '%%order_class%%.et_pb_module.dsm_menu',
'submenu_collapse' => array(
'label' => esc_html__( 'Arrow Box Border', 'et_builder' ),
'border_radii' => '%%order_class%% ul.dsm-menu-submenu-collapse .et-pb-icon',
'border_radii_hover' => '%%order_class%% ul.dsm-menu-submenu-collapse li a:hover .et-pb-icon',
'border_styles' => '%%order_class%% ul.dsm-menu-submenu-collapse .et-pb-icon',
'border_styles_hover' => '%%order_class%% ul.dsm-menu-submenu-collapse li a:hover .et-pb-icon',
'submenu_collapse' => 'on',
'tab_slug' => 'advanced',
'toggle_slug' => 'submenu_collapse_style',
'submenu_collapse' => array(
'label' => esc_html__( 'Arrow Box Shadow', 'et_builder' ),
'option_category' => 'layout',
'tab_slug' => 'advanced',
'toggle_slug' => 'submenu_collapse_style',
'submenu_collapse' => 'on',
'main' => '%%order_class%% ul.dsm-menu-submenu-collapse .et-pb-icon',
'hover' => '%%order_class%% ul.dsm-menu-submenu-collapse li a:hover .et-pb-icon',
'default_on_fronts' => array(
public function get_fields() {
$et_accent_color = et_builder_accent_color();
'label' => esc_html__( 'Menu Title', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'basic_option',
'description' => esc_html__( 'The title will appear above the menu.', 'dsm-supreme-modules-for-divi' ),
'toggle_slug' => 'main_content',
'title_bottom_gap' => array(
'label' => esc_html__( 'Bottom Gap', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'mobile_options' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'header',
'label' => esc_html__( 'Menu', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'basic_option',
'options' => et_builder_get_nav_menus_options(),
'description' => sprintf(
'<p class="description">%2$s. <a href="%1$s" target="_blank">%3$s</a>.</p>',
esc_url( admin_url( 'nav-menus.php' ) ),
esc_html__( 'Select a menu that should be used in the module', 'dsm-supreme-modules-for-divi' ),
esc_html__( 'Click here to create new menu', 'dsm-supreme-modules-for-divi' )
'toggle_slug' => 'main_content',
'computed_affects' => array(
'submenu_collapse' => array(
'label' => esc_html__( 'Collapse Sub Menu', 'dsm-supreme-modules-for-divi' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'off' => esc_html__( 'No', 'dsm-supreme-modules-for-divi' ),
'on' => esc_html__( 'Yes', 'dsm-supreme-modules-for-divi' ),
'toggle_slug' => 'main_content',
'description' => esc_html__( 'Here you can choose whether your submenu should be collapsed.', 'dsm-supreme-modules-for-divi' ),
'default_on_front' => 'off',
'computed_affects' => array(
'use_schema_markup' => array(
'label' => esc_html__( 'Use Schema Markup', 'dsm-supreme-modules-for-divi' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'off' => esc_html__( 'No', 'dsm-supreme-modules-for-divi' ),
'on' => esc_html__( 'Yes', 'dsm-supreme-modules-for-divi' ),
'toggle_slug' => 'main_content',
'description' => esc_html__( 'Here you can choose whether your menu should use Schema Markup structured data.', 'dsm-supreme-modules-for-divi' ),
'default_on_front' => 'on',
'computed_affects' => array(
'menu_link_text_color' => array(
'label' => esc_html__( 'Menu Link Color', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'active_link_color' => array(
'label' => esc_html__( 'Active Link Color', 'dsm-supreme-modules-for-divi' ),
'description' => esc_html__( 'An active link is the page currently being visited. You can pick a color to be applied to active links to differentiate them from other links.', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'menu_link_text_active_color' => array(
'label' => esc_html__( 'Menu Link Active Color (:active pseudo)', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'description' => esc_html__( 'The :active pseudo selector changes the appearance of a link while it is being activated (being clicked on or otherwise activated).', 'dsm-supreme-modules-for-divi' ),
'menu_link_text_visited_color' => array(
'label' => esc_html__( 'Menu Link Visited Color', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'menu_space_between' => array(
'label' => esc_html__( 'Space Between', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'mobile_options' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'label' => esc_html__( 'Menu Layout', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'vertical' => esc_html__( 'Vertical', 'dsm-supreme-modules-for-divi' ),
'default_on_front' => 'vertical',
'tab_slug' => 'advanced',
'toggle_slug' => 'layout',
'menu_left_space' => array(
'label' => esc_html__( 'Left Spacing', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'mobile_options' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'menu_layout' => 'vertical',
'list_style_type' => array(
'label' => esc_html__( 'List Style Type', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'none' => esc_html__( 'None', 'dsm-supreme-modules-for-divi' ),
'disc' => esc_html__( 'Disc', 'dsm-supreme-modules-for-divi' ),
'circle' => esc_html__( 'Circle', 'dsm-supreme-modules-for-divi' ),
'decimal' => esc_html__( 'Decimal', 'dsm-supreme-modules-for-divi' ),
'square' => esc_html__( 'Square', 'dsm-supreme-modules-for-divi' ),
'default_on_front' => 'disc',
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'menu_layout' => 'vertical',
'list_style_position' => array(
'label' => esc_html__( 'List Style Position', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'inside' => esc_html__( 'Inside', 'dsm-supreme-modules-for-divi' ),
'outside' => esc_html__( 'Outside', 'dsm-supreme-modules-for-divi' ),
'default_on_front' => 'inside',
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'menu_layout' => 'vertical',
'list_style_color' => array(
'label' => esc_html__( 'List Style Color', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'menu_style',
'mobile_options' => true,
'list_style_type' => 'none',
'menu_layout' => 'vertical',
'submenu_left_space' => array(
'label' => esc_html__( 'Left Spacing', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'mobile_options' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'submenu_style',
'menu_layout' => 'vertical',
'menu_animation' => array(
'label' => esc_html__( 'Use Link Hover Animation', 'dsm-supreme-modules-for-divi' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'off' => esc_html__( 'No', 'dsm-supreme-modules-for-divi' ),
'on' => esc_html__( 'Yes', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'animation',
'description' => esc_html__( 'Here you can choose whether or not to have hover animation on your menu links.', 'dsm-supreme-modules-for-divi' ),
'default_on_front' => 'off',
'menu_animation_type' => array(
'label' => esc_html__( 'Animation Type', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'underline' => esc_html__( 'Underline', 'dsm-supreme-modules-for-divi' ),
'default_on_front' => 'underline',
'default' => 'underline',
'tab_slug' => 'advanced',
'toggle_slug' => 'animation',
'menu_animation' => 'on',
'underline_animation' => array(
'label' => esc_html__( 'Underline Animation', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'left-right' => esc_html__( 'Left to Right', 'dsm-supreme-modules-for-divi' ),
'right-left' => esc_html__( 'Right to Left', 'dsm-supreme-modules-for-divi' ),
'center-out' => esc_html__( 'Center Out', 'dsm-supreme-modules-for-divi' ),
'default_on_front' => 'left-right',
'default' => 'left-right',
'tab_slug' => 'advanced',
'toggle_slug' => 'animation',
'menu_animation' => 'on',
'menu_animation_type' => 'underline',
'underline_animation_color' => array(
'label' => esc_html__( 'Link Color', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'animation',
'default_on_front' => '#2ea3f2',
'menu_animation' => 'on',
'menu_animation_type' => 'underline',
'submenu_arrow_color' => array(
'default' => $et_accent_color,
'label' => esc_html__( 'Arrow Color', 'dsm-supreme-modules-for-divi' ),
'description' => esc_html__( 'Here you can define a custom color for your arrow.', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'submenu_collapse_style',
'mobile_options' => true,
'submenu_collapse' => 'on',
'submenu_arrow_background_color' => array(
'label' => esc_html__( 'Arrow Background Color', 'dsm-supreme-modules-for-divi' ),
'description' => esc_html__( 'Here you can define a custom background color for your icon.', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'submenu_collapse_style',
'mobile_options' => true,
'submenu_collapse' => 'on',
'submenu_arrow_gap' => array(
'label' => esc_html__( 'Arrow Gap', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'mobile_options' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'submenu_collapse_style',
'submenu_collapse' => 'on',
'submenu_arrow_padding' => array(
'label' => esc_html__( 'Arrow Padding', 'dsm-supreme-modules-for-divi' ),
'description' => esc_html__( 'Here you can define a custom padding size for the icon.', 'dsm-supreme-modules-for-divi' ),