<div class="isa-form-field">
  <label [class.expand]="fullWidth">
    {{ label }}
    <input
      resize
      type="text"
      [(ngModel)]="value"
      (input)="handleInput()"
      (blur)="handleBlur()"
      (focus)="handleFocus(true)"
      [disabled]="!editable"
      [placeholder]="placeholder"
    />
    <span class="isa-font-weight-bold suffix">{{ suffix }}</span>
  </label>

  <button *ngIf="editable && value?.length && touched && focussed" class="isa-input-reset-sm" (click)="reset()"></button>

  <span *ngIf="!editable" class="status">Nicht Änderbar</span>
</div>
