monkey-style-guide 2.0.181 → 2.0.183

package/esm2020/lib/components/file-upload/file-upload.component.mjs

@@ -1,294 +1,294 @@
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- **************************/
-import { Component, ViewEncapsulation, Input, forwardRef, HostListener, Output, EventEmitter, } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { MonkeyUtils } from '../../core/utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../icon/icon.component";
-import * as i2 from "@angular/common";
-export class MonkeyFileUploadComponent {
-    constructor() {
-        this.onChange = new EventEmitter();
-        this.onHandleFilesReady = new EventEmitter();
-        this.onModelChange = (value) => { };
-        this.onModelTouched = (value) => { };
-        this._id = `mecx-file-upload-${MonkeyUtils.getRandomString(10)}`;
-        this._disabled = false;
-        this._progress = null;
-        this._maxSizeErrorMessage = false;
-        this._allowedExtensionErrorMessage = false;
-        this._uploadErrorMessage = '';
-    }
-    validateFile(file) {
-        const { configFiles } = this;
-        const { name, size } = file;
-        if (configFiles.allowedExtensions) {
-            const hasAllowedExtensions = configFiles.allowedExtensions.filter((allow) => {
-                const extension = name.substr(name.indexOf('.', -name.length));
-                return (allow.extension.toLowerCase() === extension.toLowerCase() ||
-                    !MonkeyUtils.persistNullEmptyUndefined(extension));
-            }).length > 0;
-            if (!hasAllowedExtensions) {
-                this._allowedExtensionErrorMessage = true;
-                return false;
-            }
-        }
-        if (configFiles.maxSize) {
-            if (size > configFiles.maxSize) {
-                this._maxSizeErrorMessage = true;
-                return false;
-            }
-        }
-        return true;
-    }
-    handleCallback(progress, respUploaded, uploadError) {
-        this._progress = progress;
-        this.value = respUploaded;
-        this._uploadErrorMessage = uploadError;
-        this.onChange.next(this.value);
-    }
-    ngOnInit() {
-        this.allowedExtensions = this.allowedExtensions || [
-            '.jpg',
-            '.jpeg',
-            '.png',
-            '.pdf',
-            '.txt',
-            '.xls',
-            '.xlsx',
-        ];
-        let allow = null;
-        if (this.allowedExtensions.length > 0) {
-            allow = this.allowedExtensions.map((val) => {
-                return { extension: val };
-            });
-        }
-        this.configFiles = {
-            maxSize: this.maxSize || 5 * 1024 * 1024,
-            allowedExtensions: allow,
-        };
-    }
-    registerOnChange(fn) {
-        this.onModelChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onModelTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this._disabled = isDisabled;
-    }
-    set value(value) {
-        if (value !== undefined && this.handledValue !== value) {
-            this.handledValue = value;
-            this.onModelChange(value);
-            this.onModelTouched(value);
-        }
-    }
-    get value() {
-        return this.handledValue;
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-    onChangeValue(event) {
-        const { listenFiles } = this;
-        this._allowedExtensionErrorMessage = false;
-        this._maxSizeErrorMessage = false;
-        for (let index = 0; index < event.length; index++) {
-            const file = event[index];
-            if (this.validateFile(file)) {
-                if (listenFiles) {
-                    this.onHandleFilesReady.next(file);
-                }
-                else {
-                    this.fileUpload(file, this.handleCallback.bind(this));
-                }
-            }
-        }
-    }
-    onClick(event) {
-        const { _id } = this;
-        document.getElementById(_id).value = null;
-        document.getElementById(_id).click();
-    }
-    onClear(event) {
-        event?.preventDefault();
-        event?.stopPropagation();
-        this.value = null;
-        this.onChange.next(this.value);
-    }
-}
-MonkeyFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonkeyFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyFileUploadComponent, selector: "monkey-file-upload", inputs: { name: "name", label: "label", helperMessage: "helperMessage", placeholder: "placeholder", icon: "icon", infoMessage: "infoMessage", uploadOngoingMessage: "uploadOngoingMessage", errorMessage: "errorMessage", listenFiles: "listenFiles", maxSize: "maxSize", allowedExtensions: "allowedExtensions", maxSizeErrorMessage: "maxSizeErrorMessage", allowedExtensionErrorMessage: "allowedExtensionErrorMessage", fileUpload: "fileUpload", value: "value" }, outputs: { onChange: "onChange", onHandleFilesReady: "onHandleFilesReady" }, host: { listeners: { "click": "onClick($event)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => MonkeyFileUploadComponent),
-            multi: true,
-        },
-    ], ngImport: i0, template: `
-    <mecx-form-field [ngClass]="{ disabled: _disabled }">
-      <mecx-form-field-header>
-        <label>
-          {{ label }}
-        </label>
-        <helper>
-          {{ helperMessage }}
-        </helper>
-      </mecx-form-field-header>
-      <mecx-form-field-body>
-        <input
-          #fileInput
-          hidden
-          [name]="name"
-          type="file"
-          (change)="onChangeValue($event.target.files)"
-          [id]="_id"
-          [disabled]="_disabled"
-        />
-        <span>{{
-          value?.fileName
-            ? value.fileName
-            : uploadOngoingMessage
-            ? uploadOngoingMessage
-            : placeholder
-        }}</span>
-        <monkey-icon
-          icon="upload-16"
-          [color]="'#4B4A53'"
-          *ngIf="!value?.fileName"
-        ></monkey-icon>
-        <monkey-icon
-          icon="close-16"
-          *ngIf="value?.fileName"
-          (click)="onClear($event)"
-        ></monkey-icon>
-      </mecx-form-field-body>
-      <mecx-form-field-upload-info *ngIf="_progress">
-        <span [style.width.%]="_progress"> {{ _progress }}%</span>
-      </mecx-form-field-upload-info>
-      <mecx-form-field-footer>
-        <info>
-          {{ infoMessage }}
-        </info>
-        <error>
-          {{ errorMessage }}
-          {{ _uploadErrorMessage }}
-          {{ _maxSizeErrorMessage ? maxSizeErrorMessage : null }}
-          {{
-            _allowedExtensionErrorMessage ? allowedExtensionErrorMessage : null
-          }}
-        </error>
-      </mecx-form-field-footer>
-    </mecx-form-field>
-  `, isInline: true, components: [{ type: i1.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyFileUploadComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'monkey-file-upload',
-                    template: `
-    <mecx-form-field [ngClass]="{ disabled: _disabled }">
-      <mecx-form-field-header>
-        <label>
-          {{ label }}
-        </label>
-        <helper>
-          {{ helperMessage }}
-        </helper>
-      </mecx-form-field-header>
-      <mecx-form-field-body>
-        <input
-          #fileInput
-          hidden
-          [name]="name"
-          type="file"
-          (change)="onChangeValue($event.target.files)"
-          [id]="_id"
-          [disabled]="_disabled"
-        />
-        <span>{{
-          value?.fileName
-            ? value.fileName
-            : uploadOngoingMessage
-            ? uploadOngoingMessage
-            : placeholder
-        }}</span>
-        <monkey-icon
-          icon="upload-16"
-          [color]="'#4B4A53'"
-          *ngIf="!value?.fileName"
-        ></monkey-icon>
-        <monkey-icon
-          icon="close-16"
-          *ngIf="value?.fileName"
-          (click)="onClear($event)"
-        ></monkey-icon>
-      </mecx-form-field-body>
-      <mecx-form-field-upload-info *ngIf="_progress">
-        <span [style.width.%]="_progress"> {{ _progress }}%</span>
-      </mecx-form-field-upload-info>
-      <mecx-form-field-footer>
-        <info>
-          {{ infoMessage }}
-        </info>
-        <error>
-          {{ errorMessage }}
-          {{ _uploadErrorMessage }}
-          {{ _maxSizeErrorMessage ? maxSizeErrorMessage : null }}
-          {{
-            _allowedExtensionErrorMessage ? allowedExtensionErrorMessage : null
-          }}
-        </error>
-      </mecx-form-field-footer>
-    </mecx-form-field>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => MonkeyFileUploadComponent),
-                            multi: true,
-                        },
-                    ],
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], helperMessage: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], infoMessage: [{
-                type: Input
-            }], uploadOngoingMessage: [{
-                type: Input
-            }], errorMessage: [{
-                type: Input
-            }], listenFiles: [{
-                type: Input
-            }], maxSize: [{
-                type: Input
-            }], allowedExtensions: [{
-                type: Input
-            }], maxSizeErrorMessage: [{
-                type: Input
-            }], allowedExtensionErrorMessage: [{
-                type: Input
-            }], fileUpload: [{
-                type: Input
-            }], onChange: [{
-                type: Output
-            }], onHandleFilesReady: [{
-                type: Output
-            }], value: [{
-                type: Input
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlL3NyYy9saWIvY29tcG9uZW50cy9maWxlLXVwbG9hZC9maWxlLXVwbG9hZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NEJBSTRCO0FBQzVCLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQXFFL0MsTUFBTSxPQUFPLHlCQUF5QjtJQThCcEM7UUFmVSxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNuQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBSWhELGtCQUFhLEdBQUcsQ0FBQyxLQUFVLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUNuQyxtQkFBYyxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFckMsUUFBRyxHQUFXLG9CQUFvQixXQUFXLENBQUMsZUFBZSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDcEUsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixjQUFTLEdBQVcsSUFBSSxDQUFDO1FBQ3pCLHlCQUFvQixHQUFZLEtBQUssQ0FBQztRQUN0QyxrQ0FBNkIsR0FBWSxLQUFLLENBQUM7UUFDL0Msd0JBQW1CLEdBQVcsRUFBRSxDQUFDO0lBRXpCLENBQUM7SUFFUixZQUFZLENBQUMsSUFBVTtRQUM3QixNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsSUFBSSxDQUFDO1FBQzdCLE1B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QUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csNEJBQTRCO3NCQUFwQyxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBNEZILEtBQUs7c0JBRFIsS0FBSztnQkFrQ04sT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKioqL1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNb25rZXlVdGlscyB9IGZyb20gJy4uLy4uL2NvcmUvdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb25rZXktZmlsZS11cGxvYWQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtZWN4LWZvcm0tZmllbGQgW25nQ2xhc3NdPVwieyBkaXNhYmxlZDogX2Rpc2FibGVkIH1cIj5cbiAgICAgIDxtZWN4LWZvcm0tZmllbGQtaGVhZGVyPlxuICAgICAgICA8bGFiZWw+XG4gICAgICAgICAge3sgbGFiZWwgfX1cbiAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgPGhlbHBlcj5cbiAgICAgICAgICB7eyBoZWxwZXJNZXNzYWdlIH19XG4gICAgICAgIDwvaGVscGVyPlxuICAgICAgPC9tZWN4LWZvcm0tZmllbGQtaGVhZGVyPlxuICAgICAgPG1lY3gtZm9ybS1maWVsZC1ib2R5PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICAjZmlsZUlucHV0XG4gICAgICAgICAgaGlkZGVuXG4gICAgICAgICAgW25hbWVdPVwibmFtZVwiXG4gICAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2VWYWx1ZSgkZXZlbnQudGFyZ2V0LmZpbGVzKVwiXG4gICAgICAgICAgW2lkXT1cIl9pZFwiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIl9kaXNhYmxlZFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxzcGFuPnt7XG4gICAgICAgICAgdmFsdWU/LmZpbGVOYW1lXG4gICAgICAgICAgICA/IHZhbHVlLmZpbGVOYW1lXG4gICAgICAgICAgICA6IHVwbG9hZE9uZ29pbmdNZXNzYWdlXG4gICAgICAgICAgICA/IHVwbG9hZE9uZ29pbmdNZXNzYWdlXG4gICAgICAgICAgICA6IHBsYWNlaG9sZGVyXG4gICAgICAgIH19PC9zcGFuPlxuICAgICAgICA8bW9ua2V5LWljb25cbiAgICAgICAgICBpY29uPVwidXBsb2FkLTE2XCJcbiAgICAgICAgICBbY29sb3JdPVwiJyM0QjRBNTMnXCJcbiAgICAgICAgICAqbmdJZj1cIiF2YWx1ZT8uZmlsZU5hbWVcIlxuICAgICAgICA+PC9tb25rZXktaWNvbj5cbiAgICAgICAgPG1vbmtleS1pY29uXG4gICAgICAgICAgaWNvbj1cImNsb3NlLTE2XCJcbiAgICAgICAgICAqbmdJZj1cInZhbHVlPy5maWxlTmFtZVwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gICAgICAgID48L21vbmtleS1pY29uPlxuICAgICAgPC9tZWN4LWZvcm0tZmllbGQtYm9keT5cbiAgICAgIDxtZWN4LWZvcm0tZmllbGQtdXBsb2FkLWluZm8gKm5nSWY9XCJfcHJvZ3Jlc3NcIj5cbiAgICAgICAgPHNwYW4gW3N0eWxlLndpZHRoLiVdPVwiX3Byb2dyZXNzXCI+IHt7IF9wcm9ncmVzcyB9fSU8L3NwYW4+XG4gICAgICA8L21lY3gtZm9ybS1maWVsZC11cGxvYWQtaW5mbz5cbiAgICAgIDxtZWN4LWZvcm0tZmllbGQtZm9vdGVyPlxuICAgICAgICA8aW5mbz5cbiAgICAgICAgICB7eyBpbmZvTWVzc2FnZSB9fVxuICAgICAgICA8L2luZm8+XG4gICAgICAgIDxlcnJvcj5cbiAgICAgICAgICB7eyBlcnJvck1lc3NhZ2UgfX1cbiAgICAgICAgICB7eyBfdXBsb2FkRXJyb3JNZXNzYWdlIH19XG4gICAgICAgICAge3sgX21heFNpemVFcnJvck1lc3NhZ2UgPyBtYXhTaXplRXJyb3JNZXNzYWdlIDogbnVsbCB9fVxuICAgICAgICAgIHt7XG4gICAgICAgICAgICBfYWxsb3dlZEV4dGVuc2lvbkVycm9yTWVzc2FnZSA/IGFsbG93ZWRFeHRlbnNpb25FcnJvck1lc3NhZ2UgOiBudWxsXG4gICAgICAgICAgfX1cbiAgICAgICAgPC9lcnJvcj5cbiAgICAgIDwvbWVjeC1mb3JtLWZpZWxkLWZvb3Rlcj5cbiAgICA8L21lY3gtZm9ybS1maWVsZD5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBNb25rZXlGaWxlVXBsb2FkQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleUZpbGVVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBoZWxwZXJNZXNzYWdlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCkgaW5mb01lc3NhZ2U6IHN0cmluZztcbiAgQElucHV0KCkgdXBsb2FkT25nb2luZ01lc3NhZ2U6IHN0cmluZztcbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxpc3RlbkZpbGVzOiBib29sZWFuO1xuICBASW5wdXQoKSBtYXhTaXplOiBudW1iZXI7XG4gIEBJbnB1dCgpIGFsbG93ZWRFeHRlbnNpb25zOiBzdHJpbmdbXTtcbiAgQElucHV0KCkgbWF4U2l6ZUVycm9yTWVzc2FnZTogc3RyaW5nO1xuICBASW5wdXQoKSBhbGxvd2VkRXh0ZW5zaW9uRXJyb3JNZXNzYWdlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZpbGVVcGxvYWQ6IEZ1bmN0aW9uO1xuICBAT3V0cHV0KCkgb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9uSGFuZGxlRmlsZXNSZWFkeSA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZT4oKTtcblxuICBwcml2YXRlIGNvbmZpZ0ZpbGVzOiBDb25maWdGaWxlcztcbiAgcHJpdmF0ZSBoYW5kbGVkVmFsdWU6IGFueTtcbiAgcHJpdmF0ZSBvbk1vZGVsQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHt9O1xuICBwcml2YXRlIG9uTW9kZWxUb3VjaGVkID0gKHZhbHVlOiBhbnkpID0+IHt9O1xuXG4gIHB1YmxpYyBfaWQ6IHN0cmluZyA9IGBtZWN4LWZpbGUtdXBsb2FkLSR7TW9ua2V5VXRpbHMuZ2V0UmFuZG9tU3RyaW5nKDEwKX1gO1xuICBwdWJsaWMgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIHB1YmxpYyBfcHJvZ3Jlc3M6IG51bWJlciA9IG51bGw7XG4gIHB1YmxpYyBfbWF4U2l6ZUVycm9yTWVzc2FnZTogYm9vbGVhbiA9IGZhbHNlO1xuICBwdWJsaWMgX2FsbG93ZWRFeHRlbnNpb25FcnJvck1lc3NhZ2U6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIF91cGxvYWRFcnJvck1lc3NhZ2U6IHN0cmluZyA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBwcml2YXRlIHZhbGlkYXRlRmlsZShmaWxlOiBGaWxlKTogYm9vbGVhbiB7XG4gICAgY29uc3QgeyBjb25maWdGaWxlcyB9ID0gdGhpcztcbiAgICBjb25zdCB7IG5hbWUsIHNpemUgfSA9IGZpbGU7XG5cbiAgICBpZiAoY29uZmlnRmlsZXMuYWxsb3dlZEV4dGVuc2lvbnMpIHtcbiAgICAgIGNvbnN0IGhhc0FsbG93ZWRFeHRlbnNpb25zID1cbiAgICAgICAgY29uZmlnRmlsZXMuYWxsb3dlZEV4dGVuc2lvbnMuZmlsdGVyKChhbGxvdykgPT4ge1xuICAgICAgICAgIGNvbnN0IGV4dGVuc2lvbiA9IG5hbWUuc3Vic3RyKG5hbWUuaW5kZXhPZignLicsIC1uYW1lLmxlbmd0aCkpO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICBhbGxvdy5leHRlbnNpb24udG9Mb3dlckNhc2UoKSA9PT0gZXh0ZW5zaW9uLnRvTG93ZXJDYXNlKCkgfHxcbiAgICAgICAgICAgICFNb25rZXlVdGlscy5wZXJzaXN0TnVsbEVtcHR5VW5kZWZpbmVkKGV4dGVuc2lvbilcbiAgICAgICAgICApO1xuICAgICAgICB9KS5sZW5ndGggPiAwO1xuICAgICAgaWYgKCFoYXNBbGxvd2VkRXh0ZW5zaW9ucykge1xuICAgICAgICB0aGlzLl9hbGxvd2VkRXh0ZW5zaW9uRXJyb3JNZXNzYWdlID0gdHJ1ZTtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmIChjb25maWdGaWxlcy5tYXhTaXplKSB7XG4gICAgICBpZiAoc2l6ZSA+IGNvbmZpZ0ZpbGVzLm1heFNpemUpIHtcbiAgICAgICAgdGhpcy5fbWF4U2l6ZUVycm9yTWVzc2FnZSA9IHRydWU7XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlQ2FsbGJhY2soXG4gICAgcHJvZ3Jlc3M6IG51bWJlcixcbiAgICByZXNwVXBsb2FkZWQ6IGFueSxcbiAgICB1cGxvYWRFcnJvcjogc3RyaW5nXG4gICkge1xuICAgIHRoaXMuX3Byb2dyZXNzID0gcHJvZ3Jlc3M7XG4gICAgdGhpcy52YWx1ZSA9IHJlc3BVcGxvYWRlZDtcbiAgICB0aGlzLl91cGxvYWRFcnJvck1lc3NhZ2UgPSB1cGxvYWRFcnJvcjtcbiAgICB0aGlzLm9uQ2hhbmdlLm5leHQodGhpcy52YWx1ZSk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmFsbG93ZWRFeHRlbnNpb25zID0gdGhpcy5hbGxvd2VkRXh0ZW5zaW9ucyB8fCBbXG4gICAgICAnLmpwZycsXG4gICAgICAnLmpwZWcnLFxuICAgICAgJy5wbmcnLFxuICAgICAgJy5wZGYnLFxuICAgICAgJy50eHQnLFxuICAgICAgJy54bHMnLFxuICAgICAgJy54bHN4JyxcbiAgICBdO1xuICAgIGxldCBhbGxvdzogQWxsb3dlZEZpbGVbXSA9IG51bGw7XG4gICAgaWYgKHRoaXMuYWxsb3dlZEV4dGVuc2lvbnMubGVuZ3RoID4gMCkge1xuICAgICAgYWxsb3cgPSB0aGlzLmFsbG93ZWRFeHRlbnNpb25zLm1hcCgodmFsKSA9PiB7XG4gICAgICAgIHJldHVybiB7IGV4dGVuc2lvbjogdmFsIH07XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICB0aGlzLmNvbmZpZ0ZpbGVzID0ge1xuICAgICAgbWF4U2l6ZTogdGhpcy5tYXhTaXplIHx8IDUgKiAxMDI0ICogMTAyNCxcbiAgICAgIGFsbG93ZWRFeHRlbnNpb25zOiBhbGxvdyxcbiAgICB9O1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbk1vZGVsQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbk1vZGVsVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCB2YWx1ZSh2YWx1ZTogYW55KSB7XG4gICAgaWYgKHZhbHVlICE9PSB1bmRlZmluZWQgJiYgdGhpcy5oYW5kbGVkVmFsdWUgIT09IHZhbHVlKSB7XG4gICAgICB0aGlzLmhhbmRsZWRWYWx1ZSA9IHZhbHVlO1xuICAgICAgdGhpcy5vbk1vZGVsQ2hhbmdlKHZhbHVlKTtcbiAgICAgIHRoaXMub25Nb2RlbFRvdWNoZWQodmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIGdldCB2YWx1ZSgpOiBhbnkge1xuICAgIHJldHVybiB0aGlzLmhhbmRsZWRWYWx1ZTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgfVxuXG4gIG9uQ2hhbmdlVmFsdWUoZXZlbnQ6IGFueSkge1xuICAgIGNvbnN0IHsgbGlzdGVuRmlsZXMgfSA9IHRoaXM7XG4gICAgdGhpcy5fYWxsb3dlZEV4dGVuc2lvbkVycm9yTWVzc2FnZSA9IGZhbHNlO1xuICAgIHRoaXMuX21heFNpemVFcnJvck1lc3NhZ2UgPSBmYWxzZTtcbiAgICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgZXZlbnQubGVuZ3RoOyBpbmRleCsrKSB7XG4gICAgICBjb25zdCBmaWxlOiBGaWxlID0gZXZlbnRbaW5kZXhdO1xuICAgICAgaWYgKHRoaXMudmFsaWRhdGVGaWxlKGZpbGUpKSB7XG4gICAgICAgIGlmIChsaXN0ZW5GaWxlcykge1xuICAgICAgICAgIHRoaXMub25IYW5kbGVGaWxlc1JlYWR5Lm5leHQoZmlsZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5maWxlVXBsb2FkKGZpbGUsIHRoaXMuaGFuZGxlQ2FsbGJhY2suYmluZCh0aGlzKSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIG9uQ2xpY2soZXZlbnQ6IGFueSkge1xuICAgIGNvbnN0IHsgX2lkIH0gPSB0aGlzO1xuICAgICg8SFRNTElucHV0RWxlbWVudD5kb2N1bWVudC5nZXRFbGVtZW50QnlJZChfaWQpKS52YWx1ZSA9IG51bGw7XG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoX2lkKS5jbGljaygpO1xuICB9XG5cbiAgb25DbGVhcihldmVudDogYW55KSB7XG4gICAgZXZlbnQ/LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZlbnQ/LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMudmFsdWUgPSBudWxsO1xuICAgIHRoaXMub25DaGFuZ2UubmV4dCh0aGlzLnZhbHVlKTtcbiAgfVxufVxuXG5pbnRlcmZhY2UgQWxsb3dlZEZpbGUge1xuICBleHRlbnNpb246IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIENvbmZpZ0ZpbGVzIHtcbiAgbWF4U2l6ZTogbnVtYmVyO1xuICBhbGxvd2VkRXh0ZW5zaW9uczogQWxsb3dlZEZpbGVbXTtcbn1cbiJdfQ==
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ **************************/
+import { Component, ViewEncapsulation, Input, forwardRef, HostListener, Output, EventEmitter, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { MonkeyUtils } from '../../core/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../icon/icon.component";
+import * as i2 from "@angular/common";
+export class MonkeyFileUploadComponent {
+    constructor() {
+        this.onChange = new EventEmitter();
+        this.onHandleFilesReady = new EventEmitter();
+        this.onModelChange = (value) => { };
+        this.onModelTouched = (value) => { };
+        this._id = `mecx-file-upload-${MonkeyUtils.getRandomString(10)}`;
+        this._disabled = false;
+        this._progress = null;
+        this._maxSizeErrorMessage = false;
+        this._allowedExtensionErrorMessage = false;
+        this._uploadErrorMessage = '';
+    }
+    validateFile(file) {
+        const { configFiles } = this;
+        const { name, size } = file;
+        if (configFiles.allowedExtensions) {
+            const hasAllowedExtensions = configFiles.allowedExtensions.filter((allow) => {
+                const extension = name.substr(name.indexOf('.', -name.length));
+                return (allow.extension.toLowerCase() === extension.toLowerCase() ||
+                    !MonkeyUtils.persistNullEmptyUndefined(extension));
+            }).length > 0;
+            if (!hasAllowedExtensions) {
+                this._allowedExtensionErrorMessage = true;
+                return false;
+            }
+        }
+        if (configFiles.maxSize) {
+            if (size > configFiles.maxSize) {
+                this._maxSizeErrorMessage = true;
+                return false;
+            }
+        }
+        return true;
+    }
+    handleCallback(progress, respUploaded, uploadError) {
+        this._progress = progress;
+        this.value = respUploaded;
+        this._uploadErrorMessage = uploadError;
+        this.onChange.next(this.value);
+    }
+    ngOnInit() {
+        this.allowedExtensions = this.allowedExtensions || [
+            '.jpg',
+            '.jpeg',
+            '.png',
+            '.pdf',
+            '.txt',
+            '.xls',
+            '.xlsx',
+        ];
+        let allow = null;
+        if (this.allowedExtensions.length > 0) {
+            allow = this.allowedExtensions.map((val) => {
+                return { extension: val };
+            });
+        }
+        this.configFiles = {
+            maxSize: this.maxSize || 5 * 1024 * 1024,
+            allowedExtensions: allow,
+        };
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onModelTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled = isDisabled;
+    }
+    set value(value) {
+        if (value !== undefined && this.handledValue !== value) {
+            this.handledValue = value;
+            this.onModelChange(value);
+            this.onModelTouched(value);
+        }
+    }
+    get value() {
+        return this.handledValue;
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    onChangeValue(event) {
+        const { listenFiles } = this;
+        this._allowedExtensionErrorMessage = false;
+        this._maxSizeErrorMessage = false;
+        for (let index = 0; index < event.length; index++) {
+            const file = event[index];
+            if (this.validateFile(file)) {
+                if (listenFiles) {
+                    this.onHandleFilesReady.next(file);
+                }
+                else {
+                    this.fileUpload(file, this.handleCallback.bind(this));
+                }
+            }
+        }
+    }
+    onClick(event) {
+        const { _id } = this;
+        document.getElementById(_id).value = null;
+        document.getElementById(_id).click();
+    }
+    onClear(event) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        this.value = null;
+        this.onChange.next(this.value);
+    }
+}
+MonkeyFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyFileUploadComponent, selector: "monkey-file-upload", inputs: { name: "name", label: "label", helperMessage: "helperMessage", placeholder: "placeholder", icon: "icon", infoMessage: "infoMessage", uploadOngoingMessage: "uploadOngoingMessage", errorMessage: "errorMessage", listenFiles: "listenFiles", maxSize: "maxSize", allowedExtensions: "allowedExtensions", maxSizeErrorMessage: "maxSizeErrorMessage", allowedExtensionErrorMessage: "allowedExtensionErrorMessage", fileUpload: "fileUpload", value: "value" }, outputs: { onChange: "onChange", onHandleFilesReady: "onHandleFilesReady" }, host: { listeners: { "click": "onClick($event)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => MonkeyFileUploadComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: `
+    <mecx-form-field [ngClass]="{ disabled: _disabled }">
+      <mecx-form-field-header>
+        <label>
+          {{ label }}
+        </label>
+        <helper>
+          {{ helperMessage }}
+        </helper>
+      </mecx-form-field-header>
+      <mecx-form-field-body>
+        <input
+          #fileInput
+          hidden
+          [name]="name"
+          type="file"
+          (change)="onChangeValue($event.target.files)"
+          [id]="_id"
+          [disabled]="_disabled"
+        />
+        <span>{{
+          value?.fileName
+            ? value.fileName
+            : uploadOngoingMessage
+            ? uploadOngoingMessage
+            : placeholder
+        }}</span>
+        <monkey-icon
+          icon="upload-16"
+          [color]="'#4B4A53'"
+          *ngIf="!value?.fileName"
+        ></monkey-icon>
+        <monkey-icon
+          icon="close-16"
+          *ngIf="value?.fileName"
+          (click)="onClear($event)"
+        ></monkey-icon>
+      </mecx-form-field-body>
+      <mecx-form-field-upload-info *ngIf="_progress">
+        <span [style.width.%]="_progress"> {{ _progress }}%</span>
+      </mecx-form-field-upload-info>
+      <mecx-form-field-footer>
+        <info>
+          {{ infoMessage }}
+        </info>
+        <error>
+          {{ errorMessage }}
+          {{ _uploadErrorMessage }}
+          {{ _maxSizeErrorMessage ? maxSizeErrorMessage : null }}
+          {{
+            _allowedExtensionErrorMessage ? allowedExtensionErrorMessage : null
+          }}
+        </error>
+      </mecx-form-field-footer>
+    </mecx-form-field>
+  `, isInline: true, components: [{ type: i1.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyFileUploadComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'monkey-file-upload',
+                    template: `
+    <mecx-form-field [ngClass]="{ disabled: _disabled }">
+      <mecx-form-field-header>
+        <label>
+          {{ label }}
+        </label>
+        <helper>
+          {{ helperMessage }}
+        </helper>
+      </mecx-form-field-header>
+      <mecx-form-field-body>
+        <input
+          #fileInput
+          hidden
+          [name]="name"
+          type="file"
+          (change)="onChangeValue($event.target.files)"
+          [id]="_id"
+          [disabled]="_disabled"
+        />
+        <span>{{
+          value?.fileName
+            ? value.fileName
+            : uploadOngoingMessage
+            ? uploadOngoingMessage
+            : placeholder
+        }}</span>
+        <monkey-icon
+          icon="upload-16"
+          [color]="'#4B4A53'"
+          *ngIf="!value?.fileName"
+        ></monkey-icon>
+        <monkey-icon
+          icon="close-16"
+          *ngIf="value?.fileName"
+          (click)="onClear($event)"
+        ></monkey-icon>
+      </mecx-form-field-body>
+      <mecx-form-field-upload-info *ngIf="_progress">
+        <span [style.width.%]="_progress"> {{ _progress }}%</span>
+      </mecx-form-field-upload-info>
+      <mecx-form-field-footer>
+        <info>
+          {{ infoMessage }}
+        </info>
+        <error>
+          {{ errorMessage }}
+          {{ _uploadErrorMessage }}
+          {{ _maxSizeErrorMessage ? maxSizeErrorMessage : null }}
+          {{
+            _allowedExtensionErrorMessage ? allowedExtensionErrorMessage : null
+          }}
+        </error>
+      </mecx-form-field-footer>
+    </mecx-form-field>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MonkeyFileUploadComponent),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], helperMessage: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], infoMessage: [{
+                type: Input
+            }], uploadOngoingMessage: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], listenFiles: [{
+                type: Input
+            }], maxSize: [{
+                type: Input
+            }], allowedExtensions: [{
+                type: Input
+            }], maxSizeErrorMessage: [{
+                type: Input
+            }], allowedExtensionErrorMessage: [{
+                type: Input
+            }], fileUpload: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], onHandleFilesReady: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlL3NyYy9saWIvY29tcG9uZW50cy9maWxlLXVwbG9hZC9maWxlLXVwbG9hZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NEJBSTRCO0FBQzVCLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQXFFL0MsTUFBTSxPQUFPLHlCQUF5QjtJQThCcEM7UUFmVSxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNuQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBSWhELGtCQUFhLEdBQUcsQ0FBQyxLQUFVLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUNuQyxtQkFBYyxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFckMsUUFBRyxHQUFXLG9CQUFvQixXQUFXLENBQUMsZUFBZSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDcEUsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixjQUFTLEdBQVcsSUFBSSxDQUFDO1FBQ3pCLHlCQUFvQixHQUFZLEtBQUssQ0FBQztRQUN0QyxrQ0FBNkIsR0FBWSxLQUFLLENBQUM7UUFDL0Msd0JBQW1CLEdBQVcsRUFBRSxDQUFDO0lBRXpCLENBQUM7SUFFUixZQUFZLENBQUMsSUFBVTtRQUM3QixNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsSUFBSSxDQUFDO1FBQzdCLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDO1FBRTVCLElBQUksV0FBVyxDQUFDLGlCQUFpQixFQUFFO1lBQ2pDLE1BQU0sb0JBQW9CLEdBQ3hCLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDN0MsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO2dCQUMvRCxPQUFPLENBQ0wsS0FBSyxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsS0FBSyxTQUFTLENBQUMsV0FBVyxFQUFFO29CQUN6RCxDQUFDLFdBQVcsQ0FBQyx5QkFBeUIsQ0FBQyxTQUFTLENBQUMsQ0FDbEQsQ0FBQztZQUNKLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7WUFDaEIsSUFBSSxDQUFDLG9CQUFvQixFQUFFO2dCQUN6QixJQUFJLENBQUMsNkJBQTZCLEdBQUcsSUFBSSxDQUFDO2dCQUMxQyxPQUFPLEtBQUssQ0FBQzthQUNkO1NBQ0Y7UUFFRCxJQUFJLFdBQVcsQ0FBQyxPQUFPLEVBQUU7WUFDdkIsSUFBSSxJQUFJLEdBQUcsV0FBVyxDQUFDLE9BQU8sRUFBRTtnQkFDOUIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQztnQkFDakMsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRU8sY0FBYyxDQUNwQixRQUFnQixFQUNoQixZQUFpQixFQUNqQixXQUFtQjtRQUVuQixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUMxQixJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQztRQUMxQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsV0FBVyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLElBQUk7WUFDakQsTUFBTTtZQUNOLE9BQU87WUFDUCxNQUFNO1lBQ04sTUFBTTtZQUNOLE1BQU07WUFDTixNQUFNO1lBQ04sT0FBTztTQUNSLENBQUM7UUFDRixJQUFJLEtBQUssR0FBa0IsSUFBSSxDQUFDO1FBQ2hDLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDckMsS0FBSyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDekMsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUM1QixDQUFDLENBQUMsQ0FBQztTQUNKO1FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRztZQUNqQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLEdBQUcsSUFBSSxHQUFHLElBQUk7WUFDeEMsaUJBQWlCLEVBQUUsS0FBSztTQUN6QixDQUFDO0lBQ0osQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsVUFBVSxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUNJLEtBQUssQ0FBQyxLQUFVO1FBQ2xCLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLEtBQUssRUFBRTtZQUN0RCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztZQUMxQixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDNUI7SUFDSCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDdEIsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLElBQUksQ0FBQztRQUM3QixJQUFJLENBQUMsNkJBQTZCLEdBQUcsS0FBSyxDQUFDO1FBQzNDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7UUFDbEMsS0FBSyxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUUsS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDakQsTUFBTSxJQUFJLEdBQVMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2hDLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDM0IsSUFBSSxXQUFXLEVBQUU7b0JBQ2YsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztpQkFDcEM7cUJBQU07b0JBQ0wsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztpQkFDdkQ7YUFDRjtTQUNGO0lBQ0gsQ0FBQztJQUdELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDRixRQUFRLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBRSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDOUQsUUFBUSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVU7UUFDaEIsS0FBSyxFQUFFLGNBQWMsRUFBRSxDQUFDO1FBQ3hCLEtBQUssRUFBRSxlQUFlLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7dUhBeEpVLHlCQUF5QjsyR0FBekIseUJBQXlCLHVuQkFSekI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztZQUN4RCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJBL0RTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdURUOzRGQVVVLHlCQUF5QjtrQkFuRXJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdURUO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMEJBQTBCLENBQUM7NEJBQ3hELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO2lCQUNGOzBFQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csNEJBQTRCO3NCQUFwQyxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBNEZILEtBQUs7c0JBRFIsS0FBSztnQkFrQ04sT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKioqKioqKioqKioqKioqKioqKioqKioqKlxyXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXHJcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxyXG4gKiBNSVQgTGljZW5jZVxyXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiovXHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIElucHV0LFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1vbmtleVV0aWxzIH0gZnJvbSAnLi4vLi4vY29yZS91dGlscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21vbmtleS1maWxlLXVwbG9hZCcsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxtZWN4LWZvcm0tZmllbGQgW25nQ2xhc3NdPVwieyBkaXNhYmxlZDogX2Rpc2FibGVkIH1cIj5cclxuICAgICAgPG1lY3gtZm9ybS1maWVsZC1oZWFkZXI+XHJcbiAgICAgICAgPGxhYmVsPlxyXG4gICAgICAgICAge3sgbGFiZWwgfX1cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgIDxoZWxwZXI+XHJcbiAgICAgICAgICB7eyBoZWxwZXJNZXNzYWdlIH19XHJcbiAgICAgICAgPC9oZWxwZXI+XHJcbiAgICAgIDwvbWVjeC1mb3JtLWZpZWxkLWhlYWRlcj5cclxuICAgICAgPG1lY3gtZm9ybS1maWVsZC1ib2R5PlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgI2ZpbGVJbnB1dFxyXG4gICAgICAgICAgaGlkZGVuXHJcbiAgICAgICAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgICAgICAgIHR5cGU9XCJmaWxlXCJcclxuICAgICAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2VWYWx1ZSgkZXZlbnQudGFyZ2V0LmZpbGVzKVwiXHJcbiAgICAgICAgICBbaWRdPVwiX2lkXCJcclxuICAgICAgICAgIFtkaXNhYmxlZF09XCJfZGlzYWJsZWRcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgICAgPHNwYW4+e3tcclxuICAgICAgICAgIHZhbHVlPy5maWxlTmFtZVxyXG4gICAgICAgICAgICA/IHZhbHVlLmZpbGVOYW1lXHJcbiAgICAgICAgICAgIDogdXBsb2FkT25nb2luZ01lc3NhZ2VcclxuICAgICAgICAgICAgPyB1cGxvYWRPbmdvaW5nTWVzc2FnZVxyXG4gICAgICAgICAgICA6IHBsYWNlaG9sZGVyXHJcbiAgICAgICAgfX08L3NwYW4+XHJcbiAgICAgICAgPG1vbmtleS1pY29uXHJcbiAgICAgICAgICBpY29uPVwidXBsb2FkLTE2XCJcclxuICAgICAgICAgIFtjb2xvcl09XCInIzRCNEE1MydcIlxyXG4gICAgICAgICAgKm5nSWY9XCIhdmFsdWU/LmZpbGVOYW1lXCJcclxuICAgICAgICA+PC9tb25rZXktaWNvbj5cclxuICAgICAgICA8bW9ua2V5LWljb25cclxuICAgICAgICAgIGljb249XCJjbG9zZS0xNlwiXHJcbiAgICAgICAgICAqbmdJZj1cInZhbHVlPy5maWxlTmFtZVwiXHJcbiAgICAgICAgICAoY2xpY2spPVwib25DbGVhcigkZXZlbnQpXCJcclxuICAgICAgICA+PC9tb25rZXktaWNvbj5cclxuICAgICAgPC9tZWN4LWZvcm0tZmllbGQtYm9keT5cclxuICAgICAgPG1lY3gtZm9ybS1maWVsZC11cGxvYWQtaW5mbyAqbmdJZj1cIl9wcm9ncmVzc1wiPlxyXG4gICAgICAgIDxzcGFuIFtzdHlsZS53aWR0aC4lXT1cIl9wcm9ncmVzc1wiPiB7eyBfcHJvZ3Jlc3MgfX0lPC9zcGFuPlxyXG4gICAgICA8L21lY3gtZm9ybS1maWVsZC11cGxvYWQtaW5mbz5cclxuICAgICAgPG1lY3gtZm9ybS1maWVsZC1mb290ZXI+XHJcbiAgICAgICAgPGluZm8+XHJcbiAgICAgICAgICB7eyBpbmZvTWVzc2FnZSB9fVxyXG4gICAgICAgIDwvaW5mbz5cclxuICAgICAgICA8ZXJyb3I+XHJcbiAgICAgICAgICB7eyBlcnJvck1lc3NhZ2UgfX1cclxuICAgICAgICAgIHt7IF91cGxvYWRFcnJvck1lc3NhZ2UgfX1cclxuICAgICAgICAgIHt7IF9tYXhTaXplRXJyb3JNZXNzYWdlID8gbWF4U2l6ZUVycm9yTWVzc2FnZSA6IG51bGwgfX1cclxuICAgICAgICAgIHt7XHJcbiAgICAgICAgICAgIF9hbGxvd2VkRXh0ZW5zaW9uRXJyb3JNZXNzYWdlID8gYWxsb3dlZEV4dGVuc2lvbkVycm9yTWVzc2FnZSA6IG51bGxcclxuICAgICAgICAgIH19XHJcbiAgICAgICAgPC9lcnJvcj5cclxuICAgICAgPC9tZWN4LWZvcm0tZmllbGQtZm9vdGVyPlxyXG4gICAgPC9tZWN4LWZvcm0tZmllbGQ+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTW9ua2V5RmlsZVVwbG9hZENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9ua2V5RmlsZVVwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQge1xyXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGhlbHBlck1lc3NhZ2U6IHN0cmluZztcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcclxuICBASW5wdXQoKSBpbmZvTWVzc2FnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHVwbG9hZE9uZ29pbmdNZXNzYWdlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbGlzdGVuRmlsZXM6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgbWF4U2l6ZTogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGFsbG93ZWRFeHRlbnNpb25zOiBzdHJpbmdbXTtcclxuICBASW5wdXQoKSBtYXhTaXplRXJyb3JNZXNzYWdlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYWxsb3dlZEV4dGVuc2lvbkVycm9yTWVzc2FnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZpbGVVcGxvYWQ6IEZ1bmN0aW9uO1xyXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkhhbmRsZUZpbGVzUmVhZHkgPSBuZXcgRXZlbnRFbWl0dGVyPEZpbGU+KCk7XHJcblxyXG4gIHByaXZhdGUgY29uZmlnRmlsZXM6IENvbmZpZ0ZpbGVzO1xyXG4gIHByaXZhdGUgaGFuZGxlZFZhbHVlOiBhbnk7XHJcbiAgcHJpdmF0ZSBvbk1vZGVsQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHt9O1xyXG4gIHByaXZhdGUgb25Nb2RlbFRvdWNoZWQgPSAodmFsdWU6IGFueSkgPT4ge307XHJcblxyXG4gIHB1YmxpYyBfaWQ6IHN0cmluZyA9IGBtZWN4LWZpbGUtdXBsb2FkLSR7TW9ua2V5VXRpbHMuZ2V0UmFuZG9tU3RyaW5nKDEwKX1gO1xyXG4gIHB1YmxpYyBfZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwdWJsaWMgX3Byb2dyZXNzOiBudW1iZXIgPSBudWxsO1xyXG4gIHB1YmxpYyBfbWF4U2l6ZUVycm9yTWVzc2FnZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHB1YmxpYyBfYWxsb3dlZEV4dGVuc2lvbkVycm9yTWVzc2FnZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHB1YmxpYyBfdXBsb2FkRXJyb3JNZXNzYWdlOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBwcml2YXRlIHZhbGlkYXRlRmlsZShmaWxlOiBGaWxlKTogYm9vbGVhbiB7XHJcbiAgICBjb25zdCB7IGNvbmZpZ0ZpbGVzIH0gPSB0aGlzO1xyXG4gICAgY29uc3QgeyBuYW1lLCBzaXplIH0gPSBmaWxlO1xyXG5cclxuICAgIGlmIChjb25maWdGaWxlcy5hbGxvd2VkRXh0ZW5zaW9ucykge1xyXG4gICAgICBjb25zdCBoYXNBbGxvd2VkRXh0ZW5zaW9ucyA9XHJcbiAgICAgICAgY29uZmlnRmlsZXMuYWxsb3dlZEV4dGVuc2lvbnMuZmlsdGVyKChhbGxvdykgPT4ge1xyXG4gICAgICAgICAgY29uc3QgZXh0ZW5zaW9uID0gbmFtZS5zdWJzdHIobmFtZS5pbmRleE9mKCcuJywgLW5hbWUubGVuZ3RoKSk7XHJcbiAgICAgICAgICByZXR1cm4gKFxyXG4gICAgICAgICAgICBhbGxvdy5leHRlbnNpb24udG9Mb3dlckNhc2UoKSA9PT0gZXh0ZW5zaW9uLnRvTG93ZXJDYXNlKCkgfHxcclxuICAgICAgICAgICAgIU1vbmtleVV0aWxzLnBlcnNpc3ROdWxsRW1wdHlVbmRlZmluZWQoZXh0ZW5zaW9uKVxyXG4gICAgICAgICAgKTtcclxuICAgICAgICB9KS5sZW5ndGggPiAwO1xyXG4gICAgICBpZiAoIWhhc0FsbG93ZWRFeHRlbnNpb25zKSB7XHJcbiAgICAgICAgdGhpcy5fYWxsb3dlZEV4dGVuc2lvbkVycm9yTWVzc2FnZSA9IHRydWU7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKGNvbmZpZ0ZpbGVzLm1heFNpemUpIHtcclxuICAgICAgaWYgKHNpemUgPiBjb25maWdGaWxlcy5tYXhTaXplKSB7XHJcbiAgICAgICAgdGhpcy5fbWF4U2l6ZUVycm9yTWVzc2FnZSA9IHRydWU7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGhhbmRsZUNhbGxiYWNrKFxyXG4gICAgcHJvZ3Jlc3M6IG51bWJlcixcclxuICAgIHJlc3BVcGxvYWRlZDogYW55LFxyXG4gICAgdXBsb2FkRXJyb3I6IHN0cmluZ1xyXG4gICkge1xyXG4gICAgdGhpcy5fcHJvZ3Jlc3MgPSBwcm9ncmVzcztcclxuICAgIHRoaXMudmFsdWUgPSByZXNwVXBsb2FkZWQ7XHJcbiAgICB0aGlzLl91cGxvYWRFcnJvck1lc3NhZ2UgPSB1cGxvYWRFcnJvcjtcclxuICAgIHRoaXMub25DaGFuZ2UubmV4dCh0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5hbGxvd2VkRXh0ZW5zaW9ucyA9IHRoaXMuYWxsb3dlZEV4dGVuc2lvbnMgfHwgW1xyXG4gICAgICAnLmpwZycsXHJcbiAgICAgICcuanBlZycsXHJcbiAgICAgICcucG5nJyxcclxuICAgICAgJy5wZGYnLFxyXG4gICAgICAnLnR4dCcsXHJcbiAgICAgICcueGxzJyxcclxuICAgICAgJy54bHN4JyxcclxuICAgIF07XHJcbiAgICBsZXQgYWxsb3c6IEFsbG93ZWRGaWxlW10gPSBudWxsO1xyXG4gICAgaWYgKHRoaXMuYWxsb3dlZEV4dGVuc2lvbnMubGVuZ3RoID4gMCkge1xyXG4gICAgICBhbGxvdyA9IHRoaXMuYWxsb3dlZEV4dGVuc2lvbnMubWFwKCh2YWwpID0+IHtcclxuICAgICAgICByZXR1cm4geyBleHRlbnNpb246IHZhbCB9O1xyXG4gICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmNvbmZpZ0ZpbGVzID0ge1xyXG4gICAgICBtYXhTaXplOiB0aGlzLm1heFNpemUgfHwgNSAqIDEwMjQgKiAxMDI0LFxyXG4gICAgICBhbGxvd2VkRXh0ZW5zaW9uczogYWxsb3csXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uTW9kZWxDaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Nb2RlbFRvdWNoZWQgPSBmbjtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuX2Rpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IHZhbHVlKHZhbHVlOiBhbnkpIHtcclxuICAgIGlmICh2YWx1ZSAhPT0gdW5kZWZpbmVkICYmIHRoaXMuaGFuZGxlZFZhbHVlICE9PSB2YWx1ZSkge1xyXG4gICAgICB0aGlzLmhhbmRsZWRWYWx1ZSA9IHZhbHVlO1xyXG4gICAgICB0aGlzLm9uTW9kZWxDaGFuZ2UodmFsdWUpO1xyXG4gICAgICB0aGlzLm9uTW9kZWxUb3VjaGVkKHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldCB2YWx1ZSgpOiBhbnkge1xyXG4gICAgcmV0dXJuIHRoaXMuaGFuZGxlZFZhbHVlO1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICBvbkNoYW5nZVZhbHVlKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IHsgbGlzdGVuRmlsZXMgfSA9IHRoaXM7XHJcbiAgICB0aGlzLl9hbGxvd2VkRXh0ZW5zaW9uRXJyb3JNZXNzYWdlID0gZmFsc2U7XHJcbiAgICB0aGlzLl9tYXhTaXplRXJyb3JNZXNzYWdlID0gZmFsc2U7XHJcbiAgICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgZXZlbnQubGVuZ3RoOyBpbmRleCsrKSB7XHJcbiAgICAgIGNvbnN0IGZpbGU6IEZpbGUgPSBldmVudFtpbmRleF07XHJcbiAgICAgIGlmICh0aGlzLnZhbGlkYXRlRmlsZShmaWxlKSkge1xyXG4gICAgICAgIGlmIChsaXN0ZW5GaWxlcykge1xyXG4gICAgICAgICAgdGhpcy5vbkhhbmRsZUZpbGVzUmVhZHkubmV4dChmaWxlKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgdGhpcy5maWxlVXBsb2FkKGZpbGUsIHRoaXMuaGFuZGxlQ2FsbGJhY2suYmluZCh0aGlzKSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgb25DbGljayhldmVudDogYW55KSB7XHJcbiAgICBjb25zdCB7IF9pZCB9ID0gdGhpcztcclxuICAgICg8SFRNTElucHV0RWxlbWVudD5kb2N1bWVudC5nZXRFbGVtZW50QnlJZChfaWQpKS52YWx1ZSA9IG51bGw7XHJcbiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChfaWQpLmNsaWNrKCk7XHJcbiAgfVxyXG5cclxuICBvbkNsZWFyKGV2ZW50OiBhbnkpIHtcclxuICAgIGV2ZW50Py5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgZXZlbnQ/LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy52YWx1ZSA9IG51bGw7XHJcbiAgICB0aGlzLm9uQ2hhbmdlLm5leHQodGhpcy52YWx1ZSk7XHJcbiAgfVxyXG59XHJcblxyXG5pbnRlcmZhY2UgQWxsb3dlZEZpbGUge1xyXG4gIGV4dGVuc2lvbjogc3RyaW5nO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgQ29uZmlnRmlsZXMge1xyXG4gIG1heFNpemU6IG51bWJlcjtcclxuICBhbGxvd2VkRXh0ZW5zaW9uczogQWxsb3dlZEZpbGVbXTtcclxufVxyXG4iXX0=