@rlucan/ui 14.2.6 → 16.2.2

package/esm2022/lib/file-uploader/ui-file-uploader.component.mjs

@@ -1,405 +1,405 @@
-import { Component, EventEmitter, Host, Inject, Input, Optional, Output, SkipSelf } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { UI_FILESERVICE } from '../services/ui-file.service';
-import { UiSimpleComponent } from '../layouts/simple/ui-simple.component';
-import { UI_TRANSLATESERVICE } from '../services/ui-translate.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "../services/ui-file.service";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/material/tooltip";
-import * as i6 from "ngx-uploader";
-import * as i7 from "@angular/material/progress-spinner";
-import * as i8 from "ngx-image-cropper";
-import * as i9 from "../file/file.component";
-export class UiFileUploaderComponent extends UiSimpleComponent {
-    get menuTemplate() {
-        return this.templates?.menuTemplate;
-    }
-    get addFileTemplate() {
-        return this.templates?.addFileTemplate;
-    }
-    get fileTemplate() {
-        return this.templates?.fileTemplate;
-    }
-    constructor(fileServiceConfig, translateService, controlContainer, fileService) {
-        super(null, controlContainer);
-        this.fileServiceConfig = fileServiceConfig;
-        this.translateService = translateService;
-        this.controlContainer = controlContainer;
-        this.fileService = fileService;
-        this.maxFiles = 1;
-        this.multiple = true;
-        this.crop = false;
-        this.cropRounded = false;
-        this.fileSize = 'default';
-        this.customFileMenu = false;
-        this.newFilePosition = 'last';
-        this.templates = {};
-        this.previewPosition = 'bottom';
-        this.imageCropped = new EventEmitter();
-        this.fileEvent = new EventEmitter();
-        this.uploadOptions = {
-            concurrency: this.fileServiceConfig.concurrentUploads
-        };
-        this.uploading = false;
-        this.showCropper = false;
-        this.showCropPreview = {};
-        this.cropPreviewTimeouts = {};
-        this.cropSourceImages = {};
-        this.cropperImageLoaded = {};
-        this.imagesDone = {};
-        this.transform = {};
-        this.canvasRotation = {};
-        this.refreshAddInput = false;
-        this.patchingValues = false;
-        this.inputArray = false;
-        this.dragging = false;
-        this.uploaderId = Math.round(Math.random() * 1000000);
-        this.croppedImages = {};
-        this.fileService.uploadSubscription.next({ action: 'register', data: this });
-        this.fileService.uploadSubscription.subscribe((v) => {
-            switch (v.action) {
-                case 'uploadStarted':
-                    this.uploading = true;
-                    break;
-                case 'uploadFailed':
-                case 'uploadSuccess':
-                    setTimeout(() => {
-                        this.uploading = false;
-                    });
-                    this.patchValues();
-            }
-        });
-    }
-    get uploadInput() {
-        return this.fileService.uploadInput;
-    }
-    get editable() {
-        return this.componentFormControl.enabled;
-    }
-    get ngAddStyle() {
-        return {
-            width: Math.abs(this.fileServiceConfig.imageSizes[this.fileSize][0]) + 'px',
-            height: Math.abs(this.fileServiceConfig.imageSizes[this.fileSize][1]) + 'px',
-        };
-    }
-    get aspectRatio() {
-        return this.fileServiceConfig.imageSizes[this.fileSize][0] / this.fileServiceConfig.imageSizes[this.fileSize][1];
-    }
-    get addFileImgSrc() {
-        return this.fileServiceConfig.addFileImgSrc;
-    }
-    cropDone(f) {
-        return !f.$newFile || this.imagesDone[f.$newFile.id];
-    }
-    // ngOnInit(): void {
-    //   super.ngOnInit();
-    // }
-    ngOnDestroy() {
-        this.fileService.uploadSubscription.next({ action: 'destroy', data: this });
-    }
-    remove(f) {
-        if (f.$newFile) {
-            this.uploadInput.emit({ type: 'remove', id: f.$newFile.id });
-        }
-        this.files.splice(this.files.indexOf(f), 1);
-        this.prepareResponse();
-        // this.onChange(this.inputArray ? this.files : (this.files.length > 0 ? this.files[0] : null));
-        this.fileEvent.emit({ message: 'fileRemoved', data: f });
-        //     this.patchValues();
-    }
-    patchValues() {
-        this.patchingValues = true;
-        // if (this.inputArray) {
-        //   this.componentFormControl.setValue(this.files.map(f => f.custom));
-        // } else {
-        //   this.componentFormControl.setValue(this.files.length === 0 ? null : this.files[0].custom);
-        // }
-        this.patchingValues = false;
-    }
-    get hasFilesToUpload() {
-        return !!this.files.find(f => f.$newFile && f.$newFile.progress.status !== 2);
-    }
-    canImagePreview(type) {
-        return type.startsWith('image/') || type.startsWith('video/');
-    }
-    onUploadOutput($event, skipCustomValidation = false) {
-        // console.log($event);
-        switch ($event.type) {
-            case 'start':
-                break;
-            case 'dragOver':
-                this.dragging = true;
-                break;
-            case 'dragOut':
-            case 'drop':
-                this.dragging = false;
-                break;
-            case 'addedToQueue':
-                if (this.crop && !$event.file.type.startsWith('image/')) {
-                    this.uploadInput.emit({ type: 'remove', id: $event.file.id });
-                    this.fileEvent.emit({ message: 'cropInvalidFileType', data: $event.file });
-                    return;
-                }
-                if (!skipCustomValidation && this.fileServiceConfig.fileValidation) {
-                    this.fileServiceConfig.fileValidation(this.fileSize, $event.file).then(valid => {
-                        if (valid) {
-                            this.onUploadOutput($event, true);
-                        }
-                        else {
-                            this.uploadInput.emit({ type: 'remove', id: $event.file.id });
-                            // this.fileEvent.emit({ message: 'cropInvalidFileType', data: $event.file });
-                        }
-                    });
-                }
-                else {
-                    let f;
-                    if (this.changeFileIndex !== undefined) {
-                        f = this.files[this.changeFileIndex];
-                        if (f.$newFile) {
-                            this.uploadInput.emit({ type: 'remove', id: f.$newFile.id });
-                        }
-                        f.$newFile = $event.file;
-                        f.custom = $event.file;
-                        this.changeFileIndex = undefined;
-                    }
-                    else {
-                        f = { custom: $event.file, $newFile: $event.file };
-                        if (this.newFilePosition === 'last') {
-                            this.files.push(f);
-                        }
-                        else {
-                            this.files.unshift(f);
-                        }
-                    }
-                    if (this.canImagePreview($event.file.type)) {
-                        if (this.crop) {
-                            this.canvasRotation[$event.file.id] = 0;
-                            this.cropSourceImages[$event.file.id] = $event.file.nativeFile;
-                            this.cropperImageLoaded[$event.file.id] = false;
-                        }
-                    }
-                    this.prepareResponse();
-                    this.fileEvent.emit({ message: 'fileAdded', data: f });
-                }
-                break;
-            case 'done':
-                const df = this.files.find(f => f.$newFile === $event.file);
-                if (df) {
-                    if (df.$newFile.responseStatus === 200) {
-                        this.files[this.files.indexOf(df)].custom = df.$newFile.response;
-                        df.$newFile = null;
-                    }
-                    else {
-                        // console.log('error on upload', df.$event);
-                    }
-                }
-                if (!this.hasFilesToUpload) {
-                    this.prepareResponse(false);
-                    this.fileService.uploadSubscription.next({
-                        action: this.files.find(f => !!f.$newFile) ? 'uploadControlFailed' : 'uploadControlSuccess'
-                    });
-                }
-                break;
-        }
-    }
-    prepareResponse(doemit = true) {
-        if (this.inputArray) {
-            if (!this.responseFiles) {
-                this.responseFiles = [];
-            }
-            this.responseFiles.length = 0;
-            this.files.forEach(f => this.responseFiles.push({ ...f.custom, $newFile: f.$newFile }));
-        }
-        else {
-            if (this.files.length === 0) {
-                this.responseFiles = null;
-            }
-            else {
-                if (!this.responseFiles) {
-                    this.responseFiles = {};
-                }
-                Object.keys(this.files[0].custom).forEach(k => {
-                    this.responseFiles[k] = this.files[0].custom[k];
-                });
-                this.responseFiles.$newFile = this.files[0].$newFile;
-            }
-        }
-        if (doemit) {
-            this.onChange(this.responseFiles);
-        }
-        // console.log('emit', this.files[1], { ...this.files[1].custom, $newFile: this.files[1].$newFile });
-        // this.onChange(this.inputArray ?
-        //   this.files.map(f => ({ ...f.custom, $newFile: f.$newFile})) :
-        //   (this.files.length > 0 ? { ...this.files[0].custom, $newFile: this.files[0].$newFile } : null));
-        // this.onChange(this.inputArray ?
-        //   this.files :
-        //   (this.files.length > 0 ? this.files[0] : null));
-    }
-    beforeSave() {
-        return new Promise((res, rej) => {
-            this.files.forEach(f => {
-                if (f.$newFile && f.$newFile.progress.status === 2) {
-                    f.$newFile.progress.status = 0;
-                }
-                if (this.crop && f.$newFile && !this.imagesDone[f.$newFile.id]) {
-                    this.cropperDone(f.$newFile.id);
-                }
-            });
-            setTimeout(() => {
-                res('done');
-            }, 250);
-        });
-    }
-    fileChangeEvent(event, f) {
-        this.changeFileIndex = this.files.indexOf(f);
-    }
-    startCropPreview(id) {
-        clearTimeout(this.cropPreviewTimeouts[id]);
-        this.showCropPreview[id] = !!this.cropSourceImages[id];
-    }
-    stopCropPreview(id) {
-        this.cropPreviewTimeouts[id] = setTimeout(() => {
-            this.showCropPreview[id] = false;
-        }, 250);
-    }
-    zoomCroppedImage(dir, id) {
-        let scale = this.transform[id].scale;
-        scale += dir;
-        if (scale < 0.1) {
-            scale = 0.1;
-        }
-        this.transform[id] = {
-            ...this.transform[id],
-            scale
-        };
-    }
-    rotateCroppedImage(dir, id) {
-        this.canvasRotation[id] += dir;
-        const flippedH = this.transform[id].flipH;
-        const flippedV = this.transform[id].flipV;
-        this.transform[id] = {
-            ...this.transform[id],
-            flipH: flippedV,
-            flipV: flippedH
-        };
-    }
-    onImageCropped(event, id) {
-        this.croppedImages[id] = event;
-        this.imageCropped.emit(event);
-    }
-    imageLoaded(id) {
-        this.showCropper = true;
-        setTimeout(() => {
-            this.transform[id] = {
-                scale: 1
-            };
-        });
-    }
-    cropperReady(sourceImageDimensions, id) {
-        this.cropperImageLoaded[id] = true;
-    }
-    loadImageFailed() {
-    }
-    toggleMenuVisibility(f) {
-        this.fileMenuOpened = f;
-    }
-    menuClick() {
-        this.fileMenuOpened = undefined;
-    }
-    writeValue(obj) {
-        this.inputArray = obj instanceof Array;
-        if (this.inputArray) {
-            this.files = obj.map(f => ({ custom: f, $newFile: null }));
-        }
-        else {
-            this.files = obj ? [{ custom: obj, $newFile: null }] : [];
-        }
-        this.cropSourceImages = {};
-    }
-    cropperDone(id) {
-        const f = this.files.find(fx => fx.$newFile && fx.$newFile.id === id);
-        if (f) {
-            // const url = this.croppedImages[id];
-            // console.log(url);
-            // fetch(url)
-            //   .then(res => res.blob())
-            //   .then(blob => {
-            //     f.$newFile.nativeFile = new File([ blob ], 'crop.png', {
-            //       type: 'image/png'
-            //     });
-            //     f.$newFile.name = 'crop.png';
-            //     f.$newFile.size = f.$newFile.nativeFile.size;
-            //     f.$newFile.type = f.$newFile.nativeFile.type;
-            //     this.imagesDone[id] = true;
-            //     console.log(f);
-            //   })
-            const croppedImage = this.croppedImages[id];
-            f.$newFile.nativeFile = new File([croppedImage.blob], 'crop.png', {
-                type: 'image/png'
-            });
-            f.$newFile.name = 'crop.png';
-            f.$newFile.size = f.$newFile.nativeFile.size;
-            f.$newFile.type = f.$newFile.nativeFile.type;
-            this.imagesDone[id] = true;
-            console.log(f);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiFileUploaderComponent, deps: [{ token: UI_FILESERVICE, optional: true }, { token: UI_TRANSLATESERVICE }, { token: i1.ControlContainer, host: true, optional: true, skipSelf: true }, { token: i2.UiFileService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: UiFileUploaderComponent, selector: "ui-file-uploader", inputs: { maxFiles: "maxFiles", multiple: "multiple", crop: "crop", cropRounded: "cropRounded", cropMaxWidth: "cropMaxWidth", fileSize: "fileSize", customFileMenu: "customFileMenu", addHint: "addHint", newFilePosition: "newFilePosition", templates: "templates", previewPosition: "previewPosition" }, outputs: { imageCropped: "imageCropped", fileEvent: "fileEvent" }, providers: [{
-                provide: NG_VALUE_ACCESSOR,
-                multi: true,
-                useExisting: UiFileUploaderComponent,
-            }], usesInheritance: true, ngImport: i0, template: "<div class=\"label\" *ngIf=\"label\">\r\n  <div class=\"text-container\" [matTooltip]=\"required ? translateService.instant('ui.controls.validation.required') : undefined\" [matTooltipPosition]=\"'above'\">\r\n    <div class=\"text\">{{label}}</div>\r\n    <div *ngIf=\"required\" class=\"required\">*</div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"files-container\" [ngClass]=\"{dragging: dragging, disabled: uploading || !editable}\">\r\n\r\n  <div class=\"existing-files\">\r\n\r\n    <div class=\"file-container\" *ngFor=\"let f of files\">\r\n\r\n      <div class=\"file-menu\" (click)=\"toggleMenuVisibility(f)\" *ngIf=\"!customFileMenu && editable && !uploading\">\r\n        <mat-icon>menu</mat-icon>\r\n      </div>\r\n      <div class=\"file-menu-container mat-elevation-z2\" [ngClass]=\"{visible: f === fileMenuOpened}\" (click)=\"menuClick()\" (mouseleave)=\"menuClick()\">\r\n        <ng-container *ngIf=\"!menuTemplate\">\r\n          <label class=\"menu-item\">{{ translateService.instant('ui.controls.ui-file-uploader.menu.change') }}\r\n            <input *ngIf=\"!refreshAddInput\" style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                   (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </label>\r\n          <div class=\"menu-item\" (click)=\"remove(f)\">{{ translateService.instant('ui.controls.ui-file-uploader.menu.delete') }}</div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"menuTemplate\">\r\n          <ng-template [ngTemplateOutlet]=\"menuTemplate\" [ngTemplateOutletContext]=\"{fileInput: fileInput}\"></ng-template>\r\n          <ng-template #fileInput>\r\n          <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                 (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div *ngIf=\"crop && !cropDone(f)\" (mouseenter)=\"startCropPreview(f.$newFile.id)\" (mouseleave)=\"stopCropPreview(f.$newFile.id)\">\r\n        <div class=\"crop-container\" [ngStyle]=\"ngAddStyle\">\r\n\r\n          <ui-file *ngIf=\"false && files.length > 0 && !cropSourceImages\" [fileSize]=\"fileSize\" [srcData]=\"files[0].custom\" [ngClass]=\"{rounded: cropRounded}\"></ui-file>\r\n\r\n          <mat-spinner *ngIf=\"!cropperImageLoaded[f.$newFile.id] && cropSourceImages[f.$newFile.id]\" [diameter]=\"75\"></mat-spinner>\r\n\r\n          <image-cropper *ngIf=\"cropSourceImages[f.$newFile.id]\"\r\n                         [imageFile]=\"cropSourceImages[f.$newFile.id]\"\r\n                         [maintainAspectRatio]=\"true\"\r\n                         [containWithinAspectRatio]=\"false\"\r\n                         [aspectRatio]=\"aspectRatio\"\r\n                         [resizeToWidth]=\"cropMaxWidth\"\r\n                         [onlyScaleDown]=\"false\"\r\n                         [roundCropper]=\"cropRounded\"\r\n                         [canvasRotation]=\"canvasRotation[f.$newFile.id]\"\r\n                         [transform]=\"transform[f.$newFile.id]\"\r\n                         [alignImage]=\"'center'\"\r\n                         [style.display]=\"showCropper ? null : 'none'\"\r\n                         [format]=\"'png'\"\r\n                         (imageCropped)=\"onImageCropped($event, f.$newFile.id)\"\r\n                         (imageLoaded)=\"imageLoaded(f.$newFile.id)\"\r\n                         (cropperReady)=\"cropperReady($event, f.$newFile.id)\"\r\n                         (loadImageFailed)=\"loadImageFailed()\"\r\n          ></image-cropper>\r\n\r\n          <div class=\"crop-preview mat-elevation-z2\" [class]=\"previewPosition\" *ngIf=\"true || (showCropPreview[f.$newFile.id] && cropperImageLoaded[f.$newFile.id])\">\r\n            <div class=\"crop-menu\">\r\n              <mat-icon (click)=\"zoomCroppedImage(.1, f.$newFile.id)\">zoom_in</mat-icon>\r\n              <mat-icon (click)=\"zoomCroppedImage(- .1, f.$newFile.id)\">zoom_out</mat-icon>\r\n              <mat-icon (click)=\"rotateCroppedImage(-1, f.$newFile.id)\">rotate_left</mat-icon>\r\n              <mat-icon (click)=\"rotateCroppedImage(1, f.$newFile.id)\">rotate_right</mat-icon>\r\n              <div style=\"flex: 1 1 100%\"></div>\r\n              <label class=\"menu-item\">\r\n                <mat-icon>upload_file</mat-icon>\r\n                <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                       (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n              </label>\r\n              <mat-icon (click)=\"remove(f)\">delete_outline</mat-icon>\r\n              <div style=\"flex: 1 1 100%\"></div>\r\n              <mat-icon (click)=\"cropperDone(f.$newFile.id)\">done</mat-icon>\r\n            </div>\r\n            <img *ngIf=\"croppedImages[f.$newFile.id]\" [src]=\"croppedImages[f.$newFile.id].objectUrl\" [ngClass]=\"{rounded: cropRounded}\"/>\r\n          </div>\r\n\r\n        </div>\r\n\r\n\r\n\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"!crop || cropDone(f)\">\r\n        <ng-container *ngIf=\"fileTemplate\">\r\n          <ng-template [ngTemplateOutlet]=\"fileTemplate\" [ngTemplateOutletContext]=\"{file: f, fileInput: fileInput2}\"></ng-template>\r\n          <ng-template #fileInput2>\r\n            <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                   (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </ng-template>\r\n        </ng-container>\r\n\r\n        <ui-file *ngIf=\"!fileTemplate\" [fileSize]=\"fileSize\" [srcData]=\"f.$newFile ? f.$newFile: f.custom\" [ngClass]=\"{rounded: crop && cropRounded}\">\r\n        </ui-file>\r\n\r\n        <ng-container *ngIf=\"f.$newFile\">\r\n          <div *ngIf=\"f.$newFile.responseStatus && f.$newFile.responseStatus !== 200\" class=\"progress-container error\">\r\n            {{ translateService.instant('ui.controls.ui-file-uploader.uploadError', f.$newFile.response) }}\r\n          </div>\r\n          <div *ngIf=\"!f.$newFile.responseStatus && f.$newFile.progress.status === 1\" class=\"progress-container\">\r\n            <div class=\"progress\" [ngStyle]=\"{width: f.$newFile.progress.data.percentage + '%'}\"></div>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <div class=\"file-container add\" ngFileDrop  [options]=\"uploadOptions\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\" [ngClass]=\"{visible: files.length < maxFiles || maxFiles === 0}\" [ngStyle]=\"addFileTemplate ? {} : ngAddStyle\">\r\n    <label>\r\n      <ng-container *ngIf=\"addFileTemplate\">\r\n        <ng-template [ngTemplateOutlet]=\"addFileTemplate\"></ng-template>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!addFileTemplate\">\r\n        <div class=\"upload-image-container\"></div>\r\n        <img [src]=\"addFileImgSrc\" [ngClass]=\"{'with-hint': addHint}\" />\r\n        <div *ngIf=\"addHint\" class=\"add-hint\">{{addHint}}</div>\r\n      </ng-container>\r\n      <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\" [multiple]=\"maxFiles === 0 && multiple\">\r\n    </label>\r\n  </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex;flex-wrap:wrap}:host .label .text{font-size:.9em;line-height:1em;padding:6px 0 4px}:host .files-container{display:flex;flex-wrap:wrap;border-style:solid}:host .files-container .existing-files{display:flex;flex-wrap:wrap}:host .files-container.dragging .add label{border:2px dashed grey;background-color:#0000001a}:host .files-container.disabled .add{opacity:.5;pointer-events:none}:host .file-container{max-width:100%;max-height:100%;position:relative;display:flex;align-items:center;justify-content:center}:host .file-container .progress-container{position:absolute;bottom:0;left:1px;right:1px;height:20%;max-height:20px;background-color:#0000001a}:host .file-container .progress-container.error{background-color:red;color:#fff;display:flex;align-items:center;justify-content:center}:host .file-container .progress-container .progress{background-color:#0000004d;height:100%}:host .file-container.add{display:flex;align-items:center;flex-direction:column;transition:opacity .25s;cursor:pointer}:host .file-container.add:not(.visible){display:none}:host .file-container.add img{max-width:100%;max-height:100%}:host .file-container.add img.with-hint{max-height:75%}:host .file-container.add .add-hint{margin-top:8px;font-size:80%;text-align:center}:host .file-container.add label{position:absolute;inset:0;cursor:pointer;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}:host .file-container.add .upload-image-container{display:none}:host .file-container .file-menu-container{display:none;position:absolute;left:calc(100% - 45px);top:27px;z-index:1000}:host .file-container .file-menu-container ::ng-deep .menu-item{position:relative;padding:12px 24px;cursor:pointer;display:block}:host .file-container .file-menu-container.visible{display:block}:host .file-container .file-menu{display:flex;position:absolute;flex-direction:column;align-items:center;justify-content:center;padding:12px;right:10px;top:10px;background-color:#fff9;border-radius:50%;cursor:pointer;transition:all .25s;z-index:999}:host .file-container:hover .file-menu{background-color:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:host .file-container mat-progress-bar{position:absolute;bottom:0;height:6px;left:0;right:0;z-index:1000}:host image-cropper{padding:0}:host ui-file.rounded ::ng-deep img{border-radius:50%}:host .crop-container{display:flex;align-items:center;justify-content:center;position:relative}:host .crop-container mat-spinner{position:absolute;z-index:1}:host .crop-container .crop-preview{position:absolute;top:100%;left:0;right:0;padding:6px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;max-width:350px;margin-right:auto;margin-left:auto}:host .crop-container .crop-preview.left{right:calc(100% + 6px);left:unset;top:0}:host .crop-container .crop-preview.above{bottom:100%;top:unset}:host .crop-container .crop-preview .crop-menu{width:100%;flex:0 0 auto;display:flex}:host .crop-container .crop-preview .crop-menu mat-icon{margin:0 3px;width:calc(1em + 6px);height:1em;font-size:2em;cursor:pointer;user-select:none;flex:1 1 100%}:host .crop-container .crop-preview img{margin:16px 0;max-width:256px;max-height:256px}:host .crop-container .crop-preview img.rounded{border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i6.NgFileDropDirective, selector: "[ngFileDrop]", inputs: ["options", "uploadInput"], outputs: ["uploadOutput"] }, { kind: "directive", type: i6.NgFileSelectDirective, selector: "[ngFileSelect]", inputs: ["options", "uploadInput"], outputs: ["uploadOutput"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.ImageCropperComponent, selector: "image-cropper", 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: i9.FileComponent, selector: "ui-file", inputs: ["fileSize", "srcOptions", "srcData", "srcUrl"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiFileUploaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-file-uploader', providers: [{
-                            provide: NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: UiFileUploaderComponent,
-                        }], template: "<div class=\"label\" *ngIf=\"label\">\r\n  <div class=\"text-container\" [matTooltip]=\"required ? translateService.instant('ui.controls.validation.required') : undefined\" [matTooltipPosition]=\"'above'\">\r\n    <div class=\"text\">{{label}}</div>\r\n    <div *ngIf=\"required\" class=\"required\">*</div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"files-container\" [ngClass]=\"{dragging: dragging, disabled: uploading || !editable}\">\r\n\r\n  <div class=\"existing-files\">\r\n\r\n    <div class=\"file-container\" *ngFor=\"let f of files\">\r\n\r\n      <div class=\"file-menu\" (click)=\"toggleMenuVisibility(f)\" *ngIf=\"!customFileMenu && editable && !uploading\">\r\n        <mat-icon>menu</mat-icon>\r\n      </div>\r\n      <div class=\"file-menu-container mat-elevation-z2\" [ngClass]=\"{visible: f === fileMenuOpened}\" (click)=\"menuClick()\" (mouseleave)=\"menuClick()\">\r\n        <ng-container *ngIf=\"!menuTemplate\">\r\n          <label class=\"menu-item\">{{ translateService.instant('ui.controls.ui-file-uploader.menu.change') }}\r\n            <input *ngIf=\"!refreshAddInput\" style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                   (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </label>\r\n          <div class=\"menu-item\" (click)=\"remove(f)\">{{ translateService.instant('ui.controls.ui-file-uploader.menu.delete') }}</div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"menuTemplate\">\r\n          <ng-template [ngTemplateOutlet]=\"menuTemplate\" [ngTemplateOutletContext]=\"{fileInput: fileInput}\"></ng-template>\r\n          <ng-template #fileInput>\r\n          <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                 (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div *ngIf=\"crop && !cropDone(f)\" (mouseenter)=\"startCropPreview(f.$newFile.id)\" (mouseleave)=\"stopCropPreview(f.$newFile.id)\">\r\n        <div class=\"crop-container\" [ngStyle]=\"ngAddStyle\">\r\n\r\n          <ui-file *ngIf=\"false && files.length > 0 && !cropSourceImages\" [fileSize]=\"fileSize\" [srcData]=\"files[0].custom\" [ngClass]=\"{rounded: cropRounded}\"></ui-file>\r\n\r\n          <mat-spinner *ngIf=\"!cropperImageLoaded[f.$newFile.id] && cropSourceImages[f.$newFile.id]\" [diameter]=\"75\"></mat-spinner>\r\n\r\n          <image-cropper *ngIf=\"cropSourceImages[f.$newFile.id]\"\r\n                         [imageFile]=\"cropSourceImages[f.$newFile.id]\"\r\n                         [maintainAspectRatio]=\"true\"\r\n                         [containWithinAspectRatio]=\"false\"\r\n                         [aspectRatio]=\"aspectRatio\"\r\n                         [resizeToWidth]=\"cropMaxWidth\"\r\n                         [onlyScaleDown]=\"false\"\r\n                         [roundCropper]=\"cropRounded\"\r\n                         [canvasRotation]=\"canvasRotation[f.$newFile.id]\"\r\n                         [transform]=\"transform[f.$newFile.id]\"\r\n                         [alignImage]=\"'center'\"\r\n                         [style.display]=\"showCropper ? null : 'none'\"\r\n                         [format]=\"'png'\"\r\n                         (imageCropped)=\"onImageCropped($event, f.$newFile.id)\"\r\n                         (imageLoaded)=\"imageLoaded(f.$newFile.id)\"\r\n                         (cropperReady)=\"cropperReady($event, f.$newFile.id)\"\r\n                         (loadImageFailed)=\"loadImageFailed()\"\r\n          ></image-cropper>\r\n\r\n          <div class=\"crop-preview mat-elevation-z2\" [class]=\"previewPosition\" *ngIf=\"true || (showCropPreview[f.$newFile.id] && cropperImageLoaded[f.$newFile.id])\">\r\n            <div class=\"crop-menu\">\r\n              <mat-icon (click)=\"zoomCroppedImage(.1, f.$newFile.id)\">zoom_in</mat-icon>\r\n              <mat-icon (click)=\"zoomCroppedImage(- .1, f.$newFile.id)\">zoom_out</mat-icon>\r\n              <mat-icon (click)=\"rotateCroppedImage(-1, f.$newFile.id)\">rotate_left</mat-icon>\r\n              <mat-icon (click)=\"rotateCroppedImage(1, f.$newFile.id)\">rotate_right</mat-icon>\r\n              <div style=\"flex: 1 1 100%\"></div>\r\n              <label class=\"menu-item\">\r\n                <mat-icon>upload_file</mat-icon>\r\n                <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                       (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n              </label>\r\n              <mat-icon (click)=\"remove(f)\">delete_outline</mat-icon>\r\n              <div style=\"flex: 1 1 100%\"></div>\r\n              <mat-icon (click)=\"cropperDone(f.$newFile.id)\">done</mat-icon>\r\n            </div>\r\n            <img *ngIf=\"croppedImages[f.$newFile.id]\" [src]=\"croppedImages[f.$newFile.id].objectUrl\" [ngClass]=\"{rounded: cropRounded}\"/>\r\n          </div>\r\n\r\n        </div>\r\n\r\n\r\n\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"!crop || cropDone(f)\">\r\n        <ng-container *ngIf=\"fileTemplate\">\r\n          <ng-template [ngTemplateOutlet]=\"fileTemplate\" [ngTemplateOutletContext]=\"{file: f, fileInput: fileInput2}\"></ng-template>\r\n          <ng-template #fileInput2>\r\n            <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                   (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </ng-template>\r\n        </ng-container>\r\n\r\n        <ui-file *ngIf=\"!fileTemplate\" [fileSize]=\"fileSize\" [srcData]=\"f.$newFile ? f.$newFile: f.custom\" [ngClass]=\"{rounded: crop && cropRounded}\">\r\n        </ui-file>\r\n\r\n        <ng-container *ngIf=\"f.$newFile\">\r\n          <div *ngIf=\"f.$newFile.responseStatus && f.$newFile.responseStatus !== 200\" class=\"progress-container error\">\r\n            {{ translateService.instant('ui.controls.ui-file-uploader.uploadError', f.$newFile.response) }}\r\n          </div>\r\n          <div *ngIf=\"!f.$newFile.responseStatus && f.$newFile.progress.status === 1\" class=\"progress-container\">\r\n            <div class=\"progress\" [ngStyle]=\"{width: f.$newFile.progress.data.percentage + '%'}\"></div>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <div class=\"file-container add\" ngFileDrop  [options]=\"uploadOptions\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\" [ngClass]=\"{visible: files.length < maxFiles || maxFiles === 0}\" [ngStyle]=\"addFileTemplate ? {} : ngAddStyle\">\r\n    <label>\r\n      <ng-container *ngIf=\"addFileTemplate\">\r\n        <ng-template [ngTemplateOutlet]=\"addFileTemplate\"></ng-template>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!addFileTemplate\">\r\n        <div class=\"upload-image-container\"></div>\r\n        <img [src]=\"addFileImgSrc\" [ngClass]=\"{'with-hint': addHint}\" />\r\n        <div *ngIf=\"addHint\" class=\"add-hint\">{{addHint}}</div>\r\n      </ng-container>\r\n      <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\" [multiple]=\"maxFiles === 0 && multiple\">\r\n    </label>\r\n  </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex;flex-wrap:wrap}:host .label .text{font-size:.9em;line-height:1em;padding:6px 0 4px}:host .files-container{display:flex;flex-wrap:wrap;border-style:solid}:host .files-container .existing-files{display:flex;flex-wrap:wrap}:host .files-container.dragging .add label{border:2px dashed grey;background-color:#0000001a}:host .files-container.disabled .add{opacity:.5;pointer-events:none}:host .file-container{max-width:100%;max-height:100%;position:relative;display:flex;align-items:center;justify-content:center}:host .file-container .progress-container{position:absolute;bottom:0;left:1px;right:1px;height:20%;max-height:20px;background-color:#0000001a}:host .file-container .progress-container.error{background-color:red;color:#fff;display:flex;align-items:center;justify-content:center}:host .file-container .progress-container .progress{background-color:#0000004d;height:100%}:host .file-container.add{display:flex;align-items:center;flex-direction:column;transition:opacity .25s;cursor:pointer}:host .file-container.add:not(.visible){display:none}:host .file-container.add img{max-width:100%;max-height:100%}:host .file-container.add img.with-hint{max-height:75%}:host .file-container.add .add-hint{margin-top:8px;font-size:80%;text-align:center}:host .file-container.add label{position:absolute;inset:0;cursor:pointer;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}:host .file-container.add .upload-image-container{display:none}:host .file-container .file-menu-container{display:none;position:absolute;left:calc(100% - 45px);top:27px;z-index:1000}:host .file-container .file-menu-container ::ng-deep .menu-item{position:relative;padding:12px 24px;cursor:pointer;display:block}:host .file-container .file-menu-container.visible{display:block}:host .file-container .file-menu{display:flex;position:absolute;flex-direction:column;align-items:center;justify-content:center;padding:12px;right:10px;top:10px;background-color:#fff9;border-radius:50%;cursor:pointer;transition:all .25s;z-index:999}:host .file-container:hover .file-menu{background-color:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:host .file-container mat-progress-bar{position:absolute;bottom:0;height:6px;left:0;right:0;z-index:1000}:host image-cropper{padding:0}:host ui-file.rounded ::ng-deep img{border-radius:50%}:host .crop-container{display:flex;align-items:center;justify-content:center;position:relative}:host .crop-container mat-spinner{position:absolute;z-index:1}:host .crop-container .crop-preview{position:absolute;top:100%;left:0;right:0;padding:6px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;max-width:350px;margin-right:auto;margin-left:auto}:host .crop-container .crop-preview.left{right:calc(100% + 6px);left:unset;top:0}:host .crop-container .crop-preview.above{bottom:100%;top:unset}:host .crop-container .crop-preview .crop-menu{width:100%;flex:0 0 auto;display:flex}:host .crop-container .crop-preview .crop-menu mat-icon{margin:0 3px;width:calc(1em + 6px);height:1em;font-size:2em;cursor:pointer;user-select:none;flex:1 1 100%}:host .crop-container .crop-preview img{margin:16px 0;max-width:256px;max-height:256px}:host .crop-container .crop-preview img.rounded{border-radius:50%}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [UI_FILESERVICE]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [UI_TRANSLATESERVICE]
-                }] }, { type: i1.ControlContainer, decorators: [{
-                    type: Optional
-                }, {
-                    type: Host
-                }, {
-                    type: SkipSelf
-                }] }, { type: i2.UiFileService }]; }, propDecorators: { maxFiles: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], crop: [{
-                type: Input
-            }], cropRounded: [{
-                type: Input
-            }], cropMaxWidth: [{
-                type: Input
-            }], fileSize: [{
-                type: Input
-            }], customFileMenu: [{
-                type: Input
-            }], addHint: [{
-                type: Input
-            }], newFilePosition: [{
-                type: Input
-            }], templates: [{
-                type: Input
-            }], previewPosition: [{
-                type: Input
-            }], imageCropped: [{
-                type: Output
-            }], fileEvent: [{
-                type: Output
-            }] } });
+import { Component, EventEmitter, Host, Inject, Input, Optional, Output, SkipSelf } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { UI_FILESERVICE } from '../services/ui-file.service';
+import { UiSimpleComponent } from '../layouts/simple/ui-simple.component';
+import { UI_TRANSLATESERVICE } from '../services/ui-translate.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../services/ui-file.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "ngx-uploader";
+import * as i7 from "@angular/material/progress-spinner";
+import * as i8 from "ngx-image-cropper";
+import * as i9 from "../file/file.component";
+export class UiFileUploaderComponent extends UiSimpleComponent {
+    get menuTemplate() {
+        return this.templates?.menuTemplate;
+    }
+    get addFileTemplate() {
+        return this.templates?.addFileTemplate;
+    }
+    get fileTemplate() {
+        return this.templates?.fileTemplate;
+    }
+    constructor(fileServiceConfig, translateService, controlContainer, fileService) {
+        super(null, controlContainer);
+        this.fileServiceConfig = fileServiceConfig;
+        this.translateService = translateService;
+        this.controlContainer = controlContainer;
+        this.fileService = fileService;
+        this.maxFiles = 1;
+        this.multiple = true;
+        this.crop = false;
+        this.cropRounded = false;
+        this.fileSize = 'default';
+        this.customFileMenu = false;
+        this.newFilePosition = 'last';
+        this.templates = {};
+        this.previewPosition = 'bottom';
+        this.imageCropped = new EventEmitter();
+        this.fileEvent = new EventEmitter();
+        this.uploadOptions = {
+            concurrency: this.fileServiceConfig.concurrentUploads
+        };
+        this.uploading = false;
+        this.showCropper = false;
+        this.showCropPreview = {};
+        this.cropPreviewTimeouts = {};
+        this.cropSourceImages = {};
+        this.cropperImageLoaded = {};
+        this.imagesDone = {};
+        this.transform = {};
+        this.canvasRotation = {};
+        this.refreshAddInput = false;
+        this.patchingValues = false;
+        this.inputArray = false;
+        this.dragging = false;
+        this.uploaderId = Math.round(Math.random() * 1000000);
+        this.croppedImages = {};
+        this.fileService.uploadSubscription.next({ action: 'register', data: this });
+        this.fileService.uploadSubscription.subscribe((v) => {
+            switch (v.action) {
+                case 'uploadStarted':
+                    this.uploading = true;
+                    break;
+                case 'uploadFailed':
+                case 'uploadSuccess':
+                    setTimeout(() => {
+                        this.uploading = false;
+                    });
+                    this.patchValues();
+            }
+        });
+    }
+    get uploadInput() {
+        return this.fileService.uploadInput;
+    }
+    get editable() {
+        return this.componentFormControl.enabled;
+    }
+    get ngAddStyle() {
+        return {
+            width: Math.abs(this.fileServiceConfig.imageSizes[this.fileSize][0]) + 'px',
+            height: Math.abs(this.fileServiceConfig.imageSizes[this.fileSize][1]) + 'px',
+        };
+    }
+    get aspectRatio() {
+        return this.fileServiceConfig.imageSizes[this.fileSize][0] / this.fileServiceConfig.imageSizes[this.fileSize][1];
+    }
+    get addFileImgSrc() {
+        return this.fileServiceConfig.addFileImgSrc;
+    }
+    cropDone(f) {
+        return !f.$newFile || this.imagesDone[f.$newFile.id];
+    }
+    // ngOnInit(): void {
+    //   super.ngOnInit();
+    // }
+    ngOnDestroy() {
+        this.fileService.uploadSubscription.next({ action: 'destroy', data: this });
+    }
+    remove(f) {
+        if (f.$newFile) {
+            this.uploadInput.emit({ type: 'remove', id: f.$newFile.id });
+        }
+        this.files.splice(this.files.indexOf(f), 1);
+        this.prepareResponse();
+        // this.onChange(this.inputArray ? this.files : (this.files.length > 0 ? this.files[0] : null));
+        this.fileEvent.emit({ message: 'fileRemoved', data: f });
+        //     this.patchValues();
+    }
+    patchValues() {
+        this.patchingValues = true;
+        // if (this.inputArray) {
+        //   this.componentFormControl.setValue(this.files.map(f => f.custom));
+        // } else {
+        //   this.componentFormControl.setValue(this.files.length === 0 ? null : this.files[0].custom);
+        // }
+        this.patchingValues = false;
+    }
+    get hasFilesToUpload() {
+        return !!this.files.find(f => f.$newFile && f.$newFile.progress.status !== 2);
+    }
+    canImagePreview(type) {
+        return type.startsWith('image/') || type.startsWith('video/');
+    }
+    onUploadOutput($event, skipCustomValidation = false) {
+        // console.log($event);
+        switch ($event.type) {
+            case 'start':
+                break;
+            case 'dragOver':
+                this.dragging = true;
+                break;
+            case 'dragOut':
+            case 'drop':
+                this.dragging = false;
+                break;
+            case 'addedToQueue':
+                if (this.crop && !$event.file.type.startsWith('image/')) {
+                    this.uploadInput.emit({ type: 'remove', id: $event.file.id });
+                    this.fileEvent.emit({ message: 'cropInvalidFileType', data: $event.file });
+                    return;
+                }
+                if (!skipCustomValidation && this.fileServiceConfig.fileValidation) {
+                    this.fileServiceConfig.fileValidation(this.fileSize, $event.file).then(valid => {
+                        if (valid) {
+                            this.onUploadOutput($event, true);
+                        }
+                        else {
+                            this.uploadInput.emit({ type: 'remove', id: $event.file.id });
+                            // this.fileEvent.emit({ message: 'cropInvalidFileType', data: $event.file });
+                        }
+                    });
+                }
+                else {
+                    let f;
+                    if (this.changeFileIndex !== undefined) {
+                        f = this.files[this.changeFileIndex];
+                        if (f.$newFile) {
+                            this.uploadInput.emit({ type: 'remove', id: f.$newFile.id });
+                        }
+                        f.$newFile = $event.file;
+                        f.custom = $event.file;
+                        this.changeFileIndex = undefined;
+                    }
+                    else {
+                        f = { custom: $event.file, $newFile: $event.file };
+                        if (this.newFilePosition === 'last') {
+                            this.files.push(f);
+                        }
+                        else {
+                            this.files.unshift(f);
+                        }
+                    }
+                    if (this.canImagePreview($event.file.type)) {
+                        if (this.crop) {
+                            this.canvasRotation[$event.file.id] = 0;
+                            this.cropSourceImages[$event.file.id] = $event.file.nativeFile;
+                            this.cropperImageLoaded[$event.file.id] = false;
+                        }
+                    }
+                    this.prepareResponse();
+                    this.fileEvent.emit({ message: 'fileAdded', data: f });
+                }
+                break;
+            case 'done':
+                const df = this.files.find(f => f.$newFile === $event.file);
+                if (df) {
+                    if (df.$newFile.responseStatus === 200) {
+                        this.files[this.files.indexOf(df)].custom = df.$newFile.response;
+                        df.$newFile = null;
+                    }
+                    else {
+                        // console.log('error on upload', df.$event);
+                    }
+                }
+                if (!this.hasFilesToUpload) {
+                    this.prepareResponse(false);
+                    this.fileService.uploadSubscription.next({
+                        action: this.files.find(f => !!f.$newFile) ? 'uploadControlFailed' : 'uploadControlSuccess'
+                    });
+                }
+                break;
+        }
+    }
+    prepareResponse(doemit = true) {
+        if (this.inputArray) {
+            if (!this.responseFiles) {
+                this.responseFiles = [];
+            }
+            this.responseFiles.length = 0;
+            this.files.forEach(f => this.responseFiles.push({ ...f.custom, $newFile: f.$newFile }));
+        }
+        else {
+            if (this.files.length === 0) {
+                this.responseFiles = null;
+            }
+            else {
+                if (!this.responseFiles) {
+                    this.responseFiles = {};
+                }
+                Object.keys(this.files[0].custom).forEach(k => {
+                    this.responseFiles[k] = this.files[0].custom[k];
+                });
+                this.responseFiles.$newFile = this.files[0].$newFile;
+            }
+        }
+        if (doemit) {
+            this.onChange(this.responseFiles);
+        }
+        // console.log('emit', this.files[1], { ...this.files[1].custom, $newFile: this.files[1].$newFile });
+        // this.onChange(this.inputArray ?
+        //   this.files.map(f => ({ ...f.custom, $newFile: f.$newFile})) :
+        //   (this.files.length > 0 ? { ...this.files[0].custom, $newFile: this.files[0].$newFile } : null));
+        // this.onChange(this.inputArray ?
+        //   this.files :
+        //   (this.files.length > 0 ? this.files[0] : null));
+    }
+    beforeSave() {
+        return new Promise((res, rej) => {
+            this.files.forEach(f => {
+                if (f.$newFile && f.$newFile.progress.status === 2) {
+                    f.$newFile.progress.status = 0;
+                }
+                if (this.crop && f.$newFile && !this.imagesDone[f.$newFile.id]) {
+                    this.cropperDone(f.$newFile.id);
+                }
+            });
+            setTimeout(() => {
+                res('done');
+            }, 250);
+        });
+    }
+    fileChangeEvent(event, f) {
+        this.changeFileIndex = this.files.indexOf(f);
+    }
+    startCropPreview(id) {
+        clearTimeout(this.cropPreviewTimeouts[id]);
+        this.showCropPreview[id] = !!this.cropSourceImages[id];
+    }
+    stopCropPreview(id) {
+        this.cropPreviewTimeouts[id] = setTimeout(() => {
+            this.showCropPreview[id] = false;
+        }, 250);
+    }
+    zoomCroppedImage(dir, id) {
+        let scale = this.transform[id].scale;
+        scale += dir;
+        if (scale < 0.1) {
+            scale = 0.1;
+        }
+        this.transform[id] = {
+            ...this.transform[id],
+            scale
+        };
+    }
+    rotateCroppedImage(dir, id) {
+        this.canvasRotation[id] += dir;
+        const flippedH = this.transform[id].flipH;
+        const flippedV = this.transform[id].flipV;
+        this.transform[id] = {
+            ...this.transform[id],
+            flipH: flippedV,
+            flipV: flippedH
+        };
+    }
+    onImageCropped(event, id) {
+        this.croppedImages[id] = event;
+        this.imageCropped.emit(event);
+    }
+    imageLoaded(id) {
+        this.showCropper = true;
+        setTimeout(() => {
+            this.transform[id] = {
+                scale: 1
+            };
+        });
+    }
+    cropperReady(sourceImageDimensions, id) {
+        this.cropperImageLoaded[id] = true;
+    }
+    loadImageFailed() {
+    }
+    toggleMenuVisibility(f) {
+        this.fileMenuOpened = f;
+    }
+    menuClick() {
+        this.fileMenuOpened = undefined;
+    }
+    writeValue(obj) {
+        this.inputArray = obj instanceof Array;
+        if (this.inputArray) {
+            this.files = obj.map(f => ({ custom: f, $newFile: null }));
+        }
+        else {
+            this.files = obj ? [{ custom: obj, $newFile: null }] : [];
+        }
+        this.cropSourceImages = {};
+    }
+    cropperDone(id) {
+        const f = this.files.find(fx => fx.$newFile && fx.$newFile.id === id);
+        if (f) {
+            // const url = this.croppedImages[id];
+            // console.log(url);
+            // fetch(url)
+            //   .then(res => res.blob())
+            //   .then(blob => {
+            //     f.$newFile.nativeFile = new File([ blob ], 'crop.png', {
+            //       type: 'image/png'
+            //     });
+            //     f.$newFile.name = 'crop.png';
+            //     f.$newFile.size = f.$newFile.nativeFile.size;
+            //     f.$newFile.type = f.$newFile.nativeFile.type;
+            //     this.imagesDone[id] = true;
+            //     console.log(f);
+            //   })
+            const croppedImage = this.croppedImages[id];
+            f.$newFile.nativeFile = new File([croppedImage.blob], 'crop.png', {
+                type: 'image/png'
+            });
+            f.$newFile.name = 'crop.png';
+            f.$newFile.size = f.$newFile.nativeFile.size;
+            f.$newFile.type = f.$newFile.nativeFile.type;
+            this.imagesDone[id] = true;
+            console.log(f);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiFileUploaderComponent, deps: [{ token: UI_FILESERVICE, optional: true }, { token: UI_TRANSLATESERVICE }, { token: i1.ControlContainer, host: true, optional: true, skipSelf: true }, { token: i2.UiFileService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: UiFileUploaderComponent, selector: "ui-file-uploader", inputs: { maxFiles: "maxFiles", multiple: "multiple", crop: "crop", cropRounded: "cropRounded", cropMaxWidth: "cropMaxWidth", fileSize: "fileSize", customFileMenu: "customFileMenu", addHint: "addHint", newFilePosition: "newFilePosition", templates: "templates", previewPosition: "previewPosition" }, outputs: { imageCropped: "imageCropped", fileEvent: "fileEvent" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: UiFileUploaderComponent,
+            }], usesInheritance: true, ngImport: i0, template: "<div class=\"label\" *ngIf=\"label\">\r\n  <div class=\"text-container\" [matTooltip]=\"required ? translateService.instant('ui.controls.validation.required') : undefined\" [matTooltipPosition]=\"'above'\">\r\n    <div class=\"text\">{{label}}</div>\r\n    <div *ngIf=\"required\" class=\"required\">*</div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"files-container\" [ngClass]=\"{dragging: dragging, disabled: uploading || !editable}\">\r\n\r\n  <div class=\"existing-files\">\r\n\r\n    <div class=\"file-container\" *ngFor=\"let f of files\">\r\n\r\n      <div class=\"file-menu\" (click)=\"toggleMenuVisibility(f)\" *ngIf=\"!customFileMenu && editable && !uploading\">\r\n        <mat-icon>menu</mat-icon>\r\n      </div>\r\n      <div class=\"file-menu-container mat-elevation-z2\" [ngClass]=\"{visible: f === fileMenuOpened}\" (click)=\"menuClick()\" (mouseleave)=\"menuClick()\">\r\n        <ng-container *ngIf=\"!menuTemplate\">\r\n          <label class=\"menu-item\">{{ translateService.instant('ui.controls.ui-file-uploader.menu.change') }}\r\n            <input *ngIf=\"!refreshAddInput\" style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                   (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </label>\r\n          <div class=\"menu-item\" (click)=\"remove(f)\">{{ translateService.instant('ui.controls.ui-file-uploader.menu.delete') }}</div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"menuTemplate\">\r\n          <ng-template [ngTemplateOutlet]=\"menuTemplate\" [ngTemplateOutletContext]=\"{fileInput: fileInput}\"></ng-template>\r\n          <ng-template #fileInput>\r\n          <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                 (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div *ngIf=\"crop && !cropDone(f)\" (mouseenter)=\"startCropPreview(f.$newFile.id)\" (mouseleave)=\"stopCropPreview(f.$newFile.id)\">\r\n        <div class=\"crop-container\" [ngStyle]=\"ngAddStyle\">\r\n\r\n          <ui-file *ngIf=\"false && files.length > 0 && !cropSourceImages\" [fileSize]=\"fileSize\" [srcData]=\"files[0].custom\" [ngClass]=\"{rounded: cropRounded}\"></ui-file>\r\n\r\n          <mat-spinner *ngIf=\"!cropperImageLoaded[f.$newFile.id] && cropSourceImages[f.$newFile.id]\" [diameter]=\"75\"></mat-spinner>\r\n\r\n          <image-cropper *ngIf=\"cropSourceImages[f.$newFile.id]\"\r\n                         [imageFile]=\"cropSourceImages[f.$newFile.id]\"\r\n                         [maintainAspectRatio]=\"true\"\r\n                         [containWithinAspectRatio]=\"false\"\r\n                         [aspectRatio]=\"aspectRatio\"\r\n                         [resizeToWidth]=\"cropMaxWidth\"\r\n                         [onlyScaleDown]=\"false\"\r\n                         [roundCropper]=\"cropRounded\"\r\n                         [canvasRotation]=\"canvasRotation[f.$newFile.id]\"\r\n                         [transform]=\"transform[f.$newFile.id]\"\r\n                         [alignImage]=\"'center'\"\r\n                         [style.display]=\"showCropper ? null : 'none'\"\r\n                         [format]=\"'png'\"\r\n                         (imageCropped)=\"onImageCropped($event, f.$newFile.id)\"\r\n                         (imageLoaded)=\"imageLoaded(f.$newFile.id)\"\r\n                         (cropperReady)=\"cropperReady($event, f.$newFile.id)\"\r\n                         (loadImageFailed)=\"loadImageFailed()\"\r\n          ></image-cropper>\r\n\r\n          <div class=\"crop-preview mat-elevation-z2\" [class]=\"previewPosition\" *ngIf=\"true || (showCropPreview[f.$newFile.id] && cropperImageLoaded[f.$newFile.id])\">\r\n            <div class=\"crop-menu\">\r\n              <mat-icon (click)=\"zoomCroppedImage(.1, f.$newFile.id)\">zoom_in</mat-icon>\r\n              <mat-icon (click)=\"zoomCroppedImage(- .1, f.$newFile.id)\">zoom_out</mat-icon>\r\n              <mat-icon (click)=\"rotateCroppedImage(-1, f.$newFile.id)\">rotate_left</mat-icon>\r\n              <mat-icon (click)=\"rotateCroppedImage(1, f.$newFile.id)\">rotate_right</mat-icon>\r\n              <div style=\"flex: 1 1 100%\"></div>\r\n              <label class=\"menu-item\">\r\n                <mat-icon>upload_file</mat-icon>\r\n                <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                       (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n              </label>\r\n              <mat-icon (click)=\"remove(f)\">delete_outline</mat-icon>\r\n              <div style=\"flex: 1 1 100%\"></div>\r\n              <mat-icon (click)=\"cropperDone(f.$newFile.id)\">done</mat-icon>\r\n            </div>\r\n            <img *ngIf=\"croppedImages[f.$newFile.id]\" [src]=\"croppedImages[f.$newFile.id].objectUrl\" [ngClass]=\"{rounded: cropRounded}\"/>\r\n          </div>\r\n\r\n        </div>\r\n\r\n\r\n\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"!crop || cropDone(f)\">\r\n        <ng-container *ngIf=\"fileTemplate\">\r\n          <ng-template [ngTemplateOutlet]=\"fileTemplate\" [ngTemplateOutletContext]=\"{file: f, fileInput: fileInput2}\"></ng-template>\r\n          <ng-template #fileInput2>\r\n            <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                   (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </ng-template>\r\n        </ng-container>\r\n\r\n        <ui-file *ngIf=\"!fileTemplate\" [fileSize]=\"fileSize\" [srcData]=\"f.$newFile ? f.$newFile: f.custom\" [ngClass]=\"{rounded: crop && cropRounded}\">\r\n        </ui-file>\r\n\r\n        <ng-container *ngIf=\"f.$newFile\">\r\n          <div *ngIf=\"f.$newFile.responseStatus && f.$newFile.responseStatus !== 200\" class=\"progress-container error\">\r\n            {{ translateService.instant('ui.controls.ui-file-uploader.uploadError', f.$newFile.response) }}\r\n          </div>\r\n          <div *ngIf=\"!f.$newFile.responseStatus && f.$newFile.progress.status === 1\" class=\"progress-container\">\r\n            <div class=\"progress\" [ngStyle]=\"{width: f.$newFile.progress.data.percentage + '%'}\"></div>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <div class=\"file-container add\" ngFileDrop  [options]=\"uploadOptions\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\" [ngClass]=\"{visible: files.length < maxFiles || maxFiles === 0}\" [ngStyle]=\"addFileTemplate ? {} : ngAddStyle\">\r\n    <label>\r\n      <ng-container *ngIf=\"addFileTemplate\">\r\n        <ng-template [ngTemplateOutlet]=\"addFileTemplate\"></ng-template>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!addFileTemplate\">\r\n        <div class=\"upload-image-container\"></div>\r\n        <img [src]=\"addFileImgSrc\" [ngClass]=\"{'with-hint': addHint}\" />\r\n        <div *ngIf=\"addHint\" class=\"add-hint\">{{addHint}}</div>\r\n      </ng-container>\r\n      <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\" [multiple]=\"maxFiles === 0 && multiple\">\r\n    </label>\r\n  </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex;flex-wrap:wrap}:host .label .text{font-size:.9em;line-height:1em;padding:6px 0 4px}:host .files-container{display:flex;flex-wrap:wrap;border-style:solid}:host .files-container .existing-files{display:flex;flex-wrap:wrap}:host .files-container.dragging .add label{border:2px dashed grey;background-color:#0000001a}:host .files-container.disabled .add{opacity:.5;pointer-events:none}:host .file-container{max-width:100%;max-height:100%;position:relative;display:flex;align-items:center;justify-content:center}:host .file-container .progress-container{position:absolute;bottom:0;left:1px;right:1px;height:20%;max-height:20px;background-color:#0000001a}:host .file-container .progress-container.error{background-color:red;color:#fff;display:flex;align-items:center;justify-content:center}:host .file-container .progress-container .progress{background-color:#0000004d;height:100%}:host .file-container.add{display:flex;align-items:center;flex-direction:column;transition:opacity .25s;cursor:pointer}:host .file-container.add:not(.visible){display:none}:host .file-container.add img{max-width:100%;max-height:100%}:host .file-container.add img.with-hint{max-height:75%}:host .file-container.add .add-hint{margin-top:8px;font-size:80%;text-align:center}:host .file-container.add label{position:absolute;inset:0;cursor:pointer;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}:host .file-container.add .upload-image-container{display:none}:host .file-container .file-menu-container{display:none;position:absolute;left:calc(100% - 45px);top:27px;z-index:1000}:host .file-container .file-menu-container ::ng-deep .menu-item{position:relative;padding:12px 24px;cursor:pointer;display:block}:host .file-container .file-menu-container.visible{display:block}:host .file-container .file-menu{display:flex;position:absolute;flex-direction:column;align-items:center;justify-content:center;padding:12px;right:10px;top:10px;background-color:#fff9;border-radius:50%;cursor:pointer;transition:all .25s;z-index:999}:host .file-container:hover .file-menu{background-color:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:host .file-container mat-progress-bar{position:absolute;bottom:0;height:6px;left:0;right:0;z-index:1000}:host image-cropper{padding:0}:host ui-file.rounded ::ng-deep img{border-radius:50%}:host .crop-container{display:flex;align-items:center;justify-content:center;position:relative}:host .crop-container mat-spinner{position:absolute;z-index:1}:host .crop-container .crop-preview{position:absolute;top:100%;left:0;right:0;padding:6px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;max-width:350px;margin-right:auto;margin-left:auto}:host .crop-container .crop-preview.left{right:calc(100% + 6px);left:unset;top:0}:host .crop-container .crop-preview.above{bottom:100%;top:unset}:host .crop-container .crop-preview .crop-menu{width:100%;flex:0 0 auto;display:flex}:host .crop-container .crop-preview .crop-menu mat-icon{margin:0 3px;width:calc(1em + 6px);height:1em;font-size:2em;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1 1 100%}:host .crop-container .crop-preview img{margin:16px 0;max-width:256px;max-height:256px}:host .crop-container .crop-preview img.rounded{border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i6.NgFileDropDirective, selector: "[ngFileDrop]", inputs: ["options", "uploadInput"], outputs: ["uploadOutput"] }, { kind: "directive", type: i6.NgFileSelectDirective, selector: "[ngFileSelect]", inputs: ["options", "uploadInput"], outputs: ["uploadOutput"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.ImageCropperComponent, selector: "image-cropper", 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: i9.FileComponent, selector: "ui-file", inputs: ["fileSize", "srcOptions", "srcData", "srcUrl"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiFileUploaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-file-uploader', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: UiFileUploaderComponent,
+                        }], template: "<div class=\"label\" *ngIf=\"label\">\r\n  <div class=\"text-container\" [matTooltip]=\"required ? translateService.instant('ui.controls.validation.required') : undefined\" [matTooltipPosition]=\"'above'\">\r\n    <div class=\"text\">{{label}}</div>\r\n    <div *ngIf=\"required\" class=\"required\">*</div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"files-container\" [ngClass]=\"{dragging: dragging, disabled: uploading || !editable}\">\r\n\r\n  <div class=\"existing-files\">\r\n\r\n    <div class=\"file-container\" *ngFor=\"let f of files\">\r\n\r\n      <div class=\"file-menu\" (click)=\"toggleMenuVisibility(f)\" *ngIf=\"!customFileMenu && editable && !uploading\">\r\n        <mat-icon>menu</mat-icon>\r\n      </div>\r\n      <div class=\"file-menu-container mat-elevation-z2\" [ngClass]=\"{visible: f === fileMenuOpened}\" (click)=\"menuClick()\" (mouseleave)=\"menuClick()\">\r\n        <ng-container *ngIf=\"!menuTemplate\">\r\n          <label class=\"menu-item\">{{ translateService.instant('ui.controls.ui-file-uploader.menu.change') }}\r\n            <input *ngIf=\"!refreshAddInput\" style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                   (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </label>\r\n          <div class=\"menu-item\" (click)=\"remove(f)\">{{ translateService.instant('ui.controls.ui-file-uploader.menu.delete') }}</div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"menuTemplate\">\r\n          <ng-template [ngTemplateOutlet]=\"menuTemplate\" [ngTemplateOutletContext]=\"{fileInput: fileInput}\"></ng-template>\r\n          <ng-template #fileInput>\r\n          <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                 (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div *ngIf=\"crop && !cropDone(f)\" (mouseenter)=\"startCropPreview(f.$newFile.id)\" (mouseleave)=\"stopCropPreview(f.$newFile.id)\">\r\n        <div class=\"crop-container\" [ngStyle]=\"ngAddStyle\">\r\n\r\n          <ui-file *ngIf=\"false && files.length > 0 && !cropSourceImages\" [fileSize]=\"fileSize\" [srcData]=\"files[0].custom\" [ngClass]=\"{rounded: cropRounded}\"></ui-file>\r\n\r\n          <mat-spinner *ngIf=\"!cropperImageLoaded[f.$newFile.id] && cropSourceImages[f.$newFile.id]\" [diameter]=\"75\"></mat-spinner>\r\n\r\n          <image-cropper *ngIf=\"cropSourceImages[f.$newFile.id]\"\r\n                         [imageFile]=\"cropSourceImages[f.$newFile.id]\"\r\n                         [maintainAspectRatio]=\"true\"\r\n                         [containWithinAspectRatio]=\"false\"\r\n                         [aspectRatio]=\"aspectRatio\"\r\n                         [resizeToWidth]=\"cropMaxWidth\"\r\n                         [onlyScaleDown]=\"false\"\r\n                         [roundCropper]=\"cropRounded\"\r\n                         [canvasRotation]=\"canvasRotation[f.$newFile.id]\"\r\n                         [transform]=\"transform[f.$newFile.id]\"\r\n                         [alignImage]=\"'center'\"\r\n                         [style.display]=\"showCropper ? null : 'none'\"\r\n                         [format]=\"'png'\"\r\n                         (imageCropped)=\"onImageCropped($event, f.$newFile.id)\"\r\n                         (imageLoaded)=\"imageLoaded(f.$newFile.id)\"\r\n                         (cropperReady)=\"cropperReady($event, f.$newFile.id)\"\r\n                         (loadImageFailed)=\"loadImageFailed()\"\r\n          ></image-cropper>\r\n\r\n          <div class=\"crop-preview mat-elevation-z2\" [class]=\"previewPosition\" *ngIf=\"true || (showCropPreview[f.$newFile.id] && cropperImageLoaded[f.$newFile.id])\">\r\n            <div class=\"crop-menu\">\r\n              <mat-icon (click)=\"zoomCroppedImage(.1, f.$newFile.id)\">zoom_in</mat-icon>\r\n              <mat-icon (click)=\"zoomCroppedImage(- .1, f.$newFile.id)\">zoom_out</mat-icon>\r\n              <mat-icon (click)=\"rotateCroppedImage(-1, f.$newFile.id)\">rotate_left</mat-icon>\r\n              <mat-icon (click)=\"rotateCroppedImage(1, f.$newFile.id)\">rotate_right</mat-icon>\r\n              <div style=\"flex: 1 1 100%\"></div>\r\n              <label class=\"menu-item\">\r\n                <mat-icon>upload_file</mat-icon>\r\n                <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                       (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n              </label>\r\n              <mat-icon (click)=\"remove(f)\">delete_outline</mat-icon>\r\n              <div style=\"flex: 1 1 100%\"></div>\r\n              <mat-icon (click)=\"cropperDone(f.$newFile.id)\">done</mat-icon>\r\n            </div>\r\n            <img *ngIf=\"croppedImages[f.$newFile.id]\" [src]=\"croppedImages[f.$newFile.id].objectUrl\" [ngClass]=\"{rounded: cropRounded}\"/>\r\n          </div>\r\n\r\n        </div>\r\n\r\n\r\n\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"!crop || cropDone(f)\">\r\n        <ng-container *ngIf=\"fileTemplate\">\r\n          <ng-template [ngTemplateOutlet]=\"fileTemplate\" [ngTemplateOutletContext]=\"{file: f, fileInput: fileInput2}\"></ng-template>\r\n          <ng-template #fileInput2>\r\n            <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (change)=\"fileChangeEvent($event, f)\"\r\n                   (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n          </ng-template>\r\n        </ng-container>\r\n\r\n        <ui-file *ngIf=\"!fileTemplate\" [fileSize]=\"fileSize\" [srcData]=\"f.$newFile ? f.$newFile: f.custom\" [ngClass]=\"{rounded: crop && cropRounded}\">\r\n        </ui-file>\r\n\r\n        <ng-container *ngIf=\"f.$newFile\">\r\n          <div *ngIf=\"f.$newFile.responseStatus && f.$newFile.responseStatus !== 200\" class=\"progress-container error\">\r\n            {{ translateService.instant('ui.controls.ui-file-uploader.uploadError', f.$newFile.response) }}\r\n          </div>\r\n          <div *ngIf=\"!f.$newFile.responseStatus && f.$newFile.progress.status === 1\" class=\"progress-container\">\r\n            <div class=\"progress\" [ngStyle]=\"{width: f.$newFile.progress.data.percentage + '%'}\"></div>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <div class=\"file-container add\" ngFileDrop  [options]=\"uploadOptions\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\" [ngClass]=\"{visible: files.length < maxFiles || maxFiles === 0}\" [ngStyle]=\"addFileTemplate ? {} : ngAddStyle\">\r\n    <label>\r\n      <ng-container *ngIf=\"addFileTemplate\">\r\n        <ng-template [ngTemplateOutlet]=\"addFileTemplate\"></ng-template>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!addFileTemplate\">\r\n        <div class=\"upload-image-container\"></div>\r\n        <img [src]=\"addFileImgSrc\" [ngClass]=\"{'with-hint': addHint}\" />\r\n        <div *ngIf=\"addHint\" class=\"add-hint\">{{addHint}}</div>\r\n      </ng-container>\r\n      <input style=\"display: none;\" type=\"file\" ngFileSelect [options]=\"uploadOptions\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\" [multiple]=\"maxFiles === 0 && multiple\">\r\n    </label>\r\n  </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex;flex-wrap:wrap}:host .label .text{font-size:.9em;line-height:1em;padding:6px 0 4px}:host .files-container{display:flex;flex-wrap:wrap;border-style:solid}:host .files-container .existing-files{display:flex;flex-wrap:wrap}:host .files-container.dragging .add label{border:2px dashed grey;background-color:#0000001a}:host .files-container.disabled .add{opacity:.5;pointer-events:none}:host .file-container{max-width:100%;max-height:100%;position:relative;display:flex;align-items:center;justify-content:center}:host .file-container .progress-container{position:absolute;bottom:0;left:1px;right:1px;height:20%;max-height:20px;background-color:#0000001a}:host .file-container .progress-container.error{background-color:red;color:#fff;display:flex;align-items:center;justify-content:center}:host .file-container .progress-container .progress{background-color:#0000004d;height:100%}:host .file-container.add{display:flex;align-items:center;flex-direction:column;transition:opacity .25s;cursor:pointer}:host .file-container.add:not(.visible){display:none}:host .file-container.add img{max-width:100%;max-height:100%}:host .file-container.add img.with-hint{max-height:75%}:host .file-container.add .add-hint{margin-top:8px;font-size:80%;text-align:center}:host .file-container.add label{position:absolute;inset:0;cursor:pointer;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}:host .file-container.add .upload-image-container{display:none}:host .file-container .file-menu-container{display:none;position:absolute;left:calc(100% - 45px);top:27px;z-index:1000}:host .file-container .file-menu-container ::ng-deep .menu-item{position:relative;padding:12px 24px;cursor:pointer;display:block}:host .file-container .file-menu-container.visible{display:block}:host .file-container .file-menu{display:flex;position:absolute;flex-direction:column;align-items:center;justify-content:center;padding:12px;right:10px;top:10px;background-color:#fff9;border-radius:50%;cursor:pointer;transition:all .25s;z-index:999}:host .file-container:hover .file-menu{background-color:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:host .file-container mat-progress-bar{position:absolute;bottom:0;height:6px;left:0;right:0;z-index:1000}:host image-cropper{padding:0}:host ui-file.rounded ::ng-deep img{border-radius:50%}:host .crop-container{display:flex;align-items:center;justify-content:center;position:relative}:host .crop-container mat-spinner{position:absolute;z-index:1}:host .crop-container .crop-preview{position:absolute;top:100%;left:0;right:0;padding:6px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;max-width:350px;margin-right:auto;margin-left:auto}:host .crop-container .crop-preview.left{right:calc(100% + 6px);left:unset;top:0}:host .crop-container .crop-preview.above{bottom:100%;top:unset}:host .crop-container .crop-preview .crop-menu{width:100%;flex:0 0 auto;display:flex}:host .crop-container .crop-preview .crop-menu mat-icon{margin:0 3px;width:calc(1em + 6px);height:1em;font-size:2em;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1 1 100%}:host .crop-container .crop-preview img{margin:16px 0;max-width:256px;max-height:256px}:host .crop-container .crop-preview img.rounded{border-radius:50%}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [UI_FILESERVICE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [UI_TRANSLATESERVICE]
+                }] }, { type: i1.ControlContainer, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }, {
+                    type: SkipSelf
+                }] }, { type: i2.UiFileService }]; }, propDecorators: { maxFiles: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], crop: [{
+                type: Input
+            }], cropRounded: [{
+                type: Input
+            }], cropMaxWidth: [{
+                type: Input
+            }], fileSize: [{
+                type: Input
+            }], customFileMenu: [{
+                type: Input
+            }], addHint: [{
+                type: Input
+            }], newFilePosition: [{
+                type: Input
+            }], templates: [{
+                type: Input
+            }], previewPosition: [{
+                type: Input
+            }], imageCropped: [{
+                type: Output
+            }], fileEvent: [{
+                type: Output
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktZmlsZS11cGxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ZpbGUtdXBsb2FkZXIvdWktZmlsZS11cGxvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ZpbGUtdXBsb2FkZXIvdWktZmlsZS11cGxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixJQUFJLEVBQ0osTUFBTSxFQUNOLEtBQUssRUFHTCxRQUFRLEVBQ1IsTUFBTSxFQUNOLFFBQVEsRUFDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQW9CLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckUsT0FBTyxFQUEwQyxjQUFjLEVBQWlCLE1BQU0sNkJBQTZCLENBQUM7QUFFcEgsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDMUUsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7Ozs7OztBQTJCNUYsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGlCQUFpQjtJQWM1RCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDakIsT0FBTyxJQUFJLENBQUMsU0FBUyxFQUFFLGVBQWUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQztJQUN0QyxDQUFDO0lBd0NELFlBQXdELGlCQUFpQyxFQUN6QyxnQkFBcUMsRUFDL0IsZ0JBQWtDLEVBQ3BFLFdBQTBCO1FBRTVDLEtBQUssQ0FBQyxJQUFJLEVBQUUsZ0JBQWdCLENBQUMs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V0FBVyxFQUFFLHVCQUF1QjthQUNyQyxDQUFDLGlEQzFDSiw2N09BNEhBOzs0RkRoRmEsdUJBQXVCO2tCQVZuQyxTQUFTOytCQUNFLGtCQUFrQixhQUdqQixDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcseUJBQXlCO3lCQUNyQyxDQUFDOzswQkFrRVcsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxjQUFjOzswQkFDakMsTUFBTTsyQkFBQyxtQkFBbUI7OzBCQUMxQixRQUFROzswQkFBSSxJQUFJOzswQkFBSSxRQUFRO3dFQWhFaEMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBY0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSG9zdCxcclxuICBJbmplY3QsXHJcbiAgSW5wdXQsXHJcbiAgT25EZXN0cm95LFxyXG4gIE9uSW5pdCxcclxuICBPcHRpb25hbCxcclxuICBPdXRwdXQsXHJcbiAgU2tpcFNlbGZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbENvbnRhaW5lciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFVwbG9hZGVyT3B0aW9ucywgVXBsb2FkRmlsZSwgVXBsb2FkSW5wdXQsIFVwbG9hZE91dHB1dCB9IGZyb20gJ25neC11cGxvYWRlcic7XHJcbmltcG9ydCB7IElVaUZpbGVTZXJ2aWNlLCBJVWlGaWxlU2VydmljZU1lc3NhZ2VzLCBVSV9GSUxFU0VSVklDRSwgVWlGaWxlU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL3VpLWZpbGUuc2VydmljZSc7XHJcbmltcG9ydCB7IERpbWVuc2lvbnMsIEltYWdlQ3JvcHBlZEV2ZW50LCBJbWFnZVRyYW5zZm9ybSB9IGZyb20gJ25neC1pbWFnZS1jcm9wcGVyJztcclxuaW1wb3J0IHsgVWlTaW1wbGVDb21wb25lbnQgfSBmcm9tICcuLi9sYXlvdXRzL3NpbXBsZS91aS1zaW1wbGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgSVVpVHJhbnNsYXRlU2VydmljZSwgVUlfVFJBTlNMQVRFU0VSVklDRSB9IGZyb20gJy4uL3NlcnZpY2VzL3VpLXRyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgc2tpcCB9IGZyb20gJ3J4anMnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBVcGxvYWRPdXRwdXRFeCBleHRlbmRzIFVwbG9hZE91dHB1dCB7XHJcbiAgZmlsZTogVXBsb2FkRmlsZUV4O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFVwbG9hZEZpbGVFeCBleHRlbmRzIFVwbG9hZEZpbGUge1xyXG4gIGltYWdlUHJldmlldz86IGFueTtcclxuICBiYXNlNjQ/OiBhbnk7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSVVpVXBsb2FkZXJVc2VyTWVzc2FnZSB7XHJcbiAgbWVzc2FnZTogSVVpRmlsZVNlcnZpY2VNZXNzYWdlcyxcclxuICBkYXRhOiBhbnlcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd1aS1maWxlLXVwbG9hZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdWktZmlsZS11cGxvYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL3VpLWZpbGUtdXBsb2FkZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFt7XHJcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgIG11bHRpOiB0cnVlLFxyXG4gICAgdXNlRXhpc3Rpbmc6IFVpRmlsZVVwbG9hZGVyQ29tcG9uZW50LFxyXG4gIH1dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVaUZpbGVVcGxvYWRlckNvbXBvbmVudCBleHRlbmRzIFVpU2ltcGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICBASW5wdXQoKSBtYXhGaWxlcyA9IDE7XHJcbiAgQElucHV0KCkgbXVsdGlwbGUgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGNyb3AgPSBmYWxzZTtcclxuICBASW5wdXQoKSBjcm9wUm91bmRlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGNyb3BNYXhXaWR0aDtcclxuICBASW5wdXQoKSBmaWxlU2l6ZSA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKSBjdXN0b21GaWxlTWVudSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGFkZEhpbnQ7XHJcbiAgQElucHV0KCkgbmV3RmlsZVBvc2l0aW9uOiAnZmlyc3QnIHwgJ2xhc3QnID0gJ2xhc3QnO1xyXG5cclxuICBASW5wdXQoKSB0ZW1wbGF0ZXM6IHsgbWVudVRlbXBsYXRlPzogYW55LCBhZGRGaWxlVGVtcGxhdGU/OiBhbnksIGZpbGVUZW1wbGF0ZT86IGFueSB9ID0ge31cclxuXHJcbiAgZ2V0IG1lbnVUZW1wbGF0ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLnRlbXBsYXRlcz8ubWVudVRlbXBsYXRlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGFkZEZpbGVUZW1wbGF0ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLnRlbXBsYXRlcz8uYWRkRmlsZVRlbXBsYXRlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGZpbGVUZW1wbGF0ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLnRlbXBsYXRlcz8uZmlsZVRlbXBsYXRlO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgcHJldmlld1Bvc2l0aW9uOiAnbGVmdCcgfCAnYm90dG9tJyB8ICdhYm92ZScgPSAnYm90dG9tJztcclxuXHJcbiAgQE91dHB1dCgpIGltYWdlQ3JvcHBlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgZmlsZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxJVWlVcGxvYWRlclVzZXJNZXNzYWdlPigpO1xyXG5cclxuICB1cGxvYWRPcHRpb25zOiBVcGxvYWRlck9wdGlvbnMgPSB7XHJcbiAgICBjb25jdXJyZW5jeTogdGhpcy5maWxlU2VydmljZUNvbmZpZy5jb25jdXJyZW50VXBsb2Fkc1xyXG4gIH07XHJcblxyXG4gIHB1YmxpYyB1cGxvYWRpbmcgPSBmYWxzZTtcclxuXHJcbiAgY2hhbmdlRmlsZUluZGV4O1xyXG5cclxuICBzaG93Q3JvcHBlciA9IGZhbHNlO1xyXG4gIG1lbnVWaXNpYmxlOiBhbnk7XHJcbiAgc2hvd0Nyb3BQcmV2aWV3ID0ge307XHJcbiAgY3JvcFByZXZpZXdUaW1lb3V0cyA9IHt9O1xyXG4gIGNyb3BTb3VyY2VJbWFnZXMgPSB7fTtcclxuICBjcm9wcGVySW1hZ2VMb2FkZWQgPSB7fTtcclxuICBpbWFnZXNEb25lID0ge307XHJcbiAgdHJhbnNmb3JtOiBJbWFnZVRyYW5zZm9ybSA9IHt9O1xyXG4gIGNhbnZhc1JvdGF0aW9uID0ge31cclxuXHJcbiAgcHVibGljIGZpbGVzIDogeyBjdXN0b20/OiBhbnksICRuZXdGaWxlPzogVXBsb2FkRmlsZSB9W107XHJcblxyXG4gIHB1YmxpYyByZXNwb25zZUZpbGVzO1xyXG5cclxuICByZWZyZXNoQWRkSW5wdXQgPSBmYWxzZTtcclxuXHJcbiAgZmlsZU1lbnVPcGVuZWQ7XHJcblxyXG4gIHBhdGNoaW5nVmFsdWVzID0gZmFsc2U7XHJcblxyXG4gIGlucHV0QXJyYXkgPSBmYWxzZTtcclxuICBkcmFnZ2luZyA9IGZhbHNlO1xyXG5cclxuICB1cGxvYWRlcklkID0gTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogMTAwMDAwMCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIEBJbmplY3QoVUlfRklMRVNFUlZJQ0UpIHByaXZhdGUgZmlsZVNlcnZpY2VDb25maWc6IElVaUZpbGVTZXJ2aWNlLFxyXG4gICAgICAgICAgICAgIEBJbmplY3QoVUlfVFJBTlNMQVRFU0VSVklDRSkgcHVibGljIHRyYW5zbGF0ZVNlcnZpY2U6IElVaVRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEhvc3QoKSBAU2tpcFNlbGYoKSBwcm90ZWN0ZWQgY29udHJvbENvbnRhaW5lcjogQ29udHJvbENvbnRhaW5lcixcclxuICAgICAgICAgICAgICBwcml2YXRlIGZpbGVTZXJ2aWNlOiBVaUZpbGVTZXJ2aWNlKSB7XHJcblxyXG4gICAgc3VwZXIobnVsbCwgY29udHJvbENvbnRhaW5lcik7XHJcblxyXG4gICAgdGhpcy5maWxlU2VydmljZS51cGxvYWRTdWJzY3JpcHRpb24ubmV4dCh7YWN0aW9uOiAncmVnaXN0ZXInLCBkYXRhOiB0aGlzfSk7XHJcblxyXG4gICAgdGhpcy5maWxlU2VydmljZS51cGxvYWRTdWJzY3JpcHRpb24uc3Vic2NyaWJlKCh2OiBhbnkpID0+IHtcclxuICAgICAgc3dpdGNoICh2LmFjdGlvbikge1xyXG4gICAgICAgIGNhc2UgJ3VwbG9hZFN0YXJ0ZWQnOiB0aGlzLnVwbG9hZGluZyA9IHRydWU7IGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ3VwbG9hZEZhaWxlZCc6XHJcbiAgICAgICAgY2FzZSAndXBsb2FkU3VjY2Vzcyc6XHJcbiAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy51cGxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgdGhpcy5wYXRjaFZhbHVlcygpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIGdldCB1cGxvYWRJbnB1dCgpOiBFdmVudEVtaXR0ZXI8VXBsb2FkSW5wdXQ+IHtcclxuICAgIHJldHVybiB0aGlzLmZpbGVTZXJ2aWNlLnVwbG9hZElucHV0O1xyXG4gIH1cclxuXHJcbiAgY3JvcHBlZEltYWdlcyA9IHt9O1xyXG5cclxuICBnZXQgZWRpdGFibGUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5jb21wb25lbnRGb3JtQ29udHJvbC5lbmFibGVkO1xyXG4gIH1cclxuXHJcbiAgZ2V0IG5nQWRkU3R5bGUoKSB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICB3aWR0aDogTWF0aC5hYnModGhpcy5maWxlU2VydmljZUNvbmZpZy5pbWFnZVNpemVzW3RoaXMuZmlsZVNpemVdWzBdKSArICdweCcsXHJcbiAgICAgIGhlaWdodDogTWF0aC5hYnModGhpcy5maWxlU2VydmljZUNvbmZpZy5pbWFnZVNpemVzW3RoaXMuZmlsZVNpemVdWzFdKSArICdweCcsXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXQgYXNwZWN0UmF0aW8oKSB7XHJcbiAgICByZXR1cm4gdGhpcy5maWxlU2VydmljZUNvbmZpZy5pbWFnZVNpemVzW3RoaXMuZmlsZVNpemVdWzBdIC8gdGhpcy5maWxlU2VydmljZUNvbmZpZy5pbWFnZVNpemVzW3RoaXMuZmlsZVNpemVdWzFdO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGFkZEZpbGVJbWdTcmMoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5maWxlU2VydmljZUNvbmZpZy5hZGRGaWxlSW1nU3JjO1xyXG4gIH1cclxuXHJcbiAgY3JvcERvbmUoZikge1xyXG4gICAgcmV0dXJuICFmLiRuZXdGaWxlIHx8IHRoaXMuaW1hZ2VzRG9uZVtmLiRuZXdGaWxlLmlkXTtcclxuICB9XHJcblxyXG4gIC8vIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIC8vICAgc3VwZXIubmdPbkluaXQoKTtcclxuICAvLyB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5maWxlU2VydmljZS51cGxvYWRTdWJzY3JpcHRpb24ubmV4dCh7YWN0aW9uOiAnZGVzdHJveScsIGRhdGE6IHRoaXN9KTtcclxuICB9XHJcblxyXG4gIHJlbW92ZShmOiBhbnkpOiB2b2lkIHtcclxuICAgIGlmIChmLiRuZXdGaWxlKSB7XHJcbiAgICAgIHRoaXMudXBsb2FkSW5wdXQuZW1pdCh7dHlwZTogJ3JlbW92ZScsIGlkOiBmLiRuZXdGaWxlLmlkfSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLmZpbGVzLnNwbGljZSh0aGlzLmZpbGVzLmluZGV4T2YoZiksIDEpO1xyXG4gICAgdGhpcy5wcmVwYXJlUmVzcG9uc2UoKTtcclxuICAgIC8vIHRoaXMub25DaGFuZ2UodGhpcy5pbnB1dEFycmF5ID8gdGhpcy5maWxlcyA6ICh0aGlzLmZpbGVzLmxlbmd0aCA+IDAgPyB0aGlzLmZpbGVzWzBdIDogbnVsbCkpO1xyXG4gICAgdGhpcy5maWxlRXZlbnQuZW1pdCh7IG1lc3NhZ2U6ICdmaWxlUmVtb3ZlZCcsIGRhdGE6IGYgfSk7XHJcbi8vICAgICB0aGlzLnBhdGNoVmFsdWVzKCk7XHJcbiAgfVxyXG5cclxuICBwYXRjaFZhbHVlcygpOiB2b2lkIHtcclxuICAgIHRoaXMucGF0Y2hpbmdWYWx1ZXMgPSB0cnVlO1xyXG4gICAgLy8gaWYgKHRoaXMuaW5wdXRBcnJheSkge1xyXG4gICAgLy8gICB0aGlzLmNvbXBvbmVudEZvcm1Db250cm9sLnNldFZhbHVlKHRoaXMuZmlsZXMubWFwKGYgPT4gZi5jdXN0b20pKTtcclxuICAgIC8vIH0gZWxzZSB7XHJcbiAgICAvLyAgIHRoaXMuY29tcG9uZW50Rm9ybUNvbnRyb2wuc2V0VmFsdWUodGhpcy5maWxlcy5sZW5ndGggPT09IDAgPyBudWxsIDogdGhpcy5maWxlc1swXS5jdXN0b20pO1xyXG4gICAgLy8gfVxyXG4gICAgdGhpcy5wYXRjaGluZ1ZhbHVlcyA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGhhc0ZpbGVzVG9VcGxvYWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gISF0aGlzLmZpbGVzLmZpbmQoZiA9PiBmLiRuZXdGaWxlICYmIGYuJG5ld0ZpbGUucHJvZ3Jlc3Muc3RhdHVzICE9PSAyKTtcclxuICB9XHJcblxyXG4gIGNhbkltYWdlUHJldmlldyh0eXBlOiBzdHJpbmcpIHtcclxuICAgIHJldHVybiB0eXBlLnN0YXJ0c1dpdGgoJ2ltYWdlLycpIHx8IHR5cGUuc3RhcnRzV2l0aCgndmlkZW8vJyk7XHJcbiAgfVxyXG5cclxuICBvblVwbG9hZE91dHB1dCgkZXZlbnQ6IFVwbG9hZE91dHB1dCwgc2tpcEN1c3RvbVZhbGlkYXRpb24gPSBmYWxzZSk6IHZvaWQge1xyXG4gICAgLy8gY29uc29sZS5sb2coJGV2ZW50KTtcclxuICAgIHN3aXRjaCAoJGV2ZW50LnR5cGUpIHtcclxuICAgICAgY2FzZSAnc3RhcnQnOlxyXG4gICAgICAgIGJyZWFrO1xyXG5cclxuICAgICAgY2FzZSAnZHJhZ092ZXInOlxyXG4gICAgICAgIHRoaXMuZHJhZ2dpbmcgPSB0cnVlO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdkcmFnT3V0JzpcclxuICAgICAgY2FzZSAnZHJvcCc6XHJcbiAgICAgICAgdGhpcy5kcmFnZ2luZyA9IGZhbHNlO1xyXG4gICAgICAgIGJyZWFrO1xyXG5cclxuICAgICAgY2FzZSAnYWRkZWRUb1F1ZXVlJzpcclxuICAgICAgICBpZiAodGhpcy5jcm9wICYmICEkZXZlbnQuZmlsZS50eXBlLnN0YXJ0c1dpdGgoJ2ltYWdlLycpKSB7XHJcbiAgICAgICAgICB0aGlzLnVwbG9hZElucHV0LmVtaXQoeyB0eXBlOiAncmVtb3ZlJywgaWQ6ICRldmVudC5maWxlLmlkIH0pO1xyXG4gICAgICAgICAgdGhpcy5maWxlRXZlbnQuZW1pdCh7IG1lc3NhZ2U6ICdjcm9wSW52YWxpZEZpbGVUeXBlJywgZGF0YTogJGV2ZW50LmZpbGUgfSk7XHJcbiAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBpZiAoIXNraXBDdXN0b21WYWxpZGF0aW9uICYmIHRoaXMuZmlsZVNlcnZpY2VDb25maWcuZmlsZVZhbGlkYXRpb24pIHtcclxuICAgICAgICAgIHRoaXMuZmlsZVNlcnZpY2VDb25maWcuZmlsZVZhbGlkYXRpb24odGhpcy5maWxlU2l6ZSwgJGV2ZW50LmZpbGUpLnRoZW4odmFsaWQgPT4ge1xyXG4gICAgICAgICAgICBpZiAodmFsaWQpIHtcclxuICAgICAgICAgICAgICB0aGlzLm9uVXBsb2FkT3V0cHV0KCRldmVudCwgdHJ1ZSlcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICB0aGlzLnVwbG9hZElucHV0LmVtaXQoeyB0eXBlOiAncmVtb3ZlJywgaWQ6ICRldmVudC5maWxlLmlkIH0pO1xyXG4gICAgICAgICAgICAgIC8vIHRoaXMuZmlsZUV2ZW50LmVtaXQoeyBtZXNzYWdlOiAnY3JvcEludmFsaWRGaWxlVHlwZScsIGRhdGE6ICRldmVudC5maWxlIH0pO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9KVxyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICBsZXQgZjtcclxuICAgICAgICAgIGlmICh0aGlzLmNoYW5nZUZpbGVJbmRleCAhPT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgICAgICAgIGYgPSB0aGlzLmZpbGVzW3RoaXMuY2hhbmdlRmlsZUluZGV4XTtcclxuICAgICAgICAgICAgaWYgKGYuJG5ld0ZpbGUpIHtcclxuICAgICAgICAgICAgICB0aGlzLnVwbG9hZElucHV0LmVtaXQoeyB0eXBlOiAncmVtb3ZlJywgaWQ6IGYuJG5ld0ZpbGUuaWQgfSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgZi4kbmV3RmlsZSA9ICRldmVudC5maWxlO1xyXG4gICAgICAgICAgICBmLmN1c3RvbSA9ICRldmVudC5maWxlO1xyXG4gICAgICAgICAgICB0aGlzLmNoYW5nZUZpbGVJbmRleCA9IHVuZGVmaW5lZDtcclxuICAgICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIGYgPSB7IGN1c3RvbTogJGV2ZW50LmZpbGUsICRuZXdGaWxlOiAkZXZlbnQuZmlsZSB9O1xyXG4gICAgICAgICAgICBpZiAodGhpcy5uZXdGaWxlUG9zaXRpb24gPT09ICdsYXN0Jykge1xyXG4gICAgICAgICAgICAgIHRoaXMuZmlsZXMucHVzaChmKTtcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICB0aGlzLmZpbGVzLnVuc2hpZnQoZik7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH1cclxuICAgICAgICAgIGlmICh0aGlzLmNhbkltYWdlUHJldmlldygkZXZlbnQuZmlsZS50eXBlKSkge1xyXG4gICAgICAgICAgICBpZiAodGhpcy5jcm9wKSB7XHJcbiAgICAgICAgICAgICAgdGhpcy5jYW52YXNSb3RhdGlvblskZXZlbnQuZmlsZS5pZF0gPSAwO1xyXG4gICAgICAgICAgICAgIHRoaXMuY3JvcFNvdXJjZUltYWdlc1skZXZlbnQuZmlsZS5pZF0gPSAkZXZlbnQuZmlsZS5uYXRpdmVGaWxlO1xyXG4gICAgICAgICAgICAgIHRoaXMuY3JvcHBlckltYWdlTG9hZGVkWyRldmVudC5maWxlLmlkXSA9IGZhbHNlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgICB0aGlzLnByZXBhcmVSZXNwb25zZSgpO1xyXG4gICAgICAgICAgdGhpcy5maWxlRXZlbnQuZW1pdCh7IG1lc3NhZ2U6ICdmaWxlQWRkZWQnLCBkYXRhOiBmIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBicmVhaztcclxuXHJcbiAgICAgIGNhc2UgJ2RvbmUnOlxyXG4gICAgICAgIGNvbnN0IGRmID0gdGhpcy5maWxlcy5maW5kKGYgPT4gZi4kbmV3RmlsZSA9PT0gJGV2ZW50LmZpbGUpO1xyXG4gICAgICAgIGlmIChkZikge1xyXG4gICAgICAgICAgaWYgKGRmLiRuZXdGaWxlLnJlc3BvbnNlU3RhdHVzID09PSAyMDApIHtcclxuICAgICAgICAgICAgdGhpcy5maWxlc1t0aGlzLmZpbGVzLmluZGV4T2YoZGYpXS5jdXN0b20gPSBkZi4kbmV3RmlsZS5yZXNwb25zZTtcclxuICAgICAgICAgICAgZGYuJG5ld0ZpbGUgPSBudWxsO1xyXG4gICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgLy8gY29uc29sZS5sb2coJ2Vycm9yIG9uIHVwbG9hZCcsIGRmLiRldmVudCk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmICghdGhpcy5oYXNGaWxlc1RvVXBsb2FkKSB7XHJcbiAgICAgICAgICB0aGlzLnByZXBhcmVSZXNwb25zZShmYWxzZSk7XHJcbiAgICAgICAgICB0aGlzLmZpbGVTZXJ2aWNlLnVwbG9hZFN1YnNjcmlwdGlvbi5uZXh0KHtcclxuICAgICAgICAgICAgYWN0aW9uOiB0aGlzLmZpbGVzLmZpbmQoZiA9PiAhIWYuJG5ld0ZpbGUpID8gJ3VwbG9hZENvbnRyb2xGYWlsZWQnIDogJ3VwbG9hZENvbnRyb2xTdWNjZXNzJ1xyXG4gICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJlcGFyZVJlc3BvbnNlKGRvZW1pdCA9IHRydWUpIHtcclxuICAgIGlmICh0aGlzLmlucHV0QXJyYXkpIHtcclxuICAgICAgaWYgKCF0aGlzLnJlc3BvbnNlRmlsZXMpIHtcclxuICAgICAgICB0aGlzLnJlc3BvbnNlRmlsZXMgPSBbXTtcclxuICAgICAgfVxyXG4gICAgICB0aGlzLnJlc3BvbnNlRmlsZXMubGVuZ3RoID0gMDtcclxuICAgICAgdGhpcy5maWxlcy5mb3JFYWNoKGYgPT4gdGhpcy5yZXNwb25zZUZpbGVzLnB1c2goey4uLmYuY3VzdG9tLCAkbmV3RmlsZTogZi4kbmV3RmlsZX0pKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGlmICh0aGlzLmZpbGVzLmxlbmd0aCA9PT0gMCkge1xyXG4gICAgICAgIHRoaXMucmVzcG9uc2VGaWxlcyA9IG51bGw7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgaWYgKCF0aGlzLnJlc3BvbnNlRmlsZXMpIHtcclxuICAgICAgICAgIHRoaXMucmVzcG9uc2VGaWxlcyA9IHt9O1xyXG4gICAgICAgIH1cclxuICAgICAgICBPYmplY3Qua2V5cyh0aGlzLmZpbGVzWzBdLmN1c3RvbSkuZm9yRWFjaChrID0+IHtcclxuICAgICAgICAgIHRoaXMucmVzcG9uc2VGaWxlc1trXSA9IHRoaXMuZmlsZXNbMF0uY3VzdG9tW2tdO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICAgIHRoaXMucmVzcG9uc2VGaWxlcy4kbmV3RmlsZSA9IHRoaXMuZmlsZXNbMF0uJG5ld0ZpbGU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGlmIChkb2VtaXQpIHtcclxuICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnJlc3BvbnNlRmlsZXMpO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIGNvbnNvbGUubG9nKCdlbWl0JywgdGhpcy5maWxlc1sxXSwgeyAuLi50aGlzLmZpbGVzWzFdLmN1c3RvbSwgJG5ld0ZpbGU6IHRoaXMuZmlsZXNbMV0uJG5ld0ZpbGUgfSk7XHJcbiAgICAvLyB0aGlzLm9uQ2hhbmdlKHRoaXMuaW5wdXRBcnJheSA/XHJcbiAgICAvLyAgIHRoaXMuZmlsZXMubWFwKGYgPT4gKHsgLi4uZi5jdXN0b20sICRuZXdGaWxlOiBmLiRuZXdGaWxlfSkpIDpcclxuICAgIC8vICAgKHRoaXMuZmlsZXMubGVuZ3RoID4gMCA/IHsgLi4udGhpcy5maWxlc1swXS5jdXN0b20sICRuZXdGaWxlOiB0aGlzLmZpbGVzWzBdLiRuZXdGaWxlIH0gOiBudWxsKSk7XHJcbiAgICAvLyB0aGlzLm9uQ2hhbmdlKHRoaXMuaW5wdXRBcnJheSA/XHJcbiAgICAvLyAgIHRoaXMuZmlsZXMgOlxyXG4gICAgLy8gICAodGhpcy5maWxlcy5sZW5ndGggPiAwID8gdGhpcy5maWxlc1swXSA6IG51bGwpKTtcclxuICB9XHJcblxyXG4gIGJlZm9yZVNhdmUoKSB7XHJcbiAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlcywgcmVqKSA9PiB7XHJcbiAgICAgIHRoaXMuZmlsZXMuZm9yRWFjaChmID0+IHtcclxuICAgICAgICBpZiAoZi4kbmV3RmlsZSAmJiBmLiRuZXdGaWxlLnByb2dyZXNzLnN0YXR1cyA9PT0gMikge1xyXG4gICAgICAgICAgZi4kbmV3RmlsZS5wcm9ncmVzcy5zdGF0dXMgPSAwO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAodGhpcy5jcm9wICYmIGYuJG5ld0ZpbGUgJiYgIXRoaXMuaW1hZ2VzRG9uZVtmLiRuZXdGaWxlLmlkXSkge1xyXG4gICAgICAgICAgdGhpcy5jcm9wcGVyRG9uZShmLiRuZXdGaWxlLmlkKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0pXHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIHJlcygnZG9uZScpO1xyXG4gICAgICB9LCAyNTApO1xyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIGZpbGVDaGFuZ2VFdmVudChldmVudDogYW55LCBmOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuY2hhbmdlRmlsZUluZGV4ID0gdGhpcy5maWxlcy5pbmRleE9mKGYpO1xyXG4gIH1cclxuXHJcbiAgc3RhcnRDcm9wUHJldmlldyhpZCkge1xyXG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuY3JvcFByZXZpZXdUaW1lb3V0c1tpZF0pO1xyXG4gICAgdGhpcy5zaG93Q3JvcFByZXZpZXdbaWRdID0gISF0aGlzLmNyb3BTb3VyY2VJbWFnZXNbaWRdO1xyXG4gIH1cclxuXHJcbiAgc3RvcENyb3BQcmV2aWV3KGlkKSB7XHJcbiAgICB0aGlzLmNyb3BQcmV2aWV3VGltZW91dHNbaWRdID0gc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuc2hvd0Nyb3BQcmV2aWV3W2lkXSA9IGZhbHNlO1xyXG4gICAgfSwgMjUwKTtcclxuICB9XHJcblxyXG4gIHpvb21Dcm9wcGVkSW1hZ2UoZGlyLCBpZCkge1xyXG4gICAgbGV0IHNjYWxlID0gdGhpcy50cmFuc2Zvcm1baWRdLnNjYWxlO1xyXG4gICAgc2NhbGUgKz0gZGlyO1xyXG4gICAgaWYgKHNjYWxlIDwgMC4xKSB7XHJcbiAgICAgIHNjYWxlID0gMC4xO1xyXG4gICAgfVxyXG4gICAgdGhpcy50cmFuc2Zvcm1baWRdID0ge1xyXG4gICAgICAuLi50aGlzLnRyYW5zZm9ybVtpZF0sXHJcbiAgICAgIHNjYWxlXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgcm90YXRlQ3JvcHBlZEltYWdlKGRpciwgaWQpIHtcclxuICAgIHRoaXMuY2FudmFzUm90YXRpb25baWRdICs9IGRpcjtcclxuICAgIGNvbnN0IGZsaXBwZWRIID0gdGhpcy50cmFuc2Zvcm1baWRdLmZsaXBIO1xyXG4gICAgY29uc3QgZmxpcHBlZFYgPSB0aGlzLnRyYW5zZm9ybVtpZF0uZmxpcFY7XHJcbiAgICB0aGlzLnRyYW5zZm9ybVtpZF0gPSB7XHJcbiAgICAgIC4uLnRoaXMudHJhbnNmb3JtW2lkXSxcclxuICAgICAgZmxpcEg6IGZsaXBwZWRWLFxyXG4gICAgICBmbGlwVjogZmxpcHBlZEhcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBvbkltYWdlQ3JvcHBlZChldmVudDogSW1hZ2VDcm9wcGVkRXZlbnQsIGlkKSB7XHJcbiAgICB0aGlzLmNyb3BwZWRJbWFnZXNbaWRdID0gZXZlbnQ7XHJcbiAgICB0aGlzLmltYWdlQ3JvcHBlZC5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIGltYWdlTG9hZGVkKGlkKSB7XHJcbiAgICB0aGlzLnNob3dDcm9wcGVyID0gdHJ1ZTtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLnRyYW5zZm9ybVtpZF0gPSB7XHJcbiAgICAgICAgc2NhbGU6IDFcclxuICAgICAgfTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgY3JvcHBlclJlYWR5KHNvdXJjZUltYWdlRGltZW5zaW9uczogRGltZW5zaW9ucywgaWQpIHtcclxuICAgIHRoaXMuY3JvcHBlckltYWdlTG9hZGVkW2lkXSA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBsb2FkSW1hZ2VGYWlsZWQoKSB7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVNZW51VmlzaWJpbGl0eShmKSB7XHJcbiAgICB0aGlzLmZpbGVNZW51T3BlbmVkID0gZjtcclxuICB9XHJcblxyXG4gIG1lbnVDbGljaygpIHtcclxuICAgIHRoaXMuZmlsZU1lbnVPcGVuZWQgPSB1bmRlZmluZWQ7XHJcbiAgfVxyXG5cclxuXHJcbiAgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnB1dEFycmF5ID0gb2JqIGluc3RhbmNlb2YgQXJyYXk7XHJcbiAgICBpZiAodGhpcy5pbnB1dEFycmF5KSB7XHJcbiAgICAgIHRoaXMuZmlsZXMgPSBvYmoubWFwKGYgPT4gKHsgY3VzdG9tOiBmLCAkbmV3RmlsZTogbnVsbCB9KSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmZpbGVzID0gb2JqID8gWyB7IGN1c3RvbTpvYmosICRuZXdGaWxlOiBudWxsfSBdIDogW107XHJcbiAgICB9XHJcbiAgICB0aGlzLmNyb3BTb3VyY2VJbWFnZXMgPSB7fTtcclxuICB9XHJcblxyXG4gIGNyb3BwZXJEb25lKGlkKSB7XHJcbiAgICBjb25zdCBmID0gdGhpcy5maWxlcy5maW5kKGZ4ID0+IGZ4LiRuZXdGaWxlICYmIGZ4LiRuZXdGaWxlLmlkID09PSBpZCk7XHJcbiAgICBpZiAoZikge1xyXG4gICAgICAvLyBjb25zdCB1cmwgPSB0aGlzLmNyb3BwZWRJbWFnZXNbaWRdO1xyXG4gICAgICAvLyBjb25zb2xlLmxvZyh1cmwpO1xyXG4gICAgICAvLyBmZXRjaCh1cmwpXHJcbiAgICAgIC8vICAgLnRoZW4ocmVzID0+IHJlcy5ibG9iKCkpXHJcbiAgICAgIC8vICAgLnRoZW4oYmxvYiA9PiB7XHJcbiAgICAgIC8vICAgICBmLiRuZXdGaWxlLm5hdGl2ZUZpbGUgPSBuZXcgRmlsZShbIGJsb2IgXSwgJ2Nyb3AucG5nJywge1xyXG4gICAgICAvLyAgICAgICB0eXBlOiAnaW1hZ2UvcG5nJ1xyXG4gICAgICAvLyAgICAgfSk7XHJcbiAgICAgIC8vICAgICBmLiRuZXdGaWxlLm5hbWUgPSAnY3JvcC5wbmcnO1xyXG4gICAgICAvLyAgICAgZi4kbmV3RmlsZS5zaXplID0gZi4kbmV3RmlsZS5uYXRpdmVGaWxlLnNpemU7XHJcbiAgICAgIC8vICAgICBmLiRuZXdGaWxlLnR5cGUgPSBmLiRuZXdGaWxlLm5hdGl2ZUZpbGUudHlwZTtcclxuICAgICAgLy8gICAgIHRoaXMuaW1hZ2VzRG9uZVtpZF0gPSB0cnVlO1xyXG4gICAgICAvLyAgICAgY29uc29sZS5sb2coZik7XHJcbiAgICAgIC8vICAgfSlcclxuICAgICAgY29uc3QgY3JvcHBlZEltYWdlID0gdGhpcy5jcm9wcGVkSW1hZ2VzW2lkXTtcclxuICAgICAgZi4kbmV3RmlsZS5uYXRpdmVGaWxlID0gbmV3IEZpbGUoWyBjcm9wcGVkSW1hZ2UuYmxvYiBdLCAnY3JvcC5wbmcnLCB7XHJcbiAgICAgICAgdHlwZTogJ2ltYWdlL3BuZydcclxuICAgICAgfSk7XHJcbiAgICAgIGYuJG5ld0ZpbGUubmFtZSA9ICdjcm9wLnBuZyc7XHJcbiAgICAgIGYuJG5ld0ZpbGUuc2l6ZSA9IGYuJG5ld0ZpbGUubmF0aXZlRmlsZS5zaXplO1xyXG4gICAgICBmLiRuZXdGaWxlLnR5cGUgPSBmLiRuZXdGaWxlLm5hdGl2ZUZpbGUudHlwZTtcclxuICAgICAgdGhpcy5pbWFnZXNEb25lW2lkXSA9IHRydWU7XHJcbiAgICAgIGNvbnNvbGUubG9nKGYpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibGFiZWxcIiAqbmdJZj1cImxhYmVsXCI+XHJcbiAgPGRpdiBjbGFzcz1cInRleHQtY29udGFpbmVyXCIgW21hdFRvb2x0aXBdPVwicmVxdWlyZWQgPyB0cmFuc2xhdGVTZXJ2aWNlLmluc3RhbnQoJ3VpLmNvbnRyb2xzLnZhbGlkYXRpb24ucmVxdWlyZWQnKSA6IHVuZGVmaW5lZFwiIFttYXRUb29sdGlwUG9zaXRpb25dPVwiJ2Fib3ZlJ1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRleHRcIj57e2xhYmVsfX08L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJyZXF1aXJlZFwiIGNsYXNzPVwicmVxdWlyZWRcIj4qPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImZpbGVzLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cIntkcmFnZ2luZzogZHJhZ2dpbmcsIGRpc2FibGVkOiB1cGxvYWRpbmcgfHwgIWVkaXRhYmxlfVwiPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiZXhpc3RpbmctZmlsZXNcIj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZmlsZS1jb250YWluZXJcIiAqbmdGb3I9XCJsZXQgZiBvZiBmaWxlc1wiPlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImZpbGUtbWVudVwiIChjbGljayk9XCJ0b2dnbGVNZW51VmlzaWJpbGl0eShmKVwiICpuZ0lmPVwiIWN1c3RvbUZpbGVNZW51ICYmIGVkaXRhYmxlICYmICF1cGxvYWRpbmdcIj5cclxuICAgICAgICA8bWF0LWljb24+bWVudTwvbWF0LWljb24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmlsZS1tZW51LWNvbnRhaW5lciBtYXQtZWxldmF0aW9uLXoyXCIgW25nQ2xhc3NdPVwie3Zpc2libGU6IGYgPT09IGZpbGVNZW51T3BlbmVkfVwiIChjbGljayk9XCJtZW51Q2xpY2soKVwiIChtb3VzZWxlYXZlKT1cIm1lbnVDbGljaygpXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFtZW51VGVtcGxhdGVcIj5cclxuICAgICAgICAgIDxsYWJlbCBjbGFzcz1cIm1lbnUtaXRlbVwiPnt7IHRyYW5zbGF0ZVNlcnZpY2UuaW5zdGFudCgndWkuY29udHJvbHMudWktZmlsZS11cGxvYWRlci5tZW51LmNoYW5nZScpIH19XHJcbiAgICAgICAgICAgIDxpbnB1dCAqbmdJZj1cIiFyZWZyZXNoQWRkSW5wdXRcIiBzdHlsZT1cImRpc3BsYXk6IG5vbmU7XCIgdHlwZT1cImZpbGVcIiBuZ0ZpbGVTZWxlY3QgW29wdGlvbnNdPVwidXBsb2FkT3B0aW9uc1wiIChjaGFuZ2UpPVwiZmlsZUNoYW5nZUV2ZW50KCRldmVudCwgZilcIlxyXG4gICAgICAgICAgICAgICAgICAgKHVwbG9hZE91dHB1dCk9XCJvblVwbG9hZE91dHB1dCgkZXZlbnQpXCIgW3VwbG9hZElucHV0XT1cInVwbG9hZElucHV0XCI+XHJcbiAgICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbnUtaXRlbVwiIChjbGljayk9XCJyZW1vdmUoZilcIj57eyB0cmFuc2xhdGVTZXJ2aWNlLmluc3RhbnQoJ3VpLmNvbnRyb2xzLnVpLWZpbGUtdXBsb2FkZXIubWVudS5kZWxldGUnKSB9fTwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtZW51VGVtcGxhdGVcIj5cclxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJtZW51VGVtcGxhdGVcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwie2ZpbGVJbnB1dDogZmlsZUlucHV0fVwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgI2ZpbGVJbnB1dD5cclxuICAgICAgICAgIDxpbnB1dCBzdHlsZT1cImRpc3BsYXk6IG5vbmU7XCIgdHlwZT1cImZpbGVcIiBuZ0ZpbGVTZWxlY3QgW29wdGlvbnNdPVwidXBsb2FkT3B0aW9uc1wiIChjaGFuZ2UpPVwiZmlsZUNoYW5nZUV2ZW50KCRldmVudCwgZilcIlxyXG4gICAgICAgICAgICAgICAgICh1cGxvYWRPdXRwdXQpPVwib25VcGxvYWRPdXRwdXQoJGV2ZW50KVwiIFt1cGxvYWRJbnB1dF09XCJ1cGxvYWRJbnB1dFwiPlxyXG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8ZGl2ICpuZ0lmPVwiY3JvcCAmJiAhY3JvcERvbmUoZilcIiAobW91c2VlbnRlcik9XCJzdGFydENyb3BQcmV2aWV3KGYuJG5ld0ZpbGUuaWQpXCIgKG1vdXNlbGVhdmUpPVwic3RvcENyb3BQcmV2aWV3KGYuJG5ld0ZpbGUuaWQpXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNyb3AtY29udGFpbmVyXCIgW25nU3R5bGVdPVwibmdBZGRTdHlsZVwiPlxyXG5cclxuICAgICAgICAgIDx1aS1maWxlICpuZ0lmPVwiZmFsc2UgJiYgZmlsZXMubGVuZ3RoID4gMCAmJiAhY3JvcFNvdXJjZUltYWdlc1wiIFtmaWxlU2l6ZV09XCJmaWxlU2l6ZVwiIFtzcmNEYXRhXT1cImZpbGVzWzBdLmN1c3RvbVwiIFtuZ0NsYXNzXT1cIntyb3VuZGVkOiBjcm9wUm91bmRlZH1cIj48L3VpLWZpbGU+XHJcblxyXG4gICAgICAgICAgPG1hdC1zcGlubmVyICpuZ0lmPVwiIWNyb3BwZXJJbWFnZUxvYWRlZFtmLiRuZXdGaWxlLmlkXSAmJiBjcm9wU291cmNlSW1hZ2VzW2YuJG5ld0ZpbGUuaWRdXCIgW2RpYW1ldGVyXT1cIjc1XCI+PC9tYXQtc3Bpbm5lcj5cclxuXHJcbiAgICAgICAgICA8aW1hZ2UtY3JvcHBlciAqbmdJZj1cImNyb3BTb3VyY2VJbWFnZXNbZi4kbmV3RmlsZS5pZF1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgW2ltYWdlRmlsZV09XCJjcm9wU291cmNlSW1hZ2VzW2YuJG5ld0ZpbGUuaWRdXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIFttYWludGFpbkFzcGVjdFJhdGlvXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgW2NvbnRhaW5XaXRoaW5Bc3BlY3RSYXRpb109XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbYXNwZWN0UmF0aW9dPVwiYXNwZWN0UmF0aW9cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3Jlc2l6ZVRvV2lkdGhdPVwiY3JvcE1heFdpZHRoXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIFtvbmx5U2NhbGVEb3duXT1cImZhbHNlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIFtyb3VuZENyb3BwZXJdPVwiY3JvcFJvdW5kZWRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgW2NhbnZhc1JvdGF0aW9uXT1cImNhbnZhc1JvdGF0aW9uW2YuJG5ld0ZpbGUuaWRdXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIFt0cmFuc2Zvcm1dPVwidHJhbnNmb3JtW2YuJG5ld0ZpbGUuaWRdXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIFthbGlnbkltYWdlXT1cIidjZW50ZXInXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5kaXNwbGF5XT1cInNob3dDcm9wcGVyID8gbnVsbCA6ICdub25lJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybWF0XT1cIidwbmcnXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIChpbWFnZUNyb3BwZWQpPVwib25JbWFnZUNyb3BwZWQoJGV2ZW50LCBmLiRuZXdGaWxlLmlkKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAoaW1hZ2VMb2FkZWQpPVwiaW1hZ2VMb2FkZWQoZi4kbmV3RmlsZS5pZClcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgKGNyb3BwZXJSZWFkeSk9XCJjcm9wcGVyUmVhZHkoJGV2ZW50LCBmLiRuZXdGaWxlLmlkKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAobG9hZEltYWdlRmFpbGVkKT1cImxvYWRJbWFnZUZhaWxlZCgpXCJcclxuICAgICAgICAgID48L2ltYWdlLWNyb3BwZXI+XHJcblxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNyb3AtcHJldmlldyBtYXQtZWxldmF0aW9uLXoyXCIgW2NsYXNzXT1cInByZXZpZXdQb3NpdGlvblwiICpuZ0lmPVwidHJ1ZSB8fCAoc2hvd0Nyb3BQcmV2aWV3W2YuJG5ld0ZpbGUuaWRdICYmIGNyb3BwZXJJbWFnZUxvYWRlZFtmLiRuZXdGaWxlLmlkXSlcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNyb3AtbWVudVwiPlxyXG4gICAgICAgICAgICAgIDxtYXQtaWNvbiAoY2xpY2spPVwiem9vbUNyb3BwZWRJbWFnZSguMSwgZi4kbmV3RmlsZS5pZClcIj56b29tX2luPC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICA8bWF0LWljb24gKGNsaWNrKT1cInpvb21Dcm9wcGVkSW1hZ2UoLSAuMSwgZi4kbmV3RmlsZS5pZClcIj56b29tX291dDwvbWF0LWljb24+XHJcbiAgICAgICAgICAgICAgPG1hdC1pY29uIChjbGljayk9XCJyb3RhdGVDcm9wcGVkSW1hZ2UoLTEsIGYuJG5ld0ZpbGUuaWQpXCI+cm90YXRlX2xlZnQ8L21hdC1pY29uPlxyXG4gICAgICAgICAgICAgIDxtYXQtaWNvbiAoY2xpY2spPVwicm90YXRlQ3JvcHBlZEltYWdlKDEsIGYuJG5ld0ZpbGUuaWQpXCI+cm90YXRlX3JpZ2h0PC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICA8ZGl2IHN0eWxlPVwiZmxleDogMSAxIDEwMCVcIj48L2Rpdj5cclxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJtZW51LWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj51cGxvYWRfZmlsZTwvbWF0LWljb24+XHJcbiAgICAgICAgICAgICAgICA8aW5wdXQgc3R5bGU9XCJkaXNwbGF5OiBub25lO1wiIHR5cGU9XCJmaWxlXCIgbmdGaWxlU2VsZWN0IFtvcHRpb25zXT1cInVwbG9hZE9wdGlvbnNcIiAoY2hhbmdlKT1cImZpbGVDaGFuZ2VFdmVudCgkZXZlbnQsIGYpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAodXBsb2FkT3V0cHV0KT1cIm9uVXBsb2FkT3V0cHV0KCRldmVudClcIiBbdXBsb2FkSW5wdXRdPVwidXBsb2FkSW5wdXRcIj5cclxuICAgICAgICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgICAgICAgIDxtYXQtaWNvbiAoY2xpY2spPVwicmVtb3ZlKGYpXCI+ZGVsZXRlX291dGxpbmU8L21hdC1pY29uPlxyXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJmbGV4OiAxIDEgMTAwJVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgIDxtYXQtaWNvbiAoY2xpY2spPVwiY3JvcHBlckRvbmUoZi4kbmV3RmlsZS5pZClcIj5kb25lPC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJjcm9wcGVkSW1hZ2VzW2YuJG5ld0ZpbGUuaWRdXCIgW3NyY109XCJjcm9wcGVkSW1hZ2VzW2YuJG5ld0ZpbGUuaWRdLm9iamVjdFVybFwiIFtuZ0NsYXNzXT1cIntyb3VuZGVkOiBjcm9wUm91bmRlZH1cIi8+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG5cclxuXHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjcm9wIHx8IGNyb3BEb25lKGYpXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZpbGVUZW1wbGF0ZVwiPlxyXG4gICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImZpbGVUZW1wbGF0ZVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ZmlsZTogZiwgZmlsZUlucHV0OiBmaWxlSW5wdXQyfVwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgI2ZpbGVJbnB1dDI+XHJcbiAgICAgICAgICAgIDxpbnB1dCBzdHlsZT1cImRpc3BsYXk6IG5vbmU7XCIgdHlwZT1cImZpbGVcIiBuZ0ZpbGVTZWxlY3QgW29wdGlvbnNdPVwidXBsb2FkT3B0aW9uc1wiIChjaGFuZ2UpPVwiZmlsZUNoYW5nZUV2ZW50KCRldmVudCwgZilcIlxyXG4gICAgICAgICAgICAgICAgICAgKHVwbG9hZE91dHB1dCk9XCJvblVwbG9hZE91dHB1dCgkZXZlbnQpXCIgW3VwbG9hZElucHV0XT1cInVwbG9hZElucHV0XCI+XHJcbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICA8dWktZmlsZSAqbmdJZj1cIiFmaWxlVGVtcGxhdGVcIiBbZmlsZVNpemVdPVwiZmlsZVNpemVcIiBbc3JjRGF0YV09XCJmLiRuZXdGaWxlID8gZi4kbmV3RmlsZTogZi5jdXN0b21cIiBbbmdDbGFzc109XCJ7cm91bmRlZDogY3JvcCAmJiBjcm9wUm91bmRlZH1cIj5cclxuICAgICAgICA8L3VpLWZpbGU+XHJcblxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmLiRuZXdGaWxlXCI+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZi4kbmV3RmlsZS5yZXNwb25zZVN0YXR1cyAmJiBmLiRuZXdGaWxlLnJlc3BvbnNlU3RhdHVzICE9PSAyMDBcIiBjbGFzcz1cInByb2dyZXNzLWNvbnRhaW5lciBlcnJvclwiPlxyXG4gICAgICAgICAgICB7eyB0cmFuc2xhdGVTZXJ2aWNlLmluc3RhbnQoJ3VpLmNvbnRyb2xzLnVpLWZpbGUtdXBsb2FkZXIudXBsb2FkRXJyb3InLCBmLiRuZXdGaWxlLnJlc3BvbnNlKSB9fVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWYuJG5ld0ZpbGUucmVzcG9uc2VTdGF0dXMgJiYgZi4kbmV3RmlsZS5wcm9ncmVzcy5zdGF0dXMgPT09IDFcIiBjbGFzcz1cInByb2dyZXNzLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3NcIiBbbmdTdHlsZV09XCJ7d2lkdGg6IGYuJG5ld0ZpbGUucHJvZ3Jlc3MuZGF0YS5wZXJjZW50YWdlICsgJyUnfVwiPjwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiZmlsZS1jb250YWluZXIgYWRkXCIgbmdGaWxlRHJvcCAgW29wdGlvbnNdPVwidXBsb2FkT3B0aW9uc1wiICh1cGxvYWRPdXRwdXQpPVwib25VcGxvYWRPdXRwdXQoJGV2ZW50KVwiIFt1cGxvYWRJbnB1dF09XCJ1cGxvYWRJbnB1dFwiIFtuZ0NsYXNzXT1cInt2aXNpYmxlOiBmaWxlcy5sZW5ndGggPCBtYXhGaWxlcyB8fCBtYXhGaWxlcyA9PT0gMH1cIiBbbmdTdHlsZV09XCJhZGRGaWxlVGVtcGxhdGUgPyB7fSA6IG5nQWRkU3R5bGVcIj5cclxuICAgIDxsYWJlbD5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFkZEZpbGVUZW1wbGF0ZVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJhZGRGaWxlVGVtcGxhdGVcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFhZGRGaWxlVGVtcGxhdGVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidXBsb2FkLWltYWdlLWNvbnRhaW5lclwiPjwvZGl2PlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJhZGRGaWxlSW1nU3JjXCIgW25nQ2xhc3NdPVwieyd3aXRoLWhpbnQnOiBhZGRIaW50fVwiIC8+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImFkZEhpbnRcIiBjbGFzcz1cImFkZC1oaW50XCI+e3thZGRIaW50fX08L2Rpdj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDxpbnB1dCBzdHlsZT1cImRpc3BsYXk6IG5vbmU7XCIgdHlwZT1cImZpbGVcIiBuZ0ZpbGVTZWxlY3QgW29wdGlvbnNdPVwidXBsb2FkT3B0aW9uc1wiICh1cGxvYWRPdXRwdXQpPVwib25VcGxvYWRPdXRwdXQoJGV2ZW50KVwiIFt1cGxvYWRJbnB1dF09XCJ1cGxvYWRJbnB1dFwiIFttdWx0aXBsZV09XCJtYXhGaWxlcyA9PT0gMCAmJiBtdWx0aXBsZVwiPlxyXG4gICAgPC9sYWJlbD5cclxuICA8L2Rpdj5cclxuXHJcbjwvZGl2PlxyXG4iXX0=