<h1 mat-dialog-title>{{'username.generate' | i18n}}</h1>
<div mat-dialog-content>


  <mat-form-field>
    <mat-chip-list #chipList [multiple]="true" [selectable]="true" cdkDropList cdkDropListOrientation="horizontal"
      (cdkDropListDropped)="drop($event)">
      <mat-chip *ngFor="let dict of dicts" cdkDrag [selected]="dict.selected" (click)="toggle(dict)">
        {{dict.name}}
      </mat-chip>
    </mat-chip-list>
  </mat-form-field>

</div>
<div mat-dialog-actions>
  <button mat-button (click)="onOkClick()">Ok</button>
</div>