chore: update to Angular 13

Author: xidedix

.browserslistrc

@@ -14,4 +14,3 @@ last 2 Edge major versions
 last 2 Safari major versions
 last 2 iOS major versions
 Firefox ESR
-IE 11 # Angular supports IE 11 only as an opt-in. To opt-out, add the 'not' prefix on this line.

.editorconfig

@@ -9,6 +9,9 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
+[*.ts]
+quote_type = single
+
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

.gitignore

@@ -1,14 +1,16 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
-# compiled output
+# Compiled output
 /dist
 /tmp
 /out-tsc
 # Only exists if Bazel was run
 /bazel-out
 
-# dependencies
+# Node
 /node_modules
+npm-debug.log
+yarn-error.log
 package-lock.json
 yarn.lock
 
@@ -17,32 +19,31 @@ chrome-profiler-events*.json
 speed-measure-plugin*.json
 
 # IDEs and editors
-/.idea
+.idea/
 .project
 .classpath
 .c9/
 *.launch
 .settings/
 *.sublime-workspace
 
-# IDE - VSCode
+# Visual Studio Code
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
 .history/*
 
-# misc
-/.sass-cache
+# Miscellaneous
+/.angular/cache
+.sass-cache/
 /connect.lock
 /coverage
 /libpeerconnection.log
-npm-debug.log
-yarn-error.log
 testem.log
 /typings
 
-# System Files
+# System files
 .DS_Store
 Thumbs.db

angular.json

@@ -7,20 +7,28 @@
   "newProjectRoot": "projects",
   "projects": {
     "coreui": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        },
+        "@schematics/angular:application": {
+          "strict": true
+        }
+      },
       "root": "",
       "sourceRoot": "src",
-      "projectType": "application",
       "prefix": "app",
-      "schematics": {},
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/@coreui",
+            "outputPath": "dist/coreui/demo",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "src/tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
             "assets": [
               "src/favicon.ico",
               "src/assets"
@@ -34,9 +42,15 @@
           "configurations": {
             "production": {
               "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "6kb"
+                  "maximumWarning": "2kb",
+                  "maximumError": "6kb"
                 }
               ],
               "fileReplacements": [
@@ -93,18 +107,6 @@
               "src/assets"
             ]
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
         }
       }
     },
@@ -118,15 +120,6 @@
             "protractorConfig": "e2e/protractor.conf.js",
             "devServerTarget": "coreui:serve"
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": "e2e/tsconfig.e2e.json",
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
         }
       }
     },
@@ -139,13 +132,14 @@
         "build": {
           "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
-            "tsConfig": "projects/coreui/angular/tsconfig.lib.json",
             "project": "projects/coreui/angular/ng-package.json"
           },
           "configurations": {
             "production": {
-              "project": "projects/coreui/angular/ng-package.prod.json",
               "tsConfig": "projects/coreui/angular/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/coreui/angular/tsconfig.lib.json"
             }
           },
           "defaultConfiguration": "production"
@@ -157,27 +151,9 @@
             "tsConfig": "projects/coreui/angular/tsconfig.spec.json",
             "karmaConfig": "projects/coreui/angular/karma.conf.js"
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "projects/coreui/angular/tsconfig.lib.json",
-              "projects/coreui/angular/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
         }
       }
     }
   },
-  "defaultProject": "coreui",
-  "schematics": {
-    "@schematics/angular:component": {
-      "style": "scss"
-    }
-  }
-
+  "defaultProject": "coreui"
 }

package.json

@@ -31,47 +31,45 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^12.2.16",
-    "@angular/common": "^12.2.16",
-    "@angular/compiler": "^12.2.16",
-    "@angular/core": "^12.2.16",
-    "@angular/forms": "^12.2.16",
-    "@angular/localize": "^12.2.16",
-    "@angular/platform-browser": "^12.2.16",
-    "@angular/platform-browser-dynamic": "^12.2.16",
-    "@angular/router": "^12.2.16",
-    "rxjs": "^6.6.7",
+    "@angular/animations": "^13.3.0",
+    "@angular/common": "^13.3.0",
+    "@angular/compiler": "^13.3.0",
+    "@angular/core": "^13.3.0",
+    "@angular/forms": "^13.3.0",
+    "@angular/localize": "^13.3.0",
+    "@angular/platform-browser": "^13.3.0",
+    "@angular/platform-browser-dynamic": "^13.3.0",
+    "@angular/router": "^13.3.0",
+    "rxjs": "^7.5.5",
     "tslib": "^2.3.1",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^12.2.16",
-    "@angular/cli": "^12.2.16",
-    "@angular/compiler-cli": "^12.2.16",
-    "@angular/language-service": "^12.2.16",
+    "@angular-devkit/build-angular": "^13.3.0",
+    "@angular/cli": "^13.3.0",
+    "@angular/compiler-cli": "^13.3.0",
+    "@angular/language-service": "^13.3.0",
     "@coreui/coreui": "^2.1.16",
-    "@types/jasmine": "^3.6.11",
+    "@types/jasmine": "^3.10.4",
     "@types/jasminewd2": "^2.0.10",
-    "@types/node": "^14.18.12",
-    "codelyzer": "^6.0.2",
-    "jasmine-core": "~3.10.1",
+    "@types/node": "^16.11.26",
+    "jasmine-core": "~4.0.1",
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "^6.3.17",
     "karma-chrome-launcher": "~3.1.1",
-    "karma-coverage": "~2.0.3",
+    "karma-coverage": "~2.1.1",
     "karma-jasmine": "~4.0.1",
     "karma-jasmine-html-reporter": "^1.7.0",
-    "ng-packagr": "^12.2.7",
+    "ng-packagr": "^13.3.0",
     "ngx-perfect-scrollbar": "^10.1.1",
     "protractor": "~7.0.0",
     "shelljs": "^0.8.5",
     "simple-line-icons": "^2.5.5",
     "ts-node": "^9.1.1",
-    "tslint": "~6.1.3",
-    "typescript": "~4.3.5"
+    "typescript": "~4.6.2"
   },
   "engines": {
-    "node": "^12.20.0 || >=14.0.0",
-    "npm": ">= 6"
+    "node": "^14.15.0 || >=16.10.0",
+    "npm": ">= 8"
   }
 }

projects/coreui/angular/.browserslistrc

@@ -0,0 +1,16 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR

projects/coreui/angular/ng-package.json

@@ -1,8 +1,8 @@
 {
   "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
   "dest": "../../../dist/@coreui/angular",
-  "deleteDestPath": true,						  
+  "deleteDestPath": true,
   "lib": {
     "entryFile": "src/public-api.ts"
   }
-}
+}

projects/coreui/angular/package.json

@@ -20,9 +20,9 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": "^12.0.0",
-    "@angular/core": "^12.0.0",
-    "@angular/router": "^12.0.0"
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@angular/router": "^13.0.0"
   },
   "repository": {
     "type": "git",

projects/coreui/angular/src/test.ts

@@ -15,7 +15,9 @@ declare const require: any;
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+}
 );
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);

projects/coreui/angular/tsconfig.lib.json

@@ -3,21 +3,13 @@
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../../out-tsc/lib",
-    "target": "es2015",
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
   },
   "angularCompilerOptions": {
     "flatModuleId": "@coreui/angular",
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "enableResourceInlining": true
   },
   "exclude": [
     "src/test.ts",