<h2 class="responses-list-header" *ngIf="data.responses.length"> Responses </h2>
<zippy *ngFor="let response of data.responses" title="{{response.code}} {{response.description}}"
  [type]="response.type" [empty]="response.empty" (open)="lazySchema.load()">
  <div *ngIf="response.headers" class="response-headers">
    <header>
      Headers
    </header>
    <div class="header" *ngFor="let header of response.headers">
      <div class="header-name"> {{header.name}} </div>
      <div class="header-type"> {{header.type}} </div>
      <div *ngIf="header.default" class="header-default"> Default: {{header.default}} </div>
      <div class="header-description" innerHtml="{{header.description | marked}}"> </div>
    </div>
  </div>
  <header *ngIf="response.headers">
    Response Schema
  </header>
  <json-schema *ngIf="response.schema && options.disableLazySchemas" class="schema type" pointer="{{response.pointer}}/schema">
  </json-schema>
  <json-schema-lazy #lazySchema pointer="{{response.schema ? response.pointer + '/schema' : null}}">
  </json-schema-lazy>
</zippy>
