ngx-image-cropper 5.0.0 → 6.0.2

package/fesm2015/{ngx-image-cropper.js → ngx-image-cropper.mjs}

@@ -1,13 +1,10 @@
-import { Injectable, ɵɵdefineInjectable, EventEmitter, isDevMode, Component, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, Input, HostBinding, Output, HostListener, NgModule } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, isDevMode, Component, ChangeDetectionStrategy, ViewChild, Input, HostBinding, Output, HostListener, NgModule } from '@angular/core';
 import { __awaiter } from 'tslib';
+import * as i4 from '@angular/platform-browser';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/interfaces/cropper.settings.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class CropperSettings {
     constructor() {
         // From options
@@ -29,7 +26,6 @@ class CropperSettings {
         this.onlyScaleDown = false;
         this.imageQuality = 92;
         this.autoCrop = true;
-        this.backgroundColor = undefined;
         this.containWithinAspectRatio = false;
         this.hideResizeSquares = false;
         this.alignImage = 'center';
@@ -40,227 +36,114 @@ class CropperSettings {
         this.cropperScaledMaxHeight = 20;
         this.stepSize = this.initialStepSize;
     }
-    /**
-     * @param {?} options
-     * @return {?}
-     */
     setOptions(options) {
         Object.keys(options)
-            .filter((/**
-         * @param {?} k
-         * @return {?}
-         */
-        (k) => k in this))
-            .forEach((/**
-         * @param {?} k
-         * @return {?}
-         */
-        (k) => this[k] = options[k]));
+            .filter((k) => k in this)
+            .forEach((k) => this[k] = options[k]);
         this.validateOptions();
     }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
     setOptionsFromChanges(changes) {
         Object.keys(changes)
-            .filter((/**
-         * @param {?} k
-         * @return {?}
-         */
-        (k) => k in this))
-            .forEach((/**
-         * @param {?} k
-         * @return {?}
-         */
-        (k) => this[k] = changes[k].currentValue));
+            .filter((k) => k in this)
+            .forEach((k) => this[k] = changes[k].currentValue);
         this.validateOptions();
     }
-    /**
-     * @private
-     * @return {?}
-     */
     validateOptions() {
         if (this.maintainAspectRatio && !this.aspectRatio) {
             throw new Error('`aspectRatio` should > 0 when `maintainAspectRatio` is enabled');
         }
     }
 }
-if (false) {
-    /** @type {?} */
-    CropperSettings.prototype.format;
-    /** @type {?} */
-    CropperSettings.prototype.maintainAspectRatio;
-    /** @type {?} */
-    CropperSettings.prototype.transform;
-    /** @type {?} */
-    CropperSettings.prototype.aspectRatio;
-    /** @type {?} */
-    CropperSettings.prototype.resizeToWidth;
-    /** @type {?} */
-    CropperSettings.prototype.resizeToHeight;
-    /** @type {?} */
-    CropperSettings.prototype.cropperMinWidth;
-    /** @type {?} */
-    CropperSettings.prototype.cropperMinHeight;
-    /** @type {?} */
-    CropperSettings.prototype.cropperMaxHeight;
-    /** @type {?} */
-    CropperSettings.prototype.cropperMaxWidth;
-    /** @type {?} */
-    CropperSettings.prototype.cropperStaticWidth;
-    /** @type {?} */
-    CropperSettings.prototype.cropperStaticHeight;
-    /** @type {?} */
-    CropperSettings.prototype.canvasRotation;
-    /** @type {?} */
-    CropperSettings.prototype.initialStepSize;
-    /** @type {?} */
-    CropperSettings.prototype.roundCropper;
-    /** @type {?} */
-    CropperSettings.prototype.onlyScaleDown;
-    /** @type {?} */
-    CropperSettings.prototype.imageQuality;
-    /** @type {?} */
-    CropperSettings.prototype.autoCrop;
-    /** @type {?} */
-    CropperSettings.prototype.backgroundColor;
-    /** @type {?} */
-    CropperSettings.prototype.containWithinAspectRatio;
-    /** @type {?} */
-    CropperSettings.prototype.hideResizeSquares;
-    /** @type {?} */
-    CropperSettings.prototype.alignImage;
-    /** @type {?} */
-    CropperSettings.prototype.cropperScaledMinWidth;
-    /** @type {?} */
-    CropperSettings.prototype.cropperScaledMinHeight;
-    /** @type {?} */
-    CropperSettings.prototype.cropperScaledMaxWidth;
-    /** @type {?} */
-    CropperSettings.prototype.cropperScaledMaxHeight;
-    /** @type {?} */
-    CropperSettings.prototype.stepSize;
-}
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/interfaces/move-start.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function MoveStart() { }
-if (false) {
-    /** @type {?} */
-    MoveStart.prototype.active;
-    /** @type {?} */
-    MoveStart.prototype.type;
-    /** @type {?} */
-    MoveStart.prototype.position;
-    /** @type {?} */
-    MoveStart.prototype.x1;
-    /** @type {?} */
-    MoveStart.prototype.y1;
-    /** @type {?} */
-    MoveStart.prototype.x2;
-    /** @type {?} */
-    MoveStart.prototype.y2;
-    /** @type {?} */
-    MoveStart.prototype.clientX;
-    /** @type {?} */
-    MoveStart.prototype.clientY;
+var MoveTypes;
+(function (MoveTypes) {
+    MoveTypes["Move"] = "move";
+    MoveTypes["Resize"] = "resize";
+    MoveTypes["Pinch"] = "pinch";
+})(MoveTypes || (MoveTypes = {}));
+
+function getPositionForKey(key) {
+    switch (key) {
+        case 'ArrowUp':
+            return 'top';
+        case 'ArrowRight':
+            return 'right';
+        case 'ArrowDown':
+            return 'bottom';
+        case 'ArrowLeft':
+        default:
+            return 'left';
+    }
+}
+function getInvertedPositionForKey(key) {
+    switch (key) {
+        case 'ArrowUp':
+            return 'bottom';
+        case 'ArrowRight':
+            return 'left';
+        case 'ArrowDown':
+            return 'top';
+        case 'ArrowLeft':
+        default:
+            return 'right';
+    }
+}
+function getEventForKey(key, stepSize) {
+    switch (key) {
+        case 'ArrowUp':
+            return { clientX: 0, clientY: stepSize * -1 };
+        case 'ArrowRight':
+            return { clientX: stepSize, clientY: 0 };
+        case 'ArrowDown':
+            return { clientX: 0, clientY: stepSize };
+        case 'ArrowLeft':
+        default:
+            return { clientX: stepSize * -1, clientY: 0 };
+    }
 }
-/** @enum {string} */
-const MoveTypes = {
-    Move: "move",
-    Resize: "resize",
-    Pinch: "pinch",
-};
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/utils/resize.utils.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /*
  * Hermite resize - fast image resize/resample using Hermite filter.
  * https://github.com/viliusle/Hermite-resize
  */
-/**
- * @param {?} canvas
- * @param {?} width
- * @param {?} height
- * @return {?}
- */
 function resizeCanvas(canvas, width, height) {
-    /** @type {?} */
     const width_source = canvas.width;
-    /** @type {?} */
     const height_source = canvas.height;
     width = Math.round(width);
     height = Math.round(height);
-    /** @type {?} */
     const ratio_w = width_source / width;
-    /** @type {?} */
     const ratio_h = height_source / height;
-    /** @type {?} */
     const ratio_w_half = Math.ceil(ratio_w / 2);
-    /** @type {?} */
     const ratio_h_half = Math.ceil(ratio_h / 2);
-    /** @type {?} */
     const ctx = canvas.getContext('2d');
     if (ctx) {
-        /** @type {?} */
         const img = ctx.getImageData(0, 0, width_source, height_source);
-        /** @type {?} */
         const img2 = ctx.createImageData(width, height);
-        /** @type {?} */
         const data = img.data;
-        /** @type {?} */
         const data2 = img2.data;
         for (let j = 0; j < height; j++) {
             for (let i = 0; i < width; i++) {
-                /** @type {?} */
                 const x2 = (i + j * width) * 4;
-                /** @type {?} */
                 const center_y = j * ratio_h;
-                /** @type {?} */
                 let weight = 0;
-                /** @type {?} */
                 let weights = 0;
-                /** @type {?} */
                 let weights_alpha = 0;
-                /** @type {?} */
                 let gx_r = 0;
-                /** @type {?} */
                 let gx_g = 0;
-                /** @type {?} */
                 let gx_b = 0;
-                /** @type {?} */
                 let gx_a = 0;
-                /** @type {?} */
                 const xx_start = Math.floor(i * ratio_w);
-                /** @type {?} */
                 const yy_start = Math.floor(j * ratio_h);
-                /** @type {?} */
                 let xx_stop = Math.ceil((i + 1) * ratio_w);
-                /** @type {?} */
                 let yy_stop = Math.ceil((j + 1) * ratio_h);
                 xx_stop = Math.min(xx_stop, width_source);
                 yy_stop = Math.min(yy_stop, height_source);
                 for (let yy = yy_start; yy < yy_stop; yy++) {
-                    /** @type {?} */
                     const dy = Math.abs(center_y - yy) / ratio_h_half;
-                    /** @type {?} */
                     const center_x = i * ratio_w;
-                    /** @type {?} */
-                    const w0 = dy * dy;
+                    const w0 = dy * dy; //pre-calc part of w
                     for (let xx = xx_start; xx < xx_stop; xx++) {
-                        /** @type {?} */
                         const dx = Math.abs(center_x - xx) / ratio_w_half;
-                        /** @type {?} */
                         const w = Math.sqrt(w0 + dx * dx);
                         if (w >= 1) {
                             //pixel too far
@@ -268,7 +151,6 @@ function resizeCanvas(canvas, width, height) {
                         }
                         //hermite filter
                         weight = 2 * w * w * w - 3 * w * w + 1;
-                        /** @type {?} */
                         const pos_x = 4 * (xx + yy * width_source);
                         //alpha
                         gx_a += weight * data[pos_x + 3];
@@ -295,50 +177,29 @@ function resizeCanvas(canvas, width, height) {
     }
 }
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/services/crop.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class CropService {
-    /**
-     * @param {?} sourceImage
-     * @param {?} loadedImage
-     * @param {?} cropper
-     * @param {?} settings
-     * @return {?}
-     */
     crop(sourceImage, loadedImage, cropper, settings) {
-        /** @type {?} */
         const imagePosition = this.getImagePosition(sourceImage, loadedImage, cropper, settings);
-        /** @type {?} */
         const width = imagePosition.x2 - imagePosition.x1;
-        /** @type {?} */
         const height = imagePosition.y2 - imagePosition.y1;
-        /** @type {?} */
-        const cropCanvas = (/** @type {?} */ (document.createElement('canvas')));
+        const cropCanvas = document.createElement('canvas');
         cropCanvas.width = width;
         cropCanvas.height = height;
-        /** @type {?} */
         const ctx = cropCanvas.getContext('2d');
         if (!ctx) {
-            return;
+            return null;
         }
         if (settings.backgroundColor != null) {
             ctx.fillStyle = settings.backgroundColor;
             ctx.fillRect(0, 0, width, height);
         }
-        /** @type {?} */
         const scaleX = (settings.transform.scale || 1) * (settings.transform.flipH ? -1 : 1);
-        /** @type {?} */
         const scaleY = (settings.transform.scale || 1) * (settings.transform.flipV ? -1 : 1);
-        /** @type {?} */
         const transformedImage = loadedImage.transformed;
         ctx.setTransform(scaleX, 0, 0, scaleY, transformedImage.size.width / 2, transformedImage.size.height / 2);
         ctx.translate(-imagePosition.x1 / scaleX, -imagePosition.y1 / scaleY);
         ctx.rotate((settings.transform.rotate || 0) * Math.PI / 180);
         ctx.drawImage(transformedImage.image, -transformedImage.size.width / 2, -transformedImage.size.height / 2);
-        /** @type {?} */
         const output = {
             width, height,
             imagePosition,
@@ -347,7 +208,6 @@ class CropService {
         if (settings.containWithinAspectRatio) {
             output.offsetImagePosition = this.getOffsetImagePosition(sourceImage, loadedImage, cropper, settings);
         }
-        /** @type {?} */
         const resizeRatio = this.getResizeRatio(width, height, settings);
         if (resizeRatio !== 1) {
             output.width = Math.round(width * resizeRatio);
@@ -359,20 +219,9 @@ class CropService {
         output.base64 = cropCanvas.toDataURL('image/' + settings.format, this.getQuality(settings));
         return output;
     }
-    /**
-     * @private
-     * @param {?} sourceImage
-     * @param {?} loadedImage
-     * @param {?} cropper
-     * @param {?} settings
-     * @return {?}
-     */
     getImagePosition(sourceImage, loadedImage, cropper, settings) {
-        /** @type {?} */
         const sourceImageElement = sourceImage.nativeElement;
-        /** @type {?} */
         const ratio = loadedImage.transformed.size.width / sourceImageElement.offsetWidth;
-        /** @type {?} */
         const out = {
             x1: Math.round(cropper.x1 * ratio),
             y1: Math.round(cropper.y1 * ratio),
@@ -387,24 +236,11 @@ class CropService {
         }
         return out;
     }
-    /**
-     * @private
-     * @param {?} sourceImage
-     * @param {?} loadedImage
-     * @param {?} cropper
-     * @param {?} settings
-     * @return {?}
-     */
     getOffsetImagePosition(sourceImage, loadedImage, cropper, settings) {
-        /** @type {?} */
         const canvasRotation = settings.canvasRotation + loadedImage.exifTransform.rotate;
-        /** @type {?} */
         const sourceImageElement = sourceImage.nativeElement;
-        /** @type {?} */
         const ratio = loadedImage.transformed.size.width / sourceImageElement.offsetWidth;
-        /** @type {?} */
         let offsetX;
-        /** @type {?} */
         let offsetY;
         if (canvasRotation % 2) {
             offsetX = (loadedImage.transformed.size.width - loadedImage.original.size.height) / 2;
@@ -414,7 +250,6 @@ class CropService {
             offsetX = (loadedImage.transformed.size.width - loadedImage.original.size.width) / 2;
             offsetY = (loadedImage.transformed.size.height - loadedImage.original.size.height) / 2;
         }
-        /** @type {?} */
         const out = {
             x1: Math.round(cropper.x1 * ratio) - offsetX,
             y1: Math.round(cropper.y1 * ratio) - offsetY,
@@ -429,18 +264,9 @@ class CropService {
         }
         return out;
     }
-    /**
-     * @param {?} width
-     * @param {?} height
-     * @param {?} settings
-     * @return {?}
-     */
     getResizeRatio(width, height, settings) {
-        /** @type {?} */
         const ratioWidth = settings.resizeToWidth / width;
-        /** @type {?} */
         const ratioHeight = settings.resizeToHeight / height;
-        /** @type {?} */
         const ratios = new Array();
         if (settings.resizeToWidth > 0) {
             ratios.push(ratioWidth);
@@ -448,43 +274,28 @@ class CropService {
         if (settings.resizeToHeight > 0) {
             ratios.push(ratioHeight);
         }
-        /** @type {?} */
         const result = ratios.length === 0 ? 1 : Math.min(...ratios);
         if (result > 1 && !settings.onlyScaleDown) {
             return result;
         }
         return Math.min(result, 1);
     }
-    /**
-     * @param {?} settings
-     * @return {?}
-     */
     getQuality(settings) {
         return Math.min(1, Math.max(0, settings.imageQuality / 100));
     }
 }
-CropService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-/** @nocollapse */ CropService.ɵprov = ɵɵdefineInjectable({ factory: function CropService_Factory() { return new CropService(); }, token: CropService, providedIn: "root" });
+CropService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CropService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CropService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CropService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/services/cropper-position.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class CropperPositionService {
-    /**
-     * @param {?} sourceImage
-     * @param {?} cropperPosition
-     * @param {?} settings
-     * @return {?}
-     */
     resetCropperPosition(sourceImage, cropperPosition, settings) {
         if (!(sourceImage === null || sourceImage === void 0 ? void 0 : sourceImage.nativeElement)) {
             return;
         }
-        /** @type {?} */
         const sourceImageElement = sourceImage.nativeElement;
         if (settings.cropperStaticHeight && settings.cropperStaticWidth) {
             cropperPosition.x1 = 0;
@@ -495,9 +306,7 @@ class CropperPositionService {
                 settings.cropperStaticHeight : sourceImageElement.offsetHeight;
         }
         else {
-            /** @type {?} */
             const cropperWidth = Math.min(settings.cropperScaledMaxWidth, sourceImageElement.offsetWidth);
-            /** @type {?} */
             const cropperHeight = Math.min(settings.cropperScaledMaxHeight, sourceImageElement.offsetHeight);
             if (!settings.maintainAspectRatio) {
                 cropperPosition.x1 = 0;
@@ -508,7 +317,6 @@ class CropperPositionService {
             else if (sourceImageElement.offsetWidth / settings.aspectRatio < sourceImageElement.offsetHeight) {
                 cropperPosition.x1 = 0;
                 cropperPosition.x2 = cropperWidth;
-                /** @type {?} */
                 const cropperHeightWithAspectRatio = cropperWidth / settings.aspectRatio;
                 cropperPosition.y1 = (sourceImageElement.offsetHeight - cropperHeightWithAspectRatio) / 2;
                 cropperPosition.y2 = cropperPosition.y1 + cropperHeightWithAspectRatio;
@@ -516,41 +324,22 @@ class CropperPositionService {
             else {
                 cropperPosition.y1 = 0;
                 cropperPosition.y2 = cropperHeight;
-                /** @type {?} */
                 const cropperWidthWithAspectRatio = cropperHeight * settings.aspectRatio;
                 cropperPosition.x1 = (sourceImageElement.offsetWidth - cropperWidthWithAspectRatio) / 2;
                 cropperPosition.x2 = cropperPosition.x1 + cropperWidthWithAspectRatio;
             }
         }
     }
-    /**
-     * @param {?} event
-     * @param {?} moveStart
-     * @param {?} cropperPosition
-     * @return {?}
-     */
     move(event, moveStart, cropperPosition) {
-        /** @type {?} */
         const diffX = this.getClientX(event) - moveStart.clientX;
-        /** @type {?} */
         const diffY = this.getClientY(event) - moveStart.clientY;
         cropperPosition.x1 = moveStart.x1 + diffX;
         cropperPosition.y1 = moveStart.y1 + diffY;
         cropperPosition.x2 = moveStart.x2 + diffX;
         cropperPosition.y2 = moveStart.y2 + diffY;
     }
-    /**
-     * @param {?} event
-     * @param {?} moveStart
-     * @param {?} cropperPosition
-     * @param {?} maxSize
-     * @param {?} settings
-     * @return {?}
-     */
     resize(event, moveStart, cropperPosition, maxSize, settings) {
-        /** @type {?} */
         const moveX = this.getClientX(event) - moveStart.clientX;
-        /** @type {?} */
         const moveY = this.getClientY(event) - moveStart.clientY;
         switch (moveStart.position) {
             case 'left':
@@ -582,11 +371,8 @@ class CropperPositionService {
                 cropperPosition.y2 = Math.max(Math.min(moveStart.y2 + moveY, cropperPosition.y1 + settings.cropperScaledMaxHeight), cropperPosition.y1 + settings.cropperScaledMinHeight);
                 break;
             case 'center':
-                /** @type {?} */
                 const scale = event.scale;
-                /** @type {?} */
                 const newWidth = Math.min(Math.max(settings.cropperScaledMinWidth, (Math.abs(moveStart.x2 - moveStart.x1)) * scale), settings.cropperScaledMaxWidth);
-                /** @type {?} */
                 const newHeight = Math.min(Math.max(settings.cropperScaledMinHeight, (Math.abs(moveStart.y2 - moveStart.y1)) * scale), settings.cropperScaledMaxHeight);
                 cropperPosition.x1 = moveStart.clientX - newWidth / 2;
                 cropperPosition.x2 = moveStart.clientX + newWidth / 2;
@@ -614,17 +400,8 @@ class CropperPositionService {
             this.checkAspectRatio(moveStart.position, cropperPosition, maxSize, settings);
         }
     }
-    /**
-     * @param {?} position
-     * @param {?} cropperPosition
-     * @param {?} maxSize
-     * @param {?} settings
-     * @return {?}
-     */
     checkAspectRatio(position, cropperPosition, maxSize, settings) {
-        /** @type {?} */
         let overflowX = 0;
-        /** @type {?} */
         let overflowY = 0;
         switch (position) {
             case 'top':
@@ -686,13 +463,9 @@ class CropperPositionService {
             case 'center':
                 cropperPosition.x2 = cropperPosition.x1 + (cropperPosition.y2 - cropperPosition.y1) * settings.aspectRatio;
                 cropperPosition.y2 = cropperPosition.y1 + (cropperPosition.x2 - cropperPosition.x1) / settings.aspectRatio;
-                /** @type {?} */
                 const overflowX1 = Math.max(0 - cropperPosition.x1, 0);
-                /** @type {?} */
                 const overflowX2 = Math.max(cropperPosition.x2 - maxSize.width, 0);
-                /** @type {?} */
                 const overflowY1 = Math.max(cropperPosition.y2 - maxSize.height, 0);
-                /** @type {?} */
                 const overflowY2 = Math.max(0 - cropperPosition.y1, 0);
                 if (overflowX1 > 0 || overflowX2 > 0 || overflowY1 > 0 || overflowY2 > 0) {
                     cropperPosition.x1 += (overflowY1 * settings.aspectRatio) > overflowX1 ? (overflowY1 * settings.aspectRatio) : overflowX1;
@@ -703,70 +476,42 @@ class CropperPositionService {
                 break;
         }
     }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
     getClientX(event) {
         var _a;
         return ((_a = event.touches) === null || _a === void 0 ? void 0 : _a[0].clientX) || event.clientX || 0;
     }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
     getClientY(event) {
         var _a;
         return ((_a = event.touches) === null || _a === void 0 ? void 0 : _a[0].clientY) || event.clientY || 0;
     }
 }
-CropperPositionService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-/** @nocollapse */ CropperPositionService.ɵprov = ɵɵdefineInjectable({ factory: function CropperPositionService_Factory() { return new CropperPositionService(); }, token: CropperPositionService, providedIn: "root" });
+CropperPositionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CropperPositionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CropperPositionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CropperPositionService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CropperPositionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/utils/exif.utils.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 // Black 2x1 JPEG, with the following meta information set:
 // - EXIF Orientation: 6 (Rotated 90° CCW)
 // Source: https://github.com/blueimp/JavaScript-Load-Image
-/** @type {?} */
 const testAutoOrientationImageURL = 'data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAA' +
     'AAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBA' +
     'QEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE' +
     'BAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAEAAgMBEQACEQEDEQH/x' +
     'ABKAAEAAAAAAAAAAAAAAAAAAAALEAEAAAAAAAAAAAAAAAAAAAAAAQEAAAAAAAAAAAAAAAA' +
     'AAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwA/8H//2Q==';
-/**
- * @return {?}
- */
 function supportsAutomaticRotation() {
-    return new Promise((/**
-     * @param {?} resolve
-     * @return {?}
-     */
-    (resolve) => {
-        /** @type {?} */
+    return new Promise((resolve) => {
         const img = new Image();
-        img.onload = (/**
-         * @return {?}
-         */
-        () => {
+        img.onload = () => {
             // Check if browser supports automatic image orientation:
-            /** @type {?} */
             const supported = img.width === 1 && img.height === 2;
             resolve(supported);
-        });
+        };
         img.src = testAutoOrientationImageURL;
-    }));
+    });
 }
-/**
- * @param {?} exifRotationOrBase64Image
- * @return {?}
- */
 function getTransformationsFromExifData(exifRotationOrBase64Image) {
     if (typeof exifRotationOrBase64Image === 'string') {
         exifRotationOrBase64Image = getExifRotation(exifRotationOrBase64Image);
@@ -790,34 +535,24 @@ function getTransformationsFromExifData(exifRotationOrBase64Image) {
             return { rotate: 0, flip: false };
     }
 }
-/**
- * @param {?} imageBase64
- * @return {?}
- */
 function getExifRotation(imageBase64) {
-    /** @type {?} */
     const view = new DataView(base64ToArrayBuffer(imageBase64));
     if (view.getUint16(0, false) !== 0xFFD8) {
         return -2;
     }
-    /** @type {?} */
     const length = view.byteLength;
-    /** @type {?} */
     let offset = 2;
     while (offset < length) {
         if (view.getUint16(offset + 2, false) <= 8)
             return -1;
-        /** @type {?} */
         const marker = view.getUint16(offset, false);
         offset += 2;
         if (marker == 0xFFE1) {
             if (view.getUint32(offset += 2, false) !== 0x45786966) {
                 return -1;
             }
-            /** @type {?} */
             const little = view.getUint16(offset += 6, false) == 0x4949;
             offset += view.getUint32(offset + 4, little);
-            /** @type {?} */
             const tags = view.getUint16(offset, little);
             offset += 2;
             for (let i = 0; i < tags; i++) {
@@ -835,17 +570,10 @@ function getExifRotation(imageBase64) {
     }
     return -1;
 }
-/**
- * @param {?} imageBase64
- * @return {?}
- */
 function base64ToArrayBuffer(imageBase64) {
     imageBase64 = imageBase64.replace(/^data\:([^\;]+)\;base64,/gmi, '');
-    /** @type {?} */
     const binaryString = atob(imageBase64);
-    /** @type {?} */
     const len = binaryString.length;
-    /** @type {?} */
     const bytes = new Uint8Array(len);
     for (let i = 0; i < len; i++) {
         bytes[i] = binaryString.charCodeAt(i);
@@ -853,152 +581,64 @@ function base64ToArrayBuffer(imageBase64) {
     return bytes.buffer;
 }
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/services/load-image.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function LoadImageBase64() { }
-if (false) {
-    /** @type {?} */
-    LoadImageBase64.prototype.originalImage;
-    /** @type {?} */
-    LoadImageBase64.prototype.originalBase64;
-}
 class LoadImageService {
     constructor() {
         this.autoRotateSupported = supportsAutomaticRotation();
     }
-    /**
-     * @param {?} file
-     * @param {?} cropperSettings
-     * @return {?}
-     */
     loadImageFile(file, cropperSettings) {
-        return new Promise((/**
-         * @param {?} resolve
-         * @param {?} reject
-         * @return {?}
-         */
-        (resolve, reject) => {
-            /** @type {?} */
+        return new Promise((resolve, reject) => {
             const fileReader = new FileReader();
-            fileReader.onload = (/**
-             * @param {?} event
-             * @return {?}
-             */
-            (event) => {
+            fileReader.onload = (event) => {
                 this.loadImage(event.target.result, file.type, cropperSettings)
                     .then(resolve)
                     .catch(reject);
-            });
+            };
             fileReader.readAsDataURL(file);
-        }));
+        });
     }
-    /**
-     * @private
-     * @param {?} imageBase64
-     * @param {?} imageType
-     * @param {?} cropperSettings
-     * @return {?}
-     */
     loadImage(imageBase64, imageType, cropperSettings) {
         if (!this.isValidImageType(imageType)) {
             return Promise.reject(new Error('Invalid image type'));
         }
         return this.loadBase64Image(imageBase64, cropperSettings);
     }
-    /**
-     * @private
-     * @param {?} type
-     * @return {?}
-     */
     isValidImageType(type) {
-        return /image\/(png|jpg|jpeg|bmp|gif|tiff|webp)/.test(type);
+        return /image\/(png|jpg|jpeg|bmp|gif|tiff|webp|x-icon|vnd.microsoft.icon)/.test(type);
     }
-    /**
-     * @param {?} url
-     * @param {?} cropperSettings
-     * @return {?}
-     */
     loadImageFromURL(url, cropperSettings) {
-        return new Promise((/**
-         * @param {?} resolve
-         * @param {?} reject
-         * @return {?}
-         */
-        (resolve, reject) => {
-            /** @type {?} */
+        return new Promise((resolve, reject) => {
             const img = new Image();
-            img.onerror = (/**
-             * @return {?}
-             */
-            () => reject);
-            img.onload = (/**
-             * @return {?}
-             */
-            () => {
-                /** @type {?} */
+            img.onerror = () => reject;
+            img.onload = () => {
                 const canvas = document.createElement('canvas');
-                /** @type {?} */
                 const context = canvas.getContext('2d');
                 canvas.width = img.width;
                 canvas.height = img.height;
-                context.drawImage(img, 0, 0);
+                context === null || context === void 0 ? void 0 : context.drawImage(img, 0, 0);
                 this.loadBase64Image(canvas.toDataURL(), cropperSettings).then(resolve);
-            });
+            };
             img.crossOrigin = 'anonymous';
             img.src = url;
-        }));
+        });
     }
-    /**
-     * @param {?} imageBase64
-     * @param {?} cropperSettings
-     * @return {?}
-     */
     loadBase64Image(imageBase64, cropperSettings) {
-        return new Promise((/**
-         * @param {?} resolve
-         * @param {?} reject
-         * @return {?}
-         */
-        (resolve, reject) => {
-            /** @type {?} */
+        return new Promise((resolve, reject) => {
             const originalImage = new Image();
-            originalImage.onload = (/**
-             * @return {?}
-             */
-            () => resolve({
+            originalImage.onload = () => resolve({
                 originalImage,
                 originalBase64: imageBase64
-            }));
+            });
             originalImage.onerror = reject;
             originalImage.src = imageBase64;
-        })).then((/**
-         * @param {?} res
-         * @return {?}
-         */
-        (res) => this.transformImageBase64(res, cropperSettings)));
-    }
-    /**
-     * @private
-     * @param {?} res
-     * @param {?} cropperSettings
-     * @return {?}
-     */
+        }).then((res) => this.transformImageBase64(res, cropperSettings));
+    }
     transformImageBase64(res, cropperSettings) {
         return __awaiter(this, void 0, void 0, function* () {
-            /** @type {?} */
             const autoRotate = yield this.autoRotateSupported;
-            /** @type {?} */
             const exifTransform = yield getTransformationsFromExifData(autoRotate ? -1 : res.originalBase64);
             if (!res.originalImage || !res.originalImage.complete) {
                 return Promise.reject(new Error('No image loaded'));
             }
-            /** @type {?} */
             const loadedImage = {
                 original: {
                     base64: res.originalBase64,
@@ -1013,16 +653,9 @@ class LoadImageService {
             return this.transformLoadedImage(loadedImage, cropperSettings);
         });
     }
-    /**
-     * @param {?} loadedImage
-     * @param {?} cropperSettings
-     * @return {?}
-     */
     transformLoadedImage(loadedImage, cropperSettings) {
         return __awaiter(this, void 0, void 0, function* () {
-            /** @type {?} */
             const canvasRotation = cropperSettings.canvasRotation + loadedImage.exifTransform.rotate;
-            /** @type {?} */
             const originalSize = {
                 width: loadedImage.original.image.naturalWidth,
                 height: loadedImage.original.image.naturalHeight
@@ -1042,20 +675,15 @@ class LoadImageService {
                     exifTransform: loadedImage.exifTransform
                 };
             }
-            /** @type {?} */
             const transformedSize = this.getTransformedSize(originalSize, loadedImage.exifTransform, cropperSettings);
-            /** @type {?} */
             const canvas = document.createElement('canvas');
             canvas.width = transformedSize.width;
             canvas.height = transformedSize.height;
-            /** @type {?} */
             const ctx = canvas.getContext('2d');
-            ctx.setTransform(loadedImage.exifTransform.flip ? -1 : 1, 0, 0, 1, canvas.width / 2, canvas.height / 2);
-            ctx.rotate(Math.PI * (canvasRotation / 2));
-            ctx.drawImage(loadedImage.original.image, -originalSize.width / 2, -originalSize.height / 2);
-            /** @type {?} */
+            ctx === null || ctx === void 0 ? void 0 : ctx.setTransform(loadedImage.exifTransform.flip ? -1 : 1, 0, 0, 1, canvas.width / 2, canvas.height / 2);
+            ctx === null || ctx === void 0 ? void 0 : ctx.rotate(Math.PI * (canvasRotation / 2));
+            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(loadedImage.original.image, -originalSize.width / 2, -originalSize.height / 2);
             const transformedBase64 = canvas.toDataURL();
-            /** @type {?} */
             const transformedImage = yield this.loadImageFromBase64(transformedBase64);
             return {
                 original: {
@@ -1075,43 +703,19 @@ class LoadImageService {
             };
         });
     }
-    /**
-     * @private
-     * @param {?} imageBase64
-     * @return {?}
-     */
     loadImageFromBase64(imageBase64) {
-        return new Promise(((/**
-         * @param {?} resolve
-         * @param {?} reject
-         * @return {?}
-         */
-        (resolve, reject) => {
-            /** @type {?} */
+        return new Promise(((resolve, reject) => {
             const image = new Image();
-            image.onload = (/**
-             * @return {?}
-             */
-            () => resolve(image));
+            image.onload = () => resolve(image);
             image.onerror = reject;
             image.src = imageBase64;
-        })));
-    }
-    /**
-     * @private
-     * @param {?} originalSize
-     * @param {?} exifTransform
-     * @param {?} cropperSettings
-     * @return {?}
-     */
+        }));
+    }
     getTransformedSize(originalSize, exifTransform, cropperSettings) {
-        /** @type {?} */
         const canvasRotation = cropperSettings.canvasRotation + exifTransform.rotate;
         if (cropperSettings.containWithinAspectRatio) {
             if (canvasRotation % 2) {
-                /** @type {?} */
                 const minWidthToContain = originalSize.width * cropperSettings.aspectRatio;
-                /** @type {?} */
                 const minHeightToContain = originalSize.height / cropperSettings.aspectRatio;
                 return {
                     width: Math.max(originalSize.height, minWidthToContain),
@@ -1119,9 +723,7 @@ class LoadImageService {
                 };
             }
             else {
-                /** @type {?} */
                 const minWidthToContain = originalSize.height * cropperSettings.aspectRatio;
-                /** @type {?} */
                 const minHeightToContain = originalSize.width / cropperSettings.aspectRatio;
                 return {
                     width: Math.max(originalSize.width, minWidthToContain),
@@ -1141,89 +743,14 @@ class LoadImageService {
         };
     }
 }
-LoadImageService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-/** @nocollapse */ LoadImageService.ɵprov = ɵɵdefineInjectable({ factory: function LoadImageService_Factory() { return new LoadImageService(); }, token: LoadImageService, providedIn: "root" });
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    LoadImageService.prototype.autoRotateSupported;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/utils/keyboard.utils.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @param {?} key
- * @return {?}
- */
-function getPositionForKey(key) {
-    switch (key) {
-        case 'ArrowUp':
-            return 'top';
-        case 'ArrowRight':
-            return 'right';
-        case 'ArrowDown':
-            return 'bottom';
-        case 'ArrowLeft':
-        default:
-            return 'left';
-    }
-}
-/**
- * @param {?} key
- * @return {?}
- */
-function getInvertedPositionForKey(key) {
-    switch (key) {
-        case 'ArrowUp':
-            return 'bottom';
-        case 'ArrowRight':
-            return 'left';
-        case 'ArrowDown':
-            return 'top';
-        case 'ArrowLeft':
-        default:
-            return 'right';
-    }
-}
-/**
- * @param {?} key
- * @param {?} stepSize
- * @return {?}
- */
-function getEventForKey(key, stepSize) {
-    switch (key) {
-        case 'ArrowUp':
-            return { clientX: 0, clientY: stepSize * -1 };
-        case 'ArrowRight':
-            return { clientX: stepSize, clientY: 0 };
-        case 'ArrowDown':
-            return { clientX: 0, clientY: stepSize };
-        case 'ArrowLeft':
-        default:
-            return { clientX: stepSize * -1, clientY: 0 };
-    }
-}
+LoadImageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: LoadImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LoadImageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: LoadImageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: LoadImageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/component/image-cropper.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class ImageCropperComponent {
-    /**
-     * @param {?} cropService
-     * @param {?} cropperPositionService
-     * @param {?} loadImageService
-     * @param {?} sanitizer
-     * @param {?} cd
-     */
     constructor(cropService, cropperPositionService, loadImageService, sanitizer, cd) {
         this.cropService = cropService;
         this.cropperPositionService = cropperPositionService;
@@ -1234,6 +761,10 @@ class ImageCropperComponent {
         this.settings = new CropperSettings();
         this.setImageMaxSizeRetries = 0;
         this.marginLeft = '0px';
+        this.maxSize = {
+            width: 0,
+            height: 0
+        };
         this.moveTypes = MoveTypes;
         this.imageVisible = false;
         this.format = this.settings.format;
@@ -1272,52 +803,35 @@ class ImageCropperComponent {
         this.loadImageFailed = new EventEmitter();
         this.reset();
     }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
     ngOnChanges(changes) {
         var _a;
         this.onChangesUpdateSettings(changes);
         this.onChangesInputImage(changes);
-        if (((_a = this.loadedImage) === null || _a === void 0 ? void 0 : _a.original.image.complete) && (changes.containWithinAspectRatio || changes.canvasRotation)) {
+        if (((_a = this.loadedImage) === null || _a === void 0 ? void 0 : _a.original.image.complete) && (changes['containWithinAspectRatio'] || changes['canvasRotation'])) {
             this.loadImageService
                 .transformLoadedImage(this.loadedImage, this.settings)
-                .then((/**
-             * @param {?} res
-             * @return {?}
-             */
-            (res) => this.setLoadedImage(res)))
-                .catch((/**
-             * @param {?} err
-             * @return {?}
-             */
-            (err) => this.loadImageError(err)));
-        }
-        if (changes.cropper || changes.maintainAspectRatio || changes.aspectRatio) {
+                .then((res) => this.setLoadedImage(res))
+                .catch((err) => this.loadImageError(err));
+        }
+        if (changes['cropper'] || changes['maintainAspectRatio'] || changes['aspectRatio']) {
             this.setMaxSize();
             this.setCropperScaledMinSize();
             this.setCropperScaledMaxSize();
-            if (this.maintainAspectRatio && (changes.maintainAspectRatio || changes.aspectRatio)) {
+            if (this.maintainAspectRatio && (changes['maintainAspectRatio'] || changes['aspectRatio'])) {
                 this.resetCropperPosition();
             }
-            else if (changes.cropper) {
+            else if (changes['cropper']) {
                 this.checkCropperPosition(false);
                 this.doAutoCrop();
             }
             this.cd.markForCheck();
         }
-        if (changes.transform) {
+        if (changes['transform']) {
             this.transform = this.transform || {};
             this.setCssTransform();
             this.doAutoCrop();
         }
     }
-    /**
-     * @private
-     * @param {?} changes
-     * @return {?}
-     */
     onChangesUpdateSettings(changes) {
         this.settings.setOptionsFromChanges(changes);
         if (this.settings.cropperStaticHeight && this.settings.cropperStaticWidth) {
@@ -1331,59 +845,39 @@ class ImageCropperComponent {
             });
         }
     }
-    /**
-     * @private
-     * @param {?} changes
-     * @return {?}
-     */
     onChangesInputImage(changes) {
-        if (changes.imageChangedEvent || changes.imageURL || changes.imageBase64 || changes.imageFile) {
+        if (changes['imageChangedEvent'] || changes['imageURL'] || changes['imageBase64'] || changes['imageFile']) {
             this.reset();
         }
-        if (changes.imageChangedEvent && this.isValidImageChangedEvent()) {
+        if (changes['imageChangedEvent'] && this.isValidImageChangedEvent()) {
             this.loadImageFile(this.imageChangedEvent.target.files[0]);
         }
-        if (changes.imageURL && this.imageURL) {
+        if (changes['imageURL'] && this.imageURL) {
             this.loadImageFromURL(this.imageURL);
         }
-        if (changes.imageBase64 && this.imageBase64) {
+        if (changes['imageBase64'] && this.imageBase64) {
             this.loadBase64Image(this.imageBase64);
         }
-        if (changes.imageFile && this.imageFile) {
+        if (changes['imageFile'] && this.imageFile) {
             this.loadImageFile(this.imageFile);
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     isValidImageChangedEvent() {
         var _a, _b, _c;
         return ((_c = (_b = (_a = this.imageChangedEvent) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.files) === null || _c === void 0 ? void 0 : _c.length) > 0;
     }
-    /**
-     * @private
-     * @return {?}
-     */
     setCssTransform() {
         this.safeTransformStyle = this.sanitizer.bypassSecurityTrustStyle('scaleX(' + (this.transform.scale || 1) * (this.transform.flipH ? -1 : 1) + ')' +
             'scaleY(' + (this.transform.scale || 1) * (this.transform.flipV ? -1 : 1) + ')' +
             'rotate(' + (this.transform.rotate || 0) + 'deg)');
     }
-    /**
-     * @return {?}
-     */
     ngOnInit() {
         this.settings.stepSize = this.initialStepSize;
         this.activatePinchGesture();
     }
-    /**
-     * @private
-     * @return {?}
-     */
     reset() {
         this.imageVisible = false;
-        this.loadedImage = null;
+        this.loadedImage = undefined;
         this.safeImgDataUrl = 'data:image/png;base64,iVBORw0KGg'
             + 'oAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAU'
             + 'AAarVyFEAAAAASUVORK5CYII=';
@@ -1407,99 +901,40 @@ class ImageCropperComponent {
         this.cropper.x2 = 10000;
         this.cropper.y2 = 10000;
     }
-    /**
-     * @private
-     * @param {?} file
-     * @return {?}
-     */
     loadImageFile(file) {
         this.loadImageService
             .loadImageFile(file, this.settings)
-            .then((/**
-         * @param {?} res
-         * @return {?}
-         */
-        (res) => this.setLoadedImage(res)))
-            .catch((/**
-         * @param {?} err
-         * @return {?}
-         */
-        (err) => this.loadImageError(err)));
-    }
-    /**
-     * @private
-     * @param {?} imageBase64
-     * @return {?}
-     */
+            .then((res) => this.setLoadedImage(res))
+            .catch((err) => this.loadImageError(err));
+    }
     loadBase64Image(imageBase64) {
         this.loadImageService
             .loadBase64Image(imageBase64, this.settings)
-            .then((/**
-         * @param {?} res
-         * @return {?}
-         */
-        (res) => this.setLoadedImage(res)))
-            .catch((/**
-         * @param {?} err
-         * @return {?}
-         */
-        (err) => this.loadImageError(err)));
-    }
-    /**
-     * @private
-     * @param {?} url
-     * @return {?}
-     */
+            .then((res) => this.setLoadedImage(res))
+            .catch((err) => this.loadImageError(err));
+    }
     loadImageFromURL(url) {
         this.loadImageService
             .loadImageFromURL(url, this.settings)
-            .then((/**
-         * @param {?} res
-         * @return {?}
-         */
-        (res) => this.setLoadedImage(res)))
-            .catch((/**
-         * @param {?} err
-         * @return {?}
-         */
-        (err) => this.loadImageError(err)));
-    }
-    /**
-     * @private
-     * @param {?} loadedImage
-     * @return {?}
-     */
+            .then((res) => this.setLoadedImage(res))
+            .catch((err) => this.loadImageError(err));
+    }
     setLoadedImage(loadedImage) {
         this.loadedImage = loadedImage;
         this.safeImgDataUrl = this.sanitizer.bypassSecurityTrustResourceUrl(loadedImage.transformed.base64);
         this.cd.markForCheck();
     }
-    /**
-     * @private
-     * @param {?} error
-     * @return {?}
-     */
     loadImageError(error) {
         console.error(error);
         this.loadImageFailed.emit();
     }
-    /**
-     * @return {?}
-     */
     imageLoadedInView() {
         if (this.loadedImage != null) {
             this.imageLoaded.emit(this.loadedImage);
             this.setImageMaxSizeRetries = 0;
-            setTimeout((/**
-             * @return {?}
-             */
-            () => this.checkImageMaxSizeRecursively()));
+            setTimeout(() => this.checkImageMaxSizeRecursively());
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     checkImageMaxSizeRecursively() {
         if (this.setImageMaxSizeRetries > 40) {
             this.loadImageFailed.emit();
@@ -1514,23 +949,13 @@ class ImageCropperComponent {
         }
         else {
             this.setImageMaxSizeRetries++;
-            setTimeout((/**
-             * @return {?}
-             */
-            () => this.checkImageMaxSizeRecursively()), 50);
+            setTimeout(() => this.checkImageMaxSizeRecursively(), 50);
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     sourceImageLoaded() {
         var _a, _b;
         return ((_b = (_a = this.sourceImage) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.offsetWidth) > 0;
     }
-    /**
-     * @return {?}
-     */
     onResize() {
         if (!this.loadedImage) {
             return;
@@ -1540,13 +965,8 @@ class ImageCropperComponent {
         this.setCropperScaledMinSize();
         this.setCropperScaledMaxSize();
     }
-    /**
-     * @private
-     * @return {?}
-     */
     activatePinchGesture() {
         if (this.Hammer) {
-            /** @type {?} */
             const hammer = new this.Hammer(this.wrapper.nativeElement);
             hammer.get('pinch').set({ enable: true });
             hammer.on('pinchmove', this.onPinch.bind(this));
@@ -1557,12 +977,7 @@ class ImageCropperComponent {
             console.warn('[NgxImageCropper] Could not find HammerJS - Pinch Gesture won\'t work');
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     resizeCropperPosition() {
-        /** @type {?} */
         const sourceImageElement = this.sourceImage.nativeElement;
         if (this.maxSize.width !== sourceImageElement.offsetWidth || this.maxSize.height !== sourceImageElement.offsetHeight) {
             this.cropper.x1 = this.cropper.x1 * sourceImageElement.offsetWidth / this.maxSize.width;
@@ -1571,50 +986,28 @@ class ImageCropperComponent {
             this.cropper.y2 = this.cropper.y2 * sourceImageElement.offsetHeight / this.maxSize.height;
         }
     }
-    /**
-     * @return {?}
-     */
     resetCropperPosition() {
         this.cropperPositionService.resetCropperPosition(this.sourceImage, this.cropper, this.settings);
         this.doAutoCrop();
         this.imageVisible = true;
     }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
     keyboardAccess(event) {
         this.changeKeyboardStepSize(event);
         this.keyboardMoveCropper(event);
     }
-    /**
-     * @private
-     * @param {?} event
-     * @return {?}
-     */
     changeKeyboardStepSize(event) {
-        /** @type {?} */
         const key = +event.key;
         if (key >= 1 && key <= 9) {
             this.settings.stepSize = key;
         }
     }
-    /**
-     * @private
-     * @param {?} event
-     * @return {?}
-     */
     keyboardMoveCropper(event) {
-        /** @type {?} */
         const keyboardWhiteList = ['ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft'];
         if (!(keyboardWhiteList.includes(event.key))) {
             return;
         }
-        /** @type {?} */
         const moveType = event.shiftKey ? MoveTypes.Resize : MoveTypes.Move;
-        /** @type {?} */
         const position = event.altKey ? getInvertedPositionForKey(event.key) : getPositionForKey(event.key);
-        /** @type {?} */
         const moveEvent = getEventForKey(event.key, this.settings.stepSize);
         event.preventDefault();
         event.stopPropagation();
@@ -1622,12 +1015,6 @@ class ImageCropperComponent {
         this.moveImg(moveEvent);
         this.moveStop();
     }
-    /**
-     * @param {?} event
-     * @param {?} moveType
-     * @param {?=} position
-     * @return {?}
-     */
     startMove(event, moveType, position = null) {
         var _a, _b;
         if (((_a = this.moveStart) === null || _a === void 0 ? void 0 : _a.active) && ((_b = this.moveStart) === null || _b === void 0 ? void 0 : _b.type) === MoveTypes.Pinch) {
@@ -1638,10 +1025,6 @@ class ImageCropperComponent {
         }
         this.moveStart = Object.assign({ active: true, type: moveType, position, clientX: this.cropperPositionService.getClientX(event), clientY: this.cropperPositionService.getClientY(event) }, this.cropper);
     }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
     startPinch(event) {
         if (!this.safeImgDataUrl) {
             return;
@@ -1651,10 +1034,6 @@ class ImageCropperComponent {
         }
         this.moveStart = Object.assign({ active: true, type: MoveTypes.Pinch, position: 'center', clientX: this.cropper.x1 + (this.cropper.x2 - this.cropper.x1) / 2, clientY: this.cropper.y1 + (this.cropper.y2 - this.cropper.y1) / 2 }, this.cropper);
     }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
     moveImg(event) {
         if (this.moveStart.active) {
             if (event.stopPropagation) {
@@ -1676,10 +1055,6 @@ class ImageCropperComponent {
             this.cd.detectChanges();
         }
     }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
     onPinch(event) {
         if (this.moveStart.active) {
             if (event.stopPropagation) {
@@ -1695,23 +1070,14 @@ class ImageCropperComponent {
             this.cd.detectChanges();
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     setMaxSize() {
         if (this.sourceImage) {
-            /** @type {?} */
             const sourceImageElement = this.sourceImage.nativeElement;
             this.maxSize.width = sourceImageElement.offsetWidth;
             this.maxSize.height = sourceImageElement.offsetHeight;
             this.marginLeft = this.sanitizer.bypassSecurityTrustStyle('calc(50% - ' + this.maxSize.width / 2 + 'px)');
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     setCropperScaledMinSize() {
         var _a, _b;
         if ((_b = (_a = this.loadedImage) === null || _a === void 0 ? void 0 : _a.transformed) === null || _b === void 0 ? void 0 : _b.image) {
@@ -1723,19 +1089,11 @@ class ImageCropperComponent {
             this.settings.cropperScaledMinHeight = 20;
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     setCropperScaledMinWidth() {
         this.settings.cropperScaledMinWidth = this.cropperMinWidth > 0
             ? Math.max(20, this.cropperMinWidth / this.loadedImage.transformed.image.width * this.maxSize.width)
             : 20;
     }
-    /**
-     * @private
-     * @return {?}
-     */
     setCropperScaledMinHeight() {
         if (this.maintainAspectRatio) {
             this.settings.cropperScaledMinHeight = Math.max(20, this.settings.cropperScaledMinWidth / this.aspectRatio);
@@ -1747,14 +1105,9 @@ class ImageCropperComponent {
             this.settings.cropperScaledMinHeight = 20;
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     setCropperScaledMaxSize() {
         var _a, _b;
         if ((_b = (_a = this.loadedImage) === null || _a === void 0 ? void 0 : _a.transformed) === null || _b === void 0 ? void 0 : _b.image) {
-            /** @type {?} */
             const ratio = this.loadedImage.transformed.size.width / this.maxSize.width;
             this.settings.cropperScaledMaxWidth = this.cropperMaxWidth > 20 ? this.cropperMaxWidth / ratio : this.maxSize.width;
             this.settings.cropperScaledMaxHeight = this.cropperMaxHeight > 20 ? this.cropperMaxHeight / ratio : this.maxSize.height;
@@ -1772,11 +1125,6 @@ class ImageCropperComponent {
             this.settings.cropperScaledMaxHeight = this.maxSize.height;
         }
     }
-    /**
-     * @private
-     * @param {?=} maintainSize
-     * @return {?}
-     */
     checkCropperPosition(maintainSize = false) {
         if (this.cropper.x1 < 0) {
             this.cropper.x2 -= maintainSize ? this.cropper.x1 : 0;
@@ -1795,41 +1143,27 @@ class ImageCropperComponent {
             this.cropper.y2 = this.maxSize.height;
         }
     }
-    /**
-     * @return {?}
-     */
     moveStop() {
         if (this.moveStart.active) {
             this.moveStart.active = false;
             this.doAutoCrop();
         }
     }
-    /**
-     * @return {?}
-     */
     pinchStop() {
         if (this.moveStart.active) {
             this.moveStart.active = false;
             this.doAutoCrop();
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     doAutoCrop() {
         if (this.autoCrop) {
             this.crop();
         }
     }
-    /**
-     * @return {?}
-     */
     crop() {
         var _a, _b;
         if (((_b = (_a = this.loadedImage) === null || _a === void 0 ? void 0 : _a.transformed) === null || _b === void 0 ? void 0 : _b.image) != null) {
             this.startCropImage.emit();
-            /** @type {?} */
             const output = this.cropService.crop(this.sourceImage, this.loadedImage, this.cropper, this.settings);
             if (output != null) {
                 this.imageCropped.emit(output);
@@ -1839,243 +1173,133 @@ class ImageCropperComponent {
         return null;
     }
 }
-ImageCropperComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'image-cropper',
-                template: "<div [style.background]=\"imageVisible && backgroundColor\"\n     #wrapper\n>\n    <img\n      #sourceImage\n      class=\"ngx-ic-source-image\"\n      *ngIf=\"safeImgDataUrl\"\n      [src]=\"safeImgDataUrl\"\n      [style.visibility]=\"imageVisible ? 'visible' : 'hidden'\"\n      [style.transform]=\"safeTransformStyle\"\n      (load)=\"imageLoadedInView()\"\n    />\n    <div\n        class=\"ngx-ic-overlay\"\n        [style.width.px]=\"maxSize.width\"\n        [style.height.px]=\"maxSize.height\"\n        [style.margin-left]=\"alignImage === 'center' ? marginLeft : null\"\n    ></div>\n    <div class=\"ngx-ic-cropper\"\n         *ngIf=\"imageVisible\"\n         [class.rounded]=\"roundCropper\"\n         [style.top.px]=\"cropper.y1\"\n         [style.left.px]=\"cropper.x1\"\n         [style.width.px]=\"cropper.x2 - cropper.x1\"\n         [style.height.px]=\"cropper.y2 - cropper.y1\"\n         [style.margin-left]=\"alignImage === 'center' ? marginLeft : null\"\n         [style.visibility]=\"imageVisible ? 'visible' : 'hidden'\"\n         (keydown)=\"keyboardAccess($event)\"\n         tabindex=\"0\"\n    >\n        <div\n            (mousedown)=\"startMove($event, moveTypes.Move)\"\n            (touchstart)=\"startMove($event, moveTypes.Move)\"\n            class=\"ngx-ic-move\">\n        </div>\n        <ng-container *ngIf=\"!hideResizeSquares\">\n            <span class=\"ngx-ic-resize ngx-ic-topleft\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'topleft')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'topleft')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-top\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-topright\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'topright')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'topright')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-right\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-bottomright\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'bottomright')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'bottomright')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-bottom\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-bottomleft\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'bottomleft')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'bottomleft')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-left\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-top\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'top')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'top')\">\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-right\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'right')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'right')\">\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-bottom\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'bottom')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'bottom')\">\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-left\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'left')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'left')\">\n            </span>\n        </ng-container>\n    </div>\n</div>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:flex;max-height:100%;max-width:100%;overflow:hidden;padding:5px;text-align:center}:host,:host>div{position:relative;width:100%}:host>div img.ngx-ic-source-image{max-height:100%;max-width:100%;transform-origin:center}:host .ngx-ic-overlay{left:0;outline:var(--cropper-overlay-color,#fff) solid 100vw;pointer-events:none;position:absolute;top:0;touch-action:none}:host .ngx-ic-cropper{background:transparent;color:#53535c;display:flex;outline:100vw solid hsla(0,0%,100%,.3);outline:var(--cropper-outline-color,hsla(0,0%,100%,.3)) solid 100vw;position:absolute;touch-action:none}@media (orientation:portrait){:host .ngx-ic-cropper{outline-width:100vh}}:host .ngx-ic-cropper:after{border:1px dashed;bottom:0;color:inherit;content:\"\";left:0;opacity:.75;pointer-events:none;position:absolute;right:0;top:0;z-index:1}:host .ngx-ic-cropper .ngx-ic-move{border:1px solid hsla(0,0%,100%,.5);cursor:move;width:100%}:host .ngx-ic-cropper:focus .ngx-ic-move{border-color:#1e90ff;border-width:2px}:host .ngx-ic-cropper .ngx-ic-resize{display:inline-block;line-height:6px;opacity:.85;padding:8px;position:absolute;z-index:1}:host .ngx-ic-cropper .ngx-ic-resize .ngx-ic-square{background:#53535c;border:1px solid hsla(0,0%,100%,.5);box-sizing:content-box;display:inline-block;height:6px;width:6px}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topleft{cursor:nwse-resize;left:-12px;top:-12px}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-top{cursor:ns-resize;left:calc(50% - 12px);top:-12px}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topright{cursor:nesw-resize;right:-12px;top:-12px}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-right{cursor:ew-resize;right:-12px;top:calc(50% - 12px)}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomright{bottom:-12px;cursor:nwse-resize;right:-12px}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottom{bottom:-12px;cursor:ns-resize;left:calc(50% - 12px)}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomleft{bottom:-12px;cursor:nesw-resize;left:-12px}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-left{cursor:ew-resize;left:-12px;top:calc(50% - 12px)}:host .ngx-ic-cropper .ngx-ic-resize-bar{position:absolute;z-index:1}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-top{cursor:ns-resize;height:22px;left:11px;top:-11px;width:calc(100% - 22px)}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-right{cursor:ew-resize;height:calc(100% - 22px);right:-11px;top:11px;width:22px}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-bottom{bottom:-11px;cursor:ns-resize;height:22px;left:11px;width:calc(100% - 22px)}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-left{cursor:ew-resize;height:calc(100% - 22px);left:-11px;top:11px;width:22px}:host .ngx-ic-cropper.ngx-ic-rounded{outline-color:transparent}:host .ngx-ic-cropper.ngx-ic-rounded:after{border-radius:100%;box-shadow:0 0 0 100vw hsla(0,0%,100%,.3);box-shadow:0 0 0 100vw var(--cropper-outline-color,hsla(0,0%,100%,.3))}@media (orientation:portrait){:host .ngx-ic-cropper.ngx-ic-rounded:after{box-shadow:0 0 0 100vh hsla(0,0%,100%,.3);box-shadow:0 0 0 100vh var(--cropper-outline-color,hsla(0,0%,100%,.3))}}:host .ngx-ic-cropper.ngx-ic-rounded .ngx-ic-move{border-radius:100%}:host.disabled .ngx-ic-cropper .ngx-ic-move,:host.disabled .ngx-ic-cropper .ngx-ic-resize,:host.disabled .ngx-ic-cropper .ngx-ic-resize-bar{display:none}"]
-            }] }
-];
-/** @nocollapse */
-ImageCropperComponent.ctorParameters = () => [
-    { type: CropService },
-    { type: CropperPositionService },
-    { type: LoadImageService },
-    { type: DomSanitizer },
-    { type: ChangeDetectorRef }
-];
-ImageCropperComponent.propDecorators = {
-    wrapper: [{ type: ViewChild, args: ['wrapper', { static: true },] }],
-    sourceImage: [{ type: ViewChild, args: ['sourceImage', { static: false },] }],
-    imageChangedEvent: [{ type: Input }],
-    imageURL: [{ type: Input }],
-    imageBase64: [{ type: Input }],
-    imageFile: [{ type: Input }],
-    format: [{ type: Input }],
-    transform: [{ type: Input }],
-    maintainAspectRatio: [{ type: Input }],
-    aspectRatio: [{ type: Input }],
-    resizeToWidth: [{ type: Input }],
-    resizeToHeight: [{ type: Input }],
-    cropperMinWidth: [{ type: Input }],
-    cropperMinHeight: [{ type: Input }],
-    cropperMaxHeight: [{ type: Input }],
-    cropperMaxWidth: [{ type: Input }],
-    cropperStaticWidth: [{ type: Input }],
-    cropperStaticHeight: [{ type: Input }],
-    canvasRotation: [{ type: Input }],
-    initialStepSize: [{ type: Input }],
-    roundCropper: [{ type: Input }],
-    onlyScaleDown: [{ type: Input }],
-    imageQuality: [{ type: Input }],
-    autoCrop: [{ type: Input }],
-    backgroundColor: [{ type: Input }],
-    containWithinAspectRatio: [{ type: Input }],
-    hideResizeSquares: [{ type: Input }],
-    cropper: [{ type: Input }],
-    alignImage: [{ type: HostBinding, args: ['style.text-align',] }, { type: Input }],
-    disabled: [{ type: HostBinding, args: ['class.disabled',] }, { type: Input }],
-    imageCropped: [{ type: Output }],
-    startCropImage: [{ type: Output }],
-    imageLoaded: [{ type: Output }],
-    cropperReady: [{ type: Output }],
-    loadImageFailed: [{ type: Output }],
-    onResize: [{ type: HostListener, args: ['window:resize',] }],
-    moveImg: [{ type: HostListener, args: ['document:mousemove', ['$event'],] }, { type: HostListener, args: ['document:touchmove', ['$event'],] }],
-    moveStop: [{ type: HostListener, args: ['document:mouseup',] }, { type: HostListener, args: ['document:touchend',] }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.Hammer;
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.settings;
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.setImageMaxSizeRetries;
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.moveStart;
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.loadedImage;
-    /** @type {?} */
-    ImageCropperComponent.prototype.safeImgDataUrl;
-    /** @type {?} */
-    ImageCropperComponent.prototype.safeTransformStyle;
-    /** @type {?} */
-    ImageCropperComponent.prototype.marginLeft;
-    /** @type {?} */
-    ImageCropperComponent.prototype.maxSize;
-    /** @type {?} */
-    ImageCropperComponent.prototype.moveTypes;
-    /** @type {?} */
-    ImageCropperComponent.prototype.imageVisible;
-    /** @type {?} */
-    ImageCropperComponent.prototype.wrapper;
-    /** @type {?} */
-    ImageCropperComponent.prototype.sourceImage;
-    /** @type {?} */
-    ImageCropperComponent.prototype.imageChangedEvent;
-    /** @type {?} */
-    ImageCropperComponent.prototype.imageURL;
-    /** @type {?} */
-    ImageCropperComponent.prototype.imageBase64;
-    /** @type {?} */
-    ImageCropperComponent.prototype.imageFile;
-    /** @type {?} */
-    ImageCropperComponent.prototype.format;
-    /** @type {?} */
-    ImageCropperComponent.prototype.transform;
-    /** @type {?} */
-    ImageCropperComponent.prototype.maintainAspectRatio;
-    /** @type {?} */
-    ImageCropperComponent.prototype.aspectRatio;
-    /** @type {?} */
-    ImageCropperComponent.prototype.resizeToWidth;
-    /** @type {?} */
-    ImageCropperComponent.prototype.resizeToHeight;
-    /** @type {?} */
-    ImageCropperComponent.prototype.cropperMinWidth;
-    /** @type {?} */
-    ImageCropperComponent.prototype.cropperMinHeight;
-    /** @type {?} */
-    ImageCropperComponent.prototype.cropperMaxHeight;
-    /** @type {?} */
-    ImageCropperComponent.prototype.cropperMaxWidth;
-    /** @type {?} */
-    ImageCropperComponent.prototype.cropperStaticWidth;
-    /** @type {?} */
-    ImageCropperComponent.prototype.cropperStaticHeight;
-    /** @type {?} */
-    ImageCropperComponent.prototype.canvasRotation;
-    /** @type {?} */
-    ImageCropperComponent.prototype.initialStepSize;
-    /** @type {?} */
-    ImageCropperComponent.prototype.roundCropper;
-    /** @type {?} */
-    ImageCropperComponent.prototype.onlyScaleDown;
-    /** @type {?} */
-    ImageCropperComponent.prototype.imageQuality;
-    /** @type {?} */
-    ImageCropperComponent.prototype.autoCrop;
-    /** @type {?} */
-    ImageCropperComponent.prototype.backgroundColor;
-    /** @type {?} */
-    ImageCropperComponent.prototype.containWithinAspectRatio;
-    /** @type {?} */
-    ImageCropperComponent.prototype.hideResizeSquares;
-    /** @type {?} */
-    ImageCropperComponent.prototype.cropper;
-    /** @type {?} */
-    ImageCropperComponent.prototype.alignImage;
-    /** @type {?} */
-    ImageCropperComponent.prototype.disabled;
-    /** @type {?} */
-    ImageCropperComponent.prototype.imageCropped;
-    /** @type {?} */
-    ImageCropperComponent.prototype.startCropImage;
-    /** @type {?} */
-    ImageCropperComponent.prototype.imageLoaded;
-    /** @type {?} */
-    ImageCropperComponent.prototype.cropperReady;
-    /** @type {?} */
-    ImageCropperComponent.prototype.loadImageFailed;
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.cropService;
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.cropperPositionService;
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.loadImageService;
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.sanitizer;
-    /**
-     * @type {?}
-     * @private
-     */
-    ImageCropperComponent.prototype.cd;
-}
+ImageCropperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ImageCropperComponent, deps: [{ token: CropService }, { token: CropperPositionService }, { token: LoadImageService }, { token: i4.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ImageCropperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: ImageCropperComponent, selector: "image-cropper", inputs: { imageChangedEvent: "imageChangedEvent", imageURL: "imageURL", imageBase64: "imageBase64", imageFile: "imageFile", format: "format", transform: "transform", maintainAspectRatio: "maintainAspectRatio", aspectRatio: "aspectRatio", 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", cropper: "cropper", alignImage: "alignImage", disabled: "disabled" }, outputs: { imageCropped: "imageCropped", startCropImage: "startCropImage", imageLoaded: "imageLoaded", cropperReady: "cropperReady", loadImageFailed: "loadImageFailed" }, host: { listeners: { "window:resize": "onResize()", "document:mousemove": "moveImg($event)", "document:touchmove": "moveImg($event)", "document:mouseup": "moveStop()", "document:touchend": "moveStop()" }, properties: { "style.text-align": "this.alignImage", "class.disabled": "this.disabled" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, static: true }, { propertyName: "sourceImage", first: true, predicate: ["sourceImage"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [style.background]=\"imageVisible && backgroundColor\"\n     #wrapper\n>\n    <img\n      #sourceImage\n      class=\"ngx-ic-source-image\"\n      *ngIf=\"safeImgDataUrl\"\n      [src]=\"safeImgDataUrl\"\n      [style.visibility]=\"imageVisible ? 'visible' : 'hidden'\"\n      [style.transform]=\"safeTransformStyle\"\n      (load)=\"imageLoadedInView()\"\n    />\n    <div\n        class=\"ngx-ic-overlay\"\n        [style.width.px]=\"maxSize.width\"\n        [style.height.px]=\"maxSize.height\"\n        [style.margin-left]=\"alignImage === 'center' ? marginLeft : null\"\n    ></div>\n    <div class=\"ngx-ic-cropper\"\n         *ngIf=\"imageVisible\"\n         [class.ngx-ic-round]=\"roundCropper\"\n         [style.top.px]=\"cropper.y1\"\n         [style.left.px]=\"cropper.x1\"\n         [style.width.px]=\"cropper.x2 - cropper.x1\"\n         [style.height.px]=\"cropper.y2 - cropper.y1\"\n         [style.margin-left]=\"alignImage === 'center' ? marginLeft : null\"\n         [style.visibility]=\"imageVisible ? 'visible' : 'hidden'\"\n         (keydown)=\"keyboardAccess($event)\"\n         tabindex=\"0\"\n    >\n        <div\n            (mousedown)=\"startMove($event, moveTypes.Move)\"\n            (touchstart)=\"startMove($event, moveTypes.Move)\"\n            class=\"ngx-ic-move\">\n        </div>\n        <ng-container *ngIf=\"!hideResizeSquares\">\n            <span class=\"ngx-ic-resize ngx-ic-topleft\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'topleft')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'topleft')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-top\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-topright\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'topright')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'topright')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-right\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-bottomright\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'bottomright')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'bottomright')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-bottom\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-bottomleft\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'bottomleft')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'bottomleft')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-left\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-top\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'top')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'top')\">\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-right\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'right')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'right')\">\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-bottom\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'bottom')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'bottom')\">\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-left\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'left')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'left')\">\n            </span>\n        </ng-container>\n    </div>\n</div>\n", styles: [":host{display:flex;position:relative;width:100%;max-width:100%;max-height:100%;overflow:hidden;padding:5px;text-align:center}:host>div{width:100%;position:relative}:host>div img.ngx-ic-source-image{max-width:100%;max-height:100%;transform-origin:center}:host .ngx-ic-overlay{position:absolute;pointer-events:none;touch-action:none;outline:var(--cropper-overlay-color, white) solid 100vw;top:0;left:0}:host .ngx-ic-cropper{position:absolute;display:flex;color:#53535c;background:transparent;outline:rgba(255,255,255,.3) solid 100vw;outline:var(--cropper-outline-color, rgba(255, 255, 255, .3)) solid 100vw;touch-action:none}@media (orientation: portrait){:host .ngx-ic-cropper{outline-width:100vh}}:host .ngx-ic-cropper:after{position:absolute;content:\"\";top:0;bottom:0;left:0;right:0;pointer-events:none;border:dashed 1px;opacity:.75;color:inherit;z-index:1}:host .ngx-ic-cropper .ngx-ic-move{width:100%;cursor:move;border:1px solid rgba(255,255,255,.5)}:host .ngx-ic-cropper:focus .ngx-ic-move{border-color:#1e90ff;border-width:2px}:host .ngx-ic-cropper .ngx-ic-resize{position:absolute;display:inline-block;line-height:6px;padding:8px;opacity:.85;z-index:1}:host .ngx-ic-cropper .ngx-ic-resize .ngx-ic-square{display:inline-block;background:#53535C;width:6px;height:6px;border:1px solid rgba(255,255,255,.5);box-sizing:content-box}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topleft{top:-12px;left:-12px;cursor:nwse-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-top{top:-12px;left:calc(50% - 12px);cursor:ns-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topright{top:-12px;right:-12px;cursor:nesw-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-right{top:calc(50% - 12px);right:-12px;cursor:ew-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomright{bottom:-12px;right:-12px;cursor:nwse-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottom{bottom:-12px;left:calc(50% - 12px);cursor:ns-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomleft{bottom:-12px;left:-12px;cursor:nesw-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-left{top:calc(50% - 12px);left:-12px;cursor:ew-resize}:host .ngx-ic-cropper .ngx-ic-resize-bar{position:absolute;z-index:1}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-top{top:-11px;left:11px;width:calc(100% - 22px);height:22px;cursor:ns-resize}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-right{top:11px;right:-11px;height:calc(100% - 22px);width:22px;cursor:ew-resize}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-bottom{bottom:-11px;left:11px;width:calc(100% - 22px);height:22px;cursor:ns-resize}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-left{top:11px;left:-11px;height:calc(100% - 22px);width:22px;cursor:ew-resize}:host .ngx-ic-cropper.ngx-ic-round{outline-color:transparent}:host .ngx-ic-cropper.ngx-ic-round:after{border-radius:100%;box-shadow:0 0 0 100vw #ffffff4d;box-shadow:0 0 0 100vw var(--cropper-outline-color, rgba(255, 255, 255, .3))}@media (orientation: portrait){:host .ngx-ic-cropper.ngx-ic-round:after{box-shadow:0 0 0 100vh #ffffff4d;box-shadow:0 0 0 100vh var(--cropper-outline-color, rgba(255, 255, 255, .3))}}:host .ngx-ic-cropper.ngx-ic-round .ngx-ic-move{border-radius:100%}:host.disabled .ngx-ic-cropper .ngx-ic-resize,:host.disabled .ngx-ic-cropper .ngx-ic-resize-bar,:host.disabled .ngx-ic-cropper .ngx-ic-move{display:none}\n"], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ImageCropperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'image-cropper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [style.background]=\"imageVisible && backgroundColor\"\n     #wrapper\n>\n    <img\n      #sourceImage\n      class=\"ngx-ic-source-image\"\n      *ngIf=\"safeImgDataUrl\"\n      [src]=\"safeImgDataUrl\"\n      [style.visibility]=\"imageVisible ? 'visible' : 'hidden'\"\n      [style.transform]=\"safeTransformStyle\"\n      (load)=\"imageLoadedInView()\"\n    />\n    <div\n        class=\"ngx-ic-overlay\"\n        [style.width.px]=\"maxSize.width\"\n        [style.height.px]=\"maxSize.height\"\n        [style.margin-left]=\"alignImage === 'center' ? marginLeft : null\"\n    ></div>\n    <div class=\"ngx-ic-cropper\"\n         *ngIf=\"imageVisible\"\n         [class.ngx-ic-round]=\"roundCropper\"\n         [style.top.px]=\"cropper.y1\"\n         [style.left.px]=\"cropper.x1\"\n         [style.width.px]=\"cropper.x2 - cropper.x1\"\n         [style.height.px]=\"cropper.y2 - cropper.y1\"\n         [style.margin-left]=\"alignImage === 'center' ? marginLeft : null\"\n         [style.visibility]=\"imageVisible ? 'visible' : 'hidden'\"\n         (keydown)=\"keyboardAccess($event)\"\n         tabindex=\"0\"\n    >\n        <div\n            (mousedown)=\"startMove($event, moveTypes.Move)\"\n            (touchstart)=\"startMove($event, moveTypes.Move)\"\n            class=\"ngx-ic-move\">\n        </div>\n        <ng-container *ngIf=\"!hideResizeSquares\">\n            <span class=\"ngx-ic-resize ngx-ic-topleft\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'topleft')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'topleft')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-top\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-topright\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'topright')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'topright')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-right\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-bottomright\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'bottomright')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'bottomright')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-bottom\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-bottomleft\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'bottomleft')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'bottomleft')\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize ngx-ic-left\">\n                <span class=\"ngx-ic-square\"></span>\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-top\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'top')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'top')\">\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-right\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'right')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'right')\">\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-bottom\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'bottom')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'bottom')\">\n            </span>\n            <span class=\"ngx-ic-resize-bar ngx-ic-left\"\n                  (mousedown)=\"startMove($event, moveTypes.Resize, 'left')\"\n                  (touchstart)=\"startMove($event, moveTypes.Resize, 'left')\">\n            </span>\n        </ng-container>\n    </div>\n</div>\n", styles: [":host{display:flex;position:relative;width:100%;max-width:100%;max-height:100%;overflow:hidden;padding:5px;text-align:center}:host>div{width:100%;position:relative}:host>div img.ngx-ic-source-image{max-width:100%;max-height:100%;transform-origin:center}:host .ngx-ic-overlay{position:absolute;pointer-events:none;touch-action:none;outline:var(--cropper-overlay-color, white) solid 100vw;top:0;left:0}:host .ngx-ic-cropper{position:absolute;display:flex;color:#53535c;background:transparent;outline:rgba(255,255,255,.3) solid 100vw;outline:var(--cropper-outline-color, rgba(255, 255, 255, .3)) solid 100vw;touch-action:none}@media (orientation: portrait){:host .ngx-ic-cropper{outline-width:100vh}}:host .ngx-ic-cropper:after{position:absolute;content:\"\";top:0;bottom:0;left:0;right:0;pointer-events:none;border:dashed 1px;opacity:.75;color:inherit;z-index:1}:host .ngx-ic-cropper .ngx-ic-move{width:100%;cursor:move;border:1px solid rgba(255,255,255,.5)}:host .ngx-ic-cropper:focus .ngx-ic-move{border-color:#1e90ff;border-width:2px}:host .ngx-ic-cropper .ngx-ic-resize{position:absolute;display:inline-block;line-height:6px;padding:8px;opacity:.85;z-index:1}:host .ngx-ic-cropper .ngx-ic-resize .ngx-ic-square{display:inline-block;background:#53535C;width:6px;height:6px;border:1px solid rgba(255,255,255,.5);box-sizing:content-box}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topleft{top:-12px;left:-12px;cursor:nwse-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-top{top:-12px;left:calc(50% - 12px);cursor:ns-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topright{top:-12px;right:-12px;cursor:nesw-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-right{top:calc(50% - 12px);right:-12px;cursor:ew-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomright{bottom:-12px;right:-12px;cursor:nwse-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottom{bottom:-12px;left:calc(50% - 12px);cursor:ns-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomleft{bottom:-12px;left:-12px;cursor:nesw-resize}:host .ngx-ic-cropper .ngx-ic-resize.ngx-ic-left{top:calc(50% - 12px);left:-12px;cursor:ew-resize}:host .ngx-ic-cropper .ngx-ic-resize-bar{position:absolute;z-index:1}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-top{top:-11px;left:11px;width:calc(100% - 22px);height:22px;cursor:ns-resize}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-right{top:11px;right:-11px;height:calc(100% - 22px);width:22px;cursor:ew-resize}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-bottom{bottom:-11px;left:11px;width:calc(100% - 22px);height:22px;cursor:ns-resize}:host .ngx-ic-cropper .ngx-ic-resize-bar.ngx-ic-left{top:11px;left:-11px;height:calc(100% - 22px);width:22px;cursor:ew-resize}:host .ngx-ic-cropper.ngx-ic-round{outline-color:transparent}:host .ngx-ic-cropper.ngx-ic-round:after{border-radius:100%;box-shadow:0 0 0 100vw #ffffff4d;box-shadow:0 0 0 100vw var(--cropper-outline-color, rgba(255, 255, 255, .3))}@media (orientation: portrait){:host .ngx-ic-cropper.ngx-ic-round:after{box-shadow:0 0 0 100vh #ffffff4d;box-shadow:0 0 0 100vh var(--cropper-outline-color, rgba(255, 255, 255, .3))}}:host .ngx-ic-cropper.ngx-ic-round .ngx-ic-move{border-radius:100%}:host.disabled .ngx-ic-cropper .ngx-ic-resize,:host.disabled .ngx-ic-cropper .ngx-ic-resize-bar,:host.disabled .ngx-ic-cropper .ngx-ic-move{display:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: CropService }, { type: CropperPositionService }, { type: LoadImageService }, { type: i4.DomSanitizer }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { wrapper: [{
+                type: ViewChild,
+                args: ['wrapper', { static: true }]
+            }], sourceImage: [{
+                type: ViewChild,
+                args: ['sourceImage', { static: false }]
+            }], imageChangedEvent: [{
+                type: Input
+            }], imageURL: [{
+                type: Input
+            }], imageBase64: [{
+                type: Input
+            }], imageFile: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], transform: [{
+                type: Input
+            }], maintainAspectRatio: [{
+                type: Input
+            }], aspectRatio: [{
+                type: Input
+            }], resizeToWidth: [{
+                type: Input
+            }], resizeToHeight: [{
+                type: Input
+            }], cropperMinWidth: [{
+                type: Input
+            }], cropperMinHeight: [{
+                type: Input
+            }], cropperMaxHeight: [{
+                type: Input
+            }], cropperMaxWidth: [{
+                type: Input
+            }], cropperStaticWidth: [{
+                type: Input
+            }], cropperStaticHeight: [{
+                type: Input
+            }], canvasRotation: [{
+                type: Input
+            }], initialStepSize: [{
+                type: Input
+            }], roundCropper: [{
+                type: Input
+            }], onlyScaleDown: [{
+                type: Input
+            }], imageQuality: [{
+                type: Input
+            }], autoCrop: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], containWithinAspectRatio: [{
+                type: Input
+            }], hideResizeSquares: [{
+                type: Input
+            }], cropper: [{
+                type: Input
+            }], alignImage: [{
+                type: HostBinding,
+                args: ['style.text-align']
+            }, {
+                type: Input
+            }], disabled: [{
+                type: HostBinding,
+                args: ['class.disabled']
+            }, {
+                type: Input
+            }], imageCropped: [{
+                type: Output
+            }], startCropImage: [{
+                type: Output
+            }], imageLoaded: [{
+                type: Output
+            }], cropperReady: [{
+                type: Output
+            }], loadImageFailed: [{
+                type: Output
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], moveImg: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['document:touchmove', ['$event']]
+            }], moveStop: [{
+                type: HostListener,
+                args: ['document:mouseup']
+            }, {
+                type: HostListener,
+                args: ['document:touchend']
+            }] } });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/image-cropper.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class ImageCropperModule {
 }
-ImageCropperModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule
-                ],
-                declarations: [
-                    ImageCropperComponent
-                ],
-                exports: [
-                    ImageCropperComponent
-                ]
-            },] }
-];
+ImageCropperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ImageCropperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ImageCropperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ImageCropperModule, declarations: [ImageCropperComponent], imports: [CommonModule], exports: [ImageCropperComponent] });
+ImageCropperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ImageCropperModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ImageCropperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        ImageCropperComponent
+                    ],
+                    exports: [
+                        ImageCropperComponent
+                    ]
+                }]
+        }] });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/interfaces/index.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/utils/blob.utils.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @param {?} base64Image
- * @return {?}
- */
 function base64ToFile(base64Image) {
-    /** @type {?} */
     const split = base64Image.split(',');
-    /** @type {?} */
     const type = split[0].replace('data:', '').replace(';base64', '');
-    /** @type {?} */
     const byteString = atob(split[1]);
-    /** @type {?} */
     const ab = new ArrayBuffer(byteString.length);
-    /** @type {?} */
     const ia = new Uint8Array(ab);
     for (let i = 0; i < byteString.length; i += 1) {
         ia[i] = byteString.charCodeAt(i);
@@ -2084,16 +1308,8 @@ function base64ToFile(base64Image) {
 }
 
 /**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: ngx-image-cropper.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * Generated bundle index. Do not edit.
  */
 
-export { ImageCropperComponent, ImageCropperModule, base64ToFile, resizeCanvas, CropService as ɵa, CropperPositionService as ɵb, LoadImageService as ɵc };
-//# sourceMappingURL=ngx-image-cropper.js.map
+export { ImageCropperComponent, ImageCropperModule, base64ToFile, resizeCanvas };
+//# sourceMappingURL=ngx-image-cropper.mjs.map