<div id="api-list">
    <div id="api-tabview" class="tabview">
        <ul class="tabs">
            <li><a href="#api-classes">{{i18n.sidebar.CLASSES}}</a></li>
            <li><a href="#api-modules">{{i18n.sidebar.MODULES}}</a></li>
            <li><a href="#api-enums">{{i18n.sidebar.ENUMS}}</a></li>
        </ul>

        <div id="api-tabview-filter">
            <input type="search" id="api-filter" placeholder="{{i18n.sidebar.SEARCH_PLACEHOLDER}}">
        </div>

        <div id="api-tabview-panel">

            <ul id="api-classes" class="apis classes">
            {{#globals.classes}}
                <li>
                    <a class="class" href="{{project.base}}/classes/{{name}}.html">{{namespace}}</a>
                    <a href="{{../base}}/modules/{{module}}.html" class="api-list-item-module">@{{module}}</a>
                </li>
            {{/globals.classes}}
            </ul>

            <ul id="api-modules" class="apis modules">
            {{#globals.modules}}
                <li><a class="module" href="{{../base}}/modules/{{name}}.html">{{name}}</a></li>
            {{/globals.modules}}
            </ul>

            <ul id="api-enums" class="apis enums">
            {{#globals.classes}}
                {{#if is_enum}}
                <li>
                    <a class="class" href="{{../base}}/enums/{{name}}.html">{{name}}</a>
                    <a href="{{../base}}/modules/{{module}}.html" class="api-list-item-module">@{{module}}</a>
                </li>
                {{/if}}
            {{/globals.classes}}
            </ul>
        </div>
    </div>
</div>
