@asoftwareworld/form-builder-pro/fesm2022/asoftwareworld-form-builder-pro-form-control-image.mjs.map

ASW Form Builder Pro helps you with rapid development and designed web forms which includes several controls. The key feature of Form Builder is to make your content attractive and effective. We can customize our control at run time and preview the same b

{"version":3,"file":"asoftwareworld-form-builder-pro-form-control-image.mjs","sources":["../../src/components/form-control/image/image-dialog.ts","../../src/components/form-control/image/image-dialog.html","../../src/components/form-control/image/image-upload-dialog.ts","../../src/components/form-control/image/image-upload-dialog.html","../../src/components/form-control/image/image.ts","../../src/components/form-control/image/image.html","../../src/components/form-control/image/image.module.ts","../../src/components/form-control/image/public_api.ts","../../src/components/form-control/image/asoftwareworld-form-builder-pro-form-control-image.ts"],"sourcesContent":["/**\n * @license\n * Copyright ASW (A Software World) All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file\n */\n\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { Constants, Icons } from '@asoftwareworld/form-builder-pro/common';\nimport { ObjectUtils } from '@asoftwareworld/form-builder-pro/utils';\n\n@Component({\n    selector: 'asw-image-dialog',\n    templateUrl: './image-dialog.html'\n})\nexport class AswImageDialog implements OnInit {\n    constants: any = Constants;\n    icons = Icons;\n    aswImageForm!: FormGroup;\n    objectUtils = ObjectUtils;\n    status = true;\n    control: any;\n\n    constructor(\n        private formBuilder: FormBuilder,\n        public dialogRef: MatDialogRef<AswImageDialog>,\n        @Inject(MAT_DIALOG_DATA) public data: any\n    ) {}\n\n    ngOnInit(): void {\n        this.control = this.data.control;\n        this.validateFormBuilder();\n        this.editProperty(this.control);\n    }\n\n    validateFormBuilder(): void {\n        this.aswImageForm = this.formBuilder.group({\n            label: ['', [Validators.required, Validators.minLength(5)]],\n            class: [],\n            imageUrl: [],\n            imageShape: [],\n            height: ['', [Validators.max(600), Validators.min(0)]],\n            width: ['', [Validators.max(600), Validators.min(0)]],\n            isUploadHide: [true]\n        });\n    }\n\n    editProperty(control: any): void {\n        this.aswImageForm.setValue({\n            label: control.label,\n            class: control.class,\n            imageUrl: control.imageUrl,\n            imageShape: control.imageShape,\n            width: control.width,\n            height: control.height,\n            isUploadHide: control.isUploadHide ?? true\n        });\n    }\n\n    onNoClick(): void {\n        this.dialogRef.close();\n    }\n\n    onSubmit(): void {\n        if (this.aswImageForm.invalid) {\n            return;\n        }\n        this.aswImageForm.value.controlType = this.control.controlType;\n        this.aswImageForm.value.id = this.control.id;\n        this.aswImageForm.value.guid = this.control.guid;\n        this.dialogRef.close(this.aswImageForm.value);\n    }\n\n    onChange(event: any): void {\n        this.status = event.checked ? true : false;\n        if (event.checked === undefined) {\n            this.status = event.target.checked ? true : false;\n        }\n    }\n}\n","<div class=\"asw-dialog-header\">\r\n    <div class=\"asw-edit-row-dialog\">\r\n        <div class=\"asw-dialog-header clearfix\">\r\n            <div class=\"asw-dialog-about\">\r\n                <h1 mat-dialog-title class=\"asw-m-0\">{{'FormControl.Edit' | aswTranslate}} {{control.label | aswTranslate}}</h1>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button mat-icon-button (click)=\"onNoClick()\" aria-label=\"Close dialog\" class=\"asw-mt-2 asw-me-2\">\r\n        <div [innerHTML]=\"icons.close | aswSafeHtml\"></div>\r\n    </button>\r\n</div>\r\n<form [formGroup]=\"aswImageForm\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-dialog-content class=\"mat-typography\">\r\n        <div class=\"asw-row\">\r\n            <ng-container *ngIf=\"data.CSSFramework === 'material'; else bootstrap\">\r\n                <div class=\"asw-col-md-12\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Label' | aswTranslate}}</mat-label>\r\n                        <input matInput type=\"text\"\r\n                            name=\"label\"\r\n                            placeholder=\"{{'FormControl.Label' | aswTranslate}}\"\r\n                            matTooltip=\"{{'FormControl.Label' | aswTranslate}}\"\r\n                            formControlName=\"label\" required>\r\n                        <mat-error *ngFor=\"let validation of constants.accountValidationMessages.label\">\r\n                            <ng-container *ngIf=\"aswImageForm.get('label')?.hasError(validation.type) && (aswImageForm.get('label')?.dirty || aswImageForm.get('label')?.touched)\">\r\n                                {{validation.message | aswTranslate}}\r\n                            </ng-container>\r\n                        </mat-error>\r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Imageurl' | aswTranslate}}</mat-label>\r\n                        <input matInput type=\"text\"\r\n                            name=\"label\"\r\n                            placeholder=\"{{'FormControl.Imageurl' | aswTranslate}}\"\r\n                            matTooltip=\"{{'FormControl.Imageurl' | aswTranslate}}\"\r\n                            formControlName=\"imageUrl\">\r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Height' | aswTranslate}}</mat-label>\r\n                        <input matInput type=\"text\"\r\n                            name=\"label\"\r\n                            min=\"0\" \r\n                            max=\"600\"\r\n                            placeholder=\"{{'FormControl.Height' | aswTranslate}}\"\r\n                            (keypress)=\"objectUtils.keyPressNumbersWithDecimal($event)\"\r\n                            matTooltip=\"{{'FormControl.Height' | aswTranslate}}\"\r\n                            formControlName=\"height\">\r\n                        <mat-error *ngFor=\"let validation of constants.accountValidationMessages.height\">\r\n                            <ng-container *ngIf=\"aswImageForm.get('height')?.hasError(validation.type) && (aswImageForm.get('height')?.dirty || aswImageForm.get('height')?.touched)\">\r\n                                {{validation.message | aswTranslate}}\r\n                            </ng-container>\r\n                        </mat-error>\r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Width' | aswTranslate}}</mat-label>\r\n                        <input matInput type=\"text\"\r\n                            name=\"label\"\r\n                            min=\"0\" \r\n                            max=\"600\"\r\n                            placeholder=\"{{'FormControl.Width' | aswTranslate}}\"\r\n                            (keypress)=\"objectUtils.keyPressNumbersWithDecimal($event)\"\r\n                            matTooltip=\"{{'FormControl.Width' | aswTranslate}}\"\r\n                            formControlName=\"width\">\r\n                        <mat-error *ngFor=\"let validation of constants.accountValidationMessages.width\">\r\n                            <ng-container *ngIf=\"aswImageForm.get('width')?.hasError(validation.type) && (aswImageForm.get('width')?.dirty || aswImageForm.get('width')?.touched)\">\r\n                                {{validation.message | aswTranslate}}\r\n                            </ng-container>\r\n                        </mat-error>\r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.SelectImageShape' | aswTranslate}}</mat-label>\r\n                        <mat-select formControlName=\"imageShape\" matTooltip=\"{{'FormControl.SelectImageShape' | aswTranslate}}\">\r\n                            <mat-option value=\"asw-circular-square\">Circle</mat-option>\r\n                            <mat-option value=\"asw-original\">Square</mat-option>\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <mat-slide-toggle color=\"primary\"\r\n                        #isUploadHide\r\n                        formControlName=\"isUploadHide\"\r\n                        (change)=\"onChange($event)\">\r\n                        {{(status ? 'FormControl.UploadHide' : 'FormControl.UploadShow') | aswTranslate}}\r\n                    </mat-slide-toggle>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <div class=\"asw-mb-3\">\r\n                        {{'FormControl.Style' | aswTranslate}}: \r\n                        <mat-button-toggle-group formControlName=\"class\" name=\"fontStyle\" aria-label=\"Font Style\">\r\n                            <mat-button-toggle value=\"asw-text-start\" aria-label=\"Text align left\">\r\n                                <span [innerHTML]=\"icons.justifyLeft | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle value=\"asw-text-center\" aria-label=\"Text align center\">\r\n                                <span [innerHTML]=\"icons.justifyCenter | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle value=\"asw-text-end\" aria-label=\"Text align right\">\r\n                                <span [innerHTML]=\"icons.justifyRight | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                        </mat-button-toggle-group>\r\n                    </div>                    \r\n                </div>\r\n            </ng-container>\r\n            <ng-template #bootstrap>\r\n                <div class=\"asw-col-md-12\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <label class=\"asw-input-label asw-invalid-label {{(aswImageForm.get('label')?.invalid && (aswImageForm.get('label')?.dirty || aswImageForm.get('label')?.touched)) ? 'asw-red-color' : ''}}\">{{'FormControl.Label' | aswTranslate}}</label>\r\n                        <input type=\"text\"\r\n                            name=\"label\"\r\n                            class=\"asw-input-control\"\r\n                            [class.asw-is-invalid]=\"(aswImageForm.get('label')?.invalid && (aswImageForm.get('label')?.dirty || aswImageForm.get('label')?.touched))\"\r\n                            matTooltip=\"{{'FormControl.Label' | aswTranslate}}\"\r\n                            formControlName=\"label\" required>\r\n                        <div *ngFor=\"let validation of constants.accountValidationMessages.label\" class=\"invalid-feedback\">\r\n                            <ng-container *ngIf=\"aswImageForm.get('label')?.hasError(validation.type) && (aswImageForm.get('label')?.dirty || aswImageForm.get('label')?.touched)\">\r\n                                {{validation.message | aswTranslate}}\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <label class=\"asw-input-label\">{{'FormControl.Imageurl' | aswTranslate}}</label>\r\n                        <input type=\"text\"\r\n                            name=\"label\"\r\n                            class=\"asw-input-control\"\r\n                            matTooltip=\"{{'FormControl.Imageurl' | aswTranslate}}\"\r\n                            formControlName=\"imageUrl\">\r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <label class=\"asw-input-label asw-invalid-label {{(aswImageForm.get('height')?.invalid && (aswImageForm.get('height')?.dirty || aswImageForm.get('height')?.touched)) ? 'asw-red-color' : ''}}\">{{'FormControl.Height' | aswTranslate}}</label>\r\n                        <input type=\"text\"\r\n                            name=\"label\"\r\n                            min=\"0\" \r\n                            max=\"600\"\r\n                            class=\"asw-input-control\"\r\n                            [class.asw-is-invalid]=\"(aswImageForm.get('height')?.invalid && (aswImageForm.get('height')?.dirty || aswImageForm.get('height')?.touched))\"\r\n                            (keypress)=\"objectUtils.keyPressNumbersWithDecimal($event)\"\r\n                            matTooltip=\"{{'FormControl.Height' | aswTranslate}}\"\r\n                            formControlName=\"height\">\r\n                        <div *ngFor=\"let validation of constants.accountValidationMessages.height\" class=\"invalid-feedback\">\r\n                            <ng-container *ngIf=\"aswImageForm.get('height')?.hasError(validation.type) && (aswImageForm.get('height')?.dirty || aswImageForm.get('height')?.touched)\">\r\n                                {{validation.message | aswTranslate}}\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <label class=\"asw-input-label asw-invalid-label {{(aswImageForm.get('width')?.invalid && (aswImageForm.get('width')?.dirty || aswImageForm.get('width')?.touched)) ? 'asw-red-color' : ''}}\">{{'FormControl.Width' | aswTranslate}}</label>\r\n                        <input type=\"text\"\r\n                            name=\"label\"\r\n                            min=\"0\" \r\n                            max=\"600\"\r\n                            class=\"asw-input-control\"\r\n                            [class.asw-is-invalid]=\"(aswImageForm.get('width')?.invalid && (aswImageForm.get('width')?.dirty || aswImageForm.get('width')?.touched))\"\r\n                            (keypress)=\"objectUtils.keyPressNumbersWithDecimal($event)\"\r\n                            matTooltip=\"{{'FormControl.Width' | aswTranslate}}\"\r\n                            formControlName=\"width\">\r\n                        <div *ngFor=\"let validation of constants.accountValidationMessages.width\" class=\"invalid-feedback\">\r\n                            <ng-container *ngIf=\"aswImageForm.get('width')?.hasError(validation.type) && (aswImageForm.get('width')?.dirty || aswImageForm.get('width')?.touched)\">\r\n                                {{validation.message | aswTranslate}}\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <label class=\"asw-input-label\">{{'FormControl.SelectImageShape' | aswTranslate}}</label>\r\n                        <select formControlName=\"imageShape\" class=\"asw-select\" matTooltip=\"{{'FormControl.SelectImageShape' | aswTranslate}}\">\r\n                            <option value=\"asw-circular-square\">Circle</option>\r\n                            <option value=\"asw-original\">Square</option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <div class=\"asw-form-check asw-form-switch\">\r\n                            <input class=\"asw-form-check-input\" \r\n                                type=\"checkbox\"\r\n                                id=\"isUploadHide\" \r\n                                #isUploadHide\r\n                                formControlName=\"isUploadHide\"\r\n                                (change)=\"onChange($event)\">\r\n                            <label class=\"asw-form-check-label\" for=\"isUploadHide\">\r\n                                {{(status ? 'FormControl.UploadHide' : 'FormControl.UploadShow') | aswTranslate}}\r\n                            </label>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <div class=\"asw-mb-3\">\r\n                        {{'FormControl.Style' | aswTranslate}}: \r\n                        <mat-button-toggle-group formControlName=\"class\" name=\"fontStyle\" aria-label=\"Font Style\">\r\n                            <mat-button-toggle value=\"asw-text-start\" aria-label=\"Text align left\">\r\n                                <span [innerHTML]=\"icons.justifyLeft | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle value=\"asw-text-center\" aria-label=\"Text align center\">\r\n                                <span [innerHTML]=\"icons.justifyCenter | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle value=\"asw-text-end\" aria-label=\"Text align right\">\r\n                                <span [innerHTML]=\"icons.justifyRight | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                        </mat-button-toggle-group>\r\n                    </div>                    \r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </mat-dialog-content>\r\n    <mat-dialog-actions align=\"end\">\r\n        <button type=\"button\"\r\n                class=\"asw-button asw-button-danger asw-mb-1 asw-me-2\"\r\n                (click)=\"onNoClick()\">\r\n            {{'FormControl.No' | aswTranslate}}\r\n        </button>\r\n        <button type=\"submit\"\r\n                class=\"asw-button asw-button-primary asw-mb-1\"\r\n                cdkFocusInitial>\r\n            {{'FormControl.Yes' | aswTranslate}}\r\n        </button>\r\n    </mat-dialog-actions>\r\n</form>\r\n\r\n","/**\n * @license\n * Copyright ASW (A Software World) All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file\n */\n\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { Dimensions, ImageCroppedEvent, ImageTransform } from '@asoftwareworld/form-builder-pro/api';\nimport { Constants, Icons } from '@asoftwareworld/form-builder-pro/common';\n\n@Component({\n    selector: 'asw-image-upload-dialog',\n    templateUrl: './image-upload-dialog.html'\n})\nexport class AswImageUploadDialog implements OnInit {\n    icons = Icons;\n    constants: any = Constants;\n    aswImageCropForm!: FormGroup;\n    imageChangedEvent: any = '';\n    croppedImage: any = '';\n    roundCropper = false;\n    canvasRotation = 0;\n    rotation?: number;\n    translateH = 0;\n    translateV = 0;\n    scale = 1;\n    aspectRatio = 1;\n    showCropper = false;\n    containWithinAspectRatio = false;\n    transform: ImageTransform = {\n        translateUnit: 'px'\n    };\n    imageURL?: string;\n    isImageLoaded = false;\n    allowMoveImage = false;\n\n    constructor(\n        private formBuilder: FormBuilder,\n        public dialogRef: MatDialogRef<AswImageUploadDialog>,\n        @Inject(MAT_DIALOG_DATA) public control: any,\n        private sanitizer: DomSanitizer\n    ) {}\n\n    ngOnInit(): void {\n        this.validateFormBuilder();\n        this.editProperty(this.control);\n        this.croppedImage = this.control.imageUrl;\n        this.isImageLoaded = this.control.imageUrl ? false : true;\n    }\n\n    fileChangeEvent(event: any): void {\n        this.isImageLoaded = true;\n        this.imageChangedEvent = event;\n    }\n\n    removeImage(): void {\n        this.isImageLoaded = true;\n        this.imageChangedEvent = null;\n    }\n\n    imageCropped(event: ImageCroppedEvent): void {\n        this.croppedImage = this.sanitizer.bypassSecurityTrustUrl(event.objectUrl || event.base64 || '');\n    }\n\n    imageLoaded(): void {\n        this.showCropper = true;\n    }\n\n    cropperReady(sourceImageDimensions: Dimensions): void {\n        this.isImageLoaded = false;\n    }\n\n    loadImageFailed(): void {\n        console.log('Load failed');\n    }\n\n    rotateLeft(): void {\n        this.isImageLoaded = true;\n        setTimeout(() => {\n            // Use timeout because rotating image is a heavy operation and will block the ui thread\n            this.canvasRotation--;\n            this.flipAfterRotate();\n        });\n    }\n\n    rotateRight(): void {\n        this.isImageLoaded = true;\n        setTimeout(() => {\n            this.canvasRotation++;\n            this.flipAfterRotate();\n        });\n    }\n\n    moveLeft(): void {\n        this.transform = {\n            ...this.transform,\n            translateH: ++this.translateH\n        };\n    }\n\n    moveRight(): void {\n        this.transform = {\n            ...this.transform,\n            translateH: --this.translateH\n        };\n    }\n\n    moveTop(): void {\n        this.transform = {\n            ...this.transform,\n            translateV: ++this.translateV\n        };\n    }\n\n    moveBottom(): void {\n        this.transform = {\n            ...this.transform,\n            translateV: --this.translateV\n        };\n    }\n\n    private flipAfterRotate(): void {\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        this.translateH = 0;\n        this.translateV = 0;\n    }\n\n    flipHorizontal(): void {\n        this.transform = {\n            ...this.transform,\n            flipH: !this.transform.flipH\n        };\n    }\n\n    flipVertical(): void {\n        this.transform = {\n            ...this.transform,\n            flipV: !this.transform.flipV\n        };\n    }\n\n    resetImage(): void {\n        this.scale = 1;\n        this.rotation = 0;\n        this.canvasRotation = 0;\n        this.transform = {\n            translateUnit: 'px'\n        };\n    }\n\n    zoomOut(): void {\n        this.scale -= 0.1;\n        this.transform = {\n            ...this.transform,\n            scale: this.scale\n        };\n    }\n\n    zoomIn(): void {\n        this.scale += 0.1;\n        this.transform = {\n            ...this.transform,\n            scale: this.scale\n        };\n    }\n\n    setRoundCropper(isCircle: boolean): void {\n        this.roundCropper = isCircle;\n    }\n\n    toggleContainWithinAspectRatio(): void {\n        this.containWithinAspectRatio = !this.containWithinAspectRatio;\n    }\n\n    updateRotation(): void {\n        this.transform = {\n            ...this.transform,\n            rotate: this.rotation\n        };\n    }\n\n    onNoClick(): void {\n        this.dialogRef.close();\n    }\n\n    validateFormBuilder(): void {\n        this.aswImageCropForm = this.formBuilder.group({\n            file: [null]\n        });\n    }\n\n    editProperty(control: any): void {\n        if (control.event) {\n            this.isImageLoaded = false;\n        }\n        this.aswImageCropForm.setValue({\n            file: control.imageUrl\n        });\n    }\n\n    onSubmit(): void {\n        if (this.aswImageCropForm.invalid) {\n            return;\n        }\n        this.control.imageUrl = this.croppedImage.changingThisBreaksApplicationSecurity;\n        this.dialogRef.close(this.control);\n    }\n}\n","<div class=\"asw-dialog-header\">\r\n    <div class=\"asw-edit-row-dialog\">\r\n        <div class=\"asw-dialog-header clearfix\">\r\n            <div class=\"asw-dialog-about\">\r\n                <h1 mat-dialog-title class=\"asw-m-0\">{{'FormControl.Edit' | aswTranslate}} {{control.label | aswTranslate}}</h1>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button mat-icon-button (click)=\"onNoClick()\" aria-label=\"Close dialog\" class=\"asw-mt-2 asw-me-2\">\r\n        <div [innerHTML]=\"icons.close | aswSafeHtml\"></div>\r\n    </button>\r\n</div>\r\n<form [formGroup]=\"aswImageCropForm\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-dialog-content class=\"mat-typography\">\r\n        <div class=\"asw-row asw-p-2\">\r\n            <div class=\"asw-col-md-9\">\r\n                <div class=\"asw-sticky-top\">\r\n                    <mat-card>\r\n                        <mat-card-content>\r\n                            <div class=\"asw-img-crop-area\">\r\n                                <asw-image-crop\r\n                                    [imageChangedEvent]=\"imageChangedEvent\"\r\n                                    [imageURL]=\"imageURL\"\r\n                                    [imageBase64]=\"control.imageUrl\"\r\n                                    [maintainAspectRatio]=\"true\"\r\n                                    [containWithinAspectRatio]=\"containWithinAspectRatio\"\r\n                                    [aspectRatio]=\"aspectRatio\"\r\n                                    [resizeToWidth]=\"500\"\r\n                                    [imageQuality]=\"92\"\r\n                                    [onlyScaleDown]=\"true\"\r\n                                    [roundCropper]=\"roundCropper\"\r\n                                    [canvasRotation]=\"canvasRotation\"\r\n                                    [(transform)]=\"transform\"\r\n                                    [alignImage]=\"'center'\"\r\n                                    [style.display]=\"showCropper ? null : 'none'\"\r\n                                    [allowMoveImage]=\"allowMoveImage\"\r\n                                    output=\"base64\"\r\n                                    format=\"png\"\r\n                                    (imageCropped)=\"imageCropped($event)\"\r\n                                    (imageLoaded)=\"imageLoaded()\"\r\n                                    (cropperReady)=\"cropperReady($event)\"\r\n                                    (loadImageFailed)=\"loadImageFailed()\">\r\n                                </asw-image-crop>\r\n                            </div>\r\n                        </mat-card-content>\r\n                    </mat-card>\r\n                </div>\r\n            </div>\r\n            <div class=\"asw-col-md-3\">\r\n                <mat-card>\r\n                    <mat-card-content>\r\n                        <div class=\"asw-row\">\r\n                            <div class=\"asw-col-md-12 asw-d-grid\">\r\n                                <button class=\"asw-button asw-button-primary\" type=\"button\"\r\n                                    (click)=\"fileInput.click()\"\r\n                                    matTooltip=\"{{'FormControl.LoadImage' | aswTranslate}}\" \r\n                                    *ngIf=\"isImageLoaded\">\r\n                                    <input style=\"display: none\" \r\n                                        type=\"file\" \r\n                                        #fileInput \r\n                                        (change)=\"fileChangeEvent($event)\"\r\n                                        id=\"imageUpload\" \r\n                                        accept=\"image/*\">\r\n                                    {{'FormControl.LoadImage' | aswTranslate}}\r\n                                </button>\r\n                                <button class=\"asw-button asw-button-primary\" type=\"button\"\r\n                                        matTooltip=\"{{'FormControl.RemoveImage' | aswTranslate}}\"\r\n                                        *ngIf=\"!isImageLoaded\" \r\n                                        (click)=\"removeImage()\">\r\n                                    {{'FormControl.RemoveImage' | aswTranslate}}\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        <h6 class=\"asw-fs-6 asw-my-2\">{{'FormControl.CropType' | aswTranslate}}:</h6>\r\n                        <div class=\"asw-pb-2\">\r\n                            <mat-button-toggle-group class=\"asw-width-100\">\r\n                                <mat-button-toggle matTooltip=\"{{'FormControl.Square' | aswTranslate}}\"\r\n                                        [disabled]=\"isImageLoaded\"\r\n                                        class=\"asw-width-100\" \r\n                                        (change)=\"setRoundCropper(false)\">\r\n                                    {{'FormControl.Square' | aswTranslate}}\r\n                                </mat-button-toggle>\r\n                                <mat-button-toggle matTooltip=\"{{'FormControl.Circle' | aswTranslate}}\"\r\n                                        [disabled]=\"isImageLoaded\"\r\n                                        class=\"asw-width-100\"\r\n                                        (change)=\"setRoundCropper(true)\">\r\n                                    {{'FormControl.Circle' | aswTranslate}}\r\n                                </mat-button-toggle>\r\n                            </mat-button-toggle-group>\r\n                        </div>\r\n                        <div class=\"asw-pb-2\">\r\n                            <mat-button-toggle-group  class=\"asw-width-100\">\r\n                                <mat-button-toggle matTooltip=\"{{(containWithinAspectRatio?'FormControl.FillAspectRatio':'FormControl.ContainWithinAspectRatio') | aswTranslate}}\"\r\n                                        [disabled]=\"isImageLoaded\" \r\n                                        class=\"asw-width-100\"\r\n                                        (change)=\"toggleContainWithinAspectRatio()\">\r\n                                    {{(containWithinAspectRatio?'FormControl.FillAspectRatio':'FormControl.ContainWithinAspectRatio') | aswTranslate}}\r\n                                </mat-button-toggle>\r\n                            </mat-button-toggle-group>\r\n                        </div>\r\n                        <mat-button-toggle-group class=\"asw-width-100\">\r\n                            <mat-button-toggle matTooltip=\"{{'FormControl.SwapHorizontal' | aswTranslate}}\"\r\n                                    [disabled]=\"isImageLoaded\"\r\n                                    class=\"asw-width-100\"\r\n                                    (change)=\"flipHorizontal()\">\r\n                                <span [ngClass]=\"{'asw-icon-disabled': isImageLoaded }\" [innerHTML]=\"icons.swapHoriz | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle matTooltip=\"{{'FormControl.SwapVertical' | aswTranslate}}\"\r\n                                    [disabled]=\"isImageLoaded\"\r\n                                    class=\"asw-width-100\"\r\n                                    (change)=\"flipVertical()\">\r\n                                <span [ngClass]=\"{'asw-icon-disabled': isImageLoaded }\" [innerHTML]=\"icons.swapVert | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle [disabled]=\"isImageLoaded\" \r\n                                    matTooltip=\"{{'FormControl.LeftRotate' | aswTranslate}}\"\r\n                                    class=\"asw-width-100\"\r\n                                    (change)=\"rotateLeft()\">\r\n                                <span [ngClass]=\"{'asw-icon-disabled': isImageLoaded }\" [innerHTML]=\"icons.rotateLeft | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle matTooltip=\"{{'FormControl.RightRotate' | aswTranslate}}\"\r\n                                    [disabled]=\"isImageLoaded\"\r\n                                    class=\"asw-width-100\"\r\n                                    (change)=\"rotateRight()\">\r\n                                <span [ngClass]=\"{'asw-icon-disabled': isImageLoaded }\" [innerHTML]=\"icons.rotateRight | aswSafeHtml\"></span>\r\n                            </mat-button-toggle>\r\n                        </mat-button-toggle-group>\r\n                        <!-- <mat-button-toggle-group>\r\n                            <mat-button-toggle matTooltip=\"{{'FormControl.MoveLeft' | aswTranslate}}\"\r\n                                    [disabled]=\"isImageLoaded\" \r\n                                    (change)=\"moveLeft()\">\r\n                                <div [ngClass]=\"{'asw-icon-disabled': isImageLoaded }\" [innerHTML]=\"icons.west | aswSafeHtml\"></div>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle matTooltip=\"{{'FormControl.MoveRight' | aswTranslate}}\"\r\n                                    [disabled]=\"isImageLoaded\" \r\n                                    (change)=\"moveRight()\">\r\n                                <div [ngClass]=\"{'asw-icon-disabled': isImageLoaded }\" [innerHTML]=\"icons.east | aswSafeHtml\"></div>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle matTooltip=\"{{'FormControl.MoveTop' | aswTranslate}}\"\r\n                                    [disabled]=\"isImageLoaded\" \r\n                                    (change)=\"moveTop()\">\r\n                                <div [ngClass]=\"{'asw-icon-disabled': isImageLoaded }\" [innerHTML]=\"icons.verticalAlignTop | aswSafeHtml\"></div>\r\n                            </mat-button-toggle>\r\n                            <mat-button-toggle matTooltip=\"{{'FormControl.MoveBottom' | aswTranslate}}\"\r\n                                    [disabled]=\"isImageLoaded\" \r\n                                    (change)=\"moveBottom()\">\r\n                                <div [ngClass]=\"{'asw-icon-disabled': isImageLoaded }\" [innerHTML]=\"icons.verticalAlignBottom | aswSafeHtml\"></div>\r\n                            </mat-button-toggle>\r\n                        </mat-button-toggle-group> -->\r\n                        <h6 class=\"asw-fs-6 asw-my-2\">{{'FormControl.ImageSize' | aswTranslate}}:</h6>\r\n                        <div class=\"asw-pb-2\">\r\n                            <mat-button-toggle-group class=\"asw-width-100\">\r\n                                <mat-button-toggle matTooltip=\"{{'FormControl.ZoomIn' | aswTranslate}}\"\r\n                                        [disabled]=\"isImageLoaded\"\r\n                                        class=\"asw-width-100\" \r\n                                        (change)=\"zoomIn()\">\r\n                                    {{'FormControl.ZoomIn' | aswTranslate}}\r\n                                </mat-button-toggle>\r\n                                <mat-button-toggle matTooltip=\"{{'FormControl.ZoomOut' | aswTranslate}}\"\r\n                                        [disabled]=\"isImageLoaded\"\r\n                                        class=\"asw-width-100\"\r\n                                        (change)=\"zoomOut()\">\r\n                                    {{'FormControl.ZoomOut' | aswTranslate}}\r\n                                </mat-button-toggle>\r\n                            </mat-button-toggle-group>\r\n                        </div>\r\n                        <div class=\"asw-row asw-pt-2\">\r\n                            <div class=\"asw-col-md-12 asw-d-grid\">\r\n                                <button class=\"asw-button asw-button-secondary\" type=\"button\"\r\n                                        [disabled]=\"isImageLoaded\"\r\n                                        matTooltip=\"{{'FormControl.ResetImage' | aswTranslate}}\"\r\n                                        (click)=\"resetImage()\">\r\n                                    {{'FormControl.ResetImage' | aswTranslate}}\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        <h6 class=\"asw-fs-6 asw-my-2\">{{'FormControl.ImagePreview' | aswTranslate}}:</h6>\r\n                        <div class=\"asw-img-crop-preview\">  \r\n                            <img [src]=\"croppedImage\" /> \r\n                        </div> \r\n                    </mat-card-content>\r\n                </mat-card>\r\n            </div>\r\n        </div>\r\n    </mat-dialog-content>\r\n    <mat-dialog-actions align=\"end\">\r\n        <button type=\"button\"\r\n                class=\"asw-button asw-button-danger asw-mb-1 asw-me-2\"\r\n                (click)=\"onNoClick()\">\r\n            {{'FormControl.No' | aswTranslate}}\r\n        </button>\r\n        <button type=\"submit\"\r\n                class=\"asw-button asw-button-primary asw-mb-1\"\r\n                cdkFocusInitial>\r\n            {{'FormControl.Yes' | aswTranslate}}\r\n        </button>\r\n    </mat-dialog-actions>\r\n</form>","/**\n * @license\n * Copyright ASW (A Software World) All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file\n */\n\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { CSSFrameworkEnum } from '@asoftwareworld/form-builder-pro/api';\nimport { Constants, Icons } from '@asoftwareworld/form-builder-pro/common';\nimport { AswConfirmDialog } from '@asoftwareworld/form-builder-pro/form-control/confirm-dialog';\nimport { AswImageDialog } from './image-dialog';\nimport { AswImageUploadDialog } from './image-upload-dialog';\n\n@Component({\n    selector: 'asw-image',\n    templateUrl: './image.html'\n})\nexport class AswImage {\n    constants: any = Constants;\n    icons = Icons;\n    @Input() control: any;\n    @Input() isPreviewTemplate = false;\n    @Input() CSSFramework: CSSFrameworkEnum = CSSFrameworkEnum.Material;\n\n    @Output() imageUpdateEvent = new EventEmitter<any>();\n    @Output() imageDeleteEvent = new EventEmitter<any>();\n    @Output() duplicateControl = new EventEmitter<any>();\n\n    constructor(public dialog: MatDialog) {}\n\n    deleteImageDialog(control: any): void {\n        const dialogRef = this.dialog.open(AswConfirmDialog, {\n            width: '350px',\n            data: { name: control.controlType, message: this.constants.messages.waringMessage }\n        });\n        dialogRef.afterClosed().subscribe((result) => {\n            if (result) {\n                this.imageDeleteEvent.emit(control);\n            }\n        });\n    }\n\n    editImageDialog(control: any): void {\n        const dialogRef = this.dialog.open(AswImageDialog, {\n            width: '50%',\n            disableClose: true,\n            data: { control, CSSFramework: this.CSSFramework }\n        });\n        dialogRef.afterClosed().subscribe((result) => {\n            if (result) {\n                this.imageUpdateEvent.emit(result);\n            }\n        });\n    }\n\n    uploadImageDialog(control: any): void {\n        const dialogRef = this.dialog.open(AswImageUploadDialog, {\n            width: '80%',\n            minWidth: '80vw',\n            disableClose: true,\n            data: control\n        });\n        dialogRef.afterClosed().subscribe((result) => {\n            if (result) {\n                console.log(result);\n                this.imageUpdateEvent.emit(result);\n            }\n        });\n    }\n\n    duplicateImageControl(control: any): void {\n        this.duplicateControl.emit(control);\n    }\n}\n","<ng-container *ngIf=\"control as control\">\r\n    <div class=\"{{control.class}}\">\r\n        <img class=\"asw-img-thumbnail {{control.imageShape}}\" [src]=\"control.imageUrl ? control.imageUrl : constants.defaultImage\" height=\"{{control.height}}\" width=\"{{control.width}}\" />\r\n        <div class=\"asw-my-2\" *ngIf=\"control.isUploadHide\">\r\n            <button mat-flat-button color=\"warn\" type=\"button\"\r\n                (click)=\"uploadImageDialog(control)\"\r\n                matTooltip=\"{{'FormControl.Upload' | aswTranslate}}\">\r\n                {{'FormControl.Upload' | aswTranslate}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"asw-row\" *ngIf=\"isPreviewTemplate\">\r\n        <div class=\"asw-col-md-12\" align=\"right\">\r\n            <button mat-icon-button \r\n                    type=\"button\" \r\n                    matTooltip=\"{{'FormControl.Duplicate' | aswTranslate}}\" \r\n                    [matTooltipPosition]=\"'below'\" \r\n                    (click)=\"duplicateImageControl(control)\">\r\n                <div [innerHTML]=\"icons.contentCopy | aswSafeHtml\"></div>\r\n            </button>\r\n            <button mat-icon-button \r\n                    type=\"button\" \r\n                    matTooltip=\"{{'FormControl.Edit' | aswTranslate}}\" \r\n                    [matTooltipPosition]=\"'below'\" \r\n                    (click)=\"editImageDialog(control)\">\r\n                <div [innerHTML]=\"icons.edit | aswSafeHtml\"></div>\r\n            </button>\r\n            <button mat-icon-button \r\n                    type=\"button\" \r\n                    matTooltip=\"{{'FormControl.Delete' | aswTranslate}}\" \r\n                    [matTooltipPosition]=\"'below'\" \r\n                    (click)=\"deleteImageDialog(control)\">\r\n                <div [innerHTML]=\"icons.delete2 | aswSafeHtml\"></div>\r\n            </button>\r\n        </div>\r\n    </div>\r\n</ng-container>","/**\n * @license\n * Copyright ASW (A Software World) All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { AswPipeModule, MaterialModule } from '@asoftwareworld/form-builder-pro/common';\nimport { AswTranslateModule } from '@asoftwareworld/form-builder-pro/core';\nimport { AswConfirmDialogModule } from '@asoftwareworld/form-builder-pro/form-control/confirm-dialog';\nimport { AswImageCropModule } from '@asoftwareworld/form-builder-pro/image-crop';\nimport { AswImage } from './image';\nimport { AswImageDialog } from './image-dialog';\nimport { AswImageUploadDialog } from './image-upload-dialog';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, ReactiveFormsModule, AswImageCropModule, MaterialModule, AswConfirmDialogModule, AswTranslateModule, AswPipeModule],\n    declarations: [AswImage, AswImageDialog, AswImageUploadDialog],\n    exports: [AswImage, AswImageDialog, AswImageUploadDialog]\n})\nexport class AswImageModule {}\n","/**\n * @license\n * Copyright ASW (A Software World) All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file\n */\n\nexport * from './image';\nexport * from './image-upload-dialog';\nexport * from './image-dialog';\nexport * from './image.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i5","i3","i4","i6","i7","i8","i9","i10","i11","i1","i2"],"mappings":"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