inet-ui
Version:
iNet Angular UI === [![NPM version][npm-version-image]][npm-url] [![NPM downloads][npm-downloads-image]][downloads-url]
79 lines (78 loc) • 3.69 kB
TypeScript
import { ElementRef, EventEmitter, OnChanges, SimpleChanges, ChangeDetectorRef, NgZone } from '@angular/core';
import { DomSanitizer, SafeUrl, SafeStyle } from '@angular/platform-browser';
import * as i0 from "@angular/core";
export interface CropperPosition {
x1: number;
y1: number;
x2: number;
y2: number;
}
export interface ImageCroppedEvent {
base64?: string | null;
file?: Blob | null;
width: number;
height: number;
cropperPosition: CropperPosition;
}
export declare class ImageCropperComponent implements OnChanges {
private elementRef;
private sanitizer;
private cd;
private zone;
private originalImage;
private moveStart?;
private maxSize?;
private originalSize?;
safeImgDataUrl?: SafeUrl | string;
marginLeft: SafeStyle | string;
imageVisible: boolean;
set imageFileChanged(file: File);
set imageChangedEvent(event: any);
set imageBase64(imageBase64: string);
format: 'png' | 'jpeg' | 'bmp' | 'webp' | 'ico';
outputType: 'base64' | 'file' | 'both';
maintainAspectRatio: boolean;
aspectRatio: number;
resizeToWidth: number;
roundCropper: boolean;
onlyScaleDown: boolean;
imageQuality: number;
autoCrop: boolean;
cropper: CropperPosition;
imageCropped: EventEmitter<ImageCroppedEvent>;
imageCroppedBase64: EventEmitter<string>;
imageCroppedFile: EventEmitter<Blob>;
imageLoaded: EventEmitter<void>;
loadImageFailed: EventEmitter<void>;
constructor(elementRef: ElementRef, sanitizer: DomSanitizer, cd: ChangeDetectorRef, zone: NgZone);
ngOnChanges(changes: SimpleChanges): void;
private initCropper;
private loadImageFile;
private isValidImageType;
private checkExifRotationAndLoadImage;
private loadBase64Image;
imageLoadedInView(): void;
onResize(event: Event): void;
private resizeCropperPosition;
private resetCropperPosition;
startMove(event: any, moveType: string, position?: string | null): void;
moveImg(event: any): void;
private setMaxSize;
private checkCropperPosition;
moveStop(event: any): void;
private move;
private resize;
private checkAspectRatio;
private doAutoCrop;
crop(): void;
private cropToOutputType;
private cropToBase64;
private cropToFile;
private getCanvasBlob;
private getQuality;
private getResizeRatio;
private getClientX;
private getClientY;
static ɵfac: i0.ɵɵFactoryDeclaration<ImageCropperComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ImageCropperComponent, "image-cropper", never, { "imageFileChanged": { "alias": "imageFileChanged"; "required": false; }; "imageChangedEvent": { "alias": "imageChangedEvent"; "required": false; }; "imageBase64": { "alias": "imageBase64"; "required": false; }; "format": { "alias": "format"; "required": false; }; "outputType": { "alias": "outputType"; "required": false; }; "maintainAspectRatio": { "alias": "maintainAspectRatio"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "resizeToWidth": { "alias": "resizeToWidth"; "required": false; }; "roundCropper": { "alias": "roundCropper"; "required": false; }; "onlyScaleDown": { "alias": "onlyScaleDown"; "required": false; }; "imageQuality": { "alias": "imageQuality"; "required": false; }; "autoCrop": { "alias": "autoCrop"; "required": false; }; "cropper": { "alias": "cropper"; "required": false; }; }, { "imageCropped": "imageCropped"; "imageCroppedBase64": "imageCroppedBase64"; "imageCroppedFile": "imageCroppedFile"; "imageLoaded": "imageLoaded"; "loadImageFailed": "loadImageFailed"; }, never, never, false, never>;
}