{# Defines macros for reusable templates. #}

{% macro property(property) -%}
  {% include 'property.template.html' %}
{% endmacro %}

{% macro propertyInterface(property) -%}
  {% include 'property-interface.template.html' %}
{% endmacro %}

{% macro propertyEnum(property) -%}
  {% include 'property-enum.template.html' %}
{% endmacro %}

{% macro propertyList(propertyList, type) -%}
  {% include 'property-list.template.html' %}
{% endmacro %}

{% macro class(class) -%}
  {% include 'class.template.html' %}
{% endmacro %}

{% macro interface(interface) -%}
  {% include 'interface.template.html' %}
{% endmacro %}

{% macro enum(enum) -%}
{% include 'enum.template.html' %}
{% endmacro %}

{% macro example(example) -%}
  {% include 'runnableExample.template.html' %}
{% endmacro %}

{%- macro directiveProp(property, join, sep) %}{%- if property.isDirectiveInput -%}{$ property.directiveInputAlias | dashCase | replace("'","") $}{$ join
$}{$ property.type | escape | replace('{', '{') | replace('}', '}') | replace("@", "@") $}{$ sep $}{%- elif property.isDirectiveOutput -%}({$ property.directiveOutputAlias
| dashCase | replace("'","") $}){$ join $}{$ property.type | escape | replace('{', '{') | replace("@", "@") | replace('}', '}') $}{$ sep $}{%- else -%}p-{$
property.name | dashCase | replace("'","") $}{$ join $}{$ property.type | escape | replace('{', '{') | replace('}', '}') | replace("@", "@") $}{$ sep $}{%- endif -%}{% endmacro -%}

{% macro methodList(methodList, type) -%}
  {% include 'method-list.template.html' %}
{% endmacro %}

{% macro method(method) -%}
  {% include 'method.template.html' %}
{% endmacro %}

<div class="docs-api">
  <p class="docs-api-module-import">
    <code>
      {%- if doc.ngModule.name -%}
        import &#123; {$ doc.ngModule.name $} &#125; from '&#64;po-ui/ng-{$ doc.package $}';
      {%- else -%}
        import &#123; {$ doc.componentName $} &#125; from '&#64;po-ui/ng-{$ doc.package $}';
      {%- endif -%}
  </code>

  <div class="docs-api-class-description">
    {$ doc.ngModule.description | marked | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}
  </div>

  {%- if doc.services.length -%}
    <h3 class="docs-api-h3">Services</h3>
    {% for service in doc.services %}
      {$ class(service) $}
    {% endfor %}
  {%- endif -%}

  {%- if doc.directives.length -%}
    <h3 class="docs-api-h3">Componente</h3>
    {% for directive in doc.directives %}
      {$ class(directive) $}
    {% endfor %}
  {%- endif -%}

  {%- if doc.additionalClasses.length -%}
    <h3>Additional classes</h3>
    {% for other in doc.additionalClasses %}
      {$ class(other) $}
    {% endfor %}
  {%- endif -%}

   {%- if doc.interfaces.length -%}
    <h3>Interfaces</h3>
    {% for i in doc.interfaces %}
      {$ interface(i) $}
    {% endfor %}
  {%- endif -%}

  {%- if doc.enums.length -%}
    <h3>Enums</h3>
    {% for e in doc.enums %}
      {$ enum(e) $}
    {% endfor %}
{%- endif -%}

  {%- if doc.models.length -%}
    <h3>Models</h3>
    {% for m in doc.models %}
      {$ interface(m) $}
    {% endfor %}
{%- endif -%}
</div>