<!-- Semmet Angular: Landmarks (Page Skeleton) — https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/ -->
<!--
Usage from a parent component template:
Import <%= classify(name) %> in that parent component.

<<%= selector %>>
  <h1 header>Dashboard</h1>
  <a nav routerLink="/reports">Reports</a>
  <section>Primary page content</section>
  <aside aside>Related actions</aside>
  <small footer>Copyright 2026</small>
</<%= selector %>>
-->
<!-- Project content into a region with the matching attribute, e.g. <div header>...</div>. Unmatched content goes to <main>. -->
<header>
  <ng-content select="[header]"></ng-content>
</header>
<nav [attr.aria-label]="navigationLabel()">
  <ng-content select="[nav]"></ng-content>
</nav>
<main>
  <ng-content></ng-content>
</main>
<aside [attr.aria-label]="asideLabel()">
  <ng-content select="[aside]"></ng-content>
</aside>
<footer>
  <ng-content select="[footer]"></ng-content>
</footer>
