refactor(chartjs): id getter for backward compatibility

Author: xidedix

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

@@ -2,7 +2,7 @@
   #canvasElement
   (click)="handleClick($event)"
   [height]="height() || null"
-  [id]="id()"
+  [id]="id"
   [width]="width() || null"
   role="img"
   style="display: none;"

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

@@ -79,7 +79,11 @@ export class ChartjsComponent implements OnDestroy, OnChanges {
    * ID attribute applied to the rendered canvas.
    * @return string
    */
-  readonly id = input<string>(`c-chartjs-${nextId++}`);
+  readonly idInput = input<string>(`c-chartjs-${nextId++}`, { alias: 'id' });
+
+  get id() {
+    return this.idInput();
+  }
 
   /**
    * The options object that is passed into the Chart.js chart.