@asoftwareworld/form-builder-pro
Version:
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
209 lines • 68.2 kB
JavaScript
/**
* @license
* Copyright ASW (A Software World) All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file
*/
import { Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { Constants, Icons } from '@asoftwareworld/form-builder-pro/common';
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
import * as i2 from "@angular/material/dialog";
import * as i3 from "@angular/platform-browser";
import * as i4 from "@angular/common";
import * as i5 from "@asoftwareworld/form-builder-pro/image-crop";
import * as i6 from "@angular/material/button";
import * as i7 from "@angular/material/button-toggle";
import * as i8 from "@angular/material/card";
import * as i9 from "@angular/material/tooltip";
import * as i10 from "@asoftwareworld/form-builder-pro/core";
import * as i11 from "@asoftwareworld/form-builder-pro/common";
export class AswImageUploadDialog {
formBuilder;
dialogRef;
control;
sanitizer;
icons = Icons;
constants = Constants;
aswImageCropForm;
imageChangedEvent = '';
croppedImage = '';
roundCropper = false;
canvasRotation = 0;
rotation;
translateH = 0;
translateV = 0;
scale = 1;
aspectRatio = 1;
showCropper = false;
containWithinAspectRatio = false;
transform = {
translateUnit: 'px'
};
imageURL;
isImageLoaded = false;
allowMoveImage = false;
constructor(formBuilder, dialogRef, control, sanitizer) {
this.formBuilder = formBuilder;
this.dialogRef = dialogRef;
this.control = control;
this.sanitizer = sanitizer;
}
ngOnInit() {
this.validateFormBuilder();
this.editProperty(this.control);
this.croppedImage = this.control.imageUrl;
this.isImageLoaded = this.control.imageUrl ? false : true;
}
fileChangeEvent(event) {
this.isImageLoaded = true;
this.imageChangedEvent = event;
}
removeImage() {
this.isImageLoaded = true;
this.imageChangedEvent = null;
}
imageCropped(event) {
this.croppedImage = this.sanitizer.bypassSecurityTrustUrl(event.objectUrl || event.base64 || '');
}
imageLoaded() {
this.showCropper = true;
}
cropperReady(sourceImageDimensions) {
this.isImageLoaded = false;
}
loadImageFailed() {
console.log('Load failed');
}
rotateLeft() {
this.isImageLoaded = true;
setTimeout(() => {
// Use timeout because rotating image is a heavy operation and will block the ui thread
this.canvasRotation--;
this.flipAfterRotate();
});
}
rotateRight() {
this.isImageLoaded = true;
setTimeout(() => {
this.canvasRotation++;
this.flipAfterRotate();
});
}
moveLeft() {
this.transform = {
...this.transform,
translateH: ++this.translateH
};
}
moveRight() {
this.transform = {
...this.transform,
translateH: --this.translateH
};
}
moveTop() {
this.transform = {
...this.transform,
translateV: ++this.translateV
};
}
moveBottom() {
this.transform = {
...this.transform,
translateV: --this.translateV
};
}
flipAfterRotate() {
const flippedH = this.transform.flipH;
const flippedV = this.transform.flipV;
this.transform = {
...this.transform,
flipH: flippedV,
flipV: flippedH
};
this.translateH = 0;
this.translateV = 0;
}
flipHorizontal() {
this.transform = {
...this.transform,
flipH: !this.transform.flipH
};
}
flipVertical() {
this.transform = {
...this.transform,
flipV: !this.transform.flipV
};
}
resetImage() {
this.scale = 1;
this.rotation = 0;
this.canvasRotation = 0;
this.transform = {
translateUnit: 'px'
};
}
zoomOut() {
this.scale -= 0.1;
this.transform = {
...this.transform,
scale: this.scale
};
}
zoomIn() {
this.scale += 0.1;
this.transform = {
...this.transform,
scale: this.scale
};
}
setRoundCropper(isCircle) {
this.roundCropper = isCircle;
}
toggleContainWithinAspectRatio() {
this.containWithinAspectRatio = !this.containWithinAspectRatio;
}
updateRotation() {
this.transform = {
...this.transform,
rotate: this.rotation
};
}
onNoClick() {
this.dialogRef.close();
}
validateFormBuilder() {
this.aswImageCropForm = this.formBuilder.group({
file: [null]
});
}
editProperty(control) {
if (control.event) {
this.isImageLoaded = false;
}
this.aswImageCropForm.setValue({
file: control.imageUrl
});
}
onSubmit() {
if (this.aswImageCropForm.invalid) {
return;
}
this.control.imageUrl = this.croppedImage.changingThisBreaksApplicationSecurity;
this.dialogRef.close(this.control);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswImageUploadDialog, deps: [{ token: i1.FormBuilder }, { token: i2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: AswImageUploadDialog, selector: "asw-image-upload-dialog", ngImport: i0, template: "<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>", dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.AswImageCropComponent, selector: "asw-image-crop", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "cropperFrameAriaLabel", "output", "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"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i7.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i7.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i10.AswTranslatePipe, name: "aswTranslate" }, { kind: "pipe", type: i11.AswSafeHtmlPipe, name: "aswSafeHtml" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswImageUploadDialog, decorators: [{
type: Component,
args: [{ selector: 'asw-image-upload-dialog', template: "<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>" }]
}], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.MatDialogRef }, { type: undefined, decorators: [{
type: Inject,
args: [MAT_DIALOG_DATA]
}] }, { type: i3.DomSanitizer }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtdXBsb2FkLWRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0tY29udHJvbC9pbWFnZS9pbWFnZS11cGxvYWQtZGlhbG9nLnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZm9ybS1jb250cm9sL2ltYWdlL2ltYWdlLXVwbG9hZC1kaWFsb2cuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUUxRCxPQUFPLEVBQWdCLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBR3pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0seUNBQXlDLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFNM0UsTUFBTSxPQUFPLG9CQUFvQjtJQXVCakI7SUFDRDtJQUN5QjtJQUN4QjtJQXpCWixLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ2QsU0FBUyxHQUFRLFNBQVMsQ0FBQztJQUMzQixnQkFBZ0IsQ0FBYTtJQUM3QixpQkFBaUIsR0FBUSxFQUFFLENBQUM7SUFDNUIsWUFBWSxHQUFRLEVBQUUsQ0FBQztJQUN2QixZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLGNBQWMsR0FBRyxDQUFDLENBQUM7SUFDbkIsUUFBUSxDQUFVO0lBQ2xCLFVBQVUsR0FBRyxDQUFDLENBQUM7SUFDZixVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBQ2YsS0FBSyxHQUFHLENBQUMsQ0FBQztJQUNWLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFDaEIsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUNwQix3QkFBd0IsR0FBRyxLQUFLLENBQUM7SUFDakMsU0FBUyxHQUFtQjtRQUN4QixhQUFhLEVBQUUsSUFBSTtLQUN0QixDQUFDO0lBQ0YsUUFBUSxDQUFVO0lBQ2xCLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDdEIsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUV2QixZQUNZLFdBQXdCLEVBQ3pCLFNBQTZDLEVBQ3BCLE9BQVksRUFDcEMsU0FBdUI7UUFIdkIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDekIsY0FBUyxHQUFULFNBQVMsQ0FBb0M7UUFDcEIsWUFBTyxHQUFQLE9BQU8sQ0FBSztRQUNwQyxjQUFTLEdBQVQsU0FBUyxDQUFjO0lBQ2hDLENBQUM7SUFFSixRQUFRO1FBQ0osSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDaEMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUMxQyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUM5RCxDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7UUFDMUIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUNuQyxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1FBQzFCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7SUFDbEMsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUF3QjtRQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsc0JBQXNCLENBQUMsS0FBSyxDQUFDLFNBQVMsSUFBSSxLQUFLLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3JHLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDNUIsQ0FBQztJQUVELFlBQVksQ0FBQyxxQkFBaUM7UUFDMUMsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDL0IsQ0FBQztJQUVELGVBQWU7UUFDWCxPQUFPLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxVQUFVO1FBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7UUFDMUIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLHVGQUF1RjtZQUN2RixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztRQUMxQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFNBQVMsR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsVUFBVSxFQUFFLEVBQUUsSUFBSSxDQUFDLFVBQVU7U0FDaEMsQ0FBQztJQUNOLENBQUM7SUFFRCxTQUFTO1FBQ0wsSUFBSSxDQUFDLFNBQVMsR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsVUFBVSxFQUFFLEVBQUUsSUFBSSxDQUFDLFVBQVU7U0FDaEMsQ0FBQztJQUNOLENBQUM7SUFFRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFNBQVMsR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsVUFBVSxFQUFFLEVBQUUsSUFBSSxDQUFDLFVBQVU7U0FDaEMsQ0FBQztJQUNOLENBQUM7SUFFRCxVQUFVO1FBQ04sSUFBSSxDQUFDLFNBQVMsR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsVUFBVSxFQUFFLEVBQUUsSUFBSSxDQUFDLFVBQVU7U0FDaEMsQ0FBQztJQUNOLENBQUM7SUFFTyxlQUFlO1FBQ25CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1FBQ3RDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxTQUFTLEdBQUc7WUFDYixHQUFHLElBQUksQ0FBQyxTQUFTO1lBQ2pCLEtBQUssRUFBRSxRQUFRO1lBQ2YsS0FBSyxFQUFFLFFBQVE7U0FDbEIsQ0FBQztRQUNGLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxjQUFjO1FBQ1YsSUFBSSxDQUFDLFNBQVMsR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsS0FBSyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLO1NBQy9CLENBQUM7SUFDTixDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksQ0FBQyxTQUFTLEdBQUc7WUFDYixHQUFHLElBQUksQ0FBQyxTQUFTO1lBQ2pCLEtBQUssRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSztTQUMvQixDQUFDO0lBQ04sQ0FBQztJQUVELFVBQVU7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUNmLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUc7WUFDYixhQUFhLEVBQUUsSUFBSTtTQUN0QixDQUFDO0lBQ04sQ0FBQztJQUVELE9BQU87UUFDSCxJQUFJLENBQUMsS0FBSyxJQUFJLEdBQUcsQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHO1lBQ2IsR0FBRyxJQUFJLENBQUMsU0FBUztZQUNqQixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7U0FDcEIsQ0FBQztJQUNOLENBQUM7SUFFRCxNQUFNO1FBQ0YsSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUM7UUFDbEIsSUFBSSxDQUFDLFNBQVMsR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1NBQ3BCLENBQUM7SUFDTixDQUFDO0lBRUQsZUFBZSxDQUFDLFFBQWlCO1FBQzdCLElBQUksQ0FBQyxZQUFZLEdBQUcsUUFBUSxDQUFDO0lBQ2pDLENBQUM7SUFFRCw4QkFBOEI7UUFDMUIsSUFBSSxDQUFDLHdCQUF3QixHQUFHLENBQUMsSUFBSSxDQUFDLHdCQUF3QixDQUFDO0lBQ25FLENBQUM7SUFFRCxjQUFjO1FBQ1YsSUFBSSxDQUFDLFNBQVMsR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ3hCLENBQUM7SUFDTixDQUFDO0lBRUQsU0FBUztRQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELG1CQUFtQjtRQUNmLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUMzQyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7U0FDZixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsWUFBWSxDQUFDLE9BQVk7UUFDckIsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFDL0IsQ0FBQztRQUNELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUM7WUFDM0IsSUFBSSxFQUFFLE9BQU8sQ0FBQyxRQUFRO1NBQ3pCLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDaEMsT0FBTztRQUNYLENBQUM7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLHFDQUFxQyxDQUFDO1FBQ2hGLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN2QyxDQUFDO3VHQXRNUSxvQkFBb0IseUVBeUJqQixlQUFlOzJGQXpCbEIsb0JBQW9CLCtEQ25CakMsaWthQW9NTzs7MkZEakxNLG9CQUFvQjtrQkFKaEMsU0FBUzsrQkFDSSx5QkFBeUI7OzBCQTRCOUIsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEFTVyAoQSBTb2Z0d2FyZSBXb3JsZCkgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZVxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7IERpbWVuc2lvbnMsIEltYWdlQ3JvcHBlZEV2ZW50LCBJbWFnZVRyYW5zZm9ybSB9IGZyb20gJ0Bhc29mdHdhcmV3b3JsZC9mb3JtLWJ1aWxkZXItcHJvL2FwaSc7XG5pbXBvcnQgeyBDb25zdGFudHMsIEljb25zIH0gZnJvbSAnQGFzb2Z0d2FyZXdvcmxkL2Zvcm0tYnVpbGRlci1wcm8vY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhc3ctaW1hZ2UtdXBsb2FkLWRpYWxvZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLXVwbG9hZC1kaWFsb2cuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQXN3SW1hZ2VVcGxvYWREaWFsb2cgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIGljb25zID0gSWNvbnM7XG4gICAgY29uc3RhbnRzOiBhbnkgPSBDb25zdGFudHM7XG4gICAgYXN3SW1hZ2VDcm9wRm9ybSE6IEZvcm1Hcm91cDtcbiAgICBpbWFnZUNoYW5nZWRFdmVudDogYW55ID0gJyc7XG4gICAgY3JvcHBlZEltYWdlOiBhbnkgPSAnJztcbiAgICByb3VuZENyb3BwZXIgPSBmYWxzZTtcbiAgICBjYW52YXNSb3RhdGlvbiA9IDA7XG4gICAgcm90YXRpb24/OiBudW1iZXI7XG4gICAgdHJhbnNsYXRlSCA9IDA7XG4gICAgdHJhbnNsYXRlViA9IDA7XG4gICAgc2NhbGUgPSAxO1xuICAgIGFzcGVjdFJhdGlvID0gMTtcbiAgICBzaG93Q3JvcHBlciA9IGZhbHNlO1xuICAgIGNvbnRhaW5XaXRoaW5Bc3BlY3RSYXRpbyA9IGZhbHNlO1xuICAgIHRyYW5zZm9ybTogSW1hZ2VUcmFuc2Zvcm0gPSB7XG4gICAgICAgIHRyYW5zbGF0ZVVuaXQ6ICdweCdcbiAgICB9O1xuICAgIGltYWdlVVJMPzogc3RyaW5nO1xuICAgIGlzSW1hZ2VMb2FkZWQgPSBmYWxzZTtcbiAgICBhbGxvd01vdmVJbWFnZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZm9ybUJ1aWxkZXI6IEZvcm1CdWlsZGVyLFxuICAgICAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8QXN3SW1hZ2VVcGxvYWREaWFsb2c+LFxuICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGNvbnRyb2w6IGFueSxcbiAgICAgICAgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplclxuICAgICkge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnZhbGlkYXRlRm9ybUJ1aWxkZXIoKTtcbiAgICAgICAgdGhpcy5lZGl0UHJvcGVydHkodGhpcy5jb250cm9sKTtcbiAgICAgICAgdGhpcy5jcm9wcGVkSW1hZ2UgPSB0aGlzLmNvbnRyb2wuaW1hZ2VVcmw7XG4gICAgICAgIHRoaXMuaXNJbWFnZUxvYWRlZCA9IHRoaXMuY29udHJvbC5pbWFnZVVybCA/IGZhbHNlIDogdHJ1ZTtcbiAgICB9XG5cbiAgICBmaWxlQ2hhbmdlRXZlbnQoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzSW1hZ2VMb2FkZWQgPSB0cnVlO1xuICAgICAgICB0aGlzLmltYWdlQ2hhbmdlZEV2ZW50ID0gZXZlbnQ7XG4gICAgfVxuXG4gICAgcmVtb3ZlSW1hZ2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNJbWFnZUxvYWRlZCA9IHRydWU7XG4gICAgICAgIHRoaXMuaW1hZ2VDaGFuZ2VkRXZlbnQgPSBudWxsO1xuICAgIH1cblxuICAgIGltYWdlQ3JvcHBlZChldmVudDogSW1hZ2VDcm9wcGVkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jcm9wcGVkSW1hZ2UgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0VXJsKGV2ZW50Lm9iamVjdFVybCB8fCBldmVudC5iYXNlNjQgfHwgJycpO1xuICAgIH1cblxuICAgIGltYWdlTG9hZGVkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNob3dDcm9wcGVyID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBjcm9wcGVyUmVhZHkoc291cmNlSW1hZ2VEaW1lbnNpb25zOiBEaW1lbnNpb25zKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNJbWFnZUxvYWRlZCA9IGZhbHNlO1xuICAgIH1cblxuICAgIGxvYWRJbWFnZUZhaWxlZCgpOiB2b2lkIHtcbiAgICAgICAgY29uc29sZS5sb2coJ0xvYWQgZmFpbGVkJyk7XG4gICAgfVxuXG4gICAgcm90YXRlTGVmdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0ltYWdlTG9hZGVkID0gdHJ1ZTtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAvLyBVc2UgdGltZW91dCBiZWNhdXNlIHJvdGF0aW5nIGltYWdlIGlzIGEgaGVhdnkgb3BlcmF0aW9uIGFuZCB3aWxsIGJsb2NrIHRoZSB1aSB0aHJlYWRcbiAgICAgICAgICAgIHRoaXMuY2FudmFzUm90YXRpb24tLTtcbiAgICAgICAgICAgIHRoaXMuZmxpcEFmdGVyUm90YXRlKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHJvdGF0ZVJpZ2h0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzSW1hZ2VMb2FkZWQgPSB0cnVlO1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuY2FudmFzUm90YXRpb24rKztcbiAgICAgICAgICAgIHRoaXMuZmxpcEFmdGVyUm90YXRlKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG1vdmVMZWZ0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybSA9IHtcbiAgICAgICAgICAgIC4uLnRoaXMudHJhbnNmb3JtLFxuICAgICAgICAgICAgdHJhbnNsYXRlSDogKyt0aGlzLnRyYW5zbGF0ZUhcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICBtb3ZlUmlnaHQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudHJhbnNmb3JtID0ge1xuICAgICAgICAgICAgLi4udGhpcy50cmFuc2Zvcm0sXG4gICAgICAgICAgICB0cmFuc2xhdGVIOiAtLXRoaXMudHJhbnNsYXRlSFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIG1vdmVUb3AoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudHJhbnNmb3JtID0ge1xuICAgICAgICAgICAgLi4udGhpcy50cmFuc2Zvcm0sXG4gICAgICAgICAgICB0cmFuc2xhdGVWOiArK3RoaXMudHJhbnNsYXRlVlxuICAgICAgICB9O1xuICAgIH1cblxuICAgIG1vdmVCb3R0b20oKTogdm9pZCB7XG4gICAgICAgIHRoaXMudHJhbnNmb3JtID0ge1xuICAgICAgICAgICAgLi4udGhpcy50cmFuc2Zvcm0sXG4gICAgICAgICAgICB0cmFuc2xhdGVWOiAtLXRoaXMudHJhbnNsYXRlVlxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHByaXZhdGUgZmxpcEFmdGVyUm90YXRlKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBmbGlwcGVkSCA9IHRoaXMudHJhbnNmb3JtLmZsaXBIO1xuICAgICAgICBjb25zdCBmbGlwcGVkViA9IHRoaXMudHJhbnNmb3JtLmZsaXBWO1xuICAgICAgICB0aGlzLnRyYW5zZm9ybSA9IHtcbiAgICAgICAgICAgIC4uLnRoaXMudHJhbnNmb3JtLFxuICAgICAgICAgICAgZmxpcEg6IGZsaXBwZWRWLFxuICAgICAgICAgICAgZmxpcFY6IGZsaXBwZWRIXG4gICAgICAgIH07XG4gICAgICAgIHRoaXMudHJhbnNsYXRlSCA9IDA7XG4gICAgICAgIHRoaXMudHJhbnNsYXRlViA9IDA7XG4gICAgfVxuXG4gICAgZmxpcEhvcml6b250YWwoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudHJhbnNmb3JtID0ge1xuICAgICAgICAgICAgLi4udGhpcy50cmFuc2Zvcm0sXG4gICAgICAgICAgICBmbGlwSDogIXRoaXMudHJhbnNmb3JtLmZsaXBIXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgZmxpcFZlcnRpY2FsKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybSA9IHtcbiAgICAgICAgICAgIC4uLnRoaXMudHJhbnNmb3JtLFxuICAgICAgICAgICAgZmxpcFY6ICF0aGlzLnRyYW5zZm9ybS5mbGlwVlxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHJlc2V0SW1hZ2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2NhbGUgPSAxO1xuICAgICAgICB0aGlzLnJvdGF0aW9uID0gMDtcbiAgICAgICAgdGhpcy5jYW52YXNSb3RhdGlvbiA9IDA7XG4gICAgICAgIHRoaXMudHJhbnNmb3JtID0ge1xuICAgICAgICAgICAgdHJhbnNsYXRlVW5pdDogJ3B4J1xuICAgICAgICB9O1xuICAgIH1cblxuICAgIHpvb21PdXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2NhbGUgLT0gMC4xO1xuICAgICAgICB0aGlzLnRyYW5zZm9ybSA9IHtcbiAgICAgICAgICAgIC4uLnRoaXMudHJhbnNmb3JtLFxuICAgICAgICAgICAgc2NhbGU6IHRoaXMuc2NhbGVcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICB6b29tSW4oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2NhbGUgKz0gMC4xO1xuICAgICAgICB0aGlzLnRyYW5zZm9ybSA9IHtcbiAgICAgICAgICAgIC4uLnRoaXMudHJhbnNmb3JtLFxuICAgICAgICAgICAgc2NhbGU6IHRoaXMuc2NhbGVcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICBzZXRSb3VuZENyb3BwZXIoaXNDaXJjbGU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5yb3VuZENyb3BwZXIgPSBpc0NpcmNsZTtcbiAgICB9XG5cbiAgICB0b2dnbGVDb250YWluV2l0aGluQXNwZWN0UmF0aW8oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29udGFpbldpdGhpbkFzcGVjdFJhdGlvID0gIXRoaXMuY29udGFpbldpdGhpbkFzcGVjdFJhdGlvO1xuICAgIH1cblxuICAgIHVwZGF0ZVJvdGF0aW9uKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybSA9IHtcbiAgICAgICAgICAgIC4uLnRoaXMudHJhbnNmb3JtLFxuICAgICAgICAgICAgcm90YXRlOiB0aGlzLnJvdGF0aW9uXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgb25Ob0NsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgIH1cblxuICAgIHZhbGlkYXRlRm9ybUJ1aWxkZXIoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYXN3SW1hZ2VDcm9wRm9ybSA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgICAgICAgZmlsZTogW251bGxdXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGVkaXRQcm9wZXJ0eShjb250cm9sOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgaWYgKGNvbnRyb2wuZXZlbnQpIHtcbiAgICAgICAgICAgIHRoaXMuaXNJbWFnZUxvYWRlZCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuYXN3SW1hZ2VDcm9wRm9ybS5zZXRWYWx1ZSh7XG4gICAgICAgICAgICBmaWxlOiBjb250cm9sLmltYWdlVXJsXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uU3VibWl0KCk6IHZvaWQge1xuI