{% import "macros.html" as macros %}

<h4 id="{$ class.name $}" class="docs-header-link docs-api-h4 docs-api-class-name">
    <span header-link="{$ class.name $}"></span>
    <code>{$ class.name $}</code>
    {%- if class.extendedDoc -%}
    <span class="docs-api-class-extends-clauses">
        <span class="docs-api-class-extends-label">extends</span>
        <span class="docs-api-class-extends-type">{$ class.extendedDoc.text $}</span>
    </span>
    {%- endif -%}
</h4>

{%- if class.description -%}
<p class="docs-api-class-description">{$ class.description | marked | safe $}</p>
{%- endif -%}

{%- if class.directiveSelectors -%}
<p class="docs-api-directive-selectors">
    <span class="docs-api-class-selector-label">Selector:</span>
    <div class="docs-api__selector-container">
        {% for selector in class.directiveSelectors %}
        <span class="docs-api-class-selector-name">{$ selector $}</span>
        {% endfor %}
    </div>
</p>
{%- endif -%}

{%- if class.directiveExportAs -%}
<span class="docs-api-class-export-label">Exported as:</span>
<span class="docs-api-class-export-name">{$ class.directiveExportAs $}</span>
{%- endif -%}

{%- if class.isDeprecated -%}
<div class="docs-api-class-deprecated-marker" {$ macros.deprecationTitle(class) $}>
    Deprecated
</div>
{%- endif -%}

{$ propertyList(class.properties) $}

{$ methodList(class.methods) $}