added parameters

Author: ANKUR DWIVEDI

README.md

@@ -291,6 +291,8 @@ See the complete list of transformations supported in ImageKit [here](https://do
 | effectUSM | e-usm |
 | effectContrast | e-contrast |
 | effectGray | e-grayscale |
+| effectShadow | e-shadow |
+| effectGradient | e-gradient |
 | original | orig |
 | raw | The string provided in raw will be added to the URL as it is. |
 

sdk/lib/package.json

@@ -1,11 +1,11 @@
 {
   "name": "imagekitio-angular",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "author": "ImageKit",
   "license": "MIT",
   "private": false,
   "dependencies": {
-    "imagekit-javascript": "^2.0.0"
+    "imagekit-javascript": "^3.0.0"
   },
   "ngPackage": {
     "$schema": "./node_modules/ng-packagr/ng-package.schema.json",

sdk/lib/src/imagekitio-angular/ik-upload/ik-upload.component.ts

@@ -37,6 +37,7 @@ export class IkUploadComponent implements AfterViewInit {
   @Input('validateFile') validateFile: (file: File) => boolean;
   @Input('onUploadStart') onUploadStart: (e: HTMLInputEvent) => void;
   @Input('onUploadProgress') onUploadProgress: (e: ProgressEvent) => void;
+  @Input('transformation') transformation: Object; //optional
   fileToUpload: File = null;
   xhr: XMLHttpRequest;
 
@@ -74,7 +75,8 @@ export class IkUploadComponent implements AfterViewInit {
       extensions: this.extensions,
       webhookUrl: this.webhookUrl,
       onError: this.onError,
-      onSuccess: this.onSuccess
+      onSuccess: this.onSuccess,
+      transformation: this.transformation,
     }
 
     // Custom validation
@@ -245,6 +247,10 @@ export class IkUploadComponent implements AfterViewInit {
     if (options.xhr !== undefined) {
       Object.assign(params, { xhr: options.xhr });
     }
+
+    if (options.transformation !== undefined) {
+      Object.assign(params, { transformation: options.transformation });
+    }
     return params;
   }
 }

sdk/lib/src/imagekitio-angular/utility/ik-type-def-collection.ts

@@ -54,4 +54,5 @@ export interface IkUploadComponentOptions {
     onSuccess?: EventEmitter<any>;
     validateFile?: Function;
     xhr?: XMLHttpRequest;
+    transformation?: Object;
 }

sdk/package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "imagekitio-angular",
-    "version": "3.0.0",
+    "version": "4.0.0",
     "license": "MIT",
     "scripts": {
         "ng": "ng",
@@ -27,7 +27,7 @@
         "@angular/platform-browser-dynamic": "^4.2.4",
         "@angular/router": "^4.2.4",
         "core-js": "^2.4.1",
-        "imagekit-javascript": "^2.0.0",
+        "imagekit-javascript": "^3.0.0",
         "rxjs": "^5.4.2",
         "zone.js": "^0.8.14"
     },