Update to angular 13

Author: HitkoDev

.gitignore

@@ -1,3 +1,4 @@
+/.angular/cache
 dist/
 bundles/
 

package.json

@@ -30,7 +30,7 @@
       "repository": "[email protected]:zefoy/ngx-dropzone-wrapper.git",
       "branch": "gh-pages",
       "folder": "dist/app",
-      "script": "ng build app --prod -- --base-href=ngx-dropzone-wrapper --delete-output-path=false",
+      "script": "ng build app --configuration production -- --base-href=ngx-dropzone-wrapper --delete-output-path=false",
       "commit": "Publishing $npm_package_version",
       "user": {
         "name": "ZEF Devel",
@@ -39,47 +39,47 @@
     }
   },
   "dependencies": {
-    "@angular/cdk": "^12.2.13",
-    "@angular/common": "^12.2.16",
-    "@angular/compiler": "^12.2.16",
-    "@angular/core": "^12.2.16",
-    "@angular/flex-layout": "12.0.0-beta.35",
-    "@angular/platform-browser": "^12.2.16",
-    "@angular/platform-browser-dynamic": "^12.2.16",
-    "dropzone": "^5.7.0"
+    "@angular/cdk": "^13.2.0",
+    "@angular/common": "^13.2.0",
+    "@angular/compiler": "^13.2.0",
+    "@angular/core": "^13.2.0",
+    "@angular/flex-layout": "^13.0.0-beta.36",
+    "@angular/platform-browser": "^13.2.0",
+    "@angular/platform-browser-dynamic": "^13.2.0",
+    "dropzone": "^5.9.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^12.2.15",
-    "@angular-eslint/builder": "12.7.0",
-    "@angular-eslint/eslint-plugin": "12.7.0",
-    "@angular-eslint/eslint-plugin-template": "12.7.0",
-    "@angular-eslint/schematics": "12.7.0",
-    "@angular-eslint/template-parser": "12.7.0",
-    "@angular/cli": "^12.2.15",
-    "@angular/compiler-cli": "^12.2.16",
-    "@types/dropzone": "^5.7.0",
-    "@types/node": "^12.12.59",
-    "@typescript-eslint/eslint-plugin": "4.28.2",
-    "@typescript-eslint/parser": "4.28.2",
-    "core-js": "^3.6.5",
+    "@angular-devkit/build-angular": "^13.2.0",
+    "@angular-eslint/builder": "^13.0.1",
+    "@angular-eslint/eslint-plugin": "^13.0.1",
+    "@angular-eslint/eslint-plugin-template": "^13.0.1",
+    "@angular-eslint/schematics": "^13.0.1",
+    "@angular-eslint/template-parser": "^13.0.1",
+    "@angular/cli": "^13.2.0",
+    "@angular/compiler-cli": "^13.2.0",
+    "@types/dropzone": "^5.7.4",
+    "@types/node": "<17.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.10.1",
+    "@typescript-eslint/parser": "^5.10.1",
+    "core-js": "^3.20.3",
     "cpx": "^1.5.0",
-    "deploy-to-git": "^0.1.0",
-    "eslint": "^7.26.0",
-    "eslint-plugin-import": "latest",
-    "eslint-plugin-jsdoc": "latest",
-    "eslint-plugin-prefer-arrow": "latest",
-    "mkdirp": "^1.0.0",
-    "ng-packagr": "^12.2.6",
+    "deploy-to-git": "^0.4.1",
+    "eslint": "^8.7.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jsdoc": "^37.7.0",
+    "eslint-plugin-prefer-arrow": "^1.2.3",
+    "mkdirp": "^1.0.4",
+    "ng-packagr": "^13.2.0",
     "rimraf": "^3.0.2",
-    "rxjs": "^6.6.0",
-    "stylelint": "^13.0.0",
-    "stylelint-config-standard": "^20.0.0",
-    "stylelint-order": "^4.0.0",
-    "terser": "^5.3.0",
-    "ts-node": "^9.0.0",
-    "tsickle": "^0.39.0",
-    "typescript": "~4.3.5",
-    "watch": "^1.0.0",
-    "zone.js": "~0.11.4"
+    "rxjs": "^7.5.2",
+    "stylelint": "^14.3.0",
+    "stylelint-config-standard": "^24.0.0",
+    "stylelint-order": "^5.0.0",
+    "terser": "^5.10.0",
+    "ts-node": "^10.4.0",
+    "tslib": "^2.3.1",
+    "typescript": ">=4.5 <4.6",
+    "watch": "^1.0.2",
+    "zone.js": "^0.11.4"
   }
-}
+}

projects/lib/ng-package.json

@@ -2,12 +2,9 @@
   "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
   "dest": "../../dist/lib",
   "lib": {
-    "entryFile": "src/public-api.ts",
-    "umdModuleIds": {
-      "dropzone": "Dropzone"
-    }
+    "entryFile": "src/public-api.ts"
   },
-  "whitelistedNonPeerDependencies": [
+  "allowedNonPeerDependencies": [
     "dropzone"
   ]
 }

projects/lib/package.json

@@ -9,10 +9,10 @@
     "url": "https://github.com/zefoy/ngx-dropzone-wrapper.git"
   },
   "dependencies": {
-    "dropzone": "^5.7.0"
+    "dropzone": "^5.9.0"
   },
   "peerDependencies": {
-    "@angular/common": ">=9.0.0",
-    "@angular/core": ">=9.0.0"
+    "@angular/common": ">=13.0.0",
+    "@angular/core": ">=13.0.0"
   }
 }

projects/lib/src/lib/dropzone.directive.ts

@@ -1,4 +1,6 @@
-import Dropzone from 'dropzone';
+import _dz from 'dropzone';
+// Fix until Dropzone types are updated
+const Dropzone: typeof _dz = (_dz as any).Dropzone;
 
 import { PLATFORM_ID } from '@angular/core';
 import { isPlatformBrowser } from '@angular/common';

projects/lib/tsconfig.json

@@ -13,9 +13,9 @@
     ]
   },
   "angularCompilerOptions": {
+    "compilationMode": "partial",
     "skipTemplateCodegen": true,
     "strictMetadataEmit": true,
-    "enableIvy": false,
     "enableResourceInlining": true
   },
   "exclude": [