@if (formControl) {
  <div>
    @for (option of radioGroupElements; track option) {
      <div class="field-checkbox">
        <p-radiobutton [ngClass]="{'w-radiobutton-small' : size == getSizeName(sizeType.small),
                                   'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}"
          [inputId]="option.key"
          [required]="required"
          [disabled]="disabled"
          [formControl]="formControl"
          ngDefaultControl
          (onClick)="onChangedForm($event)">
        </p-radiobutton>
        <label [ngClass]="{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),
                           'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}" [for]="option.key">{{option.name}}</label>
      </div>
    }
    @if (formControl.hasError('required') && formControl.touched) {
      <small class="p-error block">{{requiredErrorDescription}}</small>
    }
  </div>
} @else {
  @for (option of radioGroupElements; track option) {
    <div class="field-checkbox">
        <p-radiobutton [ngClass]="{'w-radiobutton-small' : size == getSizeName(sizeType.small),
                                   'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}"
        [inputId]="option.key"
        [(ngModel)]="ngModelValue"
        [disabled]="disabled"
        [value]="option"
        ngDefaultControl
        (onClick)="onChanged()">
      </p-radiobutton>
        <label [ngClass]="{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),
                           'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}" [for]="option.key">{{option.name}}</label>
    </div>
  }
}