chore(configs): update to Angular 20

xidedix · xidedix · commit 903597b173b7 · 2025-06-12T15:23:58.000+02:00
diff --git a/.editorconfig b/.editorconfig
@@ -11,6 +11,7 @@ trim_trailing_whitespace = true
 
 [*.ts]
 quote_type = single
+ij_typescript_use_double_quotes = false
 
 [*.md]
 max_line_length = off
diff --git a/angular.json b/angular.json
@@ -21,7 +21,7 @@
       "prefix": "c",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "builder": "@angular/build:ng-packagr",
           "options": {
             "project": "projects/coreui-angular/ng-package.json"
           },
@@ -36,7 +36,7 @@
           "defaultConfiguration": "production"
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "main": "projects/coreui-angular/src/test.ts",
             "tsConfig": "projects/coreui-angular/tsconfig.spec.json",
@@ -71,7 +71,7 @@
       "prefix": "c",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "builder": "@angular/build:ng-packagr",
           "options": {
             "project": "projects/coreui-angular-chartjs/ng-package.json"
           },
@@ -86,7 +86,7 @@
           "defaultConfiguration": "production"
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "main": "projects/coreui-angular-chartjs/src/test.ts",
             "tsConfig": "projects/coreui-angular-chartjs/tsconfig.spec.json",
@@ -121,7 +121,7 @@
       "prefix": "c",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "builder": "@angular/build:ng-packagr",
           "options": {
             "project": "projects/coreui-icons-angular/ng-package.json"
           },
@@ -136,7 +136,7 @@
           "defaultConfiguration": "production"
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "main": "projects/coreui-icons-angular/src/test.ts",
             "tsConfig": "projects/coreui-icons-angular/tsconfig.spec.json",
@@ -169,13 +169,31 @@
     },
     "@schematics/angular:component": {
       "standalone": true,
-      "style": "scss"
+      "style": "scss",
+      "type": "component"
     },
     "@schematics/angular:directive": {
-      "standalone": true
+      "standalone": true,
+      "type": "directive"
     },
     "@schematics/angular:pipe": {
-      "standalone": true
+      "standalone": true,
+      "typeSeparator": "."
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
     }
   }
 }
diff --git a/projects/coreui-angular-chartjs/karma.conf.js b/projects/coreui-angular-chartjs/karma.conf.js
@@ -9,8 +9,7 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('karma-coverage')
     ],
     client: {
       jasmine: {
diff --git a/projects/coreui-angular-chartjs/tsconfig.json b/projects/coreui-angular-chartjs/tsconfig.json
@@ -9,6 +9,9 @@
     },
     {
       "path": "./tsconfig.spec.json"
+    },
+    {
+      "path": "./tsconfig.schematics.json"
     }
   ]
 }
diff --git a/projects/coreui-angular-chartjs/tsconfig.lib.json b/projects/coreui-angular-chartjs/tsconfig.lib.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
diff --git a/projects/coreui-angular-chartjs/tsconfig.lib.prod.json b/projects/coreui-angular-chartjs/tsconfig.lib.prod.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "./tsconfig.lib.json",
   "compilerOptions": {
diff --git a/projects/coreui-angular-chartjs/tsconfig.schematics.json b/projects/coreui-angular-chartjs/tsconfig.schematics.json
@@ -1,3 +1,5 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "compilerOptions": {
     "baseUrl": ".",
diff --git a/projects/coreui-angular-chartjs/tsconfig.spec.json b/projects/coreui-angular-chartjs/tsconfig.spec.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
diff --git a/projects/coreui-angular/karma.conf.js b/projects/coreui-angular/karma.conf.js
@@ -9,8 +9,7 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('karma-coverage')
     ],
     client: {
       jasmine: {
diff --git a/projects/coreui-angular/src/test.ts b/projects/coreui-angular/src/test.ts
@@ -3,14 +3,14 @@
 import 'zone.js';
 import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+import { BrowserTestingModule, platformBrowserTesting } from '@angular/platform-browser/testing';
 
 // make the warning to fail
 // console.warn = (message) => {
 //   throw new Error(message);
 // };
 
 // First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
+getTestBed().initTestEnvironment(BrowserTestingModule, platformBrowserTesting(), {
   teardown: { destroyAfterEach: true }
 });
diff --git a/projects/coreui-angular/tsconfig.lib.json b/projects/coreui-angular/tsconfig.lib.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
@@ -11,8 +12,5 @@
   "exclude": [
     "src/test.ts",
     "**/*.spec.ts"
-  ],
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
+  ]
 }
diff --git a/projects/coreui-angular/tsconfig.lib.prod.json b/projects/coreui-angular/tsconfig.lib.prod.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "./tsconfig.lib.json",
   "compilerOptions": {
diff --git a/projects/coreui-angular/tsconfig.schematics.json b/projects/coreui-angular/tsconfig.schematics.json
@@ -1,3 +1,5 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "compilerOptions": {
     "baseUrl": ".",
diff --git a/projects/coreui-angular/tsconfig.spec.json b/projects/coreui-angular/tsconfig.spec.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
diff --git a/projects/coreui-icons-angular/karma.conf.js b/projects/coreui-icons-angular/karma.conf.js
@@ -10,7 +10,7 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      
     ],
     client: {
       jasmine: {
diff --git a/projects/coreui-icons-angular/tsconfig.json b/projects/coreui-icons-angular/tsconfig.json
@@ -10,6 +10,9 @@
     },
     {
       "path": "./tsconfig.spec.json"
+    },
+    {
+      "path": "./tsconfig.schematics.json"
     }
   ]
 }
diff --git a/projects/coreui-icons-angular/tsconfig.lib.json b/projects/coreui-icons-angular/tsconfig.lib.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
diff --git a/projects/coreui-icons-angular/tsconfig.lib.prod.json b/projects/coreui-icons-angular/tsconfig.lib.prod.json
@@ -1,8 +1,9 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "./tsconfig.lib.json",
   "compilerOptions": {
-    "declarationMap": false,
+    "declarationMap": false
   },
   "angularCompilerOptions": {
     "compilationMode": "partial"
diff --git a/projects/coreui-icons-angular/tsconfig.schematics.json b/projects/coreui-icons-angular/tsconfig.schematics.json
@@ -1,3 +1,5 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "compilerOptions": {
     "baseUrl": ".",
diff --git a/projects/coreui-icons-angular/tsconfig.spec.json b/projects/coreui-icons-angular/tsconfig.spec.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "compileOnSave": false,
   "compilerOptions": {
@@ -22,6 +23,7 @@
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "skipLibCheck": true,
+    "isolatedModules": true,
     "esModuleInterop": true,
     "sourceMap": true,
     "declaration": false,
@@ -30,8 +32,7 @@
     "resolveJsonModule": true,
     "importHelpers": true,
     "target": "ES2022",
-    "module": "ES2022",
-    "useDefineForClassFields": false,
+    "module": "preserve",
     "typeRoots": [
       "node_modules/@types"
     ],
@@ -44,6 +45,7 @@
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
+    "typeCheckHostBindings": true,
     "strictTemplates": true
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,9 @@`
`9`	`9`	`},`
`10`	`10`	`{`
`11`	`11`	`"path": "./tsconfig.spec.json"`
	`12`	`+ },`
	`13`	`+ {`
	`14`	`+ "path": "./tsconfig.schematics.json"`
`12`	`15`	`}`
`13`	`16`	`]`
`14`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`		`-/* To learn more about this file see: https://angular.io/config/tsconfig. */`
	`1`	`+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */`
	`2`	`+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */`
`2`	`3`	`{`
`3`	`4`	`"extends": "../../tsconfig.json",`
`4`	`5`	`"compilerOptions": {`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */`
	`2`	`+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */`
`1`	`3`	`{`
`2`	`4`	`"compilerOptions": {`
`3`	`5`	`"baseUrl": ".",`