+- #document[@NodeName = "#document"]
   +- #comment[@Data = " from https://raw.githubusercontent.com/trailheadapps/lwc-recipes-oss/main/src/modules/ui/app/app.html ", @NodeName = "#comment"]
   +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n"]
   +- template[@NodeName = "template"]
   |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n    "]
   |  +- section[@NodeName = "section", @class = "content container page-background"]
   |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n        "]
   |  |  +- ui-navbar[@NodeName = "ui-navbar", @nav-items = "{navigationItems}", @oncategorychange = "{handleCategoryChange}", @selected-item = "{currentNavigationItem}"]
   |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n        "]
   |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n\n        "]
   |  |  +- article[@NodeName = "article", @class = "container"]
   |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n            "]
   |  |  |  +- div[@NodeName = "div"]
   |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- template[@NodeName = "template", @if:true = "{navigationItems.hello.visible}"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-hello[@NodeName = "recipe-hello"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-hello-binding[@NodeName = "recipe-hello-binding"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-hello-expressions[@NodeName = "recipe-hello-expressions"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-hello-expressions-track[@NodeName = "recipe-hello-expressions-track"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-hello-conditional-rendering[@NodeName = "recipe-hello-conditional-rendering"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-hello-for-each[@NodeName = "recipe-hello-for-each"]
   |  |  |  |  |  +- recipe-hello-iterator[@NodeName = "recipe-hello-iterator"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- template[@NodeName = "template", @if:true = "{navigationItems.composition.visible}"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-composition-basics[@NodeName = "recipe-composition-basics"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-composition-iteration[@NodeName = "recipe-composition-iteration"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-composition-contact-search[@NodeName = "recipe-composition-contact-search"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-composition-dynamic[@NodeName = "recipe-composition-dynamic"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- template[@NodeName = "template", @if:true = "{navigationItems.child.visible}"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-event-simple[@NodeName = "recipe-event-simple"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-event-with-data[@NodeName = "recipe-event-with-data"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-event-bubbling[@NodeName = "recipe-event-bubbling"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- template[@NodeName = "template", @if:true = "{navigationItems.parent.visible}"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-api-property[@NodeName = "recipe-api-property"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-api-function[@NodeName = "recipe-api-function"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-api-setter-getter[@NodeName = "recipe-api-setter-getter"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- template[@NodeName = "template", @if:true = "{navigationItems.misc.visible}"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-misc-shared-java-script[@NodeName = "recipe-misc-shared-java-script"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-misc-rest-api-call[@NodeName = "recipe-misc-rest-api-call"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-misc-dom-query[@NodeName = "recipe-misc-dom-query"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-misc-multiple-templates[@NodeName = "recipe-misc-multiple-templates"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- template[@NodeName = "template", @if:true = "{navigationItems.party.visible}"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-libs-d3[@NodeName = "recipe-libs-d3"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                    "]
   |  |  |  |  |  +- recipe-libs-chartjs[@NodeName = "recipe-libs-chartjs"]
   |  |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n                "]
   |  |  |  |  +- ui-navfooter[@NodeName = "ui-navfooter", @label-next = "{nextNavigationItem}", @label-previous = "{previousNavigationItem}", @onnextclicked = "{handleNavigateNext}", @onpreviousclicked = "{handleNavigatePrevious}"]
   |  |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n            "]
   |  |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n        "]
   |  |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n    "]
   |  +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n"]
   +- #text[@NodeName = "#text", @Text = " ", @WholeText = "\n"]
