Upgrade Angular to v17 (#536)

* bump typescript to 4.8

* upgrade to angular v15

* temp uninstall ngx-markdown

* temp uninstall ngx-material-file-input

* upgrade to angular material v15

* install ngx-markdown v15

* reinstall ngx-material-file-input

* fixes

* install marked

* bump typescript to 4.9.5

* temp unintall ngx-material-file-input again

* upgrade to angular v16

* upgrade angular material to v16

* reinstall ngx-material-file-input (testing)

* remove smart popover references

* uninstall ngx-smart-popover (not supported)

* mdc button migration

* mdc card migration

* mdc checkbox migration

* mdc chip migration

* mdc dialog migration

* mdc partial form field migration

* migration complete

* cleanup TODOs

* bump nodejs version to 18

* temp uninstall ngx-markdown

* temp uninstall ngx-material-file-input

* upgrade to angular v17

* upgrade angular material to v17

* reinstall ngx-markdown & ngx-material-file-input

* fix custom theming

* dialog improvements

* more css fixes

* package updates

* fix registration sub

* update stepper theme

* replace ngx-material-file-input (incompatible)

* update package license syntax: https://docs.npmjs.com/cli/v10/configuring-npm/package-json

* more scss updates

* update schematic

* replace ngx-smart-popover

* fix validation colors

* minor change

* bump version to 2.2.0

* add link to popover lib

* update subheading

* remove use of label tag without form fields

* fix code smells

* update angular to v17.3.8 (released yesterday)

* fix warnings

* code cleanup

* popover updates

* update subheader

* fix history event styles

* sort list on view

README.md

@@ -59,7 +59,7 @@ Please refer to our [Docker install instructions](docs/docker-compose.md) for in
 
 #### Requirements
 
-- [Node.js](https://nodejs.org/) version 16 or greater
+- [Node.js](https://nodejs.org/) version `18.20.2` or greater
 
 #### Installing dependencies
 This step is necessary for cases where the app is deployed locally through `ng serve` or `ng build`. It can be skipped for installs using docker (above).

app/angular.json

@@ -7,7 +7,9 @@
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
-          "style": "scss"
+          "style": "scss",
+          "standalone": false,
+          "module": "app"
         }
       },
       "root": "",
@@ -29,7 +31,6 @@
             ],
             "styles": [
                 "node_modules/prismjs/themes/prism-twilight.css",
-                "node_modules/ngx-smart-popover/scss/popover-content.component.scss",
                 "src/style/theme.scss"
             ],
             "scripts": [
@@ -38,6 +39,7 @@
                 "node_modules/prismjs/components/prism-json.min.js",
                 "node_modules/prismjs/components/prism-python.min.js"
             ],
+            "allowedCommonJsDependencies": ["moment", "lodash"],
             "vendorChunk": true,
             "extractLicenses": false,
             "buildOptimizer": false,
@@ -79,18 +81,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "app:build"
+            "buildTarget": "app:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "app:build:production"
+              "buildTarget": "app:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "app:build"
+            "buildTarget": "app:build"
           }
         },
         "test": {