Confirm

<ul class="files">  @for (file of files(); track file) {    <li>      {{ file }}      <button        txButton        icon="trash"        size="small"        severity="danger"        [text]="true"        [attr.aria-label]="'Delete ' + file"        (click)="remove(file)"      ></button>    </li>  } @empty {    <li class="empty">No files left.</li>  }</ul>

<div class="row">  @for (item of items; track item.severity) {    <button      txButton      [severity]="item.severity"      [outlined]="true"      (click)="ask(item.severity, item.title)"    >      {{ item.severity }}    </button>  }</div><p class="answer">Last answer: {{ answer() }}</p>

<div class="column">  <tx-toggle-switch label="Make the request fail" [(ngModel)]="failing" />  <div class="row">    <code>sk_live_••••7Q2M</code>    <button      txButton      severity="danger"      [outlined]="true"      [disabled]="revoked()"      (click)="revoke()"    >      {{ revoked() ? 'Revoked' : 'Revoke key' }}    </button>  </div></div>

<ul class="members">  @for (member of members(); track member) {    <li>      <tx-avatar size="small" [name]="member" />      <span class="name">{{ member }}</span>      <button        txButton        size="small"        severity="secondary"        [text]="true"        [attr.aria-label]="'Remove ' + member"        (click)="remove($event, member)"      >        Remove      </button>    </li>  }</ul>

<button txButton icon="send" (click)="send()">Send to 1 240 customers</button> 

<button txButton severity="secondary" [outlined]="true" (click)="ask($event)">  Archive the project</button>