<section data-compodoc="block-index">
    <h3 id="index">{{t "index" }}</h3>
    {{#if properties}}
        {{#compare properties.length ">" 0}}
        <table class="table table-sm table-bordered index-table">
            <tbody>
                <tr>
                    <td class="col-md-3">
                        <h6><b>{{t "properties" }}</b></h6>
                    </td>
                    <td class="col-md-9">
                        <ul class="index-list">
                        {{#each properties}}
                            <li>
                                <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
                                {{#each modifierKind}}
                                    <span class="modifier">{{modifKind this}}</span>
                                {{/each}}
                                {{#if optional}}
                                    <span class="modifier">{{t "optional" }}</span>
                                {{/if}}
                                <a href="#{{name}}" {{#if deprecated}}class="deprecated-name"{{/if}}>{{name}}</a>
                            </li>
                        {{/each}}
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
        {{/compare}}
    {{/if}}

    {{#if methods}}
        {{#compare methods.length ">" 0}}
        <table class="table table-sm table-bordered index-table">
            <tbody>
                <tr>
                    <td class="col-md-3">
                        <h6><b>{{t "methods" }}</b></h6>
                    </td>
                    <td class="col-md-9">
                        <ul class="index-list">
                        {{#each methods}}
                            <li>
                                <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
                                {{#each modifierKind}}
                                    <span class="modifier">{{modifKind this}}</span>
                                {{/each}}
                                {{#if optional}}
                                    <span class="modifier">{{t "optional" }}</span>
                                {{/if}}
                                <a href="#{{name}}" {{#if deprecated}}class="deprecated-name"{{/if}}>{{name}}</a>
                            </li>
                        {{/each}}
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
        {{/compare}}
    {{/if}}

    {{#if inputs}}
        {{#compare inputs.length ">" 0}}
        <table class="table table-sm table-bordered index-table">
            <tbody>
                <tr>
                    <td class="col-md-3">
                        <h6><b>{{t "inputs" }}</b></h6>
                    </td>
                    <td class="col-md-9">
                        <ul class="index-list">
                        {{#each inputs}}
                            <li>
                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#{{name}}" {{#if deprecated}}class="deprecated-name"{{/if}}>{{name}}</a>
                            </li>
                        {{/each}}
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
        {{/compare}}
    {{/if}}

    {{#if outputs}}
        {{#compare outputs.length ">" 0}}
        <table class="table table-sm table-bordered index-table">
            <tbody>
                <tr>
                    <td class="col-md-3">
                        <h6><b>{{t "outputs" }}</b></h6>
                    </td>
                    <td class="col-md-9">
                        <ul class="index-list">
                        {{#each outputs}}
                            <li>
                                <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#{{name}}" {{#if deprecated}}class="deprecated-name"{{/if}}>{{name}}</a>
                            </li>
                        {{/each}}
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
        {{/compare}}
    {{/if}}

    {{#if hostBindings}}
        {{#compare hostBindings.length ">" 0}}
        <table class="table table-sm table-bordered index-table">
            <tbody>
                <tr>
                    <td class="col-md-3">
                        <h6><b>{{t "hostbindings"}}</b></h6>
                    </td>
                    <td class="col-md-9">
                        <ul class="index-list">
                        {{#each hostBindings}}
                            <li>
                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#{{name}}" {{#if deprecated}}class="deprecated-name"{{/if}}>{{name}}</a>
                            </li>
                        {{/each}}
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
        {{/compare}}
    {{/if}}

    {{#if hostListeners}}
        {{#compare hostListeners.length ">" 0}}
        <table class="table table-sm table-bordered index-table">
            <tbody>
                <tr>
                    <td class="col-md-3">
                        <h6><b>{{t "hostlisteners"}}</b></h6>
                    </td>
                    <td class="col-md-9">
                        <ul class="index-list">
                        {{#each hostListeners}}
                            <li>
                                <span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#{{name}}" {{#if deprecated}}class="deprecated-name"{{/if}}>{{name}}</a>
                            </li>
                        {{/each}}
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
        {{/compare}}
    {{/if}}

    {{#if accessors}}
        {{#objectLength accessors ">" 0}}
        <table class="table table-sm table-bordered index-table">
            <tbody>
                <tr>
                    <td class="col-md-3">
                        <h6><b>{{t "accessors" }}</b></h6>
                    </td>
                    <td class="col-md-9">
                        <ul class="index-list">
                        {{#each accessors}}
                            <li>
                                <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
                                {{#each modifierKind}}
                                    <span class="modifier">{{modifKind this}}</span>
                                {{/each}}
                                <a href="#{{@key}}" {{#if deprecated}}class="deprecated-name"{{/if}}>{{@key}}</a>
                            </li>
                        {{/each}}
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
        {{/objectLength}}
    {{/if}}
</section>
