Dropdown: Triggers 3 onChange events when rendered (two empty)

[mher-at-qbeyond]

Describe the bug

If the dropdown is configured with the following properties, it will launch 3 onChange events.
Events received:

1. With the value of the first item of the list as if selected
2. With undefined originalEvent and null value
3. With undefined originalEvent and undefined value

Configuration of the component:

    [options]="cities"
    [(ngModel)]="selectedCity"
    optionLabel="name"
    showClear="true"
    placeholder="Select a City"
    (onChange)="dropdownChanged($event);"

Environment

Angular: 16.2.7
PrimeNG: 16.7.2
Browser: latest Chrome

Reproducer

https://stackblitz.com/edit/g7rjd1-mfrw5d

Angular version

16.2.7

PrimeNG version

16.7.2

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

16.20.2

Browser(s)

No response

Steps to reproduce the behavior

1. Configure the dropdown as seen above
2. After the page is rendered three events will be launched on onChange trigger

Expected behavior

Should not launch three onChange events when rendered. The first item marking as selected in the initial event should not happen.