@if (formControl) {
  <div class="w-edit-input-colorpicker">
    <w-edit-input-text class="flex"
      [(ngModel)]="value"
      (ngModelChange)="test($event)"
      [label]="label"
      [required]="required"
      [requiredErrorDescription]="requiredErrorDescription"
      [disabled]="disabled"
      [tooltip]="tooltip"
      [tooltipPosition]="tooltipPosition" >
    </w-edit-input-text>
    <p-colorpicker class="w-colorpicker flex"
      [formControl]="formControl"
      (onChange)="onValueChange($event)"
      [format]="format"
      [appendTo]="'body'">
    </p-colorpicker>
  </div>
} @else {
  <div class="w-edit-input-colorpicker">
    <w-edit-input-text class="flex" [label]="label"
      [required]="required"
      [requiredErrorDescription]="requiredErrorDescription"
      [disabled]="disabled"
      [tooltip]="tooltip"
      [tooltipPosition]="tooltipPosition"
      [(ngModel)]="value"
      (ngModelChange)="onTextValue()" >
    </w-edit-input-text>
    <p-colorpicker class="w-colorpicker flex"
      [(ngModel)]="value"
      (onChange)="onValue()"
      [format]="format"
      [appendTo]="'body'">
    </p-colorpicker>
  </div>
}