Upgrade to angular@11

README.md

@@ -14,6 +14,7 @@ Supported Angular Versions
 | --------------- | ------------------------ |
 |  9.x            | 1.0.0                    |
 | 10.x            | 2.0.0                    |
+| 11.x            | 3.0.0                    |
 
 ### Step 1: Install
 

angular.json

@@ -10,7 +10,7 @@
       "prefix": "font-awesome",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "projects/font-awesome-icons-lib/tsconfig.lib.json",
             "project": "projects/font-awesome-icons-lib/ng-package.json"
@@ -72,7 +72,6 @@
             "es5": {
               "tsConfig": "./projects/example-app/tsconfig-es5.app.json",
               "sourceMap": true,
-              "extractCss": false,
               "namedChunks": true,
               "aot": true,
               "extractLicenses": true,
@@ -97,7 +96,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "aot": true,
               "extractLicenses": true,

package.json

@@ -26,35 +26,95 @@
     "modelFileName": "font-awesome-icon.model",
     "svgoConfig": {
       "plugins": [
-        { "cleanupAttrs": true },
-        { "removeComments": true },
-        { "removeMetadata": true },
-        { "removeTitle": true },
-        { "removeDesc": true },
-        { "removeUselessDefs": true },
-        { "removeEditorsNSData": true },
-        { "removeEmptyAttrs": true },
-        { "removeEmptyText": true },
-        { "removeEmptyContainers": true },
-        { "removeEmptyContainers": true },
-        { "removeViewBox": false },
-        { "convertStyleToAttrs": true },
-        { "convertColors": true },
-        { "convertTransform": true },
-        { "removeUnknownsAndDefaults": true },
-        { "removeNonInheritableGroupAttrs": true },
-        { "removeUselessStrokeAndFill": true },
-        { "removeUnusedNS": true },
-        { "cleanupIDs": true },
-        { "cleanupNumericValues": true },
-        { "moveElemsAttrsToGroup": true },
-        { "moveGroupAttrsToElems": true },
-        { "collapseGroups": true },
-        { "mergePaths": true },
-        { "convertShapeToPath": true },
-        { "sortAttrs": true },
-        { "removeDimensions": true },
-        { "removeAttrs": {"attrs": "(stroke|fill)"} }
+        {
+          "cleanupAttrs": true
+        },
+        {
+          "removeComments": true
+        },
+        {
+          "removeMetadata": true
+        },
+        {
+          "removeTitle": true
+        },
+        {
+          "removeDesc": true
+        },
+        {
+          "removeUselessDefs": true
+        },
+        {
+          "removeEditorsNSData": true
+        },
+        {
+          "removeEmptyAttrs": true
+        },
+        {
+          "removeEmptyText": true
+        },
+        {
+          "removeEmptyContainers": true
+        },
+        {
+          "removeEmptyContainers": true
+        },
+        {
+          "removeViewBox": false
+        },
+        {
+          "convertStyleToAttrs": true
+        },
+        {
+          "convertColors": true
+        },
+        {
+          "convertTransform": true
+        },
+        {
+          "removeUnknownsAndDefaults": true
+        },
+        {
+          "removeNonInheritableGroupAttrs": true
+        },
+        {
+          "removeUselessStrokeAndFill": true
+        },
+        {
+          "removeUnusedNS": true
+        },
+        {
+          "cleanupIDs": true
+        },
+        {
+          "cleanupNumericValues": true
+        },
+        {
+          "moveElemsAttrsToGroup": true
+        },
+        {
+          "moveGroupAttrsToElems": true
+        },
+        {
+          "collapseGroups": true
+        },
+        {
+          "mergePaths": true
+        },
+        {
+          "convertShapeToPath": true
+        },
+        {
+          "sortAttrs": true
+        },
+        {
+          "removeDimensions": true
+        },
+        {
+          "removeAttrs": {
+            "attrs": "(stroke|fill)"
+          }
+        }
       ]
     },
     "srcFiles": [
@@ -69,14 +129,14 @@
     "compileSources": true
   },
   "dependencies": {
-    "@angular/animations": "~10.0.5",
-    "@angular/common": "~10.0.5",
-    "@angular/compiler": "~10.0.5",
-    "@angular/core": "~10.0.5",
-    "@angular/forms": "~10.0.5",
-    "@angular/platform-browser": "~10.0.5",
-    "@angular/platform-browser-dynamic": "~10.0.5",
-    "@angular/router": "~10.0.5",
+    "@angular/animations": "~11.0.0",
+    "@angular/common": "~11.0.0",
+    "@angular/compiler": "~11.0.0",
+    "@angular/core": "~11.0.0",
+    "@angular/forms": "~11.0.0",
+    "@angular/platform-browser": "~11.0.0",
+    "@angular/platform-browser-dynamic": "~11.0.0",
+    "@angular/router": "~11.0.0",
     "core-js": "^3.1.3",
     "rxjs": "~6.5.4",
     "svg-to-ts": "^5.0.1",
@@ -84,29 +144,28 @@
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1000.4",
-    "@angular-devkit/build-ng-packagr": "~0.1000.4",
-    "@angular/cli": "~10.0.4",
-    "@angular/compiler-cli": "~10.0.5",
-    "@angular/language-service": "~10.0.5",
-    "@types/jasmine": "~3.3.13",
+    "@angular-devkit/build-angular": "~0.1100.1",
+    "@angular/cli": "~11.0.1",
+    "@angular/compiler-cli": "~11.0.0",
+    "@angular/language-service": "~11.0.0",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.11.1",
     "codelyzer": "^6.0.0",
     "cpx": "^1.5.0",
-    "jasmine-core": "~3.5.0",
+    "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "~5.1.1",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~3.3.0",
+    "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
-    "ng-packagr": "^10.0.0",
+    "ng-packagr": "^11.0.2",
     "protractor": "~7.0.0",
     "rxjs-marbles": "^5.0.2",
     "ts-node": "~8.2.0",
     "tslint": "~6.1.0",
-    "typescript": "~3.9.7",
+    "typescript": "~4.0.5",
     "webpack-bundle-analyzer": "^3.6.1"
   }
 }

projects/example-app-e2e/tsconfig.e2e.json

 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/app",
     "module": "commonjs",

projects/example-app/tsconfig.app.json

 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/app",
     "types": []

projects/example-app/tsconfig.spec.json

 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "types": [

projects/font-awesome-icons-lib/README.md

@@ -14,6 +14,7 @@ Supported Angular Versions
 | --------------- | ------------------------ |
 |  9.x            | 1.0.0                    |
 | 10.x            | 2.0.0                    |
+| 11.x            | 3.0.0                    |
 
 ### Step 1: Install
 

projects/font-awesome-icons-lib/package.json

 {
   "name": "@triangular/font-awesome-icons",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "peerDependencies": {
-    "@angular/common": "^10.0.0",
-    "@angular/core": "^10.0.0"
+    "@angular/common": "^11.0.0",
+    "@angular/core": "^11.0.0"
   },
   "homepage": "https://font-awesome-icons.akehir.com",
   "license" : "MIT",

projects/font-awesome-icons-lib/tsconfig.lib.json

 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
+    "declarationMap": true,
     "target": "es2015",
     "module": "es2015",
     "moduleResolution": "node",

projects/font-awesome-icons-lib/tsconfig.lib.prod.json

 {
   "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
   "angularCompilerOptions": {
     "enableIvy": false
   }

projects/font-awesome-icons-lib/tsconfig.spec.json

 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "types": [

tsconfig.base.json

-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "module": "es2020",
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "target": "es2015",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2018",
-      "dom"
-    ],
-    "paths": {
-      "@triangular/font-awesome-icons": [
-        "dist/font-awesome-icons"
-      ],
-      "@triangular/font-awesome-icons/*": [
-        "dist/font-awesome-icons/*"
-      ]
-    }
-  }
-}

tsconfig.json

-/*
-  This is a "Solution Style" tsconfig.json file, and is used by editors and TypeScript’s language server to improve development experience.
-  It is not intended to be used to perform a compilation.
-
-  To learn more about this file see: https://angular.io/config/solution-tsconfig.
-*/
 {
-  "files": [],
-  "references": [
-    {
-      "path": "./projects/font-awesome-icons-lib/tsconfig.lib.json"
-    },
-    {
-      "path": "./projects/font-awesome-icons-lib/tsconfig.spec.json"
-    },
-    {
-      "path": "./projects/example-app/tsconfig.app.json"
-    },
-    {
-      "path": "./projects/example-app/tsconfig.spec.json"
-    },
-    {
-      "path": "./projects/example-app-e2e/tsconfig.e2e.json"
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "module": "es2020",
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "es2015",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2018",
+      "dom"
+    ],
+    "paths": {
+      "@triangular/font-awesome-icons": [
+        "dist/font-awesome-icons"
+      ],
+      "@triangular/font-awesome-icons/*": [
+        "dist/font-awesome-icons/*"
+      ]
     }
-  ]
-}
\ No newline at end of file
+  }
+}