@posiwise/shared-components 0.0.10 → 0.0.11

package/fesm2020/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 * as i1$1 from '@ng-bootstrap/ng-bootstrap';
@@ -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,221 @@ 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) {
+        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: 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() {
+        this.buttonBusy = true;
+        this.saveEvent.emit({
+            file: this.previewData?.url ? this.previewData : this.uploadedFile,
+            name: this.controlName
+        });
+    }
+    // modal image cropper
+    onFileChange(value) {
+        this.selectedFileName = value;
+    }
+    dataURLtoBlob(dataurl) {
+        const arr = 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 +345,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/fesm2020/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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"}

package/index.d.ts

@@ -2,3 +2,5 @@ export * from './lib/shared-components.module';
 export * from './lib/ab-test/ab-test-container/ab-test-container.component';
 export * from './lib/ab-test/ab-alternative/ab-alternative.component';
 export * from './lib/password-validation/password-validation.component';
+export * from './lib/custom-uploader/custom-uploader.component';
+export * from './lib/image-cropper/image-cropper.component';

package/lib/custom-uploader/custom-uploader.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter, Injector } from '@angular/core';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import * as i0 from "@angular/core";
+export declare class CustomUploaderComponent extends AppBaseComponent {
+    private modalService;
+    private document;
+    saveEvent: EventEmitter<{
+        file: string;
+        name: string;
+    }>;
+    controlName: string;
+    previewData: any;
+    aspectRatio: string;
+    title: string;
+    uploadedFile: any;
+    selectedFileName: string;
+    buttonBusy: boolean;
+    constructor(injector: Injector, modalService: NgbModal, document: Document);
+    deleteExistingFile(): void;
+    onSaveFile(): void;
+    onFileChange(value: any): void;
+    private dataURLtoBlob;
+    onImageSelection(event: any): void;
+    openModal(content: any): void;
+    clearValues(): void;
+    onClose(): void;
+    updateHeight(): void;
+    onImgChange(event?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomUploaderComponent, "pw-custom-uploader", never, { "controlName": "controlName"; "previewData": "previewData"; "aspectRatio": "aspectRatio"; "title": "title"; }, { "saveEvent": "saveEvent"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,29 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ImageCroppedEvent, ImageTransform } from 'ngx-image-cropper';
+import * as i0 from "@angular/core";
+export declare class ProfileImageCropperComponent {
+    private cdr;
+    imageChangedEvent: string;
+    croppedImage: string;
+    imageSelectionEvent: EventEmitter<any>;
+    closeEvent: EventEmitter<any>;
+    fileChangeEvent: EventEmitter<any>;
+    busy: boolean;
+    aspectRatio: string;
+    transform: ImageTransform;
+    canvasRotation: number;
+    showCropper: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    onFileChange(event: any): void;
+    imageCropped(event: ImageCroppedEvent): void;
+    imageLoaded(): void;
+    rotateLeft(): void;
+    rotateRight(): void;
+    private flipAfterRotate;
+    flipHorizontal(): void;
+    flipVertical(): void;
+    saveProfilePicture(): void;
+    onCloseModal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProfileImageCropperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileImageCropperComponent, "pw-image-cropper", never, { "aspectRatio": "aspectRatio"; }, { "imageSelectionEvent": "imageSelectionEvent"; "closeEvent": "closeEvent"; "fileChangeEvent": "fileChangeEvent"; }, never, never, false, never>;
+}

package/lib/shared-components.module.d.ts

@@ -2,11 +2,14 @@ import * as i0 from "@angular/core";
 import * as i1 from "./ab-test/ab-test-container/ab-test-container.component";
 import * as i2 from "./ab-test/ab-alternative/ab-alternative.component";
 import * as i3 from "./password-validation/password-validation.component";
-import * as i4 from "@angular/forms";
-import * as i5 from "@posiwise/directives";
-import * as i6 from "@posiwise/core-transloco";
+import * as i4 from "./custom-uploader/custom-uploader.component";
+import * as i5 from "./image-cropper/image-cropper.component";
+import * as i6 from "@angular/forms";
+import * as i7 from "@posiwise/directives";
+import * as i8 from "@posiwise/core-transloco";
+import * as i9 from "ngx-image-cropper";
 export declare class SharedComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedComponentsModule, [typeof i1.AbTestContainerComponent, typeof i2.AbAlternativeComponent, typeof i3.PasswordValidationComponent], [typeof i4.FormsModule, typeof i5.DirectivesModule, typeof i6.CoreTranslocoModule], [typeof i1.AbTestContainerComponent, typeof i2.AbAlternativeComponent, typeof i3.PasswordValidationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedComponentsModule, [typeof i1.AbTestContainerComponent, typeof i2.AbAlternativeComponent, typeof i3.PasswordValidationComponent, typeof i4.CustomUploaderComponent, typeof i5.ProfileImageCropperComponent], [typeof i6.FormsModule, typeof i7.DirectivesModule, typeof i8.CoreTranslocoModule, typeof i9.ImageCropperModule], [typeof i1.AbTestContainerComponent, typeof i2.AbAlternativeComponent, typeof i3.PasswordValidationComponent, typeof i4.CustomUploaderComponent, typeof i5.ProfileImageCropperComponent, typeof i9.ImageCropperModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedComponentsModule>;
 }

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "@posiwise/shared-components",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "peerDependencies": {
     "@angular/common": "15.2.5",
     "@angular/core": "15.2.5",
     "@ngneat/transloco": "^4.2.6",
     "@ngneat/transloco-keys-manager": "^3.7.0",
+    "ngx-image-cropper": "^6.3.3",
     "@posiwise/common-services": "^0.0.49",
     "@posiwise/app-base-component": "^0.0.8",
     "@posiwise/directives": "^0.0.1",
-    "@posiwise/core-transloco": "^0.0.1"
+    "@posiwise/core-transloco": "^0.0.1",
+    "@posiwise/core-styles": "^1.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"