lib.header_menu = COA
lib.header_menu {

    wrap = <div id="navbar" class="row"><div class="container-fluid"><nav class="navbar navbar-expand-lg navbar-dark" role="navigation"> | </nav> </div></div>
    
        5 = TEXT
        5.value = <a></a>
        5.typolink {
            parameter =
            ATagParams = class="navbar-brand"
        }

    10 = COA
    10 {
        wrap = <div class="d-flex justify-content-between hidden-lg-up p-2 p-lg-0"> | </div>

        20 = COA
        20 {
            // hamburger icon:
            wrap = <button class="navbar-toggler navbar-toggler-right" aria-label="Toggle navigation" aria-expanded="false" aria-controls="bd-main-nav" data-target="#bd-main-nav" data-toggle="collapse" type="button">|</button>
            10 = TEXT
            10.value = <span class="sr-only">Toggle navigation</span>
            20 = TEXT
            20.value = <span class="navbar-toggler-icon"></span>
        }
    }
 
    20 = HMENU
    20 {
        wrap = <div id="bd-main-nav" class="collapse navbar-collapse"> <ul class="nav navbar-nav ml-auto w-100 justify-content-center"> | </ul> </div>
 
        1 = TMENU
        1 {
            expAll = 1
 
            NO = 1
            NO {
                #ATagTitle.field = title
                ATagParams = class="nav-link pb-lg-1"
                wrapItemAndSub = <li class="nav-item">|</li>
            }
 
            CUR < .NO
            CUR {
                wrapItemAndSub = <li class="nav-item active current">|</li>
            }
 
            ACT < .CUR
 
            IFSUB = 1
            IFSUB {
                ATagTitle.field = title
                ATagParams = class="nav-link dropdown-toggle pb-lg-1" data-toggle="dropdown" role="button" aria-expanded="false"
                ATagBeforeWrap = 1
                wrapItemAndSub = <li class="nav-item dropdown">|</li>
            }
 
            ACTIFSUB < .IFSUB
            ACTIFSUB {
                wrapItemAndSub = <li class="nav-item dropdown active">|</li>
            }
 
            CURIFSUB < .ACTIFSUB
        }
 
        2 < .1
        2 {
            wrap = <ul class="dropdown-menu m-0 p-0 bg-color-pmu">|</ul>
          
            NO {
                ATagParams = class="nav-link py-lg-2"
            }
            CUR < .NO
            CUR {
                wrapItemAndSub = <li class="nav-item active current">|</li>
            }
 
            // because default Bootstrap 3 doesn't support more submenu levels:
            IFSUB >
            ACTIFSUB >
            CURIFSUB >
          
            SPC = 1
            SPC {
                wrapItemAndSub.cObject = COA
                wrapItemAndSub.cObject {
                    // no divider, if first menu item on this level:
                    10 = TEXT
                    10.value = <li class="dropdown-header">|</li>
                    10.if.value.data = register:count_MENUOBJ
                    10.if.equals = 1
 
                    // otherwise:
                    20 = TEXT
                    20.value = <li class="divider"></li><li class="dropdown-header">|</li>
                    20.if.value.data = register:count_MENUOBJ
                    20.if.equals = 1
                    20.if.negate = 1
                }
            }
        }
    }
}