ng-eldeeb-image-picker
Advanced tools
Comparing version 15.0.0 to 15.1.0
@@ -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>; | ||
} |
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 i3.NgOptimizedImage], [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>; | ||
} |
{ | ||
"name": "ng-eldeeb-image-picker", | ||
"description": "This is image picker component made with ❤️", | ||
"version": "15.0.0", | ||
"version": "15.1.0", | ||
"keywords": [ | ||
@@ -6,0 +6,0 @@ "image picker", |
@@ -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 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
319704
29
172
728