ngx-image-cropper 7.2.0 → 8.0.0

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

@@ -6,6 +6,7 @@ import { MoveTypes } from '../interfaces/move-start.interface';
 import { CropService } from '../services/crop.service';
 import { CropperPositionService } from '../services/cropper-position.service';
 import { LoadImageService } from '../services/load-image.service';
+import { BasicEvent } from "../interfaces/basic-event.interface";
 import * as i0 from "@angular/core";
 export declare class ImageCropperComponent implements OnChanges, OnInit {
     private cropService;
@@ -28,7 +29,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     imageVisible: boolean;
     wrapper: ElementRef<HTMLDivElement>;
     sourceImage: ElementRef<HTMLDivElement>;
-    imageChangedEvent?: any;
+    imageChangedEvent?: Event | null;
     imageURL?: string;
     imageBase64?: string;
     imageFile?: File;
@@ -80,7 +81,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     private loadBase64Image;
     private loadImageFromURL;
     private setLoadedImage;
-    loadImageError(error: any): void;
+    loadImageError(error: unknown): void;
     imageLoadedInView(): void;
     private checkImageMaxSizeRecursively;
     private sourceImageLoaded;
@@ -91,7 +92,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     keyboardAccess(event: KeyboardEvent): void;
     private changeKeyboardStepSize;
     private keyboardMoveCropper;
-    startMove(event: any, moveType: MoveTypes, position?: string | null): void;
+    startMove(event: Event | BasicEvent, moveType: MoveTypes, position?: string | null): void;
     private initMouseMove;
     startPinch(event: any): void;
     private handleMouseMove;
@@ -112,5 +113,5 @@ export declare class ImageCropperComponent implements OnChanges, OnInit {
     private cropToBase64;
     private aspectRatioIsCorrect;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCropperComponent, "image-cropper", never, { "imageChangedEvent": { "alias": "imageChangedEvent"; "required": false; }; "imageURL": { "alias": "imageURL"; "required": false; }; "imageBase64": { "alias": "imageBase64"; "required": false; }; "imageFile": { "alias": "imageFile"; "required": false; }; "imageAltText": { "alias": "imageAltText"; "required": false; }; "cropperFrameAriaLabel": { "alias": "cropperFrameAriaLabel"; "required": false; }; "output": { "alias": "output"; "required": false; }; "format": { "alias": "format"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "maintainAspectRatio": { "alias": "maintainAspectRatio"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "resetCropOnAspectRatioChange": { "alias": "resetCropOnAspectRatioChange"; "required": false; }; "resizeToWidth": { "alias": "resizeToWidth"; "required": false; }; "resizeToHeight": { "alias": "resizeToHeight"; "required": false; }; "cropperMinWidth": { "alias": "cropperMinWidth"; "required": false; }; "cropperMinHeight": { "alias": "cropperMinHeight"; "required": false; }; "cropperMaxHeight": { "alias": "cropperMaxHeight"; "required": false; }; "cropperMaxWidth": { "alias": "cropperMaxWidth"; "required": false; }; "cropperStaticWidth": { "alias": "cropperStaticWidth"; "required": false; }; "cropperStaticHeight": { "alias": "cropperStaticHeight"; "required": false; }; "canvasRotation": { "alias": "canvasRotation"; "required": false; }; "initialStepSize": { "alias": "initialStepSize"; "required": false; }; "roundCropper": { "alias": "roundCropper"; "required": false; }; "onlyScaleDown": { "alias": "onlyScaleDown"; "required": false; }; "imageQuality": { "alias": "imageQuality"; "required": false; }; "autoCrop": { "alias": "autoCrop"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "containWithinAspectRatio": { "alias": "containWithinAspectRatio"; "required": false; }; "hideResizeSquares": { "alias": "hideResizeSquares"; "required": false; }; "allowMoveImage": { "alias": "allowMoveImage"; "required": false; }; "cropper": { "alias": "cropper"; "required": false; }; "alignImage": { "alias": "alignImage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; }, { "imageCropped": "imageCropped"; "startCropImage": "startCropImage"; "imageLoaded": "imageLoaded"; "cropperReady": "cropperReady"; "loadImageFailed": "loadImageFailed"; "transformChange": "transformChange"; }, never, never, true, never>;
 }

package/lib/interfaces/basic-event.interface.d.ts

@@ -0,0 +1,4 @@
+export interface BasicEvent {
+    clientX: number;
+    clientY: number;
+}

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

@@ -24,5 +24,5 @@ export interface CropperOptions {
     hideResizeSquares: boolean;
     alignImage: 'left' | 'center';
 }
-export declare type OutputFormat = 'png' | 'jpeg' | 'bmp' | 'webp' | 'ico';
-export declare type OutputType = 'base64' | 'blob';
+export type OutputFormat = 'png' | 'jpeg' | 'bmp' | 'webp' | 'ico';
+export type OutputType = 'base64' | 'blob';

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

@@ -1,14 +1,15 @@
 import { ElementRef } from '@angular/core';
 import { CropperPosition, Dimensions, MoveStart } from '../interfaces';
 import { CropperSettings } from '../interfaces/cropper.settings';
+import { BasicEvent } from "../interfaces/basic-event.interface";
 import * as i0 from "@angular/core";
 export declare class CropperPositionService {
     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;
+    move(event: Event | BasicEvent, moveStart: MoveStart, cropperPosition: CropperPosition): void;
+    resize(event: Event | BasicEvent, moveStart: MoveStart, cropperPosition: CropperPosition, maxSize: Dimensions, settings: CropperSettings): void;
     checkAspectRatio(position: string, cropperPosition: CropperPosition, maxSize: Dimensions, settings: CropperSettings): void;
-    getClientX(event: any): number;
-    getClientY(event: any): number;
+    getClientX(event: Event | BasicEvent | TouchEvent): number;
+    getClientY(event: Event | BasicEvent | TouchEvent): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<CropperPositionService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CropperPositionService>;
 }

package/lib/utils/hammer.utils.d.ts

@@ -1,4 +1,4 @@
-export declare type HammerStatic = new (element: HTMLElement | SVGElement, options?: any) => HammerManager;
+export type HammerStatic = new (element: HTMLElement | SVGElement, options?: any) => HammerManager;
 /** @docs-private */
 export interface HammerManager {
     get(eventName: string): HammerManager;

package/lib/utils/keyboard.utils.d.ts

@@ -1,3 +1,4 @@
+import { BasicEvent } from "../interfaces/basic-event.interface";
 export declare function getPositionForKey(key: string): string;
 export declare function getInvertedPositionForKey(key: string): string;
-export declare function getEventForKey(key: string, stepSize: number): any;
+export declare function getEventForKey(key: string, stepSize: number): BasicEvent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-image-cropper",
-  "version": "7.2.0",
+  "version": "8.0.0",
   "description": "An image cropper for Angular",
   "author": "Martijn Willekens",
   "repository": {
@@ -13,10 +13,8 @@
   "homepage": "https://github.com/Mawi137/ngx-image-cropper",
   "keywords": [
     "angular",
-    "angular 13",
-    "angular 14",
-    "angular 15",
     "angular 16",
+    "angular 17",
     "ionic",
     "ionic-angular",
     "cropper",
@@ -24,26 +22,20 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": ">=13.0.0",
-    "@angular/core": ">=13.0.0"
+    "@angular/common": ">=16.0.0",
+    "@angular/core": ">=16.0.0"
   },
-  "module": "fesm2015/ngx-image-cropper.mjs",
-  "es2020": "fesm2020/ngx-image-cropper.mjs",
-  "esm2020": "esm2020/ngx-image-cropper.mjs",
-  "fesm2020": "fesm2020/ngx-image-cropper.mjs",
-  "fesm2015": "fesm2015/ngx-image-cropper.mjs",
-  "typings": "ngx-image-cropper.d.ts",
+  "module": "fesm2022/ngx-image-cropper.mjs",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./ngx-image-cropper.d.ts",
-      "esm2020": "./esm2020/ngx-image-cropper.mjs",
-      "es2020": "./fesm2020/ngx-image-cropper.mjs",
-      "es2015": "./fesm2015/ngx-image-cropper.mjs",
-      "node": "./fesm2015/ngx-image-cropper.mjs",
-      "default": "./fesm2020/ngx-image-cropper.mjs"
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ngx-image-cropper.mjs",
+      "esm": "./esm2022/ngx-image-cropper.mjs",
+      "default": "./fesm2022/ngx-image-cropper.mjs"
     }
   },
   "sideEffects": false,

package/public-api.d.ts

@@ -1 +1,6 @@
-export * from './index';
+export * from './lib/component/image-cropper.component';
+export * from './lib/services/crop.service';
+export * from './lib/services/load-image.service';
+export * from './lib/interfaces';
+export { base64ToFile } from './lib/utils/blob.utils';
+export { resizeCanvas } from './lib/utils/resize.utils';

package/esm2020/index.mjs

@@ -1,8 +0,0 @@
-export * from './lib/component/image-cropper.component';
-export * from './lib/services/crop.service';
-export * from './lib/services/load-image.service';
-export * from './lib/image-cropper.module';
-export * from './lib/interfaces';
-export { base64ToFile } from './lib/utils/blob.utils';
-export { resizeCanvas } from './lib/utils/resize.utils';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9uZ3gtaW1hZ2UtY3JvcHBlci9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnQvaW1hZ2UtY3JvcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvY3JvcC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2xvYWQtaW1hZ2Uuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbWFnZS1jcm9wcGVyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnRlcmZhY2VzJztcbmV4cG9ydCB7IGJhc2U2NFRvRmlsZSB9IGZyb20gJy4vbGliL3V0aWxzL2Jsb2IudXRpbHMnO1xuZXhwb3J0IHsgcmVzaXplQ2FudmFzIH0gZnJvbSAnLi9saWIvdXRpbHMvcmVzaXplLnV0aWxzJztcbiJdfQ==