1 files changed, 131 insertions, 0 deletions
diff --git a/inc/builder/type/header/mobile-menu/class-astra-mobile-menu-component.php b/inc/builder/type/header/mobile-menu/class-astra-mobile-menu-component.php
new file mode 100644
index 0000000..4c46c8c
--- /dev/null
+++ b/inc/builder/type/header/mobile-menu/class-astra-mobile-menu-component.php
@@ -0,0 +1,131 @@
+<?php
+/**
+ * Header Navigation Menu component.
+ *
+ * @package     Astra Builder
+ * @author      Brainstorm Force
+ * @copyright   Copyright (c) 2020, Brainstorm Force
+ * @link        https://www.brainstormforce.com
+ * @since       Astra 3.0.0
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
+define( 'ASTRA_BUILDER_MOBILE_MENU_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/mobile-menu' );
+define( 'ASTRA_BUILDER_MOBILE_MENU_URI', ASTRA_THEME_URI . 'inc/builder/type/header/mobile-menu' );
+
+/**
+ * Header Navigation Menu Initial Setup
+ *
+ * @since 3.0.0
+ */
+class Astra_Mobile_Menu_Component {
+
+	/**
+	 * Constructor function that initializes required actions and hooks
+	 */
+	public function __construct() {
+
+		// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
+		require_once ASTRA_BUILDER_MOBILE_MENU_DIR . '/class-astra-mobile-menu-component-loader.php';
+
+		// Include front end files.
+		if ( ! is_admin() ) {
+			require_once ASTRA_BUILDER_MOBILE_MENU_DIR . '/dynamic-css/dynamic.css.php';
+		}
+		// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
+	}
+
+	/**
+	 * Secondary navigation markup
+	 *
+	 * @since 3.0.0.
+	 */
+	public static function menu_markup() {
+
+		$theme_location        = 'mobile_menu';
+		$submenu_class         = apply_filters( 'secondary_submenu_border_class', ' submenu-with-border' );
+		$stack_on_mobile_class = 'stack-on-mobile';
+
+		// Menu Animation.
+		$menu_animation = astra_get_option( 'header-mobile-menu-submenu-container-animation' );
+		if ( ! empty( $menu_animation ) ) {
+			$submenu_class .= ' astra-menu-animation-' . esc_attr( $menu_animation ) . ' ';
+		}
+
+		/**
+		 * Filter the classes(array) for Menu (<ul>).
+		 *
+		 * @since  3.0.0
+		 * @var Array
+		 */
+		$menu_classes = apply_filters( 'astra_primary_menu_classes', array( 'main-header-menu', 'ast-nav-menu', 'ast-flex', $submenu_class, $stack_on_mobile_class ) );
+
+		$items_wrap  = '<nav ';
+		$items_wrap .= astra_attr(
+			'site-navigation',
+			array(
+				'id'         => 'site-navigation',
+				'class'      => 'ast-flex-grow-1 navigation-accessibility site-header-focus-item',
+				'aria-label' => esc_attr__( 'Site Navigation', 'astra' ),
+			)
+		);
+		$items_wrap .= '>';
+		$items_wrap .= '<div class="main-navigation">';
+		$items_wrap .= '<ul id="%1$s" class="%2$s">%3$s</ul>';
+		$items_wrap .= '</div>';
+		$items_wrap .= '</nav>';
+
+		// Fallback Menu if primary menu not set.
+		$fallback_menu_args = array(
+			'theme_location' => $theme_location,
+			'menu_id'        => 'ast-hf-mobile-menu',
+			'menu_class'     => 'main-navigation',
+			'container'      => 'div',
+			'before'         => '<ul class="' . esc_attr( implode( ' ', $menu_classes ) ) . '">',
+			'after'          => '</ul>',
+			'walker'         => new Astra_Walker_Page(),
+		);
+
+		// To add default alignment for navigation which can be added through any third party plugin.
+		// Do not add any CSS from theme except header alignment.
+		echo '<div ' . astra_attr( 'ast-main-header-bar-alignment' ) . '>';
+
+		if ( is_customize_preview() ) {
+			Astra_Builder_UI_Controller::render_customizer_edit_button();
+		}
+		if ( has_nav_menu( $theme_location ) ) {
+			wp_nav_menu(
+				array(
+					'menu_id'         => 'ast-hf-mobile-menu',
+					'menu_class'      => esc_attr( implode( ' ', $menu_classes ) ),
+					'container'       => 'div',
+					'container_class' => 'main-header-bar-navigation',
+					'items_wrap'      => $items_wrap,
+					'theme_location'  => $theme_location,
+				)
+			);
+		} else {
+				echo '<div class="main-header-bar-navigation">';
+					echo '<nav ';
+					echo astra_attr(
+						'site-navigation',
+						array(
+							'id' => 'site-navigation',
+						)
+					);
+					echo ' class="ast-flex-grow-1 navigation-accessibility" aria-label="' . esc_attr__( 'Site Navigation', 'astra' ) . '">';
+						wp_page_menu( $fallback_menu_args );
+					echo '</nav>';
+				echo '</div>';
+		}
+		echo '</div>';
+	}
+}
+
+/**
+ *  Kicking this off by creating an object.
+ */
+new Astra_Mobile_Menu_Component();