Bug: the Slider component does not reflect value changes with ngModel in Angular

[dgonzalezr]

BEEQ package

beeq/angular

BEEQ version

1.3.1

Current Behavior

When changing the value of the Slider component in an Angular project, using ngModel, the model does not get updated properly.

Expected Behavior

Using ngModel in the Slider component should guarantee that the model is updated properly when the value changes.

Steps to Reproduce

1. Create an Angular project that uses @beeq/core and @beeq/angular.
2. After setting up the project, add a <bq-slider> to the template:

export class AppComponent {
  ...
  sliderValue = [25, 75];

  ...

  onSliderChange(ev: CustomEvent<{ value: string | number | number[] }>) {
    console.log('onSliderChange', ev.detail.value);
    console.log('Slider value changed!', this.sliderValue);
  }
}

<bq-slider
  type="range"
  debounce-time="250"
  enable-value-indicator
  [(ngModel)]="sliderValue"
  (bqChange)="onSliderChange()"
  ngDefaultControl
></bq-slider>

3. If we change the slider value, we will see that the model (sliderValue) does not get updated.

Code Reproduction URL

https://codesandbox.io/p/devbox/beeq-with-angular-cs7xxf?file=%2Fsrc%2Fapp%2Fapp.component.html%3A14%2C4

Your Environment

No response

Additional Information

No response