Add autoCrop to CropperOptions

Mawi137 · Jun 5, 2024 · cfb7955 · cfb7955
1 parent b156496
commit cfb7955
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/projects/ngx-image-cropper/src/lib/component/cropper.state.ts b/projects/ngx-image-cropper/src/lib/component/cropper.state.ts
@@ -8,6 +8,7 @@ export class CropperState {
   options: CropperOptions = {
     format: 'png',
     output: 'blob',
+    autoCrop: true,
     maintainAspectRatio: true,
     aspectRatio: 1,
     resetCropOnAspectRatioChange: true,

diff --git a/projects/ngx-image-cropper/src/lib/component/image-cropper.component.ts b/projects/ngx-image-cropper/src/lib/component/image-cropper.component.ts
@@ -82,6 +82,7 @@ export class ImageCropperComponent implements OnChanges, OnInit {
   @Input() cropperFrameAriaLabel?: string;
   @Input() output?: 'blob' | 'base64';
   @Input() format?: OutputFormat;
+  @Input() autoCrop?: boolean;
   @Input() cropper?: CropperPosition;
   @Input() transform?: ImageTransform;
   @Input() maintainAspectRatio?: boolean;
@@ -106,8 +107,6 @@ export class ImageCropperComponent implements OnChanges, OnInit {
   @Input() allowMoveImage = false;
   @Input() alignImage?: 'left' | 'center';
 
-  @Input() autoCrop = true;
-
   @HostBinding('class.disabled')
   @Input() disabled = false;
   @HostBinding('class.ngx-ic-hidden')
@@ -519,7 +518,7 @@ export class ImageCropperComponent implements OnChanges, OnInit {
   }
 
   private doAutoCrop(): void {
-    if (this.autoCrop) {
+    if (this.state.options.autoCrop) {
       void this.crop();
     }
   }

diff --git a/projects/ngx-image-cropper/src/lib/interfaces/cropper-options.interface.ts b/projects/ngx-image-cropper/src/lib/interfaces/cropper-options.interface.ts
@@ -1,6 +1,7 @@
 export interface CropperOptions {
   format: OutputFormat;
   output: OutputType;
+  autoCrop: boolean;
   maintainAspectRatio: boolean;
   resetCropOnAspectRatioChange: boolean;
   aspectRatio: number;