Update to angular 18

README.md

@@ -16,6 +16,7 @@ The version numbers are in line with major Angular versions:
 | 15.x.x          | 15.x.x                    |
 | 16.x.x          | 16.x.x                    |
 | 17.x.x          | 17.x.x                    |
+| 18.x.x          | 18.x.x                    |
 
 ## Installation
 

angular.json

@@ -11,23 +11,25 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/ngx-super-croppie",
+            "outputPath": {
+              "base": "dist/ngx-super-croppie"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "src/polyfills.ts"
+            ],
             "tsConfig": "tsconfig.app.json",
             "assets": ["src/favicon.ico", "src/assets"],
 
             "styles": ["src/styles.css"],
             "scripts": [],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -42,8 +44,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ngx-super-croppie",
   "description": "NgxSuperCroppie is a simple angular8+ wrapper for croppie",
-  "version": "17.0.0",
+  "version": "18.0.0",
   "author": "Lukas Kupczyk",
   "license": "MIT",
   "repository": {
@@ -28,24 +28,24 @@
     "test:package": "ng test NgxSuperCroppie"
   },
   "dependencies": {
-    "@angular-devkit/build-angular": "^17.2.2",
-    "@angular/animations": "^17.2.3",
-    "@angular/common": "^17.2.3",
-    "@angular/compiler": "^17.2.3",
-    "@angular/core": "^17.2.3",
-    "@angular/forms": "^17.2.3",
-    "@angular/platform-browser": "^17.2.3",
-    "@angular/platform-browser-dynamic": "^17.2.3",
-    "@angular/router": "^17.2.3",
+    "@angular-devkit/build-angular": "^18.2.10",
+    "@angular/animations": "^18.2.9",
+    "@angular/common": "^18.2.9",
+    "@angular/compiler": "^18.2.9",
+    "@angular/core": "^18.2.9",
+    "@angular/forms": "^18.2.9",
+    "@angular/platform-browser": "^18.2.9",
+    "@angular/platform-browser-dynamic": "^18.2.9",
+    "@angular/router": "^18.2.9",
     "croppie": "^2.6.5",
     "rxjs": "~7.8.0",
     "tslib": "^2.4.1",
-    "zone.js": "~0.14.0"
+    "zone.js": "~0.14.10"
   },
   "devDependencies": {
-    "@angular-builders/jest": "^17.0.2",
-    "@angular/cli": "^17.2.2",
-    "@angular/compiler-cli": "^17.2.3",
+    "@angular-builders/jest": "^18.0.0",
+    "@angular/cli": "^18.2.10",
+    "@angular/compiler-cli": "^18.2.9",
     "@types/croppie": "^2.6.1",
     "@types/jest": "^29.2.4",
     "@types/node": "^18.11.17",
@@ -55,10 +55,10 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "jest": "^29.7.0",
-    "ng-packagr": "^17.2.0",
+    "ng-packagr": "^18.2.1",
     "prettier": "^2.8.1",
     "protractor": "~7.0.0",
     "ts-node": "~10.9.1",
-    "typescript": "5.2.2"
+    "typescript": "5.5.4"
   }
 }

projects/ngx-super-croppie/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ngx-super-croppie",
   "description": "NgxSuperCroppie is a simple angular8+ wrapper for croppie",
-  "version": "17.0.0",
+  "version": "18.0.0",
   "author": "Lukas Kupczyk",
   "license": "MIT",
   "repository": {
@@ -17,8 +17,8 @@
     "croppie"
   ],
   "peerDependencies": {
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0",
+    "@angular/common": "^18.0.0",
+    "@angular/core": "^18.0.0",
     "rxjs": "^7.8.0"
   },
   "dependencies": {

src/styles.css

@@ -1,2 +1,2 @@
 /* You can add global styles to this file, and also import other style files */
-@import '~croppie/croppie.css';
+@import 'croppie/croppie.css';

tsconfig.json

@@ -5,12 +5,10 @@
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
     "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
     "target": "ES2022",
     "module": "es2020",
     "lib": [