@posiwise/shared-components 0.0.9 → 0.0.11

package/esm2020/lib/image-cropper/image-cropper.component.mjs

@@ -0,0 +1,82 @@
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@posiwise/directives";
+import * as i2 from "ngx-image-cropper";
+export class ProfileImageCropperComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.imageChangedEvent = '';
+        this.croppedImage = '';
+        this.imageSelectionEvent = new EventEmitter();
+        this.closeEvent = new EventEmitter();
+        this.fileChangeEvent = new EventEmitter();
+        this.aspectRatio = 'auto';
+        this.transform = {};
+        this.canvasRotation = 0;
+        this.showCropper = false;
+    }
+    onFileChange(event) {
+        this.imageChangedEvent = event;
+        this.fileChangeEvent.emit(event.target.files[0]?.name);
+    }
+    imageCropped(event) {
+        this.croppedImage = event.base64;
+        this.cdr.detectChanges();
+    }
+    imageLoaded() {
+        this.showCropper = true;
+    }
+    rotateLeft() {
+        this.canvasRotation--;
+        this.flipAfterRotate();
+    }
+    rotateRight() {
+        this.canvasRotation++;
+        this.flipAfterRotate();
+    }
+    flipAfterRotate() {
+        const flippedH = this.transform.flipH;
+        const flippedV = this.transform.flipV;
+        this.transform = {
+            ...this.transform,
+            flipH: flippedV,
+            flipV: flippedH
+        };
+    }
+    flipHorizontal() {
+        this.transform = {
+            ...this.transform,
+            flipH: !this.transform.flipH
+        };
+    }
+    flipVertical() {
+        this.transform = {
+            ...this.transform,
+            flipV: !this.transform.flipV
+        };
+    }
+    saveProfilePicture() {
+        if (this.croppedImage) {
+            this.imageSelectionEvent.emit(this.croppedImage);
+            this.busy = true;
+        }
+    }
+    onCloseModal() {
+        this.closeEvent.emit();
+    }
+}
+ProfileImageCropperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ProfileImageCropperComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ProfileImageCropperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: { aspectRatio: "aspectRatio" }, outputs: { imageSelectionEvent: "imageSelectionEvent", closeEvent: "closeEvent", fileChangeEvent: "fileChangeEvent" }, ngImport: i0, template: "<section class=\"image-cropper\">\n  <div class=\"row text-start\">\n    <div class=\"col-12\">\n      <div class=\"card-block pb-0\">\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <div class=\"file-upload my-2 float-start\">\n              <label>\n                Upload Pic\n                <input id=\"custom-input\"\n                  type=\"file\"\n                  (change)=\"onFileChange($event)\" />\n              </label>\n            </div>\n\n            <div class=\"float-end m-2\">\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Left\">\n                <i\n                                    class=\"fa fa-undo-alt\"\n                                    (click)=\"rotateLeft()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Right\">\n                <i\n                                    class=\"fa fa-redo-alt\"\n                                    (click)=\"rotateRight()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Horizontal\">\n                <i\n                                    class=\"fa fa-arrows-alt-h\"\n                                    (click)=\"flipHorizontal()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Vertical\">\n                <i\n                                    class=\"fa fa-arrows-alt-v\"\n                                    (click)=\"flipVertical()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-8\">\n            <div *ngIf=\"aspectRatio === 'auto'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [aspectRatio]=\"4 / 4\"\n                [onlyScaleDown]=\"true\"\n                [transform]=\"transform\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'fullLogo'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [aspectRatio]=\"5 / 1.1\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'custom'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [transform]=\"transform\"\n                [aspectRatio]=\"4 / 3\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n          </div>\n          <div class=\"col-4\">\n            <img [src]=\"croppedImage\"\n              alt=\"cropped.png\"\n              width=\"128\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"card-footer px-3\">\n    <div class=\"float-end mt-2\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"onCloseModal()\">\n        Close\n      </button>\n      <button type=\"button\"\n        class=\"btn btn-primary\"\n        (click)=\"saveProfilePicture()\"\n        [buttonBusy]=\"busy\">\n        Save\n      </button>\n    </div>\n  </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.image-cropper label{background:var(--first);border-radius:5px;color:#fff;display:table;font-size:13px;font-weight:500;padding:7px}.image-cropper input[type=file]{display:none}.card-footer{background-color:transparent;left:0}\n"], dependencies: [{ kind: "directive", type: i1.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "component", type: i2.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "format", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "cropper", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ProfileImageCropperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-image-cropper', template: "<section class=\"image-cropper\">\n  <div class=\"row text-start\">\n    <div class=\"col-12\">\n      <div class=\"card-block pb-0\">\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <div class=\"file-upload my-2 float-start\">\n              <label>\n                Upload Pic\n                <input id=\"custom-input\"\n                  type=\"file\"\n                  (change)=\"onFileChange($event)\" />\n              </label>\n            </div>\n\n            <div class=\"float-end m-2\">\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Left\">\n                <i\n                                    class=\"fa fa-undo-alt\"\n                                    (click)=\"rotateLeft()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Right\">\n                <i\n                                    class=\"fa fa-redo-alt\"\n                                    (click)=\"rotateRight()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Horizontal\">\n                <i\n                                    class=\"fa fa-arrows-alt-h\"\n                                    (click)=\"flipHorizontal()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Vertical\">\n                <i\n                                    class=\"fa fa-arrows-alt-v\"\n                                    (click)=\"flipVertical()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-8\">\n            <div *ngIf=\"aspectRatio === 'auto'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [aspectRatio]=\"4 / 4\"\n                [onlyScaleDown]=\"true\"\n                [transform]=\"transform\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'fullLogo'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [aspectRatio]=\"5 / 1.1\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'custom'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [transform]=\"transform\"\n                [aspectRatio]=\"4 / 3\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n          </div>\n          <div class=\"col-4\">\n            <img [src]=\"croppedImage\"\n              alt=\"cropped.png\"\n              width=\"128\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"card-footer px-3\">\n    <div class=\"float-end mt-2\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"onCloseModal()\">\n        Close\n      </button>\n      <button type=\"button\"\n        class=\"btn btn-primary\"\n        (click)=\"saveProfilePicture()\"\n        [buttonBusy]=\"busy\">\n        Save\n      </button>\n    </div>\n  </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.image-cropper label{background:var(--first);border-radius:5px;color:#fff;display:table;font-size:13px;font-weight:500;padding:7px}.image-cropper input[type=file]{display:none}.card-footer{background-color:transparent;left:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { imageSelectionEvent: [{
+                type: Output
+            }], closeEvent: [{
+                type: Output
+            }], fileChangeEvent: [{
+                type: Output
+            }], aspectRatio: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY3JvcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvaW1hZ2UtY3JvcHBlci9pbWFnZS1jcm9wcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9pbWFnZS1jcm9wcGVyL2ltYWdlLWNyb3BwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVExRixNQUFNLE9BQU8sNEJBQTRCO0lBcUJyQyxZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQXBCMUMsc0JBQWlCLEdBQUcsRUFBRSxDQUFDO1FBRXZCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBRVIsd0JBQW1CLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFakUsZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXhELG9CQUFlLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFJOUQsZ0JBQVcsR0FBRyxNQUFNLENBQUM7UUFFOUIsY0FBUyxHQUFtQixFQUFFLENBQUM7UUFFL0IsbUJBQWMsR0FBRyxDQUFDLENBQUM7UUFFbkIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7SUFFeUIsQ0FBQztJQUU5QyxZQUFZLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQy9CLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFRCxZQUFZLENBQUMsS0FBd0I7UUFDakMsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDO0lBRUQsVUFBVTtRQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFTyxlQUFlO1FBQ25CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1FBQ3RDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxTQUFTLEdBQUc7WUFDYixHQUFHLElBQUksQ0FBQyxTQUFTO1lBQ2pCLEtBQUssRUFBRSxRQUFRO1lBQ2YsS0FBSyxFQUFFLFFBQVE7U0FDbEIsQ0FBQztJQUNOLENBQUM7SUFFRCxjQUFjO1FBQ1YsSUFBSSxDQUFDLFNBQVMsR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsS0FBSyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLO1NBQy9CLENBQUM7SUFDTixDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksQ0FBQyxTQUFTLEdBQUc7WUFDYixHQUFHLElBQUksQ0FBQyxTQUFTO1lBQ2pCLEtBQUssRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSztTQUMvQixDQUFDO0lBQ04sQ0FBQztJQUVELGtCQUFrQjtRQUNkLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUNqRCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztTQUNwQjtJQUNMLENBQUM7SUFFRCxZQUFZO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDOzt5SEFoRlEsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsdU5DUnpDLHV3SkErSEE7MkZEdkhhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDSSxrQkFBa0I7d0dBU2xCLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFFRyxVQUFVO3NCQUFuQixNQUFNO2dCQUVHLGVBQWU7c0JBQXhCLE1BQU07Z0JBSUUsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW1hZ2VDcm9wcGVkRXZlbnQsIEltYWdlVHJhbnNmb3JtIH0gZnJvbSAnbmd4LWltYWdlLWNyb3BwZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LWltYWdlLWNyb3BwZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS1jcm9wcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pbWFnZS1jcm9wcGVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJvZmlsZUltYWdlQ3JvcHBlckNvbXBvbmVudCB7XG4gICAgaW1hZ2VDaGFuZ2VkRXZlbnQgPSAnJztcblxuICAgIGNyb3BwZWRJbWFnZSA9ICcnO1xuXG4gICAgQE91dHB1dCgpIGltYWdlU2VsZWN0aW9uRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICBAT3V0cHV0KCkgY2xvc2VFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIEBPdXRwdXQoKSBmaWxlQ2hhbmdlRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICBidXN5OiBib29sZWFuO1xuXG4gICAgQElucHV0KCkgYXNwZWN0UmF0aW8gPSAnYXV0byc7XG5cbiAgICB0cmFuc2Zvcm06IEltYWdlVHJhbnNmb3JtID0ge307XG5cbiAgICBjYW52YXNSb3RhdGlvbiA9IDA7XG5cbiAgICBzaG93Q3JvcHBlciA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gICAgb25GaWxlQ2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pbWFnZUNoYW5nZWRFdmVudCA9IGV2ZW50O1xuICAgICAgICB0aGlzLmZpbGVDaGFuZ2VFdmVudC5lbWl0KGV2ZW50LnRhcmdldC5maWxlc1swXT8ubmFtZSk7XG4gICAgfVxuXG4gICAgaW1hZ2VDcm9wcGVkKGV2ZW50OiBJbWFnZUNyb3BwZWRFdmVudCkge1xuICAgICAgICB0aGlzLmNyb3BwZWRJbWFnZSA9IGV2ZW50LmJhc2U2NDtcbiAgICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIGltYWdlTG9hZGVkKCkge1xuICAgICAgICB0aGlzLnNob3dDcm9wcGVyID0gdHJ1ZTtcbiAgICB9XG5cbiAgICByb3RhdGVMZWZ0KCkge1xuICAgICAgICB0aGlzLmNhbnZhc1JvdGF0aW9uLS07XG4gICAgICAgIHRoaXMuZmxpcEFmdGVyUm90YXRlKCk7XG4gICAgfVxuXG4gICAgcm90YXRlUmlnaHQoKSB7XG4gICAgICAgIHRoaXMuY2FudmFzUm90YXRpb24rKztcbiAgICAgICAgdGhpcy5mbGlwQWZ0ZXJSb3RhdGUoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGZsaXBBZnRlclJvdGF0ZSgpIHtcbiAgICAgICAgY29uc3QgZmxpcHBlZEggPSB0aGlzLnRyYW5zZm9ybS5mbGlwSDtcbiAgICAgICAgY29uc3QgZmxpcHBlZFYgPSB0aGlzLnRyYW5zZm9ybS5mbGlwVjtcbiAgICAgICAgdGhpcy50cmFuc2Zvcm0gPSB7XG4gICAgICAgICAgICAuLi50aGlzLnRyYW5zZm9ybSxcbiAgICAgICAgICAgIGZsaXBIOiBmbGlwcGVkVixcbiAgICAgICAgICAgIGZsaXBWOiBmbGlwcGVkSFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIGZsaXBIb3Jpem9udGFsKCkge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybSA9IHtcbiAgICAgICAgICAgIC4uLnRoaXMudHJhbnNmb3JtLFxuICAgICAgICAgICAgZmxpcEg6ICF0aGlzLnRyYW5zZm9ybS5mbGlwSFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIGZsaXBWZXJ0aWNhbCgpIHtcbiAgICAgICAgdGhpcy50cmFuc2Zvcm0gPSB7XG4gICAgICAgICAgICAuLi50aGlzLnRyYW5zZm9ybSxcbiAgICAgICAgICAgIGZsaXBWOiAhdGhpcy50cmFuc2Zvcm0uZmxpcFZcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICBzYXZlUHJvZmlsZVBpY3R1cmUoKSB7XG4gICAgICAgIGlmICh0aGlzLmNyb3BwZWRJbWFnZSkge1xuICAgICAgICAgICAgdGhpcy5pbWFnZVNlbGVjdGlvbkV2ZW50LmVtaXQodGhpcy5jcm9wcGVkSW1hZ2UpO1xuICAgICAgICAgICAgdGhpcy5idXN5ID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ2xvc2VNb2RhbCgpIHtcbiAgICAgICAgdGhpcy5jbG9zZUV2ZW50LmVtaXQoKTtcbiAgICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImltYWdlLWNyb3BwZXJcIj5cbiAgPGRpdiBjbGFzcz1cInJvdyB0ZXh0LXN0YXJ0XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxuICAgICAgPGRpdiBjbGFzcz1cImNhcmQtYmxvY2sgcGItMFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbGUtdXBsb2FkIG15LTIgZmxvYXQtc3RhcnRcIj5cbiAgICAgICAgICAgICAgPGxhYmVsPlxuICAgICAgICAgICAgICAgIFVwbG9hZCBQaWNcbiAgICAgICAgICAgICAgICA8aW5wdXQgaWQ9XCJjdXN0b20taW5wdXRcIlxuICAgICAgICAgICAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJvbkZpbGVDaGFuZ2UoJGV2ZW50KVwiIC8+XG4gICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsb2F0LWVuZCBtLTJcIj5cbiAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeSBidG4tc20gbXgtMlwiXG4gICAgICAgICAgICAgICAgdGl0bGU9XCJSb3RhdGUgTGVmdFwiPlxuICAgICAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZhIGZhLXVuZG8tYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJyb3RhdGVMZWZ0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvaT5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeSBidG4tc20gbXgtMlwiXG4gICAgICAgICAgICAgICAgdGl0bGU9XCJSb3RhdGUgUmlnaHRcIj5cbiAgICAgICAgICAgICAgICA8aVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmYSBmYS1yZWRvLWFsdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwicm90YXRlUmlnaHQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9pPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5IGJ0bi1zbSBteC0yXCJcbiAgICAgICAgICAgICAgICB0aXRsZT1cIkZsaXAgSG9yaXpvbnRhbFwiPlxuICAgICAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZhIGZhLWFycm93cy1hbHQtaFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiZmxpcEhvcml6b250YWwoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9pPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeSBidG4tc20gbXgtMlwiXG4gICAgICAgICAgICAgICAgdGl0bGU9XCJGbGlwIFZlcnRpY2FsXCI+XG4gICAgICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZmEgZmEtYXJyb3dzLWFsdC12XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJmbGlwVmVydGljYWwoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9pPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC04XCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiYXNwZWN0UmF0aW8gPT09ICdhdXRvJ1wiPlxuICAgICAgICAgICAgICA8aW1hZ2UtY3JvcHBlciBbaW1hZ2VDaGFuZ2VkRXZlbnRdPVwiaW1hZ2VDaGFuZ2VkRXZlbnRcIlxuICAgICAgICAgICAgICAgIFttYWludGFpbkFzcGVjdFJhdGlvXT1cInRydWVcIlxuICAgICAgICAgICAgICAgIFtjYW52YXNSb3RhdGlvbl09XCJjYW52YXNSb3RhdGlvblwiXG4gICAgICAgICAgICAgICAgW2FzcGVjdFJhdGlvXT1cIjQgLyA0XCJcbiAgICAgICAgICAgICAgICBbb25seVNjYWxlRG93bl09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBbdHJhbnNmb3JtXT1cInRyYW5zZm9ybVwiXG4gICAgICAgICAgICAgICAgW3JvdW5kQ3JvcHBlcl09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgYWxpZ25JbWFnZT1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAgb3V0cHV0VHlwZT1cImJhc2U2NFwiXG4gICAgICAgICAgICAgICAgKGltYWdlQ3JvcHBlZCk9XCJpbWFnZUNyb3BwZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgKGltYWdlTG9hZGVkKT1cImltYWdlTG9hZGVkKClcIlxuICAgICAgICAgICAgICAgIFtpbWFnZVF1YWxpdHldPVwiMTAwXCJcbiAgICAgICAgICAgICAgICBbc3R5bGUuZGlzcGxheV09XCJzaG93Q3JvcHBlciA/IG51bGwgOiAnbm9uZSdcIj48L2ltYWdlLWNyb3BwZXI+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImFzcGVjdFJhdGlvID09PSAnZnVsbExvZ28nXCI+XG4gICAgICAgICAgICAgIDxpbWFnZS1jcm9wcGVyIFtpbWFnZUNoYW5nZWRFdmVudF09XCJpbWFnZUNoYW5nZWRFdmVudFwiXG4gICAgICAgICAgICAgICAgW21haW50YWluQXNwZWN0UmF0aW9dPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgW2FzcGVjdFJhdGlvXT1cIjUgLyAxLjFcIlxuICAgICAgICAgICAgICAgIFtvbmx5U2NhbGVEb3duXT1cInRydWVcIlxuICAgICAgICAgICAgICAgIFtyb3VuZENyb3BwZXJdPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgIGFsaWduSW1hZ2U9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIG91dHB1dFR5cGU9XCJiYXNlNjRcIlxuICAgICAgICAgICAgICAgIChpbWFnZUNyb3BwZWQpPVwiaW1hZ2VDcm9wcGVkKCRldmVudClcIlxuICAgICAgICAgICAgICAgIChpbWFnZUxvYWRlZCk9XCJpbWFnZUxvYWRlZCgpXCJcbiAgICAgICAgICAgICAgICBbaW1hZ2VRdWFsaXR5XT1cIjEwMFwiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmRpc3BsYXldPVwic2hvd0Nyb3BwZXIgPyBudWxsIDogJ25vbmUnXCI+PC9pbWFnZS1jcm9wcGVyPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJhc3BlY3RSYXRpbyA9PT0gJ2N1c3RvbSdcIj5cbiAgICAgICAgICAgICAgPGltYWdlLWNyb3BwZXIgW2ltYWdlQ2hhbmdlZEV2ZW50XT1cImltYWdlQ2hhbmdlZEV2ZW50XCJcbiAgICAgICAgICAgICAgICBbbWFpbnRhaW5Bc3BlY3RSYXRpb109XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBbY2FudmFzUm90YXRpb25dPVwiY2FudmFzUm90YXRpb25cIlxuICAgICAgICAgICAgICAgIFt0cmFuc2Zvcm1dPVwidHJhbnNmb3JtXCJcbiAgICAgICAgICAgICAgICBbYXNwZWN0UmF0aW9dPVwiNCAvIDNcIlxuICAgICAgICAgICAgICAgIFtvbmx5U2NhbGVEb3duXT1cInRydWVcIlxuICAgICAgICAgICAgICAgIFtyb3VuZENyb3BwZXJdPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgIGFsaWduSW1hZ2U9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIG91dHB1dFR5cGU9XCJiYXNlNjRcIlxuICAgICAgICAgICAgICAgIChpbWFnZUNyb3BwZWQpPVwiaW1hZ2VDcm9wcGVkKCRldmVudClcIlxuICAgICAgICAgICAgICAgIChpbWFnZUxvYWRlZCk9XCJpbWFnZUxvYWRlZCgpXCJcbiAgICAgICAgICAgICAgICBbaW1hZ2VRdWFsaXR5XT1cIjEwMFwiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmRpc3BsYXldPVwic2hvd0Nyb3BwZXIgPyBudWxsIDogJ25vbmUnXCI+PC9pbWFnZS1jcm9wcGVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC00XCI+XG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwiY3JvcHBlZEltYWdlXCJcbiAgICAgICAgICAgICAgYWx0PVwiY3JvcHBlZC5wbmdcIlxuICAgICAgICAgICAgICB3aWR0aD1cIjEyOFwiIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY2FyZC1mb290ZXIgcHgtM1wiPlxuICAgIDxkaXYgY2xhc3M9XCJmbG9hdC1lbmQgbXQtMlwiPlxuICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJidG4gYnRuLW91dGxpbmUtZGVmYXVsdCBtZS0yXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2VNb2RhbCgpXCI+XG4gICAgICAgIENsb3NlXG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5XCJcbiAgICAgICAgKGNsaWNrKT1cInNhdmVQcm9maWxlUGljdHVyZSgpXCJcbiAgICAgICAgW2J1dHRvbkJ1c3ldPVwiYnVzeVwiPlxuICAgICAgICBTYXZlXG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2020/lib/shared-components.module.mjs

@@ -3,40 +3,56 @@ import { AbTestContainerComponent } from './ab-test/ab-test-container/ab-test-co
 import { AbAlternativeComponent } from './ab-test/ab-alternative/ab-alternative.component';
 import { PasswordValidationComponent } from './password-validation/password-validation.component';
 import { DirectivesModule } from '@posiwise/directives';
-import { CoreTranslocoModule } from "@posiwise/core-transloco";
+import { CoreTranslocoModule } from '@posiwise/core-transloco';
+import { CustomUploaderComponent } from "./custom-uploader/custom-uploader.component";
+import { ProfileImageCropperComponent } from "./image-cropper/image-cropper.component";
 import { FormsModule } from '@angular/forms';
+import { ImageCropperModule } from 'ngx-image-cropper';
 import * as i0 from "@angular/core";
 export class SharedComponentsModule {
 }
 SharedComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SharedComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: SharedComponentsModule, declarations: [AbTestContainerComponent,
         AbAlternativeComponent,
-        PasswordValidationComponent], imports: [FormsModule,
+        PasswordValidationComponent,
+        CustomUploaderComponent,
+        ProfileImageCropperComponent], imports: [FormsModule,
         DirectivesModule,
-        CoreTranslocoModule], exports: [AbTestContainerComponent,
+        CoreTranslocoModule,
+        ImageCropperModule], exports: [AbTestContainerComponent,
         AbAlternativeComponent,
-        PasswordValidationComponent] });
+        PasswordValidationComponent,
+        CustomUploaderComponent,
+        ProfileImageCropperComponent,
+        ImageCropperModule] });
 SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SharedComponentsModule, imports: [FormsModule,
         DirectivesModule,
-        CoreTranslocoModule] });
+        CoreTranslocoModule,
+        ImageCropperModule, ImageCropperModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SharedComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         AbTestContainerComponent,
                         AbAlternativeComponent,
-                        PasswordValidationComponent
+                        PasswordValidationComponent,
+                        CustomUploaderComponent,
+                        ProfileImageCropperComponent
                     ],
                     imports: [
                         FormsModule,
                         DirectivesModule,
-                        CoreTranslocoModule
+                        CoreTranslocoModule,
+                        ImageCropperModule
                     ],
                     exports: [
                         AbTestContainerComponent,
                         AbAlternativeComponent,
-                        PasswordValidationComponent
+                        PasswordValidationComponent,
+                        CustomUploaderComponent,
+                        ProfileImageCropperComponent,
+                        ImageCropperModule
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLWNvbXBvbmVudHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9zaGFyZWQtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC1jb21wb25lbnRzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ25HLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzNGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRS9ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFtQjdDLE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7b0hBQXRCLHNCQUFzQixpQkFmN0Isd0JBQXdCO1FBQ3hCLHNCQUFzQjtRQUN0QiwyQkFBMkIsYUFHM0IsV0FBVztRQUNYLGdCQUFnQjtRQUNoQixtQkFBbUIsYUFHbkIsd0JBQXdCO1FBQ3hCLHNCQUFzQjtRQUN0QiwyQkFBMkI7b0hBR3BCLHNCQUFzQixZQVY3QixXQUFXO1FBQ1gsZ0JBQWdCO1FBQ2hCLG1CQUFtQjsyRkFRWixzQkFBc0I7a0JBakJsQyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDWix3QkFBd0I7d0JBQ3hCLHNCQUFzQjt3QkFDdEIsMkJBQTJCO3FCQUM1QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsV0FBVzt3QkFDWCxnQkFBZ0I7d0JBQ2hCLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QiwyQkFBMkI7cUJBQzVCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFiVGVzdENvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4vYWItdGVzdC9hYi10ZXN0LWNvbnRhaW5lci9hYi10ZXN0LWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWJBbHRlcm5hdGl2ZUNvbXBvbmVudCB9IGZyb20gJy4vYWItdGVzdC9hYi1hbHRlcm5hdGl2ZS9hYi1hbHRlcm5hdGl2ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFzc3dvcmRWYWxpZGF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9wYXNzd29yZC12YWxpZGF0aW9uL3Bhc3N3b3JkLXZhbGlkYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERpcmVjdGl2ZXNNb2R1bGUgfSBmcm9tICdAcG9zaXdpc2UvZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBDb3JlVHJhbnNsb2NvTW9kdWxlIH0gZnJvbSBcIkBwb3Npd2lzZS9jb3JlLXRyYW5zbG9jb1wiO1xuXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgIEFiVGVzdENvbnRhaW5lckNvbXBvbmVudCxcbiAgICAgIEFiQWx0ZXJuYXRpdmVDb21wb25lbnQsXG4gICAgICBQYXNzd29yZFZhbGlkYXRpb25Db21wb25lbnRcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgIEZvcm1zTW9kdWxlLFxuICAgICAgRGlyZWN0aXZlc01vZHVsZSxcbiAgICAgIENvcmVUcmFuc2xvY29Nb2R1bGVcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgIEFiVGVzdENvbnRhaW5lckNvbXBvbmVudCxcbiAgICAgIEFiQWx0ZXJuYXRpdmVDb21wb25lbnQsXG4gICAgICBQYXNzd29yZFZhbGlkYXRpb25Db21wb25lbnRcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNoYXJlZENvbXBvbmVudHNNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLWNvbXBvbmVudHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9zaGFyZWQtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC1jb21wb25lbnRzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ25HLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzNGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBQyw0QkFBNEIsRUFBQyxNQUFNLHlDQUF5QyxDQUFDO0FBRXJGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUF5QnZELE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7b0hBQXRCLHNCQUFzQixpQkFyQjdCLHdCQUF3QjtRQUN4QixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHVCQUF1QjtRQUN2Qiw0QkFBNEIsYUFHNUIsV0FBVztRQUNYLGdCQUFnQjtRQUNoQixtQkFBbUI7UUFDbkIsa0JBQWtCLGFBR2xCLHdCQUF3QjtRQUN4QixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHVCQUF1QjtRQUN2Qiw0QkFBNEI7UUFDNUIsa0JBQWtCO29IQUdYLHNCQUFzQixZQWQ3QixXQUFXO1FBQ1gsZ0JBQWdCO1FBQ2hCLG1CQUFtQjtRQUNuQixrQkFBa0IsRUFRbEIsa0JBQWtCOzJGQUdYLHNCQUFzQjtrQkF2QmxDLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNaLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QiwyQkFBMkI7d0JBQzNCLHVCQUF1Qjt3QkFDdkIsNEJBQTRCO3FCQUM3QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsV0FBVzt3QkFDWCxnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3dCQUN4QixzQkFBc0I7d0JBQ3RCLDJCQUEyQjt3QkFDM0IsdUJBQXVCO3dCQUN2Qiw0QkFBNEI7d0JBQzVCLGtCQUFrQjtxQkFDbkI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJUZXN0Q29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9hYi10ZXN0L2FiLXRlc3QtY29udGFpbmVyL2FiLXRlc3QtY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBYkFsdGVybmF0aXZlQ29tcG9uZW50IH0gZnJvbSAnLi9hYi10ZXN0L2FiLWFsdGVybmF0aXZlL2FiLWFsdGVybmF0aXZlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYXNzd29yZFZhbGlkYXRpb25Db21wb25lbnQgfSBmcm9tICcuL3Bhc3N3b3JkLXZhbGlkYXRpb24vcGFzc3dvcmQtdmFsaWRhdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJ0Bwb3Npd2lzZS9kaXJlY3RpdmVzJztcbmltcG9ydCB7IENvcmVUcmFuc2xvY29Nb2R1bGUgfSBmcm9tICdAcG9zaXdpc2UvY29yZS10cmFuc2xvY28nO1xuaW1wb3J0IHsgQ3VzdG9tVXBsb2FkZXJDb21wb25lbnQgfSBmcm9tIFwiLi9jdXN0b20tdXBsb2FkZXIvY3VzdG9tLXVwbG9hZGVyLmNvbXBvbmVudFwiO1xuaW1wb3J0IHtQcm9maWxlSW1hZ2VDcm9wcGVyQ29tcG9uZW50fSBmcm9tIFwiLi9pbWFnZS1jcm9wcGVyL2ltYWdlLWNyb3BwZXIuY29tcG9uZW50XCI7XG5cbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSW1hZ2VDcm9wcGVyTW9kdWxlIH0gZnJvbSAnbmd4LWltYWdlLWNyb3BwZXInO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgQWJUZXN0Q29udGFpbmVyQ29tcG9uZW50LFxuICAgICAgQWJBbHRlcm5hdGl2ZUNvbXBvbmVudCxcbiAgICAgIFBhc3N3b3JkVmFsaWRhdGlvbkNvbXBvbmVudCxcbiAgICAgIEN1c3RvbVVwbG9hZGVyQ29tcG9uZW50LFxuICAgICAgUHJvZmlsZUltYWdlQ3JvcHBlckNvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgRm9ybXNNb2R1bGUsXG4gICAgICBEaXJlY3RpdmVzTW9kdWxlLFxuICAgICAgQ29yZVRyYW5zbG9jb01vZHVsZSxcbiAgICAgIEltYWdlQ3JvcHBlck1vZHVsZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgQWJUZXN0Q29udGFpbmVyQ29tcG9uZW50LFxuICAgICAgQWJBbHRlcm5hdGl2ZUNvbXBvbmVudCxcbiAgICAgIFBhc3N3b3JkVmFsaWRhdGlvbkNvbXBvbmVudCxcbiAgICAgIEN1c3RvbVVwbG9hZGVyQ29tcG9uZW50LFxuICAgICAgUHJvZmlsZUltYWdlQ3JvcHBlckNvbXBvbmVudCxcbiAgICAgIEltYWdlQ3JvcHBlck1vZHVsZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgU2hhcmVkQ29tcG9uZW50c01vZHVsZSB7fVxuIl19

package/fesm2015/shared-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, EventEmitter, ViewChild, Output, NgModule } from '@angular/core';
+import { Component, Input, EventEmitter, ViewChild, Output, Inject, NgModule } from '@angular/core';
 import { AB_TEST_ACTIONS } from '@posiwise/common-utilities';
 import * as i1 from '@posiwise/common-services';
 import { StatusCodes } from 'http-status-codes';
@@ -11,6 +11,10 @@ import * as i3 from '@posiwise/directives';
 import { DirectivesModule } from '@posiwise/directives';
 import * as i4 from '@ngneat/transloco';
 import { CoreTranslocoModule } from '@posiwise/core-transloco';
+import { DOCUMENT } from '@angular/common';
+import { HelperService } from '@posiwise/helper-service';
+import * as i2$1 from 'ngx-image-cropper';
+import { ImageCropperModule } from 'ngx-image-cropper';
 
 class AbTestContainerComponent {
     constructor(service) {
@@ -118,36 +122,215 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
                 type: Output
             }] } });
 
+class ProfileImageCropperComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.imageChangedEvent = '';
+        this.croppedImage = '';
+        this.imageSelectionEvent = new EventEmitter();
+        this.closeEvent = new EventEmitter();
+        this.fileChangeEvent = new EventEmitter();
+        this.aspectRatio = 'auto';
+        this.transform = {};
+        this.canvasRotation = 0;
+        this.showCropper = false;
+    }
+    onFileChange(event) {
+        var _a;
+        this.imageChangedEvent = event;
+        this.fileChangeEvent.emit((_a = event.target.files[0]) === null || _a === void 0 ? void 0 : _a.name);
+    }
+    imageCropped(event) {
+        this.croppedImage = event.base64;
+        this.cdr.detectChanges();
+    }
+    imageLoaded() {
+        this.showCropper = true;
+    }
+    rotateLeft() {
+        this.canvasRotation--;
+        this.flipAfterRotate();
+    }
+    rotateRight() {
+        this.canvasRotation++;
+        this.flipAfterRotate();
+    }
+    flipAfterRotate() {
+        const flippedH = this.transform.flipH;
+        const flippedV = this.transform.flipV;
+        this.transform = Object.assign(Object.assign({}, this.transform), { flipH: flippedV, flipV: flippedH });
+    }
+    flipHorizontal() {
+        this.transform = Object.assign(Object.assign({}, this.transform), { flipH: !this.transform.flipH });
+    }
+    flipVertical() {
+        this.transform = Object.assign(Object.assign({}, this.transform), { flipV: !this.transform.flipV });
+    }
+    saveProfilePicture() {
+        if (this.croppedImage) {
+            this.imageSelectionEvent.emit(this.croppedImage);
+            this.busy = true;
+        }
+    }
+    onCloseModal() {
+        this.closeEvent.emit();
+    }
+}
+ProfileImageCropperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ProfileImageCropperComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ProfileImageCropperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: { aspectRatio: "aspectRatio" }, outputs: { imageSelectionEvent: "imageSelectionEvent", closeEvent: "closeEvent", fileChangeEvent: "fileChangeEvent" }, ngImport: i0, template: "<section class=\"image-cropper\">\n  <div class=\"row text-start\">\n    <div class=\"col-12\">\n      <div class=\"card-block pb-0\">\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <div class=\"file-upload my-2 float-start\">\n              <label>\n                Upload Pic\n                <input id=\"custom-input\"\n                  type=\"file\"\n                  (change)=\"onFileChange($event)\" />\n              </label>\n            </div>\n\n            <div class=\"float-end m-2\">\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Left\">\n                <i\n                                    class=\"fa fa-undo-alt\"\n                                    (click)=\"rotateLeft()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Right\">\n                <i\n                                    class=\"fa fa-redo-alt\"\n                                    (click)=\"rotateRight()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Horizontal\">\n                <i\n                                    class=\"fa fa-arrows-alt-h\"\n                                    (click)=\"flipHorizontal()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Vertical\">\n                <i\n                                    class=\"fa fa-arrows-alt-v\"\n                                    (click)=\"flipVertical()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-8\">\n            <div *ngIf=\"aspectRatio === 'auto'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [aspectRatio]=\"4 / 4\"\n                [onlyScaleDown]=\"true\"\n                [transform]=\"transform\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'fullLogo'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [aspectRatio]=\"5 / 1.1\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'custom'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [transform]=\"transform\"\n                [aspectRatio]=\"4 / 3\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n          </div>\n          <div class=\"col-4\">\n            <img [src]=\"croppedImage\"\n              alt=\"cropped.png\"\n              width=\"128\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"card-footer px-3\">\n    <div class=\"float-end mt-2\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"onCloseModal()\">\n        Close\n      </button>\n      <button type=\"button\"\n        class=\"btn btn-primary\"\n        (click)=\"saveProfilePicture()\"\n        [buttonBusy]=\"busy\">\n        Save\n      </button>\n    </div>\n  </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.image-cropper label{background:var(--first);border-radius:5px;color:#fff;display:table;font-size:13px;font-weight:500;padding:7px}.image-cropper input[type=file]{display:none}.card-footer{background-color:transparent;left:0}\n"], dependencies: [{ kind: "directive", type: i3.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "component", type: i2$1.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "format", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "cropper", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ProfileImageCropperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-image-cropper', template: "<section class=\"image-cropper\">\n  <div class=\"row text-start\">\n    <div class=\"col-12\">\n      <div class=\"card-block pb-0\">\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <div class=\"file-upload my-2 float-start\">\n              <label>\n                Upload Pic\n                <input id=\"custom-input\"\n                  type=\"file\"\n                  (change)=\"onFileChange($event)\" />\n              </label>\n            </div>\n\n            <div class=\"float-end m-2\">\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Left\">\n                <i\n                                    class=\"fa fa-undo-alt\"\n                                    (click)=\"rotateLeft()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Right\">\n                <i\n                                    class=\"fa fa-redo-alt\"\n                                    (click)=\"rotateRight()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Horizontal\">\n                <i\n                                    class=\"fa fa-arrows-alt-h\"\n                                    (click)=\"flipHorizontal()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Vertical\">\n                <i\n                                    class=\"fa fa-arrows-alt-v\"\n                                    (click)=\"flipVertical()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-8\">\n            <div *ngIf=\"aspectRatio === 'auto'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [aspectRatio]=\"4 / 4\"\n                [onlyScaleDown]=\"true\"\n                [transform]=\"transform\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'fullLogo'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [aspectRatio]=\"5 / 1.1\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'custom'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [transform]=\"transform\"\n                [aspectRatio]=\"4 / 3\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n          </div>\n          <div class=\"col-4\">\n            <img [src]=\"croppedImage\"\n              alt=\"cropped.png\"\n              width=\"128\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"card-footer px-3\">\n    <div class=\"float-end mt-2\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"onCloseModal()\">\n        Close\n      </button>\n      <button type=\"button\"\n        class=\"btn btn-primary\"\n        (click)=\"saveProfilePicture()\"\n        [buttonBusy]=\"busy\">\n        Save\n      </button>\n    </div>\n  </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.image-cropper label{background:var(--first);border-radius:5px;color:#fff;display:table;font-size:13px;font-weight:500;padding:7px}.image-cropper input[type=file]{display:none}.card-footer{background-color:transparent;left:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { imageSelectionEvent: [{
+                type: Output
+            }], closeEvent: [{
+                type: Output
+            }], fileChangeEvent: [{
+                type: Output
+            }], aspectRatio: [{
+                type: Input
+            }] } });
+
+class CustomUploaderComponent extends AppBaseComponent {
+    constructor(injector, modalService, document) {
+        super(injector);
+        this.modalService = modalService;
+        this.document = document;
+        this.saveEvent = new EventEmitter();
+        this.aspectRatio = 'auto';
+        this.uploadedFile = null;
+    }
+    deleteExistingFile() {
+        HelperService.raiseDeletePopup().then(rep => {
+            if (rep.value) {
+                this.previewData = null;
+                this.onSaveFile();
+            }
+        });
+    }
+    onSaveFile() {
+        var _a;
+        this.buttonBusy = true;
+        this.saveEvent.emit({
+            file: ((_a = this.previewData) === null || _a === void 0 ? void 0 : _a.url) ? this.previewData : this.uploadedFile,
+            name: this.controlName
+        });
+    }
+    // modal image cropper
+    onFileChange(value) {
+        this.selectedFileName = value;
+    }
+    dataURLtoBlob(dataurl) {
+        const arr = dataurl === null || dataurl === void 0 ? void 0 : dataurl.split(',');
+        // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec
+        const mime = arr[0].match(/^[A-Z]*[a-z]*:(.*?);[A-Z]*/)[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        // eslint-disable-next-line no-plusplus
+        while (n--) {
+            u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+    }
+    onImageSelection(event) {
+        const blob = this.dataURLtoBlob(event);
+        const file = new File([blob], this.selectedFileName);
+        this.uploadedFile = file;
+        this.onSaveFile();
+    }
+    openModal(content) {
+        this.modalService.open(content, { centered: true, windowClass: 'modal-holder' });
+    }
+    clearValues() {
+        this.uploadedFile = null;
+        this.selectedFileName = null;
+        this.updateHeight();
+    }
+    onClose() {
+        this.modalService.dismissAll();
+    }
+    updateHeight() {
+        // wait for update card height
+        setTimeout(() => {
+            this.onImgChange();
+        });
+    }
+    onImgChange(event) {
+        if (event) {
+            event.target.src = 'assets/img/icons/imagenotavailable.png';
+        }
+        const el = this.document.querySelectorAll('pw-domain-config-interface,pw-domain-config-build div[matchheight="card"]');
+        el.forEach((item) => {
+            HelperService.matchHeights(item, 'card');
+        });
+    }
+}
+CustomUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: CustomUploaderComponent, deps: [{ token: i0.Injector }, { token: i1$1.NgbModal }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+CustomUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: CustomUploaderComponent, selector: "pw-custom-uploader", inputs: { controlName: "controlName", previewData: "previewData", aspectRatio: "aspectRatio", title: "title" }, outputs: { saveEvent: "saveEvent" }, usesInheritance: true, ngImport: i0, template: "<div class=\"card pb-2\">\n  <div class=\"card-header upload-button-bar\">\n    <button pButton\n      type=\"button\"\n      [disabled]=\"previewData?.url || uploadedFile\"\n      (click)=\"openModal(content)\"\n      icon=\"pi pi-plus\"\n      label=\"Choose\"></button>\n  </div>\n  <div class=\"card-body\">\n    <!-- no files -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"!previewData?.url\">\n      <div>\n        <img src=\"assets/img/icons/nofilesfound.png\"\n          (load)=\"onImgChange()\"\n          class=\"mx-auto img-fluid\"\n          alt=\"\" />\n      </div>\n    </div>\n    <!-- exising images -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"previewData?.url\">\n      <div>\n        <a [href]=\"previewData?.url\"\n          target=\"_blank\">\n          <img [src]=\"previewData?.url\"\n            alt=\"\"\n            (load)=\"onImgChange()\"\n            (error)=\"onImgChange($event)\"\n            class=\"img-fluid\" />\n        </a>\n      </div>\n      <div class=\"ms-3\">\n        <i\n                    container=\"body\"\n                    ngbTooltip=\"Delete\"\n                    (click)=\"deleteExistingFile()\"\n                    class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"\n                ></i>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- image cropper -->\n<ng-template #content\n  let-modal>\n  <div class=\"card m-0\">\n    <div class=\"card-content\">\n      <div class=\"card-title\">\n        <h3 class=\"modal-title\">{{ title }}</h3>\n        <button type=\"button\"\n          class=\"btn-close float-end float-end\"\n          aria-label=\"Close\"\n          (click)=\"modal.dismiss()\">\n\n        </button>\n      </div>\n      <div class=\"card-header\">\n        <small> {{ 'User.Profile.PictureMessage' | transloco }}</small>\n        <pw-image-cropper #profile\n          [aspectRatio]=\"aspectRatio\"\n          (fileChangeEvent)=\"onFileChange($event)\"\n          (imageSelectionEvent)=\"onImageSelection($event)\"\n          (closeEvent)=\"onClose()\">\n        </pw-image-cropper>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.upload-button-bar{background:#efefef;padding:1rem 1.25rem}.card{min-height:170px}.preview-wrapper{align-items:center;text-align:center}.preview-wrapper div{padding:1rem;flex:1 1 auto;width:25%;word-break:break-all}button[label=Choose],button[label=Choose]:hover,button[label=Choose]:enabled:active{background-color:#616161;border-color:#616161}\n"], dependencies: [{ kind: "component", type: ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: CustomUploaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-custom-uploader', template: "<div class=\"card pb-2\">\n  <div class=\"card-header upload-button-bar\">\n    <button pButton\n      type=\"button\"\n      [disabled]=\"previewData?.url || uploadedFile\"\n      (click)=\"openModal(content)\"\n      icon=\"pi pi-plus\"\n      label=\"Choose\"></button>\n  </div>\n  <div class=\"card-body\">\n    <!-- no files -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"!previewData?.url\">\n      <div>\n        <img src=\"assets/img/icons/nofilesfound.png\"\n          (load)=\"onImgChange()\"\n          class=\"mx-auto img-fluid\"\n          alt=\"\" />\n      </div>\n    </div>\n    <!-- exising images -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"previewData?.url\">\n      <div>\n        <a [href]=\"previewData?.url\"\n          target=\"_blank\">\n          <img [src]=\"previewData?.url\"\n            alt=\"\"\n            (load)=\"onImgChange()\"\n            (error)=\"onImgChange($event)\"\n            class=\"img-fluid\" />\n        </a>\n      </div>\n      <div class=\"ms-3\">\n        <i\n                    container=\"body\"\n                    ngbTooltip=\"Delete\"\n                    (click)=\"deleteExistingFile()\"\n                    class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"\n                ></i>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- image cropper -->\n<ng-template #content\n  let-modal>\n  <div class=\"card m-0\">\n    <div class=\"card-content\">\n      <div class=\"card-title\">\n        <h3 class=\"modal-title\">{{ title }}</h3>\n        <button type=\"button\"\n          class=\"btn-close float-end float-end\"\n          aria-label=\"Close\"\n          (click)=\"modal.dismiss()\">\n\n        </button>\n      </div>\n      <div class=\"card-header\">\n        <small> {{ 'User.Profile.PictureMessage' | transloco }}</small>\n        <pw-image-cropper #profile\n          [aspectRatio]=\"aspectRatio\"\n          (fileChangeEvent)=\"onFileChange($event)\"\n          (imageSelectionEvent)=\"onImageSelection($event)\"\n          (closeEvent)=\"onClose()\">\n        </pw-image-cropper>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.upload-button-bar{background:#efefef;padding:1rem 1.25rem}.card{min-height:170px}.preview-wrapper{align-items:center;text-align:center}.preview-wrapper div{padding:1rem;flex:1 1 auto;width:25%;word-break:break-all}button[label=Choose],button[label=Choose]:hover,button[label=Choose]:enabled:active{background-color:#616161;border-color:#616161}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.Injector }, { type: i1$1.NgbModal }, { type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    }, propDecorators: { saveEvent: [{
+                type: Output
+            }], controlName: [{
+                type: Input
+            }], previewData: [{
+                type: Input
+            }], aspectRatio: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
 class SharedComponentsModule {
 }
 SharedComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SharedComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: SharedComponentsModule, declarations: [AbTestContainerComponent,
         AbAlternativeComponent,
-        PasswordValidationComponent], imports: [FormsModule,
+        PasswordValidationComponent,
+        CustomUploaderComponent,
+        ProfileImageCropperComponent], imports: [FormsModule,
         DirectivesModule,
-        CoreTranslocoModule], exports: [AbTestContainerComponent,
+        CoreTranslocoModule,
+        ImageCropperModule], exports: [AbTestContainerComponent,
         AbAlternativeComponent,
-        PasswordValidationComponent] });
+        PasswordValidationComponent,
+        CustomUploaderComponent,
+        ProfileImageCropperComponent,
+        ImageCropperModule] });
 SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SharedComponentsModule, imports: [FormsModule,
         DirectivesModule,
-        CoreTranslocoModule] });
+        CoreTranslocoModule,
+        ImageCropperModule, ImageCropperModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SharedComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         AbTestContainerComponent,
                         AbAlternativeComponent,
-                        PasswordValidationComponent
+                        PasswordValidationComponent,
+                        CustomUploaderComponent,
+                        ProfileImageCropperComponent
                     ],
                     imports: [
                         FormsModule,
                         DirectivesModule,
-                        CoreTranslocoModule
+                        CoreTranslocoModule,
+                        ImageCropperModule
                     ],
                     exports: [
                         AbTestContainerComponent,
                         AbAlternativeComponent,
-                        PasswordValidationComponent
+                        PasswordValidationComponent,
+                        CustomUploaderComponent,
+                        ProfileImageCropperComponent,
+                        ImageCropperModule
                     ]
                 }]
         }] });
@@ -156,5 +339,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbAlternativeComponent, AbTestContainerComponent, PasswordValidationComponent, SharedComponentsModule };
+export { AbAlternativeComponent, AbTestContainerComponent, CustomUploaderComponent, PasswordValidationComponent, ProfileImageCropperComponent, SharedComponentsModule };
 //# sourceMappingURL=shared-components.mjs.map

package/fesm2015/shared-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shared-components.mjs","sources":["../../../../libs/shared-components/src/lib/ab-test/ab-test-container/ab-test-container.component.ts","../../../../libs/shared-components/src/lib/ab-test/ab-alternative/ab-alternative.component.ts","../../../../libs/shared-components/src/lib/ab-test/ab-alternative/ab-alternative.component.html","../../../../libs/shared-components/src/lib/password-validation/password-validation.component.ts","../../../../libs/shared-components/src/lib/password-validation/password-validation.component.html","../../../../libs/shared-components/src/lib/shared-components.module.ts","../../../../libs/shared-components/src/shared-components.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nimport { AB_TEST_ACTIONS } from '@posiwise/common-utilities';\nimport { Experiment } from '../ab-test.interface';\nimport { AbTestService } from '@posiwise/common-services';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'pw-ab-test-container',\n    template: '<ng-content></ng-content>'\n})\nexport class AbTestContainerComponent implements OnInit {\n    @Input()\n    experimentName: string;\n\n    @Input()\n    serviceName: string;\n\n    data: Experiment;\n\n    /**\n     * Specifies boolean to show the experiment as fallback\n     */\n    showDefaultExperiment = false;\n\n    constructor(private service: AbTestService) {}\n\n    ngOnInit(): void {\n        this.getExperiment();\n    }\n\n    private getExperiment() {\n        this.service\n            .getExperiment(this.experimentName, AB_TEST_ACTIONS.START, this.serviceName)\n            .subscribe({\n                next: (response: Experiment) => {\n                    this.showDefaultExperiment = false;\n                    this.data = response || ({} as Experiment);\n                },\n                error: () => {\n                    // in case the api for experiment fails, we show the default experiment\n                    this.showDefaultExperiment = true;\n                }\n            });\n    }\n}\n","import { Component, Input } from '@angular/core';\n\nimport { AbTestContainerComponent } from '../ab-test-container/ab-test-container.component';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'ab-alternative',\n    templateUrl: './ab-alternative.component.html'\n})\nexport class AbAlternativeComponent {\n    @Input()\n    name: string;\n\n    /**\n     * Specficies AbTestContainerComponent instance template reference\n     */\n    @Input()\n    ref: AbTestContainerComponent;\n\n    /**\n     * If the getExperiment call fails, it can be set to show the experiment\n     * as fallback\n     */\n    @Input()\n    default = false;\n}\n","<!-- renders the template for the started experiment.\nin case of error, render the template marked as default=true  -->\n<ng-template [ngIf]=\"\n        ref?.data?.alternative === name || (default === true && ref.showDefaultExperiment === true)\n    \">\n  <ng-content></ng-content>\n</ng-template>\n","import { Component, EventEmitter, Injector, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { StatusCodes } from 'http-status-codes';\n\nimport { AppBaseComponent } from '@posiwise/app-base-component';\n\n@Component({\n    selector: 'pw-password-validation',\n    templateUrl: './password-validation.component.html'\n})\nexport class PasswordValidationComponent extends AppBaseComponent {\n    @ViewChild('content', { static: true }) content: TemplateRef<any>;\n\n    @Output()\n    successEvent: EventEmitter<boolean> = new EventEmitter();\n\n    password: string;\n\n    buttonBusy: boolean;\n\n    constructor(injector: Injector, private modal: NgbModal) {\n        super(injector);\n    }\n\n    open() {\n        this.modal.open(this.content, { centered: true, windowClass: 'modal-holder' });\n    }\n\n    validatePassword() {\n        if (this.password) {\n            this.buttonBusy = true;\n            this.userService\n                .checkPassword({ password: this.password })\n                .subscribe(data => {\n                    if (data && data?.status === StatusCodes.OK) {\n                        this.successEvent.emit(true);\n                        this.modal.dismissAll();\n                        this.password = null;\n                    } else {\n                        this.successEvent.emit(false);\n                        this.password = null;\n                    }\n                })\n                .add(() => {\n                    this.buttonBusy = false;\n                });\n        }\n    }\n}\n","<ng-template #content\n  let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Confirm</h5>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <strong class=\"p3\">{{ 'User.Account.Message.EnterPassword' | transloco }}</strong>\n    <div>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <input type=\"password\"\n          #passwordRef\n          [(ngModel)]=\"password\"\n          class=\"form-control\"\n          placeholder=\"Current Password\" />\n      </div>\n    </div>\n    <div class=\"row mt-2\">\n      <div class=\"col-12\">\n        <button [buttonBusy]=\"buttonBusy\"\n          class=\"btn btn-primary float-end\"\n          type=\"button\"\n          (click)=\"validatePassword()\">\n          {{ 'Button.Confirm' | transloco }}\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { AbTestContainerComponent } from './ab-test/ab-test-container/ab-test-container.component';\nimport { AbAlternativeComponent } from './ab-test/ab-alternative/ab-alternative.component';\nimport { PasswordValidationComponent } from './password-validation/password-validation.component';\nimport { DirectivesModule } from '@posiwise/directives';\nimport { CoreTranslocoModule } from \"@posiwise/core-transloco\";\n\nimport { FormsModule } from '@angular/forms';\n\n@NgModule({\n    declarations: [\n      AbTestContainerComponent,\n      AbAlternativeComponent,\n      PasswordValidationComponent\n    ],\n    imports: [\n      FormsModule,\n      DirectivesModule,\n      CoreTranslocoModule\n    ],\n    exports: [\n      AbTestContainerComponent,\n      AbAlternativeComponent,\n      PasswordValidationComponent\n    ]\n})\nexport class SharedComponentsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"shared-components.mjs","sources":["../../../../libs/shared-components/src/lib/ab-test/ab-test-container/ab-test-container.component.ts","../../../../libs/shared-components/src/lib/ab-test/ab-alternative/ab-alternative.component.ts","../../../../libs/shared-components/src/lib/ab-test/ab-alternative/ab-alternative.component.html","../../../../libs/shared-components/src/lib/password-validation/password-validation.component.ts","../../../../libs/shared-components/src/lib/password-validation/password-validation.component.html","../../../../libs/shared-components/src/lib/image-cropper/image-cropper.component.ts","../../../../libs/shared-components/src/lib/image-cropper/image-cropper.component.html","../../../../libs/shared-components/src/lib/custom-uploader/custom-uploader.component.ts","../../../../libs/shared-components/src/lib/custom-uploader/custom-uploader.component.html","../../../../libs/shared-components/src/lib/shared-components.module.ts","../../../../libs/shared-components/src/shared-components.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nimport { AB_TEST_ACTIONS } from '@posiwise/common-utilities';\nimport { Experiment } from '../ab-test.interface';\nimport { AbTestService } from '@posiwise/common-services';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'pw-ab-test-container',\n    template: '<ng-content></ng-content>'\n})\nexport class AbTestContainerComponent implements OnInit {\n    @Input()\n    experimentName: string;\n\n    @Input()\n    serviceName: string;\n\n    data: Experiment;\n\n    /**\n     * Specifies boolean to show the experiment as fallback\n     */\n    showDefaultExperiment = false;\n\n    constructor(private service: AbTestService) {}\n\n    ngOnInit(): void {\n        this.getExperiment();\n    }\n\n    private getExperiment() {\n        this.service\n            .getExperiment(this.experimentName, AB_TEST_ACTIONS.START, this.serviceName)\n            .subscribe({\n                next: (response: Experiment) => {\n                    this.showDefaultExperiment = false;\n                    this.data = response || ({} as Experiment);\n                },\n                error: () => {\n                    // in case the api for experiment fails, we show the default experiment\n                    this.showDefaultExperiment = true;\n                }\n            });\n    }\n}\n","import { Component, Input } from '@angular/core';\n\nimport { AbTestContainerComponent } from '../ab-test-container/ab-test-container.component';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'ab-alternative',\n    templateUrl: './ab-alternative.component.html'\n})\nexport class AbAlternativeComponent {\n    @Input()\n    name: string;\n\n    /**\n     * Specficies AbTestContainerComponent instance template reference\n     */\n    @Input()\n    ref: AbTestContainerComponent;\n\n    /**\n     * If the getExperiment call fails, it can be set to show the experiment\n     * as fallback\n     */\n    @Input()\n    default = false;\n}\n","<!-- renders the template for the started experiment.\nin case of error, render the template marked as default=true  -->\n<ng-template [ngIf]=\"\n        ref?.data?.alternative === name || (default === true && ref.showDefaultExperiment === true)\n    \">\n  <ng-content></ng-content>\n</ng-template>\n","import { Component, EventEmitter, Injector, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { StatusCodes } from 'http-status-codes';\n\nimport { AppBaseComponent } from '@posiwise/app-base-component';\n\n@Component({\n    selector: 'pw-password-validation',\n    templateUrl: './password-validation.component.html'\n})\nexport class PasswordValidationComponent extends AppBaseComponent {\n    @ViewChild('content', { static: true }) content: TemplateRef<any>;\n\n    @Output()\n    successEvent: EventEmitter<boolean> = new EventEmitter();\n\n    password: string;\n\n    buttonBusy: boolean;\n\n    constructor(injector: Injector, private modal: NgbModal) {\n        super(injector);\n    }\n\n    open() {\n        this.modal.open(this.content, { centered: true, windowClass: 'modal-holder' });\n    }\n\n    validatePassword() {\n        if (this.password) {\n            this.buttonBusy = true;\n            this.userService\n                .checkPassword({ password: this.password })\n                .subscribe(data => {\n                    if (data && data?.status === StatusCodes.OK) {\n                        this.successEvent.emit(true);\n                        this.modal.dismissAll();\n                        this.password = null;\n                    } else {\n                        this.successEvent.emit(false);\n                        this.password = null;\n                    }\n                })\n                .add(() => {\n                    this.buttonBusy = false;\n                });\n        }\n    }\n}\n","<ng-template #content\n  let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Confirm</h5>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <strong class=\"p3\">{{ 'User.Account.Message.EnterPassword' | transloco }}</strong>\n    <div>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <input type=\"password\"\n          #passwordRef\n          [(ngModel)]=\"password\"\n          class=\"form-control\"\n          placeholder=\"Current Password\" />\n      </div>\n    </div>\n    <div class=\"row mt-2\">\n      <div class=\"col-12\">\n        <button [buttonBusy]=\"buttonBusy\"\n          class=\"btn btn-primary float-end\"\n          type=\"button\"\n          (click)=\"validatePassword()\">\n          {{ 'Button.Confirm' | transloco }}\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n","import { ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ImageCroppedEvent, ImageTransform } from 'ngx-image-cropper';\n\n@Component({\n    selector: 'pw-image-cropper',\n    templateUrl: './image-cropper.component.html',\n    styleUrls: ['./image-cropper.component.scss']\n})\nexport class ProfileImageCropperComponent {\n    imageChangedEvent = '';\n\n    croppedImage = '';\n\n    @Output() imageSelectionEvent: EventEmitter<any> = new EventEmitter<any>();\n\n    @Output() closeEvent: EventEmitter<any> = new EventEmitter<any>();\n\n    @Output() fileChangeEvent: EventEmitter<any> = new EventEmitter<any>();\n\n    busy: boolean;\n\n    @Input() aspectRatio = 'auto';\n\n    transform: ImageTransform = {};\n\n    canvasRotation = 0;\n\n    showCropper = false;\n\n    constructor(private cdr: ChangeDetectorRef) {}\n\n    onFileChange(event: any): void {\n        this.imageChangedEvent = event;\n        this.fileChangeEvent.emit(event.target.files[0]?.name);\n    }\n\n    imageCropped(event: ImageCroppedEvent) {\n        this.croppedImage = event.base64;\n        this.cdr.detectChanges();\n    }\n\n    imageLoaded() {\n        this.showCropper = true;\n    }\n\n    rotateLeft() {\n        this.canvasRotation--;\n        this.flipAfterRotate();\n    }\n\n    rotateRight() {\n        this.canvasRotation++;\n        this.flipAfterRotate();\n    }\n\n    private flipAfterRotate() {\n        const flippedH = this.transform.flipH;\n        const flippedV = this.transform.flipV;\n        this.transform = {\n            ...this.transform,\n            flipH: flippedV,\n            flipV: flippedH\n        };\n    }\n\n    flipHorizontal() {\n        this.transform = {\n            ...this.transform,\n            flipH: !this.transform.flipH\n        };\n    }\n\n    flipVertical() {\n        this.transform = {\n            ...this.transform,\n            flipV: !this.transform.flipV\n        };\n    }\n\n    saveProfilePicture() {\n        if (this.croppedImage) {\n            this.imageSelectionEvent.emit(this.croppedImage);\n            this.busy = true;\n        }\n    }\n\n    onCloseModal() {\n        this.closeEvent.emit();\n    }\n}\n","<section class=\"image-cropper\">\n  <div class=\"row text-start\">\n    <div class=\"col-12\">\n      <div class=\"card-block pb-0\">\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <div class=\"file-upload my-2 float-start\">\n              <label>\n                Upload Pic\n                <input id=\"custom-input\"\n                  type=\"file\"\n                  (change)=\"onFileChange($event)\" />\n              </label>\n            </div>\n\n            <div class=\"float-end m-2\">\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Left\">\n                <i\n                                    class=\"fa fa-undo-alt\"\n                                    (click)=\"rotateLeft()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Rotate Right\">\n                <i\n                                    class=\"fa fa-redo-alt\"\n                                    (click)=\"rotateRight()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Horizontal\">\n                <i\n                                    class=\"fa fa-arrows-alt-h\"\n                                    (click)=\"flipHorizontal()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n              <button class=\"btn btn-primary btn-sm mx-2\"\n                title=\"Flip Vertical\">\n                <i\n                                    class=\"fa fa-arrows-alt-v\"\n                                    (click)=\"flipVertical()\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-8\">\n            <div *ngIf=\"aspectRatio === 'auto'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [aspectRatio]=\"4 / 4\"\n                [onlyScaleDown]=\"true\"\n                [transform]=\"transform\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'fullLogo'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [aspectRatio]=\"5 / 1.1\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n\n            <div *ngIf=\"aspectRatio === 'custom'\">\n              <image-cropper [imageChangedEvent]=\"imageChangedEvent\"\n                [maintainAspectRatio]=\"true\"\n                [canvasRotation]=\"canvasRotation\"\n                [transform]=\"transform\"\n                [aspectRatio]=\"4 / 3\"\n                [onlyScaleDown]=\"true\"\n                [roundCropper]=\"false\"\n                alignImage=\"center\"\n                outputType=\"base64\"\n                (imageCropped)=\"imageCropped($event)\"\n                (imageLoaded)=\"imageLoaded()\"\n                [imageQuality]=\"100\"\n                [style.display]=\"showCropper ? null : 'none'\"></image-cropper>\n            </div>\n          </div>\n          <div class=\"col-4\">\n            <img [src]=\"croppedImage\"\n              alt=\"cropped.png\"\n              width=\"128\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"card-footer px-3\">\n    <div class=\"float-end mt-2\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"onCloseModal()\">\n        Close\n      </button>\n      <button type=\"button\"\n        class=\"btn btn-primary\"\n        (click)=\"saveProfilePicture()\"\n        [buttonBusy]=\"busy\">\n        Save\n      </button>\n    </div>\n  </div>\n</section>\n","import { DOCUMENT } from '@angular/common';\nimport { Component, EventEmitter, Inject, Injector, Input, Output } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\n\nimport { AppBaseComponent } from '@posiwise/app-base-component';\nimport { HelperService } from '@posiwise/helper-service';\n\n@Component({\n    selector: 'pw-custom-uploader',\n    templateUrl: './custom-uploader.component.html',\n    styleUrls: ['./custom-uploader.component.scss']\n})\nexport class CustomUploaderComponent extends AppBaseComponent {\n    @Output() saveEvent: EventEmitter<{ file: string; name: string }> = new EventEmitter<{\n        file: string;\n        name: string;\n    }>();\n\n    @Input() controlName: string;\n\n    @Input() previewData: any;\n\n    @Input() aspectRatio = 'auto';\n\n    @Input() title: string;\n\n    uploadedFile = null;\n\n    selectedFileName: string;\n\n    buttonBusy: boolean;\n\n    constructor(\n        injector: Injector,\n        private modalService: NgbModal,\n        @Inject(DOCUMENT) private document: Document\n    ) {\n        super(injector);\n    }\n\n    deleteExistingFile() {\n        HelperService.raiseDeletePopup().then(rep => {\n            if (rep.value) {\n                this.previewData = null;\n                this.onSaveFile();\n            }\n        });\n    }\n\n    onSaveFile() {\n        this.buttonBusy = true;\n        this.saveEvent.emit({\n            file: this.previewData?.url ? this.previewData : this.uploadedFile,\n            name: this.controlName\n        });\n    }\n\n    // modal image cropper\n\n    onFileChange(value) {\n        this.selectedFileName = value;\n    }\n\n    private dataURLtoBlob(dataurl: string) {\n        const arr = dataurl?.split(',');\n        // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n        const mime = arr[0].match(/^[A-Z]*[a-z]*:(.*?);[A-Z]*/)[1];\n        const bstr = atob(arr[1]);\n        let n = bstr.length;\n        const u8arr = new Uint8Array(n);\n        // eslint-disable-next-line no-plusplus\n        while (n--) {\n            u8arr[n] = bstr.charCodeAt(n);\n        }\n\n        return new Blob([u8arr], { type: mime });\n    }\n\n    onImageSelection(event) {\n        const blob = this.dataURLtoBlob(event);\n        const file: File = new File([blob], this.selectedFileName);\n        this.uploadedFile = file;\n        this.onSaveFile();\n    }\n\n    openModal(content) {\n        this.modalService.open(content, { centered: true, windowClass: 'modal-holder' });\n    }\n\n    clearValues() {\n        this.uploadedFile = null;\n        this.selectedFileName = null;\n        this.updateHeight();\n    }\n\n    onClose() {\n        this.modalService.dismissAll();\n    }\n\n    updateHeight() {\n        // wait for update card height\n        setTimeout(() => {\n            this.onImgChange();\n        });\n    }\n\n    onImgChange(event?: any) {\n        if (event) {\n            event.target.src = 'assets/img/icons/imagenotavailable.png';\n        }\n        const el = this.document.querySelectorAll(\n            'pw-domain-config-interface,pw-domain-config-build div[matchheight=\"card\"]'\n        );\n        el.forEach((item: Element) => {\n            HelperService.matchHeights(item as HTMLElement, 'card');\n        });\n    }\n}\n","<div class=\"card pb-2\">\n  <div class=\"card-header upload-button-bar\">\n    <button pButton\n      type=\"button\"\n      [disabled]=\"previewData?.url || uploadedFile\"\n      (click)=\"openModal(content)\"\n      icon=\"pi pi-plus\"\n      label=\"Choose\"></button>\n  </div>\n  <div class=\"card-body\">\n    <!-- no files -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"!previewData?.url\">\n      <div>\n        <img src=\"assets/img/icons/nofilesfound.png\"\n          (load)=\"onImgChange()\"\n          class=\"mx-auto img-fluid\"\n          alt=\"\" />\n      </div>\n    </div>\n    <!-- exising images -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"previewData?.url\">\n      <div>\n        <a [href]=\"previewData?.url\"\n          target=\"_blank\">\n          <img [src]=\"previewData?.url\"\n            alt=\"\"\n            (load)=\"onImgChange()\"\n            (error)=\"onImgChange($event)\"\n            class=\"img-fluid\" />\n        </a>\n      </div>\n      <div class=\"ms-3\">\n        <i\n                    container=\"body\"\n                    ngbTooltip=\"Delete\"\n                    (click)=\"deleteExistingFile()\"\n                    class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"\n                ></i>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- image cropper -->\n<ng-template #content\n  let-modal>\n  <div class=\"card m-0\">\n    <div class=\"card-content\">\n      <div class=\"card-title\">\n        <h3 class=\"modal-title\">{{ title }}</h3>\n        <button type=\"button\"\n          class=\"btn-close float-end float-end\"\n          aria-label=\"Close\"\n          (click)=\"modal.dismiss()\">\n\n        </button>\n      </div>\n      <div class=\"card-header\">\n        <small> {{ 'User.Profile.PictureMessage' | transloco }}</small>\n        <pw-image-cropper #profile\n          [aspectRatio]=\"aspectRatio\"\n          (fileChangeEvent)=\"onFileChange($event)\"\n          (imageSelectionEvent)=\"onImageSelection($event)\"\n          (closeEvent)=\"onClose()\">\n        </pw-image-cropper>\n      </div>\n    </div>\n  </div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { AbTestContainerComponent } from './ab-test/ab-test-container/ab-test-container.component';\nimport { AbAlternativeComponent } from './ab-test/ab-alternative/ab-alternative.component';\nimport { PasswordValidationComponent } from './password-validation/password-validation.component';\nimport { DirectivesModule } from '@posiwise/directives';\nimport { CoreTranslocoModule } from '@posiwise/core-transloco';\nimport { CustomUploaderComponent } from \"./custom-uploader/custom-uploader.component\";\nimport {ProfileImageCropperComponent} from \"./image-cropper/image-cropper.component\";\n\nimport { FormsModule } from '@angular/forms';\nimport { ImageCropperModule } from 'ngx-image-cropper';\n\n@NgModule({\n    declarations: [\n      AbTestContainerComponent,\n      AbAlternativeComponent,\n      PasswordValidationComponent,\n      CustomUploaderComponent,\n      ProfileImageCropperComponent\n    ],\n    imports: [\n      FormsModule,\n      DirectivesModule,\n      CoreTranslocoModule,\n      ImageCropperModule\n    ],\n    exports: [\n      AbTestContainerComponent,\n      AbAlternativeComponent,\n      PasswordValidationComponent,\n      CustomUploaderComponent,\n      ProfileImageCropperComponent,\n      ImageCropperModule\n    ]\n})\nexport class SharedComponentsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i2.ProfileImageCropperComponent","i3"],"mappings":"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"}