update to angular 9

angular.json

@@ -14,6 +14,11 @@
           "options": {
             "tsConfig": "projects/nshmp-template/tsconfig.lib.json",
             "project": "projects/nshmp-template/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/nshmp-template/tsconfig.lib.prod.json"
+            }
           }
         },
         "test": {
@@ -50,6 +55,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist/example",
             "index": "projects/example/src/index.html",
             "main": "projects/example/src/main.ts",
@@ -98,6 +104,10 @@
                   "type": "initial",
                   "maximumWarning": "2mb",
                   "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
                 }
               ]
             }
@@ -161,7 +171,7 @@
   "defaultProject": "nshmp-template",
   "schematics": {
     "@schematics/angular:component": {
-      "styleext": "scss"
+      "style": "scss"
     }
   }
 }

package.json

@@ -18,32 +18,32 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~8.2.14",
+    "@angular/animations": "~9.1.12",
     "@angular/cdk": "~8.2.3",
-    "@angular/common": "~8.2.14",
-    "@angular/compiler": "~8.2.14",
-    "@angular/core": "~8.2.14",
-    "@angular/forms": "~8.2.14",
+    "@angular/common": "~9.1.12",
+    "@angular/compiler": "~9.1.12",
+    "@angular/core": "~9.1.12",
+    "@angular/forms": "~9.1.12",
     "@angular/material": "^8.2.3",
-    "@angular/platform-browser": "~8.2.14",
-    "@angular/platform-browser-dynamic": "~8.2.14",
-    "@angular/router": "~8.2.14",
+    "@angular/platform-browser": "~9.1.12",
+    "@angular/platform-browser-dynamic": "~9.1.12",
+    "@angular/router": "~9.1.12",
     "hammerjs": "^2.0.8",
-    "rxjs": "~6.4.0",
+    "rxjs": "~6.6.0",
     "tslib": "^1.10.0",
     "uswds": "^2.4.10",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.803.28",
-    "@angular-devkit/build-ng-packagr": "~0.803.28",
-    "@angular/cli": "~8.3.28",
-    "@angular/compiler-cli": "~8.2.14",
-    "@angular/language-service": "~8.2.14",
+    "@angular-devkit/build-angular": "~0.901.11",
+    "@angular-devkit/build-ng-packagr": "~0.901.11",
+    "@angular/cli": "~9.1.11",
+    "@angular/compiler-cli": "~9.1.12",
+    "@angular/language-service": "~9.1.12",
     "@types/jasmine": "~3.3.7",
     "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "~5.0.0",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
     "husky": "^4.2.3",
     "jasmine-core": "~2.99.1",
     "jasmine-spec-reporter": "~4.2.1",
@@ -52,16 +52,15 @@
     "karma-coverage-istanbul-reporter": "~2.0.1",
     "karma-jasmine": "~1.1.2",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "ng-packagr": "^5.4.0",
+    "ng-packagr": "^9.0.0",
     "npm-cli-login": "^0.1.1",
     "prettier": "^1.19.1",
     "pretty-quick": "^2.0.1",
     "protractor": "~5.4.0",
     "ts-node": "~7.0.0",
-    "tsickle": "^0.37.1",
     "tslint": "^5.20.1",
     "tslint-etc": "^1.10.1",
-    "typescript": "~3.5.3"
+    "typescript": "~3.8.3"
   },
   "husky": {
     "hooks": {

projects/example/tsconfig.app.json

@@ -4,15 +4,7 @@
     "outDir": "../../out-tsc/app",
     "types": []
   },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "src/test.ts",
-    "src/**/*.spec.ts"
-  ]
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.d.ts"],
+  "exclude": ["src/test.ts", "src/**/*.spec.ts"]
 }

projects/nshmp-template/src/lib/nshmp-template.module.ts

@@ -20,7 +20,7 @@ export class NshmpTemplateModuleForRoot {}
   exports: [NshmpLayoutModule]
 })
 export class NshmpTemplateModule {
-  static forRoot(): ModuleWithProviders {
+  static forRoot(): ModuleWithProviders<NshmpTemplateModuleForRoot> {
     return {
       ngModule: NshmpTemplateModuleForRoot,
       providers: []

projects/nshmp-template/tsconfig.lib.json

@@ -12,21 +12,14 @@
     "experimentalDecorators": true,
     "importHelpers": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
+    "lib": ["dom", "es2018"]
   },
   "angularCompilerOptions": {
-    "annotateForClosureCompiler": true,
     "skipTemplateCodegen": true,
     "strictMetadataEmit": true,
     "fullTemplateTypeCheck": true,
     "strictInjectionParameters": true,
     "enableResourceInlining": true
   },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
+  "exclude": ["src/test.ts", "**/*.spec.ts"]
 }

tsconfig.json

@@ -5,26 +5,17 @@
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
-    "module": "es2015",
+    "module": "esnext",
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "importHelpers": true,
     "target": "es5",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2018",
-      "dom"
-    ],
+    "typeRoots": ["node_modules/@types"],
+    "lib": ["es2018", "dom"],
     "paths": {
-      "nshmp-template": [
-        "dist/nshmp-template"
-      ],
-      "nshmp-template/*": [
-        "dist/nshmp-template/*"
-      ]
+      "nshmp-template": ["dist/nshmp-template"],
+      "nshmp-template/*": ["dist/nshmp-template/*"]
     }
   }
 }