ngx-image-cropper 8.1.1 → 9.1.0

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

@@ -2,11 +2,11 @@ import { CropperOptions } from '../interfaces/cropper-options.interface';
 import { CropperPosition, Dimensions, ImageTransform, LoadedImage } from '../interfaces';
 import { SimpleChanges } from '@angular/core';
 export declare class CropperState {
-    options: CropperOptions;
+    readonly cropper: import("@angular/core").WritableSignal<CropperPosition>;
     loadedImage?: LoadedImage;
     maxSize?: Dimensions;
-    cropper: CropperPosition;
     transform: ImageTransform;
+    options: CropperOptions;
     cropperScaledMinWidth: number;
     cropperScaledMinHeight: number;
     cropperScaledMaxWidth: number;

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

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { DomSanitizer, SafeStyle, SafeUrl } from '@angular/platform-browser';
 import { CropperOptions, CropperPosition, Dimensions, ImageCroppedEvent, ImageTransform, LoadedImage } from '../interfaces';
 import { OutputFormat } from '../interfaces/cropper-options.interface';
@@ -8,8 +8,6 @@ import { BasicEvent } from '../interfaces/basic-event.interface';
 import * as i0 from "@angular/core";
 export declare class ImageCropperComponent implements OnChanges, OnInit, OnDestroy {
     private sanitizer;
-    private cd;
-    private zone;
     private readonly pinchStart$;
     private readonly cropService;
     private readonly loadImageService;
@@ -19,7 +17,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit, OnDestr
     protected readonly moveTypes: typeof MoveTypes;
     protected readonly state: CropperState;
     readonly safeImgDataUrl: import("@angular/core").WritableSignal<string | SafeUrl | undefined>;
-    safeTransformStyle?: SafeStyle | string;
+    readonly safeTransformStyle: import("@angular/core").WritableSignal<string | SafeStyle | undefined>;
     marginLeft: SafeStyle | string;
     imageVisible: boolean;
     wrapper: ElementRef<HTMLDivElement>;
@@ -60,15 +58,15 @@ export declare class ImageCropperComponent implements OnChanges, OnInit, OnDestr
     alignImage?: 'left' | 'center';
     disabled: boolean;
     hidden: boolean;
-    imageCropped: EventEmitter<ImageCroppedEvent>;
-    startCropImage: EventEmitter<void>;
-    imageLoaded: EventEmitter<LoadedImage>;
-    cropperReady: EventEmitter<Dimensions>;
-    loadImageFailed: EventEmitter<void>;
-    transformChange: EventEmitter<ImageTransform>;
-    cropperChange: EventEmitter<CropperPosition>;
+    readonly imageCropped: import("@angular/core").OutputEmitterRef<ImageCroppedEvent>;
+    readonly startCropImage: import("@angular/core").OutputEmitterRef<void>;
+    readonly imageLoaded: import("@angular/core").OutputEmitterRef<LoadedImage>;
+    readonly cropperReady: import("@angular/core").OutputEmitterRef<Dimensions>;
+    readonly loadImageFailed: import("@angular/core").OutputEmitterRef<void>;
+    readonly transformChange: import("@angular/core").OutputEmitterRef<ImageTransform>;
+    readonly cropperChange: import("@angular/core").OutputEmitterRef<CropperPosition>;
     get alignImageStyle(): "left" | "center";
-    constructor(sanitizer: DomSanitizer, cd: ChangeDetectorRef, zone: NgZone);
+    constructor(sanitizer: DomSanitizer);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private onChangesInputImage;
@@ -93,8 +91,8 @@ export declare class ImageCropperComponent implements OnChanges, OnInit, OnDestr
     private handleMouseUp;
     startPinch(event: TouchEvent): void;
     private initPinch;
-    handlePinchMove(event: TouchEvent): void;
-    handlePinchStop(): void;
+    private handlePinchMove;
+    private handlePinchStop;
     private setMaxSize;
     private emitCropperPositionChange;
     private doAutoCrop;

package/lib/interfaces/move-start.interface.d.ts

@@ -1,7 +1,6 @@
 import { CropperPosition, ImageTransform } from './';
 export type Position = 'left' | 'topleft' | 'top' | 'topright' | 'right' | 'bottomright' | 'bottom' | 'bottomleft' | 'center';
 export interface MoveStart {
-    active: boolean;
     type: MoveTypes | null;
     position: Position | null;
     transform?: ImageTransform;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-image-cropper",
-  "version": "8.1.1",
+  "version": "9.1.0",
   "description": "An image cropper for Angular",
   "author": "Martijn Willekens",
   "repository": {
@@ -13,9 +13,9 @@
   "homepage": "https://github.com/Mawi137/ngx-image-cropper",
   "keywords": [
     "angular",
-    "angular 16",
     "angular 17",
     "angular 18",
+    "angular 19",
     "ionic",
     "ionic-angular",
     "cropper",
@@ -23,8 +23,8 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": ">=16.0.0",
-    "@angular/core": ">=16.0.0"
+    "@angular/common": ">=17.3.0",
+    "@angular/core": ">=17.3.0"
   },
   "module": "fesm2022/ngx-image-cropper.mjs",
   "typings": "index.d.ts",