<div class="input-wrapper" [class.focus]="isFocussed" (click)="textArea.focus()">
    <div class="chips" *ngIf="0 < options.length">
        <vdr-chip
            *ngFor="let option of options; last as isLast"
            [icon]="option.locked ? 'lock' : 'times'"
            [class.selected]="isLast && lastSelected"
            [class.locked]="option.locked"
            [colorFrom]="groupName"
            (iconClick)="removeOption(option)"
        >
            {{ option.name }}
        </vdr-chip>
    </div>
    <textarea
        #textArea
        (keyup)="handleKey($event)"
        (focus)="isFocussed = true"
        (blur)="handleBlur()"
        [(ngModel)]="input"
        [disabled]="disabled"
    ></textarea>
</div>
