I set out to answer my own question posed to the StackOverflow community:
The definition of done is as follows:
1 - On the top row, the wide layout is presented, whereas the bottom row shows the narrow layout. In both cases, the flow is:
- No navigation state
- Navigation item selected
- Item selected in list
2 - The URI for each step is as follows:
- /
- /nav1
- /nav1/2
This solution solves each of these problems and meets the definition of done. However, there is still room for improvement. Pull requests are welcome.
Demonstration: