{{/* Renders a slice of *treeNodeData as <li> elements (no wrapping <ul>). */}}
{{define "yang-tree-nodes"}}
  {{range .}}{{template "yang-tree-node" .}}{{end}}
{{end}}

{{/* Renders a single *treeNodeData as a <li>. */}}
{{define "yang-tree-node"}}
  {{if or (eq .Kind "container") (eq .Kind "list") (eq .Kind "list-instance")}}
  <li>
    <details class="yt-node"
             hx-get="{{.TreeBase}}/children?path={{.Path | urlquery}}"
             hx-target="find .yt-children"
             hx-trigger="toggle once"
             hx-swap="innerHTML">
      <summary class="yt-label"
               data-yang-path="{{.Path}}"
               hx-get="{{.TreeBase}}/node?path={{.Path | urlquery}}"
               hx-target="#yang-detail"
               hx-swap="innerHTML">
        {{template "icon-yt-chevron"}}
        <span class="yt-name">{{.Name}}</span>
      </summary>
      <ul class="yt-children"></ul>
    </details>
  </li>
  {{end}}
{{end}}