ng-eldeeb-image-picker - npm Package Compare versions

Comparing version 14.0.0 to 14.1.0

lib/components/image-picker/image-picker.component.d.ts

@@ -1,2 +0,2 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
 import { FormBuilder, FormControl, ValidationErrors } from '@angular/forms';
@@ -6,3 +6,3 @@ import { DownloadImageService } from '../../services';
 import * as i0 from "@angular/core";
-export declare class ImagePickerComponent {
+export declare class ImagePickerComponent implements OnDestroy {
     private readonly _fb;
@@ -21,2 +21,3 @@ private readonly _downloadFileService;
     showDownload?: boolean;
+    uploadIcon?: string;
     editText?: string;
@@ -46,4 +47,5 @@ deleteText?: string;
     private _readFileAImage;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImagePickerComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImagePickerComponent, "image-picker[formControlName],image-picker[formControl],image-picker[(ngModel)]", never, { "sizeLimit": { "alias": "sizeLimit"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "showDeleteBtn": { "alias": "showDeleteBtn"; "required": false; }; "showEditBtn": { "alias": "showEditBtn"; "required": false; }; "showDownload": { "alias": "showDownload"; "required": false; }; "editText": { "alias": "editText"; "required": false; }; "deleteText": { "alias": "deleteText"; "required": false; }; "editIcon": { "alias": "editIcon"; "required": false; }; "deleteIcon": { "alias": "deleteIcon"; "required": false; }; "downloadIcon": { "alias": "downloadIcon"; "required": false; }; }, { "error": "error"; }, ["uploadBtn", "imagePreview", "actions"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImagePickerComponent, "image-picker[formControlName],image-picker[formControl],image-picker[(ngModel)]", never, { "sizeLimit": { "alias": "sizeLimit"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "showDeleteBtn": { "alias": "showDeleteBtn"; "required": false; }; "showEditBtn": { "alias": "showEditBtn"; "required": false; }; "showDownload": { "alias": "showDownload"; "required": false; }; "uploadIcon": { "alias": "uploadIcon"; "required": false; }; "editText": { "alias": "editText"; "required": false; }; "deleteText": { "alias": "deleteText"; "required": false; }; "editIcon": { "alias": "editIcon"; "required": false; }; "deleteIcon": { "alias": "deleteIcon"; "required": false; }; "downloadIcon": { "alias": "downloadIcon"; "required": false; }; }, { "error": "error"; }, ["uploadBtn", "imagePreview", "actions"], never, false, never>;
 }

lib/upload-image.module.d.ts

 import * as i0 from "@angular/core";
 import * as i1 from "./components/image-picker/image-picker.component";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/common/http";
-import * as i5 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/common/http";
+import * as i4 from "@angular/forms";
 export declare class ImagePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ImagePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ImagePickerModule, [typeof i1.ImagePickerComponent], [typeof i2.MatIconModule, typeof i3.CommonModule, typeof i4.HttpClientModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule], [typeof i1.ImagePickerComponent, typeof i2.MatIconModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ImagePickerModule, [typeof i1.ImagePickerComponent], [typeof i2.CommonModule, typeof i3.HttpClientModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule], [typeof i1.ImagePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ImagePickerModule>;
 }

package.json

 {
   "name": "ng-eldeeb-image-picker",
   "description": "This is image picker component made with ❤️",
-  "version": "14.0.0",
+  "version": "14.1.0",
   "keywords": [
@@ -6,0 +6,0 @@ "image picker",

README.md

@@ -25,3 +25,47 @@ # Eldeeb Image Picker
 
+## angular.json (assets)
+```json
+    "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": ["zone.js"],
+            "tsConfig": "tsconfig.app.json",
+            "assets": [
+              "src/favicon.ico",
+              {
+                "glob": "**/*",
+                "input": "./node_modules/ng-eldeeb-image-picker/assets",
+                "output": "/assets/"
+              }
+            ],
+            "styles": [],
+            "scripts": [],
+          },
+          }
+        }
+
+```
+
 ## Usage/Examples
+
+### App Component Ts
+```js
+export class AppComponent implements OnInit {
+  public readonly imgPicker:FormControl<string | File | null>= new FormControl();
+
+  public ngOnInit(): void {
+    this.imgPicker.valueChanges.subscribe(console.log);
+  }
+
+  public onImageError = ($event: ImagePickerError): void => {
+    console.log($event);
+  };
+}
+
+```
+
 ### Simple case
@@ -115,5 +159,5 @@ ```html
 | `Input() deleteText` | `string` | Delete button label.  |
-| `Input() editIcon` | `string` | Edit button icon (google-fonts).  |
-| `Input() deleteIcon` | `string` | Delete button icon (google-fonts).  |
-| `Input() downloadIcon` | `string` | Download button icon (google-fonts).  |
+| `Input() editIcon` | `string` | Edit button icon (img-path).  |
+| `Input() deleteIcon` | `string` | Delete button icon (img-path).  |
+| `Input() downloadIcon` | `string` | Download button icon (img-path).  |
 | `Output() error` | `EventEmitter<ImagePickerError>` | On error occurred. |
@@ -120,0 +164,0 @@

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

138257

increased by9.61%

Number of package files

27

increased by17.39%

Lines of code

728

increased by1.11%

Number of lines in readme file

172

increased by34.38%

No dependency changes