enum.renderer.html

<mat-form-field [ngStyle]="{ display: hidden ? 'none' : '' }">
    <mat-label>{{ label }}</mat-label>
    <input
            matInput
            type="text"
            (change)="onChange($event)"
            [id]="id"
            [formControl]="form"
            [matAutocomplete]="auto"
            (keydown)="updateFilter($event)"
            (focus)="focused = true"
            (focusout)="focused = false"
    />
    <mat-autocomplete
            autoActiveFirstOption
            #auto="matAutocomplete"
            (optionSelected)="onSelect($event)"
            [displayWith]="displayFn"
    >
        @for (option of filteredOptions | async; track option.value) {
            <mat-option [value]="option">
                {{ option.label }}
            </mat-option>
        }
    </mat-autocomplete>
    <mat-hint *ngIf="shouldShowUnfocusedDescription() || focused">{{
            description
        }}</mat-hint>
    <mat-error>{{ error }}</mat-error>
</mat-form-field>