Issue with switch state displaying half on half off

[bjornharvold]

Bug Report or Feature Request (mark with an x)

- [X] bug report -> please search issues before submitting

Versions.

Angular: 11.2.7 jw-bootstrap-switch-ng2: 2.0.5

Repro steps.

Occurs randomly. Sometimes, when a page is loaded / reloaded, the state of the switch looks like this (see image attached)

@Input() disabled = false;
@Input() readonly = false;
@Input() animate = true;
@Input() size: 'mini' | 'small' | 'normal' | 'large' = 'normal';
@Input() onColor: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'default' = 'primary';
@Input() offColor: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'default' = 'default';

<bSwitch [id]="ngControl.name"
           [formControl]="ngControl.control"
           [switch-size]="size"
           [switch-on-color]="onColor"
           [switch-off-color]="offColor"
           [switch-disabled]="disabled"
           [switch-readonly]="readonly"
           [switch-animate]="animate"
           (changeState)="toggled($event)"
  ></bSwitch>

The log given by the failure.

No failure error given