Angular 17 update (#150)

* update typescript and zone.js
* update angular packages
* remove lock files
* update docs
* update angular.json builder
* change polyfills property to an array
* renamed deprecated browserTarget to buildTarget

README.md

@@ -3,7 +3,7 @@
 Angular SVG Icon
 =========
 
-The **angular-svg-icon** is an Angular 16 service and component that provides a
+The **angular-svg-icon** is an Angular 17 service and component that provides a
 means to inline SVG files to allow for them to be easily styled by CSS and code.
 
 The service provides an icon registery that loads and caches a SVG indexed by
@@ -19,6 +19,7 @@ This [demo](https://czeckd.github.io/angular-svg-icon/) shows this module in act
 $ npm i angular-svg-icon --save
 ```
 **Note on earlier versions of Angular:** 
+- For Angular 16, use [email protected]
 - For Angular 15, use [email protected]
 - For Angular 14, use [email protected]
 - For Angular 13, use [email protected]

angular.json

@@ -33,12 +33,12 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "outputPath": "dist/svg-icon",
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "browser": "src/main.ts",
+            "polyfills": ["src/polyfills.ts"],
             "tsConfig": "tsconfig.app.json",
             "assets": [
               "src/favicon.ico",
@@ -48,12 +48,9 @@
               "src/styles.scss"
             ],
             "scripts": [],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
-            "optimization": false,
-            "namedChunks": true
+            "optimization": false
           },
           "configurations": {
             "production": {
@@ -66,10 +63,7 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",
@@ -87,18 +81,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "svg-icon:build"
+			"buildTarget": "svg-icon:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "svg-icon:build:production"
+			  "buildTarget": "svg-icon:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "svg-icon:build"
+			"buildTarget": "svg-icon:build"
           }
         },
         "test": {
@@ -160,4 +154,4 @@
         }
       }
     }}
-}
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "svg-icon",
-  "description": "Angular 16 component and service for inlining SVGs allowing them to be easily styled with CSS.",
-  "version": "16.1.0",
+  "description": "Angular 17 component and service for inlining SVGs allowing them to be easily styled with CSS.",
+  "version": "17.0.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/czeckd/angular-svg-icon.git"
@@ -25,22 +25,22 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^16.0.0",
-    "@angular/common": "^16.0.0",
-    "@angular/compiler": "^16.0.0",
-    "@angular/core": "^16.0.0",
-    "@angular/forms": "^16.0.0",
-    "@angular/platform-browser": "^16.0.0",
-    "@angular/platform-browser-dynamic": "^16.0.0",
-    "@angular/router": "^16.0.0",
+    "@angular/animations": "^17.0.2",
+    "@angular/common": "^17.0.2",
+    "@angular/compiler": "^17.0.2",
+    "@angular/core": "^17.0.2",
+    "@angular/forms": "^17.0.2",
+    "@angular/platform-browser": "^17.0.2",
+    "@angular/platform-browser-dynamic": "^17.0.2",
+    "@angular/router": "^17.0.2",
     "rxjs": "~6.6.3",
     "tslib": "^2.3.1",
-    "zone.js": "~0.13.0"
+    "zone.js": "~0.14.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.0.0",
-    "@angular/cli": "^16.0.0",
-    "@angular/compiler-cli": "^16.0.0",
+    "@angular-devkit/build-angular": "^17.0.0",
+    "@angular/cli": "^17.0.0",
+    "@angular/compiler-cli": "^17.0.2",
     "@types/jasmine": "~4.0.0",
     "@types/node": "^12.11.1",
     "jasmine-core": "~4.1.0",
@@ -49,7 +49,7 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
-    "ng-packagr": "^16.0.0",
-    "typescript": "~5.0.4"
+    "ng-packagr": "^17.0.0",
+    "typescript": "~5.2.2"
   }
 }

projects/angular-svg-icon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "angular-svg-icon",
-  "description": "Angular 16 component and service for inlining SVGs allowing them to be easily styled with CSS.",
-  "version": "16.1.0",
+  "description": "Angular 17 component and service for inlining SVGs allowing them to be easily styled with CSS.",
+  "version": "17.0.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/czeckd/angular-svg-icon.git"
@@ -14,8 +14,8 @@
     "icon"
   ],
   "peerDependencies": {
-    "@angular/core": ">=16.0.0",
-    "@angular/common": ">=16.0.0",
+    "@angular/core": ">=17.0.0",
+    "@angular/common": ">=17.0.0",
     "rxjs": ">=6.6.3"
   },
   "dependencies": {