Update to Angular 13

angular.json

@@ -40,7 +40,7 @@
             "vendorChunk": true,
             "extractLicenses": false,
             "buildOptimizer": false,
-            "sourceMap": true,
+            "sourceMap": false,
             "optimization": false,
             "namedChunks": true
           },

package.json

@@ -12,24 +12,24 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~13.0.3",
-    "@angular/cdk": "^12.2.13",
+    "@angular/cdk": "^13.0.3",
     "@angular/common": "~13.0.3",
     "@angular/compiler": "~13.0.3",
     "@angular/core": "~13.0.3",
     "@angular/forms": "~13.0.3",
-    "@angular/material": "^12.2.13",
+    "@angular/material": "^13.0.3",
     "@angular/platform-browser": "~13.0.3",
     "@angular/platform-browser-dynamic": "~13.0.3",
     "@angular/router": "~13.0.3",
-    "@mdi/angular-material": "^5.7.55",
+    "@mdi/angular-material": "^6.5.95",
     "bootstrap": "^4.5.2",
-    "copy-webpack-plugin": "^6.2.1",
+    "copy-webpack-plugin": "^10.0.0",
     "js-joda": "^1.11.0",
     "material-design-icons": "^3.0.1",
     "ngx-material-file-input": "3.0.0",
-    "rxjs": "~6.5.4",
-    "tslib": "^2.0.0",
-    "zone.js": "~0.11.4"
+    "rxjs": "^7.4.0",
+    "tslib": "^2.3.1",
+    "zone.js": "^0.11.4"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^13.0.4",
@@ -41,24 +41,24 @@
     "@angular/cli": "^13.0.4",
     "@angular/compiler-cli": "~13.0.3",
     "@angular/language-service": "~13.0.3",
-    "@types/jasmine": "~3.6.0",
-    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "^12.11.1",
+    "@types/jasmine": "~3.10.2",
+    "@types/jasminewd2": "~2.0.10",
+    "@types/node": "^16.11.11",
     "@typescript-eslint/eslint-plugin": "5.5.0",
     "@typescript-eslint/parser": "5.5.0",
     "eslint": "8.3.0",
     "eslint-plugin-import": "latest",
     "eslint-plugin-jsdoc": "latest",
     "eslint-plugin-prefer-arrow": "latest",
-    "jasmine-core": "~3.6.0",
-    "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~6.3.2",
+    "jasmine-core": "~3.10.1",
+    "jasmine-spec-reporter": "~7.0.0",
+    "karma": "~6.3.9",
     "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "^1.5.0",
+    "karma-coverage-istanbul-reporter": "~3.0.3",
+    "karma-jasmine": "~4.0.1",
+    "karma-jasmine-html-reporter": "^1.7.0",
     "protractor": "~7.0.0",
-    "ts-node": "~8.3.0",
+    "ts-node": "~10.4.0",
     "typescript": "~4.4.4"
   }
-}
+}

src/_variables.scss

@@ -20,4 +20,5 @@ $color-accent: map-get($theme-accent, 500);
 $color-warn: map-get($theme-error, 500);
 
 $light-primary-text: white;
+$dark-primary-text: black;
 $dark-secondary-text: black;

src/custom-theme.scss

@@ -1,5 +1,5 @@
 // Custom Theming for Angular Material
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 // For more information: https://material.angular.io/guide/theming
 // Plus imports for other components in your app.