<div id="api-list">
    <h2 class="off-left">APIs</h2>
    <div id="api-tabview" class="tabview">
        <ul class="tabs">
            <li><a href="#api-classes">Classes</a></li>
            {{#if elements}}
            <li><a href="#api-elements">Elements</a></li>
            {{/if}}
            <li><a href="#api-modules">Modules</a></li>
        </ul>

        <div id="api-tabview-filter">
            <input type="search" id="api-filter" placeholder="Type to filter APIs">
        </div>

        <div id="api-tabview-panel">
            <ul id="api-classes" class="apis classes">
            {{#classes}}
                <li><a href="{{../projectRoot}}classes/{{name}}.html">{{displayName}}</a></li>
            {{/classes}}
            </ul>

            {{#if elements}}
                <ul id="api-elements" class="apis elements">
                {{#elements}}
                    <li><a href="{{../projectRoot}}elements/{{name}}.html">{{displayName}}</a></li>
                {{/elements}}
                </ul>
            {{/if}}

            <ul id="api-modules" class="apis modules">
            {{#allModules}}
                <li><a href="{{../projectRoot}}modules/{{name}}.html">{{displayName}}</a></li>
            {{/allModules}}
            </ul>
        </div>
    </div>
</div>
