fix(progress): TS2540: Cannot assign to value because it is a read-only property - conflicting on directive composition with ProgressBarDirective

Author: xidedix

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ---
 
+#### `5.5.1`
+
+- fix(progress): TS2540: Cannot assign to `value` because it is a read-only property - conflicting on directive composition with ProgressBarDirective
+
+---
+
 #### `5.5.0`
 
 - chore(dependencies): update to `Angular 20`

projects/coreui-angular/src/lib/progress/progress.component.html

@@ -2,7 +2,7 @@
   <ng-container *ngTemplateOutlet="defaultContent" />
 } @else {
   @let pbd = progressBarDirective;
-  <c-progress-bar [animated]="pbd?.animated()" [variant]="pbd?.variant()" [color]="pbd?.color()" [value]="value()">
+  <c-progress-bar [animated]="pbd?.animated()" [variant]="pbd?.variant()" [color]="pbd?.color()" [value]="barValue()">
     <ng-container *ngTemplateOutlet="defaultContent" />
   </c-progress-bar>
 }

projects/coreui-angular/src/lib/progress/progress.component.ts

@@ -47,7 +47,7 @@ export class ProgressComponent {
 
   readonly stacked = this.#progressService.stacked;
   readonly percent = this.#progressService.percent;
-  readonly value = this.#progressService.value;
+  readonly barValue = this.#progressService.value;
 
   readonly contentProgressBars = contentChildren(ProgressBarComponent);