ngx-image-cropper 7.0.3 → 7.1.1

package/lib/component/image-cropper.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { DomSanitizer, HammerLoader, SafeStyle, SafeUrl } from '@angular/platform-browser';
 import { CropperPosition, Dimensions, ImageCroppedEvent, ImageTransform, LoadedImage } from '../interfaces';
 import { OutputFormat } from '../interfaces/cropper-options.interface';
@@ -13,6 +13,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     private loadImageService;
     private sanitizer;
     private cd;
+    private zone;
     private readonly hammerLoader;
     private settings;
     private setImageMaxSizeRetries;
@@ -67,7 +68,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     cropperReady: EventEmitter<Dimensions>;
     loadImageFailed: EventEmitter<void>;
     transformChange: EventEmitter<ImageTransform>;
-    constructor(cropService: CropService, cropperPositionService: CropperPositionService, loadImageService: LoadImageService, sanitizer: DomSanitizer, cd: ChangeDetectorRef, hammerLoader: HammerLoader | null);
+    constructor(cropService: CropService, cropperPositionService: CropperPositionService, loadImageService: LoadImageService, sanitizer: DomSanitizer, cd: ChangeDetectorRef, zone: NgZone, hammerLoader: HammerLoader | null);
     ngOnChanges(changes: SimpleChanges): void;
     private onChangesUpdateSettings;
     private onChangesInputImage;
@@ -91,8 +92,9 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     private changeKeyboardStepSize;
     private keyboardMoveCropper;
     startMove(event: any, moveType: MoveTypes, position?: string | null): void;
+    private initMouseMove;
     startPinch(event: any): void;
-    moveImg(event: any): void;
+    private handleMouseMove;
     onPinch(event: any): void;
     private setMaxSize;
     private setCropperScaledMinSize;
@@ -100,7 +102,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     private setCropperScaledMinHeight;
     private setCropperScaledMaxSize;
     private checkCropperPosition;
-    moveStop(): void;
+    private handleMouseUp;
     pinchStop(): void;
     private doAutoCrop;
     crop(): ImageCroppedEvent | null;
@@ -109,6 +111,6 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     private cropToBlob;
     private cropToBase64;
     private aspectRatioIsCorrect;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ImageCropperComponent, [null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageCropperComponent, [null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ImageCropperComponent, "image-cropper", never, { "imageChangedEvent": "imageChangedEvent"; "imageURL": "imageURL"; "imageBase64": "imageBase64"; "imageFile": "imageFile"; "imageAltText": "imageAltText"; "cropperFrameAriaLabel": "cropperFrameAriaLabel"; "output": "output"; "format": "format"; "transform": "transform"; "maintainAspectRatio": "maintainAspectRatio"; "aspectRatio": "aspectRatio"; "resetCropOnAspectRatioChange": "resetCropOnAspectRatioChange"; "resizeToWidth": "resizeToWidth"; "resizeToHeight": "resizeToHeight"; "cropperMinWidth": "cropperMinWidth"; "cropperMinHeight": "cropperMinHeight"; "cropperMaxHeight": "cropperMaxHeight"; "cropperMaxWidth": "cropperMaxWidth"; "cropperStaticWidth": "cropperStaticWidth"; "cropperStaticHeight": "cropperStaticHeight"; "canvasRotation": "canvasRotation"; "initialStepSize": "initialStepSize"; "roundCropper": "roundCropper"; "onlyScaleDown": "onlyScaleDown"; "imageQuality": "imageQuality"; "autoCrop": "autoCrop"; "backgroundColor": "backgroundColor"; "containWithinAspectRatio": "containWithinAspectRatio"; "hideResizeSquares": "hideResizeSquares"; "allowMoveImage": "allowMoveImage"; "cropper": "cropper"; "alignImage": "alignImage"; "disabled": "disabled"; "hidden": "hidden"; }, { "imageCropped": "imageCropped"; "startCropImage": "startCropImage"; "imageLoaded": "imageLoaded"; "cropperReady": "cropperReady"; "loadImageFailed": "loadImageFailed"; "transformChange": "transformChange"; }, never, never>;
 }

package/lib/services/crop.service.d.ts

@@ -1,10 +1,9 @@
-import { ElementRef } from '@angular/core';
-import { CropperPosition, ImageCroppedEvent, LoadedImage } from '../interfaces';
+import { CropperPosition, Dimensions, ImageCroppedEvent, LoadedImage } from '../interfaces';
 import { CropperSettings } from '../interfaces/cropper.settings';
 import * as i0 from "@angular/core";
 export declare class CropService {
-    crop(sourceImage: ElementRef, loadedImage: LoadedImage, cropper: CropperPosition, settings: CropperSettings, output: 'blob'): Promise<ImageCroppedEvent> | null;
-    crop(sourceImage: ElementRef, loadedImage: LoadedImage, cropper: CropperPosition, settings: CropperSettings, output: 'base64'): ImageCroppedEvent | null;
+    crop(loadedImage: LoadedImage, cropper: CropperPosition, settings: CropperSettings, output: 'blob', maxSize: Dimensions): Promise<ImageCroppedEvent> | null;
+    crop(loadedImage: LoadedImage, cropper: CropperPosition, settings: CropperSettings, output: 'base64', maxSize: Dimensions): ImageCroppedEvent | null;
     private cropToBlob;
     private getCanvasTranslate;
     private getRatio;

package/lib/services/cropper-position.service.d.ts

@@ -3,7 +3,7 @@ import { CropperPosition, Dimensions, MoveStart } from '../interfaces';
 import { CropperSettings } from '../interfaces/cropper.settings';
 import * as i0 from "@angular/core";
 export declare class CropperPositionService {
-    resetCropperPosition(sourceImage: ElementRef, cropperPosition: CropperPosition, settings: CropperSettings): void;
+    resetCropperPosition(sourceImage: ElementRef, cropperPosition: CropperPosition, settings: CropperSettings, maxSize: Dimensions): void;
     move(event: any, moveStart: MoveStart, cropperPosition: CropperPosition): void;
     resize(event: any, moveStart: MoveStart, cropperPosition: CropperPosition, maxSize: Dimensions, settings: CropperSettings): void;
     checkAspectRatio(position: string, cropperPosition: CropperPosition, maxSize: Dimensions, settings: CropperSettings): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-image-cropper",
-  "version": "7.0.3",
+  "version": "7.1.1",
   "description": "An image cropper for Angular",
   "author": "Martijn Willekens",
   "repository": {
@@ -16,6 +16,7 @@
     "angular 13",
     "angular 14",
     "angular 15",
+    "angular 16",
     "ionic",
     "ionic-angular",
     "cropper",