ngx-image-cropper 7.0.2 → 7.1.0

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

@@ -32,6 +32,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     imageBase64?: string;
     imageFile?: File;
     imageAltText?: string;
+    cropperFrameAriaLabel: string;
     output: 'blob' | 'base64';
     format: OutputFormat;
     transform: ImageTransform;
@@ -90,8 +91,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;
@@ -99,7 +101,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,5 +111,5 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     private cropToBase64;
     private aspectRatioIsCorrect;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageCropperComponent, [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"; "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>;
+    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/interfaces/cropper.settings.d.ts

@@ -26,6 +26,7 @@ export declare class CropperSettings {
     containWithinAspectRatio: boolean;
     hideResizeSquares: boolean;
     alignImage: 'left' | 'center';
+    cropperFrameAriaLabel: string;
     cropperScaledMinWidth: number;
     cropperScaledMinHeight: number;
     cropperScaledMaxWidth: number;

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.2",
+  "version": "7.1.0",
   "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",