{$menu_params=[
    'menu_class' => '@(hmenu.menu.classNames) @(hmenu.menu.editorClass) nav @hmenu.menu.type @hmenu.menu.align',
    'menu_before' => '@hmenu.menu.effects.openTag',
    'menu_after' => '@hmenu.menu.effects.closeTag',

    'menu_item_class' => '@(hmenu.menu.item.classNames) @(hmenu.menu.item.editorClass) bd-toplevel-item',
    'menu_item_before' => '@hmenu.menu.item.effects.openTag',
    'menu_item_after' => '@hmenu.menu.item.effects.closeTag',

    'submenu_menu_popup_class' => '@hmenu.subMenu.Menu.name-@hmenu.subMenu.Menu.id-popup',
    'submenu_menu_before' => '@hmenu.subMenu.Menu.effects.openTag',
    'submenu_menu_after' => '@hmenu.subMenu.Menu.effects.closeTag',
    'submenu_menu_class' => '@(hmenu.subMenu.Menu.classNames) @(hmenu.subMenu.Menu.editorClass)',

    'submenu_menu_item_before' => '@hmenu.subMenu.Menu.item.effects.openTag',
    'submenu_menu_item_after' => '@hmenu.subMenu.Menu.item.effects.closeTag',
    'submenu_menu_item_class' => '@(hmenu.subMenu.Menu.item.classNames) @(hmenu.subMenu.Menu.item.editorClass) bd-sub-item',

    '_' => ''
] scope='global'}

@effects.openTag
<nav class="@classNames" @(_attrs)>
    @if(responsive.responsive !== "none") {
        @include("hmenu/offcanvasMenu/overlay")
        @include("responsive")
        <div class="navbar-collapse collapse @if (responsive.type === 'offcanvas' || responsive.type === 'offcanvas-shifted'){width}">
    }

        @hmenu.effects.openTag
        <div class="@(hmenu.classNames) @(hmenu.editorClass) clearfix">
            <div class="@containerInner">
                @if (showHeader) {
                    @include("header")
                }
                {hook h="displayNavigationBar"}
                @if (showFooter) {
                    @include("footer")
                }
            </div>
        </div>
        @hmenu.effects.closeTag

        @include("hmenu/offcanvasMenu/closeIcon")

    @if(responsive.responsive !== "none") {
        </div>
    }
</nav>
@effects.closeTag

{$menu_params=null scope='global'}