chore: sync with branch v5.0

Author: xidedix

Diff for: .github/workflows/build-check.yml

@@ -7,7 +7,7 @@ on:
   pull_request:
     branches:
       - main
-      - v4
+      - v5.*
   schedule:
     - # build runs every weekday at 4:15AM UTC
     - cron: '15 4 * * *'

Diff for: angular.json

@@ -40,17 +40,15 @@
               "src/scss/styles.scss"
             ],
             "scripts": [],
-            "allowedCommonJsDependencies": [
-              "chart.js"
-            ]
+            "allowedCommonJsDependencies": []
           },
           "configurations": {
             "production": {
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "1500kb",
-                  "maximumError": "6mb"
+                  "maximumWarning": "6mb",
+                  "maximumError": "7mb"
                 },
                 {
                   "type": "anyComponentStyle",

Diff for: package.json

@@ -28,14 +28,14 @@
     "@angular/platform-browser": "^17.3.1",
     "@angular/platform-browser-dynamic": "^17.3.1",
     "@angular/router": "^17.3.1",
-    "@coreui/angular": "~4.7.18",
-    "@coreui/angular-chartjs": "~4.7.18",
-    "@coreui/chartjs": "^3.1.2",
-    "@coreui/coreui": "~4.2.6",
+    "@coreui/angular": "~5.0.0",
+    "@coreui/angular-chartjs": "~5.0.0",
+    "@coreui/chartjs": "~4.0.0",
+    "@coreui/coreui": "~5.0.0",
     "@coreui/icons": "^3.0.1",
-    "@coreui/icons-angular": "~4.7.18",
+    "@coreui/icons-angular": "~5.0.0",
     "@coreui/utils": "^2.0.2",
-    "chart.js": "^3.9.1",
+    "chart.js": "^4.4.2",
     "lodash-es": "^4.17.21",
     "ngx-scrollbar": "^13.0.3",
     "rxjs": "~7.8.1",

Diff for: src/app/app-routing.module.ts

@@ -5,13 +5,11 @@ import { AppComponent } from './app.component';
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [
-        RouterTestingModule
-      ],
-      declarations: [
+    imports: [
+        RouterTestingModule,
         AppComponent
-      ],
-    }).compileComponents();
+    ],
+}).compileComponents();
   });
 
   it('should create the app', () => {
@@ -20,9 +18,9 @@ describe('AppComponent', () => {
     expect(app).toBeTruthy();
   });
 
-  it(`should have as title 'CoreUI Free Angular Admin Template'`, () => {
+  it(`should have as title 'CoreUI Angular Admin Template'`, () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
-    expect(app.title).toEqual('CoreUI Free Angular Admin Template');
+    expect(app.title).toEqual('CoreUI Angular Admin Template');
   });
 });

Diff for: src/app/app.component.spec.ts

@@ -1,25 +1,27 @@
 import { Component, OnInit } from '@angular/core';
-import { Router, NavigationEnd } from '@angular/router';
+import { NavigationEnd, Router, RouterOutlet } from '@angular/router';
+import { Title } from '@angular/platform-browser';
 
 import { IconSetService } from '@coreui/icons-angular';
 import { iconSubset } from './icons/icon-subset';
-import { Title } from '@angular/platform-browser';
 
 @Component({
   selector: 'app-root',
-  template: '<router-outlet></router-outlet>',
+  template: '<router-outlet />',
+  standalone: true,
+  imports: [RouterOutlet]
 })
 export class AppComponent implements OnInit {
-  title = 'CoreUI Free Angular Admin Template';
+  title = 'CoreUI Angular Admin Template';
 
   constructor(
     private router: Router,
     private titleService: Title,
     private iconSetService: IconSetService
   ) {
-    titleService.setTitle(this.title);
+    this.titleService.setTitle(this.title);
     // iconSet singleton
-    iconSetService.icons = { ...iconSubset };
+    this.iconSetService.icons = { ...iconSubset };
   }
 
   ngOnInit(): void {

Diff for: src/app/app.component.ts

@@ -0,0 +1,34 @@
+import { ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { provideAnimations } from '@angular/platform-browser/animations';
+import {
+  provideRouter,
+  withEnabledBlockingInitialNavigation,
+  withHashLocation,
+  withInMemoryScrolling,
+  withRouterConfig,
+  withViewTransitions
+} from '@angular/router';
+
+import { DropdownModule, SidebarModule } from '@coreui/angular';
+import { IconSetService } from '@coreui/icons-angular';
+import { routes } from './app.routes';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideRouter(routes,
+      withRouterConfig({
+        onSameUrlNavigation: 'reload'
+      }),
+      withInMemoryScrolling({
+        scrollPositionRestoration: 'top',
+        anchorScrolling: 'enabled'
+      }),
+      withEnabledBlockingInitialNavigation(),
+      withViewTransitions(),
+      withHashLocation()
+    ),
+    importProvidersFrom(SidebarModule, DropdownModule),
+    IconSetService,
+    provideAnimations()
+  ]
+};