@datarailsshared/datarailsshared 1.4.569 → 1.5.1

package/esm2022/lib/image-cropper/dr-image-cropper-canvas.service.mjs

@@ -0,0 +1,78 @@
+import { Injectable } from '@angular/core';
+import { CROP_IMAGE_MODES } from './dr-image-cropper.types';
+import * as i0 from "@angular/core";
+export class DrImageCropperCanvasService {
+    constructor() {
+        this.ALPHA_FOR_SHADOW = 0.2;
+        // this param means that a side of a white square is half of a side of a canvas
+        this.CROP_AREA_PROPORTION = 2;
+        this.RECTANGULAR_SHADOW_WIDTH = 30;
+        this.RECTANGULAR_SHADOW_HEIGHT = 70;
+    }
+    drawShape(canvasSize, cropMode, zoomLevel, htmlImageElement) {
+        this.clearCanvas(canvasSize);
+        this.drawImageByZoom(canvasSize, zoomLevel, htmlImageElement);
+        this.drawShadow(cropMode, canvasSize);
+    }
+    getCoordinates(cropMode, canvasSize) {
+        return cropMode === CROP_IMAGE_MODES.SQUARE
+            ? this.getCoordinatesForSquare(canvasSize)
+            : this.getCoordinatesForRectangle(canvasSize);
+    }
+    getCoordinatesForSquare(canvasSize) {
+        const shadowLength = canvasSize / (this.CROP_AREA_PROPORTION * 2);
+        const bottomPosition = canvasSize - shadowLength;
+        return [shadowLength, shadowLength, bottomPosition, bottomPosition].join(',');
+    }
+    getCoordinatesForRectangle(canvasSize) {
+        return [
+            this.RECTANGULAR_SHADOW_WIDTH,
+            this.RECTANGULAR_SHADOW_HEIGHT,
+            canvasSize - this.RECTANGULAR_SHADOW_WIDTH,
+            canvasSize - this.RECTANGULAR_SHADOW_HEIGHT,
+        ].join(',');
+    }
+    drawShadow(cropMode, canvasSize) {
+        this.ctx.globalAlpha = this.ALPHA_FOR_SHADOW;
+        this.ctx.fillStyle = 'black';
+        if (cropMode === CROP_IMAGE_MODES.SQUARE) {
+            this.drawSquareShadow(canvasSize);
+        }
+        else if (cropMode === CROP_IMAGE_MODES.RECTANGLE) {
+            this.drawRectangularShadow(canvasSize);
+        }
+        this.ctx.globalAlpha = 1;
+    }
+    drawSquareShadow(canvasSize) {
+        const shadowLength = canvasSize / (this.CROP_AREA_PROPORTION * 2);
+        this.ctx.fillRect(0, 0, shadowLength, canvasSize);
+        this.ctx.fillRect(canvasSize - shadowLength, 0, shadowLength, canvasSize);
+        this.ctx.fillRect(shadowLength, 0, 2 * shadowLength, shadowLength);
+        this.ctx.fillRect(shadowLength, canvasSize - shadowLength, 2 * shadowLength, shadowLength);
+    }
+    drawRectangularShadow(canvasSize) {
+        this.ctx.fillRect(0, 0, this.RECTANGULAR_SHADOW_WIDTH, canvasSize);
+        this.ctx.fillRect(canvasSize - this.RECTANGULAR_SHADOW_WIDTH, 0, this.RECTANGULAR_SHADOW_WIDTH, canvasSize);
+        this.ctx.fillRect(this.RECTANGULAR_SHADOW_WIDTH, 0, canvasSize - 2 * this.RECTANGULAR_SHADOW_WIDTH, this.RECTANGULAR_SHADOW_HEIGHT);
+        this.ctx.fillRect(this.RECTANGULAR_SHADOW_WIDTH, canvasSize - this.RECTANGULAR_SHADOW_HEIGHT, canvasSize - 2 * this.RECTANGULAR_SHADOW_WIDTH, this.RECTANGULAR_SHADOW_HEIGHT);
+    }
+    drawImageByZoom(canvasSize, zoomLevel, htmlImageElement) {
+        const maxImageDimension = Math.max(htmlImageElement.width, htmlImageElement.height);
+        const proportion = canvasSize / (this.CROP_AREA_PROPORTION * maxImageDimension);
+        const suitableWidth = htmlImageElement.width * proportion * zoomLevel;
+        const suitableHeight = htmlImageElement.height * proportion * zoomLevel;
+        const rectX = (canvasSize - suitableWidth) / 2;
+        const rectY = (canvasSize - suitableHeight) / 2;
+        this.ctx.drawImage(htmlImageElement, rectX, rectY, suitableWidth, suitableHeight);
+    }
+    clearCanvas(canvasSize) {
+        this.ctx.fillStyle = 'white';
+        this.ctx.fillRect(0, 0, canvasSize, canvasSize);
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrImageCropperCanvasService_Factory(t) { return new (t || DrImageCropperCanvasService)(); }; }
+    /** @nocollapse */ static { this.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: DrImageCropperCanvasService, factory: DrImageCropperCanvasService.ɵfac }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrImageCropperCanvasService, [{
+        type: Injectable
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItaW1hZ2UtY3JvcHBlci1jYW52YXMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2ltYWdlLWNyb3BwZXIvZHItaW1hZ2UtY3JvcHBlci1jYW52YXMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQUc1RCxNQUFNLE9BQU8sMkJBQTJCO0lBRHhDO1FBSXFCLHFCQUFnQixHQUFHLEdBQUcsQ0FBQztRQUN4QywrRUFBK0U7UUFDOUQseUJBQW9CLEdBQUcsQ0FBQyxDQUFDO1FBQ3pCLDZCQUF3QixHQUFHLEVBQUUsQ0FBQztRQUM5Qiw4QkFBeUIsR0FBRyxFQUFFLENBQUM7S0FpRm5EO0lBL0VHLFNBQVMsQ0FBQyxVQUFrQixFQUFFLFFBQTBCLEVBQUUsU0FBaUIsRUFBRSxnQkFBa0M7UUFDM0csSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztRQUM5RCxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsY0FBYyxDQUFDLFFBQTBCLEVBQUUsVUFBa0I7UUFDekQsT0FBTyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsTUFBTTtZQUN2QyxDQUFDLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFVBQVUsQ0FBQztZQUMxQyxDQUFDLENBQUMsSUFBSSxDQUFDLDBCQUEwQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFTyx1QkFBdUIsQ0FBQyxVQUFrQjtRQUM5QyxNQUFNLFlBQVksR0FB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QUFpQixFQUFFLGdCQUFrQztRQUM3RixNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BGLE1BQU0sVUFBVSxHQUFHLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2hGLE1BQU0sYUFBYSxHQUFHLGdCQUFnQixDQUFDLEtBQUssR0FBRyxVQUFVLEdBQUcsU0FBUyxDQUFDO1FBQ3RFLE1BQU0sY0FBYyxHQUFHLGdCQUFnQixDQUFDLE1BQU0sR0FBRyxVQUFVLEdBQUcsU0FBUyxDQUFDO1FBRXhFLE1BQU0sS0FBSyxHQUFHLENBQUMsVUFBVSxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMvQyxNQUFNLEtBQUssR0FBRyxDQUFDLFVBQVUsR0FBRyxjQUFjLENBQUMsR0FBRyxDQUFDLENBQUM7UUFFaEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsY0FBYyxDQUFDLENBQUM7SUFDdEYsQ0FBQztJQUVPLFdBQVcsQ0FBQyxVQUFrQjtRQUNsQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUM7UUFDN0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDcEQsQ0FBQzsrR0F2RlEsMkJBQTJCO3NHQUEzQiwyQkFBMkIsV0FBM0IsMkJBQTJCOzt1RkFBM0IsMkJBQTJCO2NBRHZDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDUk9QX0lNQUdFX01PREVTIH0gZnJvbSAnLi9kci1pbWFnZS1jcm9wcGVyLnR5cGVzJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIERySW1hZ2VDcm9wcGVyQ2FudmFzU2VydmljZSB7XG4gICAgY3R4OiBDYW52YXNSZW5kZXJpbmdDb250ZXh0MkQ7XG5cbiAgICBwcml2YXRlIHJlYWRvbmx5IEFMUEhBX0ZPUl9TSEFET1cgPSAwLjI7XG4gICAgLy8gdGhpcyBwYXJhbSBtZWFucyB0aGF0IGEgc2lkZSBvZiBhIHdoaXRlIHNxdWFyZSBpcyBoYWxmIG9mIGEgc2lkZSBvZiBhIGNhbnZhc1xuICAgIHByaXZhdGUgcmVhZG9ubHkgQ1JPUF9BUkVBX1BST1BPUlRJT04gPSAyO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgUkVDVEFOR1VMQVJfU0hBRE9XX1dJRFRIID0gMzA7XG4gICAgcHJpdmF0ZSByZWFkb25seSBSRUNUQU5HVUxBUl9TSEFET1dfSEVJR0hUID0gNzA7XG5cbiAgICBkcmF3U2hhcGUoY2FudmFzU2l6ZTogbnVtYmVyLCBjcm9wTW9kZTogQ1JPUF9JTUFHRV9NT0RFUywgem9vbUxldmVsOiBudW1iZXIsIGh0bWxJbWFnZUVsZW1lbnQ6IEhUTUxJbWFnZUVsZW1lbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jbGVhckNhbnZhcyhjYW52YXNTaXplKTtcbiAgICAgICAgdGhpcy5kcmF3SW1hZ2VCeVpvb20oY2FudmFzU2l6ZSwgem9vbUxldmVsLCBodG1sSW1hZ2VFbGVtZW50KTtcbiAgICAgICAgdGhpcy5kcmF3U2hhZG93KGNyb3BNb2RlLCBjYW52YXNTaXplKTtcbiAgICB9XG5cbiAgICBnZXRDb29yZGluYXRlcyhjcm9wTW9kZTogQ1JPUF9JTUFHRV9NT0RFUywgY2FudmFzU2l6ZTogbnVtYmVyKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGNyb3BNb2RlID09PSBDUk9QX0lNQUdFX01PREVTLlNRVUFSRVxuICAgICAgICAgICAgPyB0aGlzLmdldENvb3JkaW5hdGVzRm9yU3F1YXJlKGNhbnZhc1NpemUpXG4gICAgICAgICAgICA6IHRoaXMuZ2V0Q29vcmRpbmF0ZXNGb3JSZWN0YW5nbGUoY2FudmFzU2l6ZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRDb29yZGluYXRlc0ZvclNxdWFyZShjYW52YXNTaXplOiBudW1iZXIpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBzaGFkb3dMZW5ndGggPSBjYW52YXNTaXplIC8gKHRoaXMuQ1JPUF9BUkVBX1BST1BPUlRJT04gKiAyKTtcbiAgICAgICAgY29uc3QgYm90dG9tUG9zaXRpb24gPSBjYW52YXNTaXplIC0gc2hhZG93TGVuZ3RoO1xuICAgICAgICByZXR1cm4gW3NoYWRvd0xlbmd0aCwgc2hhZG93TGVuZ3RoLCBib3R0b21Qb3NpdGlvbiwgYm90dG9tUG9zaXRpb25dLmpvaW4oJywnKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldENvb3JkaW5hdGVzRm9yUmVjdGFuZ2xlKGNhbnZhc1NpemU6IG51bWJlcik6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICB0aGlzLlJFQ1RBTkdVTEFSX1NIQURPV19XSURUSCxcbiAgICAgICAgICAgIHRoaXMuUkVDVEFOR1VMQVJfU0hBRE9XX0hFSUdIVCxcbiAgICAgICAgICAgIGNhbnZhc1NpemUgLSB0aGlzLlJFQ1RBTkdVTEFSX1NIQURPV19XSURUSCxcbiAgICAgICAgICAgIGNhbnZhc1NpemUgLSB0aGlzLlJFQ1RBTkdVTEFSX1NIQURPV19IRUlHSFQsXG4gICAgICAgIF0uam9pbignLCcpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZHJhd1NoYWRvdyhjcm9wTW9kZTogQ1JPUF9JTUFHRV9NT0RFUywgY2FudmFzU2l6ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY3R4Lmdsb2JhbEFscGhhID0gdGhpcy5BTFBIQV9GT1JfU0hBRE9XO1xuICAgICAgICB0aGlzLmN0eC5maWxsU3R5bGUgPSAnYmxhY2snO1xuICAgICAgICBpZiAoY3JvcE1vZGUgPT09IENST1BfSU1BR0VfTU9ERVMuU1FVQVJFKSB7XG4gICAgICAgICAgICB0aGlzLmRyYXdTcXVhcmVTaGFkb3coY2FudmFzU2l6ZSk7XG4gICAgICAgIH0gZWxzZSBpZiAoY3JvcE1vZGUgPT09IENST1BfSU1BR0VfTU9ERVMuUkVDVEFOR0xFKSB7XG4gICAgICAgICAgICB0aGlzLmRyYXdSZWN0YW5ndWxhclNoYWRvdyhjYW52YXNTaXplKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmN0eC5nbG9iYWxBbHBoYSA9IDE7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBkcmF3U3F1YXJlU2hhZG93KGNhbnZhc1NpemU6IG51bWJlcik6IHZvaWQge1xuICAgICAgICBjb25zdCBzaGFkb3dMZW5ndGggPSBjYW52YXNTaXplIC8gKHRoaXMuQ1JPUF9BUkVBX1BST1BPUlRJT04gKiAyKTtcbiAgICAgICAgdGhpcy5jdHguZmlsbFJlY3QoMCwgMCwgc2hhZG93TGVuZ3RoLCBjYW52YXNTaXplKTtcbiAgICAgICAgdGhpcy5jdHguZmlsbFJlY3QoY2FudmFzU2l6ZSAtIHNoYWRvd0xlbmd0aCwgMCwgc2hhZG93TGVuZ3RoLCBjYW52YXNTaXplKTtcbiAgICAgICAgdGhpcy5jdHguZmlsbFJlY3Qoc2hhZG93TGVuZ3RoLCAwLCAyICogc2hhZG93TGVuZ3RoLCBzaGFkb3dMZW5ndGgpO1xuICAgICAgICB0aGlzLmN0eC5maWxsUmVjdChzaGFkb3dMZW5ndGgsIGNhbnZhc1NpemUgLSBzaGFkb3dMZW5ndGgsIDIgKiBzaGFkb3dMZW5ndGgsIHNoYWRvd0xlbmd0aCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBkcmF3UmVjdGFuZ3VsYXJTaGFkb3coY2FudmFzU2l6ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY3R4LmZpbGxSZWN0KDAsIDAsIHRoaXMuUkVDVEFOR1VMQVJfU0hBRE9XX1dJRFRILCBjYW52YXNTaXplKTtcbiAgICAgICAgdGhpcy5jdHguZmlsbFJlY3QoY2FudmFzU2l6ZSAtIHRoaXMuUkVDVEFOR1VMQVJfU0hBRE9XX1dJRFRILCAwLCB0aGlzLlJFQ1RBTkdVTEFSX1NIQURPV19XSURUSCwgY2FudmFzU2l6ZSk7XG4gICAgICAgIHRoaXMuY3R4LmZpbGxSZWN0KFxuICAgICAgICAgICAgdGhpcy5SRUNUQU5HVUxBUl9TSEFET1dfV0lEVEgsXG4gICAgICAgICAgICAwLFxuICAgICAgICAgICAgY2FudmFzU2l6ZSAtIDIgKiB0aGlzLlJFQ1RBTkdVTEFSX1NIQURPV19XSURUSCxcbiAgICAgICAgICAgIHRoaXMuUkVDVEFOR1VMQVJfU0hBRE9XX0hFSUdIVCxcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5jdHguZmlsbFJlY3QoXG4gICAgICAgICAgICB0aGlzLlJFQ1RBTkdVTEFSX1NIQURPV19XSURUSCxcbiAgICAgICAgICAgIGNhbnZhc1NpemUgLSB0aGlzLlJFQ1RBTkdVTEFSX1NIQURPV19IRUlHSFQsXG4gICAgICAgICAgICBjYW52YXNTaXplIC0gMiAqIHRoaXMuUkVDVEFOR1VMQVJfU0hBRE9XX1dJRFRILFxuICAgICAgICAgICAgdGhpcy5SRUNUQU5HVUxBUl9TSEFET1dfSEVJR0hULFxuICAgICAgICApO1xuICAgIH1cblxuICAgIHByaXZhdGUgZHJhd0ltYWdlQnlab29tKGNhbnZhc1NpemU6IG51bWJlciwgem9vbUxldmVsOiBudW1iZXIsIGh0bWxJbWFnZUVsZW1lbnQ6IEhUTUxJbWFnZUVsZW1lbnQpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgbWF4SW1hZ2VEaW1lbnNpb24gPSBNYXRoLm1heChodG1sSW1hZ2VFbGVtZW50LndpZHRoLCBodG1sSW1hZ2VFbGVtZW50LmhlaWdodCk7XG4gICAgICAgIGNvbnN0IHByb3BvcnRpb24gPSBjYW52YXNTaXplIC8gKHRoaXMuQ1JPUF9BUkVBX1BST1BPUlRJT04gKiBtYXhJbWFnZURpbWVuc2lvbik7XG4gICAgICAgIGNvbnN0IHN1aXRhYmxlV2lkdGggPSBodG1sSW1hZ2VFbGVtZW50LndpZHRoICogcHJvcG9ydGlvbiAqIHpvb21MZXZlbDtcbiAgICAgICAgY29uc3Qgc3VpdGFibGVIZWlnaHQgPSBodG1sSW1hZ2VFbGVtZW50LmhlaWdodCAqIHByb3BvcnRpb24gKiB6b29tTGV2ZWw7XG5cbiAgICAgICAgY29uc3QgcmVjdFggPSAoY2FudmFzU2l6ZSAtIHN1aXRhYmxlV2lkdGgpIC8gMjtcbiAgICAgICAgY29uc3QgcmVjdFkgPSAoY2FudmFzU2l6ZSAtIHN1aXRhYmxlSGVpZ2h0KSAvIDI7XG5cbiAgICAgICAgdGhpcy5jdHguZHJhd0ltYWdlKGh0bWxJbWFnZUVsZW1lbnQsIHJlY3RYLCByZWN0WSwgc3VpdGFibGVXaWR0aCwgc3VpdGFibGVIZWlnaHQpO1xuICAgIH1cblxuICAgIHByaXZhdGUgY2xlYXJDYW52YXMoY2FudmFzU2l6ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY3R4LmZpbGxTdHlsZSA9ICd3aGl0ZSc7XG4gICAgICAgIHRoaXMuY3R4LmZpbGxSZWN0KDAsIDAsIGNhbnZhc1NpemUsIGNhbnZhc1NpemUpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/lib/image-cropper/dr-image-cropper.component.mjs

@@ -0,0 +1,133 @@
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { DrSliderComponent } from '../dr-inputs/dr-slider/dr-slider.component';
+import { CROP_IMAGE_MODES } from './dr-image-cropper.types';
+import { DrInputsModule } from '../dr-inputs/dr-inputs.module';
+import { DrImageCropperCanvasService } from './dr-image-cropper-canvas.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./dr-image-cropper-canvas.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "../dr-inputs/button/button.component";
+const _c0 = ["imageCanvas"];
+export class DrImageCropperComponent {
+    constructor(canvasService) {
+        this.canvasService = canvasService;
+        this.maxZoom = 10;
+        this.minZoom = 0.5;
+        this.zoomStep = 0.1;
+        this.zoomLevel = 1;
+        this.cropChanged = new EventEmitter();
+        this.clearClicked = new EventEmitter();
+        this.cropMode = CROP_IMAGE_MODES.SQUARE;
+        this.CROP_IMAGE_MODES = CROP_IMAGE_MODES;
+    }
+    ngOnChanges(changes) {
+        if (changes.imageFile && this.imageFile) {
+            this.readImageFile();
+        }
+    }
+    ngAfterViewInit() {
+        this.canvasService.ctx = this.canvasElement.nativeElement.getContext('2d');
+    }
+    drawImage(newZoomEvent) {
+        if (newZoomEvent !== undefined) {
+            this.zoomLevel = newZoomEvent.target.value;
+        }
+        this.onCropModeUpdated();
+    }
+    onCropModeUpdated(cropMode) {
+        if (cropMode) {
+            this.cropMode = cropMode;
+        }
+        this.canvasService.drawShape(this.cropperSize, this.cropMode, this.zoomLevel, this.htmlImageElement);
+        const coordinates = this.canvasService.getCoordinates(this.cropMode, this.cropperSize);
+        this.canvasElement.nativeElement.toBlob((blob) => {
+            const file = new File([blob], this.imageFile.name, { type: this.imageFile.type, lastModified: Date.now() });
+            this.cropChanged.emit({ file, coordinates, cropMode: this.cropMode });
+        }, this.imageFile.type);
+    }
+    readImageFile() {
+        const reader = new FileReader();
+        reader.onload = () => {
+            this.htmlImageElement = new Image();
+            this.htmlImageElement.src = this.getImagesStringSrc(reader);
+            this.htmlImageElement.onload = () => {
+                this.canvasElement.nativeElement.width = this.canvasElement.nativeElement.height = this.cropperSize;
+                this.drawImage();
+            };
+        };
+        reader.readAsDataURL(this.imageFile);
+    }
+    getImagesStringSrc(reader) {
+        if (typeof reader.result === 'string')
+            return reader.result;
+        const decoder = new TextDecoder();
+        return decoder.decode(reader.result);
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrImageCropperComponent_Factory(t) { return new (t || DrImageCropperComponent)(i0.ɵɵdirectiveInject(i1.DrImageCropperCanvasService)); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrImageCropperComponent, selectors: [["dr-image-cropper"]], viewQuery: function DrImageCropperComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.canvasElement = _t.first);
+        } }, inputs: { cropperSize: "cropperSize", imageFile: "imageFile", maxZoom: "maxZoom", minZoom: "minZoom", zoomStep: "zoomStep", zoomLevel: "zoomLevel" }, outputs: { cropChanged: "cropChanged", clearClicked: "clearClicked" }, standalone: true, features: [i0.ɵɵProvidersFeature([DrImageCropperCanvasService]), i0.ɵɵNgOnChangesFeature, i0.ɵɵStandaloneFeature], decls: 15, vars: 11, consts: [[1, "crop-mode-btns-container"], ["theme", "ghost", 3, "click"], [1, "mode-btn"], [1, "mode-btn__square-icon"], [1, "mode-btn__rectangle-icon"], [1, "image-cropper"], ["imageCanvas", ""], [1, "image-crop-slider", 3, "ngModel", "max", "min", "step", "ngModelChange", "input"], [1, "try-another-btn", 3, "theme", "click"]], template: function DrImageCropperComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "dr-button", 1);
+            i0.ɵɵlistener("click", function DrImageCropperComponent_Template_dr_button_click_1_listener() { return ctx.onCropModeUpdated(ctx.CROP_IMAGE_MODES.SQUARE); });
+            i0.ɵɵelementStart(2, "div", 2);
+            i0.ɵɵelement(3, "div", 3);
+            i0.ɵɵtext(4, " Square ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "dr-button", 1);
+            i0.ɵɵlistener("click", function DrImageCropperComponent_Template_dr_button_click_5_listener() { return ctx.onCropModeUpdated(ctx.CROP_IMAGE_MODES.RECTANGLE); });
+            i0.ɵɵelementStart(6, "div", 2);
+            i0.ɵɵelement(7, "div", 4);
+            i0.ɵɵtext(8, " Rectangle ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(9, "div", 5);
+            i0.ɵɵelement(10, "canvas", null, 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "dr-slider", 7);
+            i0.ɵɵlistener("ngModelChange", function DrImageCropperComponent_Template_dr_slider_ngModelChange_12_listener($event) { return ctx.zoomLevel = $event; })("input", function DrImageCropperComponent_Template_dr_slider_input_12_listener($event) { return ctx.drawImage($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "dr-button", 8);
+            i0.ɵɵlistener("click", function DrImageCropperComponent_Template_dr_button_click_13_listener() { return ctx.clearClicked.emit(); });
+            i0.ɵɵtext(14, " Try another image ");
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵclassProp("active-mode", ctx.cropMode === ctx.CROP_IMAGE_MODES.SQUARE);
+            i0.ɵɵadvance(4);
+            i0.ɵɵclassProp("active-mode", ctx.cropMode === ctx.CROP_IMAGE_MODES.RECTANGLE);
+            i0.ɵɵadvance(7);
+            i0.ɵɵstyleProp("width", ctx.cropperSize + "px");
+            i0.ɵɵproperty("ngModel", ctx.zoomLevel)("max", ctx.maxZoom)("min", ctx.minZoom)("step", ctx.zoomStep);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("theme", "ghost");
+        } }, dependencies: [FormsModule, i2.NgControlStatus, i2.NgModel, DrSliderComponent, DrInputsModule, i3.DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%]   .crop-mode-btns-container[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-bottom:16px}[_nghost-%COMP%]   .crop-mode-btns-container[_ngcontent-%COMP%]     dr-button.active-mode>button{background:#eaeaff}[_nghost-%COMP%]   .crop-mode-btns-container[_ngcontent-%COMP%]     dr-button>button{height:56px;width:80px}[_nghost-%COMP%]   .crop-mode-btns-container[_ngcontent-%COMP%]   dr-button[_ngcontent-%COMP%]:not(:first-child){margin-left:8px}[_nghost-%COMP%]   .crop-mode-btns-container[_ngcontent-%COMP%]   .mode-btn[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;height:56px;width:80px}[_nghost-%COMP%]   .crop-mode-btns-container[_ngcontent-%COMP%]   .mode-btn__rectangle-icon[_ngcontent-%COMP%]{height:8px;width:24px;margin-top:4px;margin-bottom:4px}[_nghost-%COMP%]   .crop-mode-btns-container[_ngcontent-%COMP%]   .mode-btn__square-icon[_ngcontent-%COMP%]{width:16px;height:16px}[_nghost-%COMP%]   .crop-mode-btns-container[_ngcontent-%COMP%]   .mode-btn__rectangle-icon[_ngcontent-%COMP%], [_nghost-%COMP%]   .crop-mode-btns-container[_ngcontent-%COMP%]   .mode-btn__square-icon[_ngcontent-%COMP%]{border:1px solid #333333}[_nghost-%COMP%]   .image-cropper[_ngcontent-%COMP%]{overflow:hidden;position:relative}[_nghost-%COMP%]   .image-cropper__shadow[_ngcontent-%COMP%]{position:absolute}[_nghost-%COMP%]   .image-crop-slider[_ngcontent-%COMP%]{margin-top:8px}[_nghost-%COMP%]   .try-another-btn[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-top:8px}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrImageCropperComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-image-cropper', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, DrSliderComponent, DrInputsModule], standalone: true, providers: [DrImageCropperCanvasService], template: "<div class=\"crop-mode-btns-container\">\n    <dr-button\n        theme=\"ghost\"\n        [class.active-mode]=\"cropMode === CROP_IMAGE_MODES.SQUARE\"\n        (click)=\"onCropModeUpdated(CROP_IMAGE_MODES.SQUARE)\">\n        <div class=\"mode-btn\">\n            <div class=\"mode-btn__square-icon\"></div>\n            Square\n        </div>\n    </dr-button>\n    <dr-button\n        theme=\"ghost\"\n        [class.active-mode]=\"cropMode === CROP_IMAGE_MODES.RECTANGLE\"\n        (click)=\"onCropModeUpdated(CROP_IMAGE_MODES.RECTANGLE)\">\n        <div class=\"mode-btn\">\n            <div class=\"mode-btn__rectangle-icon\"></div>\n            Rectangle\n        </div>\n    </dr-button>\n</div>\n\n<div class=\"image-cropper\">\n    <canvas #imageCanvas></canvas>\n</div>\n<dr-slider\n    [(ngModel)]=\"zoomLevel\"\n    [max]=\"maxZoom\"\n    [min]=\"minZoom\"\n    [step]=\"zoomStep\"\n    [style.width]=\"cropperSize + 'px'\"\n    class=\"image-crop-slider\"\n    (input)=\"drawImage($event)\">\n</dr-slider>\n<dr-button [theme]=\"'ghost'\" (click)=\"clearClicked.emit()\" class=\"try-another-btn\"> Try another image </dr-button>\n", styles: [":host{display:flex;flex-direction:column}:host .crop-mode-btns-container{display:flex;justify-content:center;margin-bottom:16px}:host .crop-mode-btns-container ::ng-deep dr-button.active-mode>button{background:#eaeaff}:host .crop-mode-btns-container ::ng-deep dr-button>button{height:56px;width:80px}:host .crop-mode-btns-container dr-button:not(:first-child){margin-left:8px}:host .crop-mode-btns-container .mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;height:56px;width:80px}:host .crop-mode-btns-container .mode-btn__rectangle-icon{height:8px;width:24px;margin-top:4px;margin-bottom:4px}:host .crop-mode-btns-container .mode-btn__square-icon{width:16px;height:16px}:host .crop-mode-btns-container .mode-btn__rectangle-icon,:host .crop-mode-btns-container .mode-btn__square-icon{border:1px solid #333333}:host .image-cropper{overflow:hidden;position:relative}:host .image-cropper__shadow{position:absolute}:host .image-crop-slider{margin-top:8px}:host .try-another-btn{display:flex;justify-content:center;margin-top:8px}\n"] }]
+    }], function () { return [{ type: i1.DrImageCropperCanvasService }]; }, { cropperSize: [{
+            type: Input,
+            args: [{ required: true }]
+        }], imageFile: [{
+            type: Input,
+            args: [{ required: true }]
+        }], maxZoom: [{
+            type: Input
+        }], minZoom: [{
+            type: Input
+        }], zoomStep: [{
+            type: Input
+        }], zoomLevel: [{
+            type: Input
+        }], cropChanged: [{
+            type: Output
+        }], clearClicked: [{
+            type: Output
+        }], canvasElement: [{
+            type: ViewChild,
+            args: ['imageCanvas', { static: true }]
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItaW1hZ2UtY3JvcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9pbWFnZS1jcm9wcGVyL2RyLWltYWdlLWNyb3BwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvaW1hZ2UtY3JvcHBlci9kci1pbWFnZS1jcm9wcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFFTixTQUFTLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBa0IsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDL0QsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7OztBQVdoRixNQUFNLE9BQU8sdUJBQXVCO0lBaUJoQyxZQUE2QixhQUEwQztRQUExQyxrQkFBYSxHQUFiLGFBQWEsQ0FBNkI7UUFkOUQsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQixZQUFPLEdBQVcsR0FBRyxDQUFDO1FBQ3RCLGFBQVEsR0FBVyxHQUFHLENBQUM7UUFDdkIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUVyQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFrQixDQUFDO1FBQ2pELGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUtsRCxhQUFRLEdBQXFCLGdCQUFnQixDQUFDLE1BQU0sQ0FBQztRQUM1QyxxQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztJQUU2QixDQUFDO0lBRTNFLFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLE9BQU8sQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNyQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDeEI7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvRSxDQUFDO0lBRUQsU0FBUyxDQUFDLFlBQWE7UUFDbkIsSUFBSSxZQUFZLEtBQUssU0FBUyxFQUFFO1lBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsWUFBWSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7U0FDOUM7UUFDRCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsUUFBMkI7UUFDekMsSUFBSSxRQUFRLEVBQUU7WUFDVixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztTQUM1QjtRQUVELElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3JHLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQzdDLE1BQU0sSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDNUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUMxRSxDQUFDLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRU8sYUFBYTtRQUNqQixNQUFNLE1BQU0sR0FBRyxJQUFJLFVBQVUsRUFBRSxDQUFDO1FBQ2hDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzVELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEdBQUcsR0FBRyxFQUFFO2dCQUNoQyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7Z0JBQ3BHLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNyQixDQUFDLENBQUM7UUFDTixDQUFDLENBQUM7UUFDRixNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRU8sa0JBQWtCLENBQUMsTUFBa0I7UUFDekMsSUFBSSxPQUFPLE1BQU0sQ0FBQyxNQUFNLEtBQUssUUFBUTtZQUFFLE9BQU8sTUFBTSxDQUFDLE1BQU0sQ0FBQztRQUU1RCxNQUFNLE9BQU8sR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO1FBQ2xDLE9BQU8sT0FBTyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekMsQ0FBQzsyR0FuRVEsdUJBQXVCO21HQUF2Qix1QkFBdUI7Ozs7OzZSQUZyQixDQUFDLDJCQUEyQixDQUFDO1lDekI1Qyw4QkFBc0MsbUJBQUE7WUFJOUIsdUdBQVMsa0RBQTBDLElBQUM7WUFDcEQsOEJBQXNCO1lBQ2xCLHlCQUF5QztZQUN6Qyx3QkFDSjtZQUFBLGlCQUFNLEVBQUE7WUFFVixvQ0FHNEQ7WUFBeEQsdUdBQVMscURBQTZDLElBQUM7WUFDdkQsOEJBQXNCO1lBQ2xCLHlCQUE0QztZQUM1QywyQkFDSjtZQUFBLGlCQUFNLEVBQUEsRUFBQTtZQUlkLDhCQUEyQjtZQUN2QixtQ0FBOEI7WUFDbEMsaUJBQU07WUFDTixxQ0FPZ0M7WUFONUIsd0pBQXVCLGlHQU1kLHFCQUFpQixJQU5IO1lBTzNCLGlCQUFZO1lBQ1oscUNBQW1GO1lBQXRELHdHQUFTLHVCQUFtQixJQUFDO1lBQTBCLG9DQUFrQjtZQUFBLGlCQUFZOztZQTlCMUcsZUFBMEQ7WUFBMUQsMkVBQTBEO1lBUzFELGVBQTZEO1lBQTdELDhFQUE2RDtZQWlCakUsZUFBa0M7WUFBbEMsK0NBQWtDO1lBSmxDLHVDQUF1QixvQkFBQSxvQkFBQSxzQkFBQTtZQVFoQixlQUFpQjtZQUFqQiwrQkFBaUI7NEJEVmQsV0FBVyxrQ0FBRSxpQkFBaUIsRUFBRSxjQUFjOzt1RkFJL0MsdUJBQXVCO2NBVG5DLFNBQVM7MkJBQ0ksa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsY0FBYyxDQUFDLGNBQzdDLElBQUksYUFDTCxDQUFDLDJCQUEyQixDQUFDOzhFQUdiLFdBQVc7a0JBQXJDLEtBQUs7bUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO1lBQ0UsU0FBUztrQkFBbkMsS0FBSzttQkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7WUFDaEIsT0FBTztrQkFBZixLQUFLO1lBQ0csT0FBTztrQkFBZixLQUFLO1lBQ0csUUFBUTtrQkFBaEIsS0FBSztZQUNHLFNBQVM7a0JBQWpCLEtBQUs7WUFFSSxXQUFXO2tCQUFwQixNQUFNO1lBQ0csWUFBWTtrQkFBckIsTUFBTTtZQUVxQyxhQUFhO2tCQUF4RCxTQUFTO21CQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPdXRwdXQsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbiAgICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBEclNsaWRlckNvbXBvbmVudCB9IGZyb20gJy4uL2RyLWlucHV0cy9kci1zbGlkZXIvZHItc2xpZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDUk9QX0lNQUdFX01PREVTLCBJQ3JvcEltYWdlRGF0YSB9IGZyb20gJy4vZHItaW1hZ2UtY3JvcHBlci50eXBlcyc7XG5pbXBvcnQgeyBEcklucHV0c01vZHVsZSB9IGZyb20gJy4uL2RyLWlucHV0cy9kci1pbnB1dHMubW9kdWxlJztcbmltcG9ydCB7IERySW1hZ2VDcm9wcGVyQ2FudmFzU2VydmljZSB9IGZyb20gJy4vZHItaW1hZ2UtY3JvcHBlci1jYW52YXMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItaW1hZ2UtY3JvcHBlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RyLWltYWdlLWNyb3BwZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyLWltYWdlLWNyb3BwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBpbXBvcnRzOiBbRm9ybXNNb2R1bGUsIERyU2xpZGVyQ29tcG9uZW50LCBEcklucHV0c01vZHVsZV0sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBwcm92aWRlcnM6IFtEckltYWdlQ3JvcHBlckNhbnZhc1NlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBEckltYWdlQ3JvcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY3JvcHBlclNpemU6IG51bWJlcjtcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBpbWFnZUZpbGU6IEZpbGU7XG4gICAgQElucHV0KCkgbWF4Wm9vbTogbnVtYmVyID0gMTA7XG4gICAgQElucHV0KCkgbWluWm9vbTogbnVtYmVyID0gMC41O1xuICAgIEBJbnB1dCgpIHpvb21TdGVwOiBudW1iZXIgPSAwLjE7XG4gICAgQElucHV0KCkgem9vbUxldmVsOiBudW1iZXIgPSAxO1xuXG4gICAgQE91dHB1dCgpIGNyb3BDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxJQ3JvcEltYWdlRGF0YT4oKTtcbiAgICBAT3V0cHV0KCkgY2xlYXJDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgQFZpZXdDaGlsZCgnaW1hZ2VDYW52YXMnLCB7IHN0YXRpYzogdHJ1ZSB9KSBjYW52YXNFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxDYW52YXNFbGVtZW50PjtcblxuICAgIGh0bWxJbWFnZUVsZW1lbnQ6IEhUTUxJbWFnZUVsZW1lbnQ7XG4gICAgY3JvcE1vZGU6IENST1BfSU1BR0VfTU9ERVMgPSBDUk9QX0lNQUdFX01PREVTLlNRVUFSRTtcbiAgICByZWFkb25seSBDUk9QX0lNQUdFX01PREVTID0gQ1JPUF9JTUFHRV9NT0RFUztcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY2FudmFzU2VydmljZTogRHJJbWFnZUNyb3BwZXJDYW52YXNTZXJ2aWNlKSB7fVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoY2hhbmdlcy5pbWFnZUZpbGUgJiYgdGhpcy5pbWFnZUZpbGUpIHtcbiAgICAgICAgICAgIHRoaXMucmVhZEltYWdlRmlsZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNhbnZhc1NlcnZpY2UuY3R4ID0gdGhpcy5jYW52YXNFbGVtZW50Lm5hdGl2ZUVsZW1lbnQuZ2V0Q29udGV4dCgnMmQnKTtcbiAgICB9XG5cbiAgICBkcmF3SW1hZ2UobmV3Wm9vbUV2ZW50Pyk6IHZvaWQge1xuICAgICAgICBpZiAobmV3Wm9vbUV2ZW50ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHRoaXMuem9vbUxldmVsID0gbmV3Wm9vbUV2ZW50LnRhcmdldC52YWx1ZTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLm9uQ3JvcE1vZGVVcGRhdGVkKCk7XG4gICAgfVxuXG4gICAgb25Dcm9wTW9kZVVwZGF0ZWQoY3JvcE1vZGU/OiBDUk9QX0lNQUdFX01PREVTKTogdm9pZCB7XG4gICAgICAgIGlmIChjcm9wTW9kZSkge1xuICAgICAgICAgICAgdGhpcy5jcm9wTW9kZSA9IGNyb3BNb2RlO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5jYW52YXNTZXJ2aWNlLmRyYXdTaGFwZSh0aGlzLmNyb3BwZXJTaXplLCB0aGlzLmNyb3BNb2RlLCB0aGlzLnpvb21MZXZlbCwgdGhpcy5odG1sSW1hZ2VFbGVtZW50KTtcbiAgICAgICAgY29uc3QgY29vcmRpbmF0ZXMgPSB0aGlzLmNhbnZhc1NlcnZpY2UuZ2V0Q29vcmRpbmF0ZXModGhpcy5jcm9wTW9kZSwgdGhpcy5jcm9wcGVyU2l6ZSk7XG4gICAgICAgIHRoaXMuY2FudmFzRWxlbWVudC5uYXRpdmVFbGVtZW50LnRvQmxvYigoYmxvYikgPT4ge1xuICAgICAgICAgICAgY29uc3QgZmlsZSA9IG5ldyBGaWxlKFtibG9iXSwgdGhpcy5pbWFnZUZpbGUubmFtZSwgeyB0eXBlOiB0aGlzLmltYWdlRmlsZS50eXBlLCBsYXN0TW9kaWZpZWQ6IERhdGUubm93KCkgfSk7XG4gICAgICAgICAgICB0aGlzLmNyb3BDaGFuZ2VkLmVtaXQoeyBmaWxlLCBjb29yZGluYXRlcywgY3JvcE1vZGU6IHRoaXMuY3JvcE1vZGUgfSk7XG4gICAgICAgIH0sIHRoaXMuaW1hZ2VGaWxlLnR5cGUpO1xuICAgIH1cblxuICAgIHByaXZhdGUgcmVhZEltYWdlRmlsZSgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgcmVhZGVyID0gbmV3IEZpbGVSZWFkZXIoKTtcbiAgICAgICAgcmVhZGVyLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaHRtbEltYWdlRWxlbWVudCA9IG5ldyBJbWFnZSgpO1xuICAgICAgICAgICAgdGhpcy5odG1sSW1hZ2VFbGVtZW50LnNyYyA9IHRoaXMuZ2V0SW1hZ2VzU3RyaW5nU3JjKHJlYWRlcik7XG4gICAgICAgICAgICB0aGlzLmh0bWxJbWFnZUVsZW1lbnQub25sb2FkID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuY2FudmFzRWxlbWVudC5uYXRpdmVFbGVtZW50LndpZHRoID0gdGhpcy5jYW52YXNFbGVtZW50Lm5hdGl2ZUVsZW1lbnQuaGVpZ2h0ID0gdGhpcy5jcm9wcGVyU2l6ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmRyYXdJbWFnZSgpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfTtcbiAgICAgICAgcmVhZGVyLnJlYWRBc0RhdGFVUkwodGhpcy5pbWFnZUZpbGUpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0SW1hZ2VzU3RyaW5nU3JjKHJlYWRlcjogRmlsZVJlYWRlcik6IHN0cmluZyB7XG4gICAgICAgIGlmICh0eXBlb2YgcmVhZGVyLnJlc3VsdCA9PT0gJ3N0cmluZycpIHJldHVybiByZWFkZXIucmVzdWx0O1xuXG4gICAgICAgIGNvbnN0IGRlY29kZXIgPSBuZXcgVGV4dERlY29kZXIoKTtcbiAgICAgICAgcmV0dXJuIGRlY29kZXIuZGVjb2RlKHJlYWRlci5yZXN1bHQpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjcm9wLW1vZGUtYnRucy1jb250YWluZXJcIj5cbiAgICA8ZHItYnV0dG9uXG4gICAgICAgIHRoZW1lPVwiZ2hvc3RcIlxuICAgICAgICBbY2xhc3MuYWN0aXZlLW1vZGVdPVwiY3JvcE1vZGUgPT09IENST1BfSU1BR0VfTU9ERVMuU1FVQVJFXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ3JvcE1vZGVVcGRhdGVkKENST1BfSU1BR0VfTU9ERVMuU1FVQVJFKVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibW9kZS1idG5cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RlLWJ0bl9fc3F1YXJlLWljb25cIj48L2Rpdj5cbiAgICAgICAgICAgIFNxdWFyZVxuICAgICAgICA8L2Rpdj5cbiAgICA8L2RyLWJ1dHRvbj5cbiAgICA8ZHItYnV0dG9uXG4gICAgICAgIHRoZW1lPVwiZ2hvc3RcIlxuICAgICAgICBbY2xhc3MuYWN0aXZlLW1vZGVdPVwiY3JvcE1vZGUgPT09IENST1BfSU1BR0VfTU9ERVMuUkVDVEFOR0xFXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ3JvcE1vZGVVcGRhdGVkKENST1BfSU1BR0VfTU9ERVMuUkVDVEFOR0xFKVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibW9kZS1idG5cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RlLWJ0bl9fcmVjdGFuZ2xlLWljb25cIj48L2Rpdj5cbiAgICAgICAgICAgIFJlY3RhbmdsZVxuICAgICAgICA8L2Rpdj5cbiAgICA8L2RyLWJ1dHRvbj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiaW1hZ2UtY3JvcHBlclwiPlxuICAgIDxjYW52YXMgI2ltYWdlQ2FudmFzPjwvY2FudmFzPlxuPC9kaXY+XG48ZHItc2xpZGVyXG4gICAgWyhuZ01vZGVsKV09XCJ6b29tTGV2ZWxcIlxuICAgIFttYXhdPVwibWF4Wm9vbVwiXG4gICAgW21pbl09XCJtaW5ab29tXCJcbiAgICBbc3RlcF09XCJ6b29tU3RlcFwiXG4gICAgW3N0eWxlLndpZHRoXT1cImNyb3BwZXJTaXplICsgJ3B4J1wiXG4gICAgY2xhc3M9XCJpbWFnZS1jcm9wLXNsaWRlclwiXG4gICAgKGlucHV0KT1cImRyYXdJbWFnZSgkZXZlbnQpXCI+XG48L2RyLXNsaWRlcj5cbjxkci1idXR0b24gW3RoZW1lXT1cIidnaG9zdCdcIiAoY2xpY2spPVwiY2xlYXJDbGlja2VkLmVtaXQoKVwiIGNsYXNzPVwidHJ5LWFub3RoZXItYnRuXCI+IFRyeSBhbm90aGVyIGltYWdlIDwvZHItYnV0dG9uPlxuIl19

package/esm2022/lib/image-cropper/dr-image-cropper.types.mjs

@@ -0,0 +1,6 @@
+export var CROP_IMAGE_MODES;
+(function (CROP_IMAGE_MODES) {
+    CROP_IMAGE_MODES["SQUARE"] = "square";
+    CROP_IMAGE_MODES["RECTANGLE"] = "rectangle";
+})(CROP_IMAGE_MODES || (CROP_IMAGE_MODES = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItaW1hZ2UtY3JvcHBlci50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2ltYWdlLWNyb3BwZXIvZHItaW1hZ2UtY3JvcHBlci50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxnQkFHWDtBQUhELFdBQVksZ0JBQWdCO0lBQ3hCLHFDQUFpQixDQUFBO0lBQ2pCLDJDQUF1QixDQUFBO0FBQzNCLENBQUMsRUFIVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBRzNCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gQ1JPUF9JTUFHRV9NT0RFUyB7XG4gICAgU1FVQVJFID0gJ3NxdWFyZScsXG4gICAgUkVDVEFOR0xFID0gJ3JlY3RhbmdsZScsXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUNyb3BJbWFnZURhdGEge1xuICAgIGZpbGU6IEZpbGU7XG4gICAgY29vcmRpbmF0ZXM6IHN0cmluZztcbiAgICBjcm9wTW9kZTogQ1JPUF9JTUFHRV9NT0RFUztcbn1cbiJdfQ==