ngx-image-cropper 9.1.1 → 9.1.3

package/lib/component/cropper.state.d.ts

@@ -1,10 +1,9 @@
-import { CropperOptions } from '../interfaces/cropper-options.interface';
-import { CropperPosition, Dimensions, ImageTransform, LoadedImage } from '../interfaces';
+import { CropInput, CropperOptions, CropperPosition, Dimensions, ImageTransform, LoadedImage } from '../interfaces';
 import { SimpleChanges } from '@angular/core';
 export declare class CropperState {
     readonly cropper: import("@angular/core").WritableSignal<CropperPosition>;
     loadedImage?: LoadedImage;
-    maxSize?: Dimensions;
+    maxSize: import("@angular/core").WritableSignal<Dimensions>;
     transform: ImageTransform;
     options: CropperOptions;
     cropperScaledMinWidth: number;
@@ -26,4 +25,5 @@ export declare class CropperState {
     aspectRatioIsCorrect(): boolean;
     resizeCropperPosition(oldMaxSize: Dimensions): void;
     maxSizeCropperPosition(): CropperPosition;
+    toCropInput(): CropInput;
 }

package/lib/interfaces/crop-input.interface.d.ts

@@ -0,0 +1,23 @@
+import { CropperPosition } from './cropper-position.interface';
+import { Dimensions } from './dimensions.interface';
+import { ImageTransform } from './image-transform.interface';
+import { LoadedImage } from './loaded-image.interface';
+import { OutputFormat } from './cropper-options.interface';
+export interface CropInput {
+    loadedImage: LoadedImage;
+    cropper: CropperPosition;
+    maxSize: Dimensions;
+    transform?: ImageTransform;
+    options?: {
+        backgroundColor?: string;
+        containWithinAspectRatio?: boolean;
+        maintainAspectRatio?: boolean;
+        aspectRatio?: number;
+        format?: OutputFormat;
+        canvasRotation?: number;
+        imageQuality?: number;
+        resizeToWidth?: number;
+        resizeToHeight?: number;
+        onlyScaleDown?: boolean;
+    };
+}

package/lib/interfaces/cropper-options.interface.d.ts

@@ -17,7 +17,7 @@ export interface CropperOptions {
     roundCropper: boolean;
     onlyScaleDown: boolean;
     imageQuality: number;
-    backgroundColor: string | null;
+    backgroundColor: string | undefined;
     containWithinAspectRatio: boolean;
     hideResizeSquares: boolean;
     alignImage: 'left' | 'center';

package/lib/interfaces/index.d.ts

@@ -5,3 +5,4 @@ export { ImageCroppedEvent } from './image-cropped-event.interface';
 export { MoveStart } from './move-start.interface';
 export { ImageTransform } from './image-transform.interface';
 export { LoadedImage } from './loaded-image.interface';
+export { CropInput } from './crop-input.interface';

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

@@ -1,13 +1,19 @@
-import { CropperOptions, ImageCroppedEvent } from '../interfaces';
-import { CropperState } from '../component/cropper.state';
+import { ImageCroppedEvent } from '../interfaces';
+import { CropInput } from '../interfaces/crop-input.interface';
 export declare class CropService {
-    crop(cropperState: CropperState, output: 'blob'): Promise<ImageCroppedEvent> | null;
-    crop(cropperState: CropperState, output: 'base64'): ImageCroppedEvent | null;
+    crop(input: CropInput, output: 'blob'): Promise<ImageCroppedEvent> | null;
+    crop(input: CropInput, output: 'base64'): ImageCroppedEvent | null;
     private cropToBlob;
     private getCanvasTranslate;
     private getRatio;
     private getImagePosition;
     private getOffsetImagePosition;
-    getResizeRatio(width: number, height: number, options: CropperOptions): number;
-    getQuality(options: CropperOptions): number;
+    getResizeRatio(width: number, height: number, options?: {
+        resizeToWidth?: number;
+        resizeToHeight?: number;
+        onlyScaleDown?: boolean;
+    }): number;
+    getQuality(options?: {
+        imageQuality?: number;
+    }): number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-image-cropper",
-  "version": "9.1.1",
+  "version": "9.1.3",
   "description": "An image cropper for Angular",
   "author": "Martijn Willekens",
   "repository": {