{% macro @type(type, isArray, isRest) -%}
  {%- if type.type === 'stringLiteral' -%}
    <span class="text-green">"{{type.value}}"</span>
  {%- endif -%}

  {%- if type.declaration and type.declaration.children -%}
    {<dl class="type-child-list clearfix">
    {%- for child in type.declaration.children -%}
      <dt class="type-child-name">{{child.name}}:</dt><dd class="type-child-type">{{ @type(child.type) }}</dd>
    {%- endfor -%}
    </dl>}
  {%- endif -%}

  {%- if type.type === 'array' and (type.elementType.type === "union" or (type.elementType.type === "typeParameter" and type.elementType.constraint.type === "union")) -%}
    <i class="no-wrap">{{ @type(type.elementType, true) }}</i>
  {%- elif  type.type === 'array'  -%}
    <i class="no-wrap">{{ @type(type.elementType) }}<span class="text-light-gray">{{ '[]' }}</span></i>
  {%- endif -%}

  {%- if type.type === 'array'  -%}
    <span class="text-light-gray">{{ ' | ' }}</span>{{ @type(type.elementType) }}
  {%- endif -%}

  {%- if type.type === 'intrinsic' -%}
    <i class="text-purple">{{type.name}}</i>
  {%- endif -%}

  {%- if type.type === 'reference' and type.id and API_TOOLS.findById(data.typedoc, type.id) -%}
    <i><a href="{{ API_TOOLS.findById(data.typedoc, type.id).pageUrl }}">{{type.name}}</a></i>
  {%- elif API_TOOLS.findByName(data.typedoc, type.name) -%}
    <i><a href="{{ API_TOOLS.findByName(data.typedoc, type.name).pageUrl }}">{{type.name}}</a></i>
  {%- elif type.type === 'reference' -%}
    <i>{{type.name}}</i>
  {%- endif -%}

  {%- if type.type === 'reflection' and type.declaration.signatures.length > 0 -%}
    <span class="code-face"><span class="text-light-gray">function</span><span class="text-light-gray">(</span>{{ @signatureParams(type.declaration.signatures[0].parameters) }}<span class="text-light-gray">) : </span>{{@type(type.declaration.signatures[0].type)}}</span>
  {%- elif type.type === 'reflection' and type.declaration.id and API_TOOLS.findById(data.typedoc, type.declaration.id)  -%}
    {% set declaration = API_TOOLS.findById(data.typedoc, type.declaration.id) %}
    <i><a href="{{ declaration.pageUrl }}">{{declaration.name}}</a></i>
  {%- elif type.type === 'reflection' and type.declaration and type.declaration.indexSignature -%}
    {% for signature in type.declaration.indexSignature %}
      <i class="no-wrap">{% for param in signature.parameters%}[key: {{@type(param.type)}}]: {% endfor %}{{@type(signature.type)}}</i>
    {% endfor %}
  {%- elif type.type === 'reflection' -%}
    <i>{{ type.name }}</i>
  {%- endif -%}

  {%- if type.type === 'union' -%}
    <i>{%- for t in type.types -%}
      {{ @type(t) }}{% if isArray %}<span class="text-light-gray">{{ '[]' }}</span>{% endif %}

      {%- if (loop.last === false) -%}
        <span class="text-light-gray">{{ ' | ' }}</span>
      {%- endif -%}
    {%- endfor -%}</i>
  {%- endif -%}

  {%- if type.type === 'tuple' -%}
    <i class="no-wrap">{%- for t in type.elements -%}
      {%- if (loop.first) -%}
        <span class="text-light-gray">{{ '[' }}</span>
      {%- endif -%}
      {{ @type(t) }}
      {%- if (loop.last === false) -%}
        <span class="text-light-gray">{{ ', ' }}</span>
      {%- endif -%}
      {%- if (loop.last) -%}
        <span class="text-light-gray">{{ ']' }}</span>
      {%- endif -%}
    {%- endfor -%}</i>
  {%- endif -%}

  {%- if type.type === 'typeParameter' and type.constraint -%}
    {{ @type(type.constraint, isArray) }}
  {%- endif -%}

  {%- if type.typeArguments -%}
    <i>{% for arg in type.typeArguments -%}
      {%- if (loop.first) -%}<span class="text-light-gray">{{ '<' }}</span>{%- endif -%}
      {{ @type(arg) }}
      {%- if (loop.last) -%}<span class="text-light-gray">{{ '>' }}</span>{%- endif -%}
    {%- endfor %}</i>
  {%- endif -%}
{%- endmacro %}

{% macro @param(param) -%}
  {%- if param -%}
    {{param.name}}: {{@type(param.type, undefined, param.flags.isRest)}}
  {%- endif -%}
{%- endmacro %}

{% macro @signatureParams(params) -%}
  {% for param in params | stripThisFromParams -%}{{ @param(param) }}{{ ', ' if (loop.last === false)}}{%- endfor %}
{%- endmacro %}

{% macro @signature(signature) -%}
  <li class="code-face tsd-signature tsd-kind-icon trailer-0 leader-0">{{ signature.name }}<span class="text-light-gray">(</span>{{ @signatureParams(signature.parameters) }}<span class="text-light-gray">) : </span>{{@type(signature.type)}}</li>
{%- endmacro %}

{% macro @inherited(inheritedFrom) -%}
  {% if inheritedFrom %}
    <span class="label">Inherited</span>
  {% endif %}
{%- endmacro %}

{% macro @propertyTableForId (id, header, column1Header, column2Header)%}
  {% if header %}
    <h2 class="font-size-1 trailer-half">{{header | safe}}</h2>
  {% endif %}
  <div class="overflow-auto trailer-1">
    <table class="table">
      <thead>
        <tr>
          <th>{{column1Header}}</th>
          <th>{{column2Header}}</th>
          <th>Notes</th>
        </tr>
      </thead>
      <tbody>
        {% for child in API_TOOLS.findById(data.typedoc, id).children %}
          <tr id="{{child.name}}">
            <td class="code-face {{child.icon}} no-wrap">
              <a href="#{{child.name}}" class="table-link">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" class="svg-icon"><path d="M28.633 17.945l-4.118-4.426c.076 1.131-.034 2.262-.355 3.241l2.83 2.827a5.281 5.281 0 0 1 0 7.459 5.223 5.223 0 0 1-3.723 1.54 5.227 5.227 0 0 1-3.728-1.542l-5.459-5.459a5.276 5.276 0 0 1 0-7.452c.607-.609 1.361-1.048 2.1-1.229a1.833 1.833 0 0 0-.279-.414l-1.344-1.461c-.845.404-1.54.881-2.12 1.461a7.554 7.554 0 0 0-2.223 5.371c0 2.027.791 3.934 2.223 5.366l5.459 5.459a7.544 7.544 0 0 0 5.371 2.225 7.55 7.55 0 0 0 5.366-2.223c2.962-2.962 2.962-7.782 0-10.745zM8.711 3.497a5.23 5.23 0 0 1 3.726 1.54l5.459 5.457a5.279 5.279 0 0 1 0 7.454c-.605.605-1.356 1.043-2.105 1.222.086.154.166.301.287.421l1.422 1.422c.808-.394 1.476-.862 2.039-1.422 2.96-2.962 2.96-7.777 0-10.74L14.08 3.394c-1.434-1.435-3.342-2.225-5.369-2.225s-3.934.791-5.369 2.225C1.908 4.828 1.117 6.736 1.117 8.763s.791 3.934 2.225 5.369L7.46 18.56c-.076-1.131.034-2.262.355-3.239l-2.83-2.833c-.994-.991-1.542-2.316-1.542-3.726s.548-2.732 1.542-3.726a5.23 5.23 0 0 1 3.726-1.54z"/></svg>
              </a>
              <span class="tsd-kind-icon">{{child.name}}</span>
              {{ @flags(child.flags) }}
              {{ @inherited(child.inheritedFrom) }}
            </td>
            <td class="code-face">
              {% if child.defaultValue %}
                {{ child.defaultValue }}
              {% elif child.getSignature %}
                {{ @type(child.getSignature[0].type) }}
              {% else %}
                {{ @type(child.type) }}
              {% endif %}
            </td>
            <td class="body-face api-param-comment">
              {% markdown -%}
                {{ child.comment.shortText | safe | trim }}
              {%- endmarkdown %}
            </td>
          </tr>
        {% endfor %}

      </tbody>
    </table>
  </div>
{% endmacro %}

{% macro @properties (group, children) %}
  <div class="overflow-auto trailer-1">
    <table class="table">
      <thead>
        <tr>
          <th>{{ API_TOOLS.findChildById(group.children[0], children).kindString }}</th>
          <th>{{ 'Value' if API_TOOLS.findChildById(group.children[0], children).defaultValue else 'Type' }}</th>
          <th>Notes</th>
        </tr>
      </thead>
      <tbody>
        {% for id in group.children %}
          {% set child = API_TOOLS.findChildById(id, children) %}
          <tr id="{{child.name}}">
            <td class="code-face {{child.icon}} no-wrap">
              <a href="#{{child.name}}" class="table-link">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" class="svg-icon"><path d="M28.633 17.945l-4.118-4.426c.076 1.131-.034 2.262-.355 3.241l2.83 2.827a5.281 5.281 0 0 1 0 7.459 5.223 5.223 0 0 1-3.723 1.54 5.227 5.227 0 0 1-3.728-1.542l-5.459-5.459a5.276 5.276 0 0 1 0-7.452c.607-.609 1.361-1.048 2.1-1.229a1.833 1.833 0 0 0-.279-.414l-1.344-1.461c-.845.404-1.54.881-2.12 1.461a7.554 7.554 0 0 0-2.223 5.371c0 2.027.791 3.934 2.223 5.366l5.459 5.459a7.544 7.544 0 0 0 5.371 2.225 7.55 7.55 0 0 0 5.366-2.223c2.962-2.962 2.962-7.782 0-10.745zM8.711 3.497a5.23 5.23 0 0 1 3.726 1.54l5.459 5.457a5.279 5.279 0 0 1 0 7.454c-.605.605-1.356 1.043-2.105 1.222.086.154.166.301.287.421l1.422 1.422c.808-.394 1.476-.862 2.039-1.422 2.96-2.962 2.96-7.777 0-10.74L14.08 3.394c-1.434-1.435-3.342-2.225-5.369-2.225s-3.934.791-5.369 2.225C1.908 4.828 1.117 6.736 1.117 8.763s.791 3.934 2.225 5.369L7.46 18.56c-.076-1.131.034-2.262.355-3.239l-2.83-2.833c-.994-.991-1.542-2.316-1.542-3.726s.548-2.732 1.542-3.726a5.23 5.23 0 0 1 3.726-1.54z"/></svg>
              </a>
              <span class="tsd-kind-icon">{{child.name}}</span>
              {{ @flags(child.flags) }}
              {{ @inherited(child.inheritedFrom) }}
            </td>
            <td class="code-face">
              {% if child.defaultValue %}
                {{ child.defaultValue }}
              {% elif child.getSignature %}
                {{ @type(child.getSignature[0].type) }}
              {% else %}
                {{ @type(child.type) }}
              {% endif %}
            </td>
            <td class="body-face api-param-comment">
              {% markdown -%}
                {{ child.comment.shortText | safe | trim }}
              {%- endmarkdown %}
            </td>
          </tr>
        {% endfor %}

      </tbody>
    </table>
  </div>
{% endmacro %}

{% macro @indexSignature (signatures, parentKind) %}
  <div class="overflow-auto trailer-1">
    <table class="table">
      <thead>
        <tr>
          <th>Key Type</th>
          <th>Value Type</th>
          <th>Notes</th>
        </tr>
      </thead>
      <tbody>
        {% for child in signatures %}
          <tr id="{{child.parameters[0].id}}">
            <td class="code-face tsd-kind-index-signature tsd-parent-kind-{{parentKind | lower}} no-wrap">
              <a href="#{{child.parameters[0].id}}" class="table-link">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" class="svg-icon"><path d="M28.633 17.945l-4.118-4.426c.076 1.131-.034 2.262-.355 3.241l2.83 2.827a5.281 5.281 0 0 1 0 7.459 5.223 5.223 0 0 1-3.723 1.54 5.227 5.227 0 0 1-3.728-1.542l-5.459-5.459a5.276 5.276 0 0 1 0-7.452c.607-.609 1.361-1.048 2.1-1.229a1.833 1.833 0 0 0-.279-.414l-1.344-1.461c-.845.404-1.54.881-2.12 1.461a7.554 7.554 0 0 0-2.223 5.371c0 2.027.791 3.934 2.223 5.366l5.459 5.459a7.544 7.544 0 0 0 5.371 2.225 7.55 7.55 0 0 0 5.366-2.223c2.962-2.962 2.962-7.782 0-10.745zM8.711 3.497a5.23 5.23 0 0 1 3.726 1.54l5.459 5.457a5.279 5.279 0 0 1 0 7.454c-.605.605-1.356 1.043-2.105 1.222.086.154.166.301.287.421l1.422 1.422c.808-.394 1.476-.862 2.039-1.422 2.96-2.962 2.96-7.777 0-10.74L14.08 3.394c-1.434-1.435-3.342-2.225-5.369-2.225s-3.934.791-5.369 2.225C1.908 4.828 1.117 6.736 1.117 8.763s.791 3.934 2.225 5.369L7.46 18.56c-.076-1.131.034-2.262.355-3.239l-2.83-2.833c-.994-.991-1.542-2.316-1.542-3.726s.548-2.732 1.542-3.726a5.23 5.23 0 0 1 3.726-1.54z"/></svg>
              </a>
              <span class="tsd-kind-icon">{{ @type(child.parameters[0].type) }}</span>
            </td>
            <td class="code-face">
              {% if child.defaultValue %}
                {{ child.defaultValue }}
              {% elif child.getSignature %}
                {{ @type(child.getSignature[0].type) }}
              {% else %}
                {{ @type(child.type) }}
              {% endif %}
            </td>
            <td class="body-face api-param-comment">
              {% markdown -%}
                {{ child.comment.shortText | safe | trim }}
              {%- endmarkdown %}
            </td>
          </tr>
        {% endfor %}

      </tbody>
    </table>
  </div>
{% endmacro %}

{% macro @flags(flags) %}
  {% if flags.isOptional %}
  <span class="label">Optional</span>
  {% endif %}

  {% if flags.isPrivate %}
  <span class="label">Private</span>
  {% endif %}

  {% if flags.isProtected %}
  <span class="label">Protected</span>
  {% endif %}

  {% if flags.isRequired %}
  <span class="label">Required</span>
  {% endif %}

  {% if flags.isStatic %}
  <span class="label">Static</span>
  {% endif %}
{% endmacro %}

{% macro @signatures(signatures) %}
  {%- if signatures[0].comment.shortText -%}
    {% markdown -%}
      {{ signatures[0].comment.shortText | safe }}
    {%- endmarkdown %}
  {%- endif %}

  {% if signatures[0].comment.text %}
    {% markdown -%}
      {{ signatures[0].comment.text | safe }}
    {%- endmarkdown %}
  {% endif %}

  <div class="panel padding-leader-half padding-trailer-half padding-right-quarter padding-left-half trailer-half">
    <ul class="list-plain tsd-signatures {{icon}} trailer-0 leader-0">
      {% for signature in signatures %}
        {{ @signature(signature) }}
      {% endfor %}
    </ul>
  </div>

  {% if signatures[0].parameters %}
    <h2 class="font-size-1 trailer-half">Parameters</h2>
    {{@parametersTable(signatures[0].parameters, signatures[0].name)}}
  {% endif %}

  {% for param in signatures[0].parameters %}
    {% if param.name == "requestOptions" and param.type.type === "reference" %}
      {% set id = API_TOOLS.findByName(data.typedoc, param.type.name).id %}
      {{ @propertyTableForId(id, "Available <code>requestOptions</code>", "Property", "Type")}}
    {% endif %}

    {% if param.name == "requestOptions" and param.type.type !== "reference" and param.type.id %}
      {{ @propertyTableForId(param.type.id, "Options", "Property", "Type")}}
    {% endif %}
  {% endfor %}

  <h2 class="font-size-1 trailer-half">Returns</h2>

  {%- markdown -%}
    {{ signatures[0].comment.returns | safe }}
  {%- endmarkdown %}

  <div class="fonts-size--1 panel padding-leader-half padding-trailer-half padding-right-half padding-left-half trailer-half">
  {{@type(signatures[0].type)}}
  </div>

  {% if (signatures[0].type.name === "Promise" and signatures[0].type.typeArguments[0].type === "reference") %}
    {% set id = API_TOOLS.findByName(data.typedoc, signatures[0].type.typeArguments[0].name).id %}
    {{ @propertyTableForId(id, undefined, "Property", "Type") }}
  {% elif (signatures[0].type.name === "Promise" and signatures[0].type.typeArguments[0].id) or signatures[0].type.id %}
    {% set id = signatures[0].type.typeArguments[0].id or signatures[0].type.id %}
    {{ @propertyTableForId(id, undefined, "Property", "Type") }}
  {% endif %}
{% endmacro %}

{% macro @methodsTable(group, children) %}
  <div class="overflow-auto trailer-1">
    <table class="table">
      <thead>
      <tr>
        <th>Method</th>
        <th>Returns</th>
        <th>Notes</th>
      </tr>
      </thead>
      <tbody>
        {% for childId in group.children %}
          {% set child = API_TOOLS.findChildById(childId, children) %}
          <tr id="{{child.signatures[0].name}}-summary">
            <td>
              <a href="#{{child.signatures[0].name}}-summary" class="table-link">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" class="svg-icon"><path d="M28.633 17.945l-4.118-4.426c.076 1.131-.034 2.262-.355 3.241l2.83 2.827a5.281 5.281 0 0 1 0 7.459 5.223 5.223 0 0 1-3.723 1.54 5.227 5.227 0 0 1-3.728-1.542l-5.459-5.459a5.276 5.276 0 0 1 0-7.452c.607-.609 1.361-1.048 2.1-1.229a1.833 1.833 0 0 0-.279-.414l-1.344-1.461c-.845.404-1.54.881-2.12 1.461a7.554 7.554 0 0 0-2.223 5.371c0 2.027.791 3.934 2.223 5.366l5.459 5.459a7.544 7.544 0 0 0 5.371 2.225 7.55 7.55 0 0 0 5.366-2.223c2.962-2.962 2.962-7.782 0-10.745zM8.711 3.497a5.23 5.23 0 0 1 3.726 1.54l5.459 5.457a5.279 5.279 0 0 1 0 7.454c-.605.605-1.356 1.043-2.105 1.222.086.154.166.301.287.421l1.422 1.422c.808-.394 1.476-.862 2.039-1.422 2.96-2.962 2.96-7.777 0-10.74L14.08 3.394c-1.434-1.435-3.342-2.225-5.369-2.225s-3.934.791-5.369 2.225C1.908 4.828 1.117 6.736 1.117 8.763s.791 3.934 2.225 5.369L7.46 18.56c-.076-1.131.034-2.262.355-3.239l-2.83-2.833c-.994-.991-1.542-2.316-1.542-3.726s.548-2.732 1.542-3.726a5.23 5.23 0 0 1 3.726-1.54z"/></svg>
              </a>
              <ul class="method-table-signatures {{child.signatures[0].icon}}">
                {% for signature in child.signatures -%}
                  <li class="code-face tsd-signature tsd-kind-icon">
                    <a href="#{{signature.name}}">{{ signature.name }}</a><span class="text-light-gray">(</span>{{ @signatureParams(signature.parameters) }}<span class="text-light-gray">)</span>
                  </li>
                {%- endfor %}
              </ul>
            </td>
            <td class="code-face">{{@type(child.signatures[0].type)}}</td>
            <td class="body-face api-param-comment">
              {% markdown -%}
                {{ child.signatures[0].comment.shortText | safe | trim }}
              {%- endmarkdown %}
              {% markdown -%}
                {{ child.signatures[0].comment.text | safe | trim }}
              {%- endmarkdown %}
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  {% for childId in group.children %}
    {% set child = API_TOOLS.findChildById(childId, children) %}
    {% set signatures = child.signatures %}
    <div id="{{signatures[0].name}}" class="method-panel panel panel-white padding-trailer-0 leader-1 trailer-1">
      <header class="clearfix">
        <a href="#{{signatures[0].name}}" class="table-link">
          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" class="svg-icon"><path d="M28.633 17.945l-4.118-4.426c.076 1.131-.034 2.262-.355 3.241l2.83 2.827a5.281 5.281 0 0 1 0 7.459 5.223 5.223 0 0 1-3.723 1.54 5.227 5.227 0 0 1-3.728-1.542l-5.459-5.459a5.276 5.276 0 0 1 0-7.452c.607-.609 1.361-1.048 2.1-1.229a1.833 1.833 0 0 0-.279-.414l-1.344-1.461c-.845.404-1.54.881-2.12 1.461a7.554 7.554 0 0 0-2.223 5.371c0 2.027.791 3.934 2.223 5.366l5.459 5.459a7.544 7.544 0 0 0 5.371 2.225 7.55 7.55 0 0 0 5.366-2.223c2.962-2.962 2.962-7.782 0-10.745zM8.711 3.497a5.23 5.23 0 0 1 3.726 1.54l5.459 5.457a5.279 5.279 0 0 1 0 7.454c-.605.605-1.356 1.043-2.105 1.222.086.154.166.301.287.421l1.422 1.422c.808-.394 1.476-.862 2.039-1.422 2.96-2.962 2.96-7.777 0-10.74L14.08 3.394c-1.434-1.435-3.342-2.225-5.369-2.225s-3.934.791-5.369 2.225C1.908 4.828 1.117 6.736 1.117 8.763s.791 3.934 2.225 5.369L7.46 18.56c-.076-1.131.034-2.262.355-3.239l-2.83-2.833c-.994-.991-1.542-2.316-1.542-3.726s.548-2.732 1.542-3.726a5.23 5.23 0 0 1 3.726-1.54z"/></svg>
        </a>
        <h3 class="font-size-2 code-face trailer-0 margin-right-half left">{{signatures[0].name}}</h3>
        {{ @flags(child.flags)}}
        <small class="{{signatures[0].icon}} font-size--2 right">
          <span class="tsd-kind-icon">
            {% if child.flags.isStatic %}
              Static {{kindString}} Method
            {% elif child.flags.isPrivate %}
              Private {{kindString}} Method
            {% elif child.flags.isProtected %}
              Protected {{kindString}} Method
            {% else %}
              {{kindString}} Method
            {% endif %}
          </span>
        </small>
      </header>

      <hr class="leader-half trailer-half">

      <div class="api-function-comment">
        {% markdown -%}
          {{ signatures[0].comment.shortText | safe }}
        {%- endmarkdown %}
      </div>

      <div class="fonts-size--1 panel padding-leader-half padding-trailer-half padding-right-half padding-left-half trailer-half">
        <ul class="list-plain trailer-0 tsd-signatures trailer-half {{signatures[0].icon}}">
          {% for signature in signatures %}
            {{ @signature(signature) }}
          {% endfor %}
        </ul>
      </div>

      {% if (signatures[0].parameters | stripThisFromParams).length > 0 %}
        <h2 class="font-size-1 trailer-half">Parameters</h2>
        {{@parametersTable(signatures[0].parameters, signatures[0].name)}}
      {% endif %}

      <h2 class="font-size-1 trailer-half">Returns</h2>

      {%- markdown -%}
        {{ signatures[0].comment.returns | safe }}
      {%- endmarkdown %}

      <div class="fonts-size--1 panel padding-leader-half padding-trailer-half padding-right-half padding-left-half trailer-half">
      {{@type(signatures[0].type)}}
      </div>

      {% if signatures[0].comment.text %}
        <hr class="leader-half trailer-half">

        {% markdown -%}
          {{ signatures[0].comment.text | safe }}
        {%- endmarkdown %}
      {% endif %}
    </div>
  {% endfor %}
{% endmacro %}

{% macro @accessorsTable(group, children) %}
  {{ @properties(group, children) }}
  {# @TODO make a custom table when and if we need setters... #}
{% endmacro %}

{% macro @parametersTable(parameters, fnName) %}
  <div class="overflow-auto trailer-1">
    <table class="table">
      <thead>
        <tr>
          <th class="font-size--2">Parameter</th>
          <th class="font-size--2">Type</th>
          <th class="font-size--2">Default</th>
          <th class="font-size--2">Notes</th>
        </tr>
      </thead>
      <tbody>
        {% for param in parameters | stripThisFromParams -%}
          <tr id="{{fnName}}-{{param.name}}">
            <td class="code-face">
              <a href="#{{fnName}}-{{param.name}}" class="table-link">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" class="svg-icon"><path d="M28.633 17.945l-4.118-4.426c.076 1.131-.034 2.262-.355 3.241l2.83 2.827a5.281 5.281 0 0 1 0 7.459 5.223 5.223 0 0 1-3.723 1.54 5.227 5.227 0 0 1-3.728-1.542l-5.459-5.459a5.276 5.276 0 0 1 0-7.452c.607-.609 1.361-1.048 2.1-1.229a1.833 1.833 0 0 0-.279-.414l-1.344-1.461c-.845.404-1.54.881-2.12 1.461a7.554 7.554 0 0 0-2.223 5.371c0 2.027.791 3.934 2.223 5.366l5.459 5.459a7.544 7.544 0 0 0 5.371 2.225 7.55 7.55 0 0 0 5.366-2.223c2.962-2.962 2.962-7.782 0-10.745zM8.711 3.497a5.23 5.23 0 0 1 3.726 1.54l5.459 5.457a5.279 5.279 0 0 1 0 7.454c-.605.605-1.356 1.043-2.105 1.222.086.154.166.301.287.421l1.422 1.422c.808-.394 1.476-.862 2.039-1.422 2.96-2.962 2.96-7.777 0-10.74L14.08 3.394c-1.434-1.435-3.342-2.225-5.369-2.225s-3.934.791-5.369 2.225C1.908 4.828 1.117 6.736 1.117 8.763s.791 3.934 2.225 5.369L7.46 18.56c-.076-1.131.034-2.262.355-3.239l-2.83-2.833c-.994-.991-1.542-2.316-1.542-3.726s.548-2.732 1.542-3.726a5.23 5.23 0 0 1 3.726-1.54z"/></svg>
              </a>
              <span class="code-face">{{param.name}}</span>
              {% if param.defaultValue %}
                {{ @flags({isOptional: true}) }}
              {% elif not param.defaultValue and not param.flags.isOptional %}
                {{ @flags({isRequired: true}) }}
              {% else %}
                {{ @flags(param.flags) }}
              {% endif %}
            </td>
            <td class="code-face">{{@type(param.type)}}</td>
            <td class="code-face">{{param.defaultValue}}</td>
            <td class="body-face api-param-comment">
              {% markdown -%}
                {{ param.comment.shortText | safe | trim }}
              {%- endmarkdown %}
              {% markdown -%}
                {{ param.comment.text | safe | trim }}
              {%- endmarkdown %}
            </td>
          </tr>
        {%- endfor %}
      </tbody>
    </table>
  </div>
{% endmacro %}

<div class="clearfix trailer-half">
  <h1 class="left font-size-5 code-face trailer-0">{{name}}</h1>
  <small class="{{icon}} font-size--2 right leader-half margin-right-half"><span class="tsd-kind-icon">{{kindString}}</span></small>
</div>

{% if comment %}
  {% markdown -%}
    {{ comment.shortText | safe }}
  {%- endmarkdown %}
{% endif %}

{% if comment and comment.text %}
  {% markdown -%}
      {{ comment.text | safe }}
  {%- endmarkdown %}
{% endif %}

{% if implementedTypes %}
  <h2>Implements</h2>
  <ul class="list-plain trailer-1">
  {% for implementedType in implementedTypes %}
    {% if implementedType.id %}
      {% set base = API_TOOLS.findById(data.typedoc, implementedType.id) %}
      <li class="code-face {{base.icon}}"><a href="{{ base.pageUrl }}" class="tsd-kind-icon">{{base.name}}</a></li>
    {% elif implementedType.name %}
      {% set base = API_TOOLS.findByName(data.typedoc, implementedType.name) %}
      {% if base %}
        <li class="code-face {{base.icon}}"><a href="{{ base.pageUrl }}" class="tsd-kind-icon">{{base.name}}</a></li>
      {% elif implementedType.name %}
        <li class="code-face">{{base.name}}</li>
      {% endif %}
    {% endif %}
  {% endfor %}
  </ul>
{% endif %}

{% if extendedTypes %}
  <h2>Extends</h2>
  <ul class="list-plain trailer-1">
  {% for extendedType in extendedTypes %}
    {% if extendedType.id %}
      {% set base = API_TOOLS.findById(data.typedoc, extendedType.id) %}
      <li class="code-face {{base.icon}}"><a href="{{ base.pageUrl }}" class="tsd-kind-icon">{{base.name}}</a></li>
    {% elif extendedType.name %}
      {% set base = API_TOOLS.findByName(data.typedoc, extendedType.name) %}
      {% if base %}
        <li class="code-face {{base.icon}}"><a href="{{ base.pageUrl }}" class="tsd-kind-icon">{{base.name}}</a></li>
      {% elif extendedType.name %}
        <li class="code-face">{{base.name}}</li>
      {% endif %}
    {% endif %}
  {% endfor %}
  </ul>
{% endif %}

{% if type %}
  Value(s):
  <pre style="display: inline;">{{@type(type)}}</pre>
{% endif %}

{% if groups %}
  {% for group in groups %}
    <h2 class="font-size-3">{{group.title}}</h2>

    {% if group.title == 'Enumeration members' %}
      {{ @properties(group, children) }}
    {% endif %}

    {% if group.title == 'Properties' %}
      {{ @properties(group, children) }}
    {% endif %}

    {% if group.title == 'Constructors' %}
      {% set firstSignature = API_TOOLS.findChildById(group.children[0], children).signatures[0] %}
      <div class="fonts-size--1 panel padding-leader-half padding-trailer-half padding-right-half padding-left-half trailer-half">
        <ul class="list-plain trailer-0 {{ API_TOOLS.findChildById(group.children[0], children).icon }}">
          {% for id in group.children %}
            {% set signatures = API_TOOLS.findChildById(id, children).signatures %}
            {% for signature in signatures %}
              {{ @signature(signature) }}
            {% endfor %}
          {% endfor %}
        </ul>
      </div>

      <h2 class="font-size-1">Constructor Parameters</h2>
      {{@parametersTable(firstSignature.parameters, 'Constructor')}}
    {% endif %}

    {% if group.title == 'Accessors' %}
      {{ @accessorsTable(group, children) }}
    {% endif %}

    {% if group.title == 'Methods' %}
      {{ @methodsTable(group, children) }}
    {% endif %}

  {% endfor %}
{% endif %}

{% if indexSignature %}
  <h3>Index Signatures</h3>
  {{@indexSignature(indexSignature, kindString)}}
{% endif %}

{% if signatures %}
  {{@signatures(signatures)}}
{% endif %}

<hr class="leader-half trailer-half">

{% if signatures[0].comment.tags %}
  {% for tag in signatures[0].comment.tags %}
    {% if tag.tag === "restlink" %}
      <small class="font-size--2">REST API documentation for <code>{{name}}()</code> available at <a href="{{tag.text}}">{{tag.text}}</a></small>
      <br>
    {% endif %}
  {% endfor %}
{% endif %}

<small class="font-size--2">{{kindString}} defined in <a href="https://github.com/Esri/arcgis-rest-js/blob/master/packages/{{sources[0].fileName}}#L{{sources[0].line}}">packages/{{sources[0].fileName}}:{{sources[0].line}}</a></small>

{% if isDev %}
  <details class="leader-1">
    <summary>Debug Info</summary>
    <pre><code>{{signatures[0].comment.tags | inspect}}</code></pre>
  </details>
{% endif %}