{% extends "layout.html" %}
{% block extrahead %}<link rel="stylesheet" href="{{ pathto('_static/css/api.css', 1) }}">{% endblock %}
{% set api_groups = [
  ('API reference', [('api/index', 'Overview')]),
  ('Builder', [
    ('api/builder/index', 'RegexBuilder & Pattern'),
    ('api/builder/anchors', 'Anchors'),
    ('api/builder/characters', 'Characters'),
    ('api/builder/classes', 'Character classes'),
    ('api/builder/quantifiers', 'Quantifiers'),
    ('api/builder/groups', 'Groups'),
    ('api/builder/captures', 'Captures'),
    ('api/builder/assertions', 'Assertions'),
    ('api/builder/flags', 'Flags'),
    ('api/builder/composition', 'Composition'),
    ('api/builder/matching', 'Matching'),
    ('api/builder/output', 'Output'),
  ]),
  ('Other surfaces', [
    ('api/factories', 'Factory functions'),
    ('api/constants', 'Constants'),
    ('api/atoms', 'Atoms'),
    ('api/results', 'Results'),
    ('api/types', 'Types'),
  ]),
  ('Library validators', api_library_pages),
  ('Tooling', [
    ('api/introspection', 'Introspection'),
    ('api/serialization', 'Serialization'),
    ('api/testing', 'Testing'),
    ('api/integrations', 'Integrations'),
    ('api/errors', 'Errors'),
  ]),
] %}
{% block content %}
<div class="wrap api-layout">
  <aside class="api-nav sidenav" aria-label="API navigation">
    <button class="sidenav-toggle" type="button" aria-expanded="false" aria-controls="sidenav-tree">
      <span class="sidenav-toggle-label">API</span>
      <span class="sidenav-caret" aria-hidden="true"></span>
    </button>
    <div class="sidenav-inner" id="sidenav-tree">
    {% for group_label, pages in api_groups %}
    <div class="api-nav-title{% if not loop.first %} api-nav-onpage{% endif %}">{{ group_label }}</div>
    <ul class="api-nav-list">
      {% for name, label in pages %}
      <li>
        <a href="{{ pathto(name) }}"{% if pagename == name %} class="current"{% endif %}>{{ label }}</a>
        {% if pagename == name and api_page_toc %}<div class="api-nav-toc">{{ api_page_toc }}</div>{% endif %}
      </li>
      {% endfor %}
    </ul>
    {% endfor %}
    </div>
  </aside>
  <main id="main" class="content api-content" role="main">
    {{ body }}
    {% if prev or next %}
    <nav class="page-nav" aria-label="Sequential">
      {% if prev %}<a class="page-nav-prev" href="{{ prev.link }}"><span class="page-nav-dir">&larr; Previous</span><span class="page-nav-title">{{ prev.title }}</span></a>{% else %}<span></span>{% endif %}
      {% if next %}<a class="page-nav-next" href="{{ next.link }}"><span class="page-nav-dir">Next &rarr;</span><span class="page-nav-title">{{ next.title }}</span></a>{% endif %}
    </nav>
    {% endif %}
  </main>
</div>
{% endblock %}