docs(angular): update to v5.4.4; remove New Year banner (with rollback to angular 19.1)

Author: xidedix

angular/docs/charts/examples/charts01.component.ts

@@ -1,5 +1,6 @@
 import { Component, DestroyRef, inject } from '@angular/core';
 import { ChartjsComponent } from '@coreui/angular-chartjs';
+import { ChartData } from 'chart.js';
 
 @Component({
   selector: 'docs-charts01',
@@ -17,7 +18,7 @@ export class Charts01Component {
     });
   }
 
-  data = {
+  data: ChartData = {
     labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
     datasets: [
       {
@@ -43,7 +44,7 @@ export class Charts01Component {
     if ($chartRef) {
       console.log('handleChartRef', $chartRef);
       this.#timeoutID = setTimeout(() => {
-        this.data?.labels.push('August');
+        this.data?.labels?.push('August');
         this.data?.datasets[0].data.push(60);
         this.data?.datasets[1].data.push(20);
         $chartRef?.update();

angular/docs/charts/examples/charts03.component.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { ChartjsComponent } from '@coreui/angular-chartjs';
+import { ChartData } from 'chart.js';
 
 @Component({
   selector: 'docs-charts03',
@@ -8,8 +9,7 @@ import { ChartjsComponent } from '@coreui/angular-chartjs';
   imports: [ChartjsComponent]
 })
 export class Charts03Component {
-
-  data = {
+  data: ChartData<'radar'> = {
     labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
     datasets: [
       {
@@ -18,8 +18,7 @@ export class Charts03Component {
         borderColor: 'rgba(220, 220, 220, 1)',
         pointBackgroundColor: 'rgba(220, 220, 220, 1)',
         pointBorderColor: '#fff',
-        pointHighlightFill: '#fff',
-        pointHighlightStroke: 'rgba(220, 220, 220, 1)',
+        pointHoverRadius: 15,
         data: [65, 59, 90, 81, 56, 55, 40]
       },
       {
@@ -28,8 +27,7 @@ export class Charts03Component {
         borderColor: 'rgba(151, 187, 205, 1)',
         pointBackgroundColor: 'rgba(151, 187, 205, 1)',
         pointBorderColor: '#fff',
-        pointHighlightFill: '#fff',
-        pointHighlightStroke: 'rgba(151, 187, 205, 1)',
+        pointHoverRadius: 15,
         data: [28, 48, 40, 19, 96, 27, 100]
       }
     ]