@if (formControl) {
  <div class="flex align-content-center"
    [ngClass]="{'w-edit-checkbox-small-field': getSize(sizeType.small) == size}">
    <p-checkbox
      [binary]="true"
      [ngClass]="{'w-edit-checkbox-small': getSize(sizeType.small) == size}"
      [formControl]="formControl" id="w-checkbox">
    </p-checkbox>
    @if (showLabel) {
      <w-input-label class="w-edit-checkbox-small-label"
        [label]="label"
        [required]="formControl.hasError('required')"
        [disabled]="isDisabled"
        [size]="'small'"
        [tooltip]="tooltip"
        [tooltipPosition]="tooltipPosition"
        [validated]="isRequiredValid()">
      </w-input-label>
    }
  </div>
} @else {
  <div class="flex align-content-center"
    [ngClass]="{'w-edit-checkbox-small-field': getSize(sizeType.small) == size}">
    <p-checkbox
      [binary]="true"
      [ngClass]="{'w-edit-checkbox-small': getSize(sizeType.small) == size}"
      (ngModelChange)="onInput($event)"
      [(ngModel)]="value" id="w-checkbox"
      [disabled]="isDisabled">
    </p-checkbox>
    @if (showLabel) {
      <w-input-label class="w-edit-checkbox-small-label" [label]="label" [disabled]="isDisabled" [size]="'small'" [tooltip]="tooltip" [tooltipPosition]="tooltipPosition" [validated]="isRequiredValidNgModel()"></w-input-label>
    }
  </div>
}