dev@3: <md-toolbar color="primary">
dev@21:   <md-icon svgSrc="assets/duck.svg"></md-icon>
dev@3:   <!-- This fills the remaining space of the current row -->
dev@4:   <span class="app-toolbar-filler"></span>
dev@1: 
dev@13: 
dev@31:   <app-audio-file-open (fileOpened)="onFileOpened($event)"></app-audio-file-open>
dev@4:   <!-- menu opens when trigger button is clicked -->
dev@4:   <button md-icon-button [md-menu-trigger-for]="menu">
dev@4:     <md-icon>more_vert</md-icon>
dev@4:   </button>
dev@4:   <md-menu x-position="before" #menu="mdMenu">
dev@4:     <button md-menu-item> Settings</button>
dev@4:     <button md-menu-item> Help</button>
dev@4:   </md-menu>
dev@3: </md-toolbar>
dev@7: 
dev@4: <md-sidenav-layout>
dev@4:   <md-sidenav align="end" mode="side" opened>
dev@21:     <md-tab-group>
dev@26:       <md-tab label="Playback">
dev@26:         <app-playback-control class="playback-content"></app-playback-control>
dev@21:       </md-tab>
dev@29:       <md-tab label="Feature Extraction">
dev@48:         <app-feature-extraction-menu
dev@48:           (requestOutput)="extractFeatures($event)"
dev@49:           [disabled]="!canExtract"></app-feature-extraction-menu>
dev@21:       </md-tab>
dev@21:     </md-tab-group>
dev@4:   </md-sidenav>
dev@50:   <app-waveform
dev@50:     [audioBuffer]="audioBuffer"
dev@50:     ></app-waveform>
dev@4: </md-sidenav-layout>