{# SPDX-License-Identifier: MIT #}

{% macro drawer_trigger(drawer, control_id, modifier, glyph, label) -%}
  <button class="caffy-header-button {{ modifier|e }}" type="button" data-caffy-open-drawer="{{ drawer|e }}" aria-controls="{{ control_id|e }}" aria-expanded="false">
    <span class="caffy-button-glyph {{ glyph|e }}" aria-hidden="true"></span>
    <span class="caffy-button-label">{{ label }}</span>
  </button>
{%- endmacro %}

{% macro drawer(control_id, modifier, drawer_name, title, close_label, aside_label, tree_class, tree_label) -%}
  <aside id="{{ control_id|e }}" class="{{ modifier|e }}" data-caffy-drawer="{{ drawer_name|e }}" data-caffy-open="false" aria-label="{{ aside_label|e }}" aria-hidden="false" tabindex="-1">
    <div class="caffy-drawer-heading">
      <span class="caffy-drawer-title">{{ title }}</span>
      <button class="caffy-drawer-close" type="button" data-caffy-close-drawer="{{ drawer_name|e }}">{{ close_label }}</button>
    </div>
    <nav class="{{ tree_class|e }}" aria-label="{{ tree_label|e }}">
      {{ caller() }}
    </nav>
  </aside>
{%- endmacro %}

{% macro relation_link(direction, page, label, is_api_name) -%}
  <a class="caffy-page-link caffy-page-link-{{ direction|e }}{% if is_api_name %} caffy-page-link-api-name{% endif %}" href="{{ page.link|e }}" rel="{{ direction|e }}">
    <span class="caffy-page-link-label">{{ label }}</span>
    <span class="caffy-page-link-title">{{ page.title|striptags|e }}</span>
  </a>
{%- endmacro %}