myrta-ui 14.0.0-beta.5 → 17.0.0-beta.10

package/esm2022/lib/components/form/input-file-image/components/file-image-edit-modal/file-image-edit-modal.component.mjs

@@ -0,0 +1,88 @@
+import { Component, Inject } from '@angular/core';
+import { ModalServiceComponent } from '../../../../../services/modal-service/helpers/modal.component';
+import { MODAL_DATA } from '../../../../../services/modal-service/helpers/modal-tokens';
+import { convertBase64ToFile } from '../../../../../helpers';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../services/modal-service/helpers/modal-ref";
+import * as i2 from "../../../../modal/modal.component";
+import * as i3 from "../../../../button/button.component";
+import * as i4 from "ngx-image-cropper";
+export class FileImageEditModalComponent extends ModalServiceComponent {
+    dialogRef;
+    title;
+    fileImage;
+    cropperMaxWidth;
+    cropperMaxHeight;
+    aspectRatio;
+    maintainAspectRatio;
+    imageChangedEvent = '';
+    croppedImage = '';
+    canvasRotation = 0;
+    transform = {};
+    constructor(dialogRef, data) {
+        super();
+        this.dialogRef = dialogRef;
+        this.result = { result: false };
+        this.title = data.title;
+        this.fileImage = data.fileImage;
+        this.cropperMaxWidth = data.cropperMaxWidth;
+        this.cropperMaxHeight = data.cropperMaxHeight;
+        this.aspectRatio = data.aspectRatio;
+        this.maintainAspectRatio = data.maintainAspectRatio;
+    }
+    async ok() {
+        this.result = {
+            result: true,
+            fileImage: convertBase64ToFile(this.croppedImage, this.fileImage.name, this.fileImage.type),
+            fileUrl: this.croppedImage
+        };
+        this.close();
+    }
+    rotateLeft() {
+        this.canvasRotation--;
+        this.flipAfterRotate();
+    }
+    rotateRight() {
+        this.canvasRotation++;
+        this.flipAfterRotate();
+    }
+    flipAfterRotate() {
+        const flippedH = this.transform.flipH;
+        const flippedV = this.transform.flipV;
+        this.transform = {
+            ...this.transform,
+            flipH: flippedV,
+            flipV: flippedH
+        };
+    }
+    fileChangeEvent(event) {
+        this.imageChangedEvent = event;
+    }
+    imageCropped(event) {
+        if (event.base64) {
+            this.croppedImage = event.base64;
+        }
+    }
+    imageLoaded(image) {
+        // console.log(image)
+    }
+    cropperReady() {
+        // cropper ready
+    }
+    loadImageFailed() {
+        // show message
+    }
+    close() {
+        this.dialogRef.close(this.result);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FileImageEditModalComponent, deps: [{ token: i1.ModalRef }, { token: MODAL_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: FileImageEditModalComponent, selector: "mrx-file-image-edit-modal", usesInheritance: true, ngImport: i0, template: "<mrx-modal\r\n  [title]=\"title\"\r\n  [size]=\"'medium'\"\r\n  (close)=\"close()\"\r\n>\r\n  <div class=\"row\">\r\n    <div class=\"col col-12\">\r\n      <p>\u0412\u044B\u0431\u0440\u0430\u043D\u043D\u0430\u044F \u043E\u0431\u043B\u0430\u0441\u0442\u044C \u0431\u0443\u0434\u0435\u0442 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C\u0441\u044F \u043D\u0430 \u043E\u0431\u043B\u043E\u0436\u043A\u0435 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B</p>\r\n    </div>\r\n\r\n    <div class=\"col col-12\">\r\n      <div class=\"mrx-input-image-cropper__wrapper\">\r\n        <image-cropper\r\n          [imageFile]=\"fileImage\"\r\n          [maintainAspectRatio]=\"maintainAspectRatio\"\r\n          [aspectRatio]=\"aspectRatio\"\r\n          format=\"png\"\r\n          output=\"base64\"\r\n          (imageCropped)=\"imageCropped($event)\"\r\n          (imageLoaded)=\"imageLoaded($event)\"\r\n          (cropperReady)=\"cropperReady()\"\r\n          (loadImageFailed)=\"loadImageFailed()\"\r\n          [backgroundColor]=\"'#000000'\"\r\n          [canvasRotation]=\"canvasRotation\"\r\n          [transform]=\"transform\"\r\n          [cropperMaxWidth]=\"cropperMaxWidth\"\r\n          [cropperMaxHeight]=\"cropperMaxHeight\"\r\n        ></image-cropper>\r\n\r\n        <div class=\"mrx-input-image-cropper__controls\">\r\n          <svg (click)=\"rotateLeft()\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <rect x=\"2\" y=\"15\" width=\"8\" height=\"8\" rx=\"0.888889\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.5 18.5C5.05228 18.5 5.5 18.0523 5.5 17.5C5.5 16.9477 5.05228 16.5 4.5 16.5C3.94772 16.5 3.5 16.9477 3.5 17.5C3.5 18.0523 3.94772 18.5 4.5 18.5Z\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path d=\"M9.99978 20.3333L7.77756 18.1111L2.88867 23\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path d=\"M13.1575 21.6842C18.5932 21.6842 22.9996 17.2777 22.9996 11.8421C22.9996 6.40646 18.5932 2 13.1575 2C7.72189 2 3.31543 6.40646 3.31543 11.8421\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n            <path d=\"M1.00026 10.1052L3.31605 12.421L5.63184 10.1052\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          </svg>\r\n\r\n          <svg (click)=\"rotateRight()\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <rect x=\"14\" y=\"15\" width=\"8\" height=\"8\" rx=\"0.888889\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.5 18.5C17.0523 18.5 17.5 18.0523 17.5 17.5C17.5 16.9477 17.0523 16.5 16.5 16.5C15.9477 16.5 15.5 16.9477 15.5 17.5C15.5 18.0523 15.9477 18.5 16.5 18.5Z\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path d=\"M21.9998 20.3333L19.7776 18.1111L14.8887 23\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path d=\"M10.8425 21.6842C5.40682 21.6842 1.00036 17.2777 1.00036 11.8421C1.00036 6.40646 5.40682 2 10.8425 2C16.2781 2 20.6846 6.40646 20.6846 11.8421\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n            <path d=\"M22.9997 10.1052L20.684 12.421L18.3682 10.1052\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          </svg>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #footerContent>\r\n    <mrx-button\r\n      [customClasses]=\"'mr-3'\"\r\n      [type]=\"'secondary'\"\r\n      [size]=\"'medium'\"\r\n      (click)=\"close()\"\r\n    >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n    </mrx-button>\r\n    <mrx-button\r\n      [type]=\"'primary'\"\r\n      [size]=\"'medium'\"\r\n      (click)=\"ok()\"\r\n    >\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\r\n    </mrx-button>\r\n  </ng-template>\r\n</mrx-modal>\r\n\r\n\r\n", styles: [":host::ng-deep .mrx-input-image-cropper__wrapper{position:relative}:host::ng-deep .mrx-input-image-cropper__controls{padding:8px;background:#1f222680;border-radius:4px;position:absolute;left:50%;bottom:24px;transform:translate(-50%)}:host::ng-deep .mrx-input-image-cropper__controls svg{cursor:pointer}:host::ng-deep .mrx-input-image-cropper__controls svg:not(:last-child){margin-right:16px}\n"], dependencies: [{ kind: "component", type: i2.ModalComponent, selector: "mrx-modal", inputs: ["title", "message", "okText", "closeText", "size", "color", "customClasses", "expandable", "isEmbed", "isClose", "isBack", "backText", "enableFooter", "alignButtons", "isLoading", "iconPosition"], outputs: ["ok", "close", "back"] }, { kind: "component", type: i3.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType"], outputs: ["mrxClick"] }, { kind: "component", type: i4.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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FileImageEditModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-file-image-edit-modal', template: "<mrx-modal\r\n  [title]=\"title\"\r\n  [size]=\"'medium'\"\r\n  (close)=\"close()\"\r\n>\r\n  <div class=\"row\">\r\n    <div class=\"col col-12\">\r\n      <p>\u0412\u044B\u0431\u0440\u0430\u043D\u043D\u0430\u044F \u043E\u0431\u043B\u0430\u0441\u0442\u044C \u0431\u0443\u0434\u0435\u0442 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C\u0441\u044F \u043D\u0430 \u043E\u0431\u043B\u043E\u0436\u043A\u0435 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B</p>\r\n    </div>\r\n\r\n    <div class=\"col col-12\">\r\n      <div class=\"mrx-input-image-cropper__wrapper\">\r\n        <image-cropper\r\n          [imageFile]=\"fileImage\"\r\n          [maintainAspectRatio]=\"maintainAspectRatio\"\r\n          [aspectRatio]=\"aspectRatio\"\r\n          format=\"png\"\r\n          output=\"base64\"\r\n          (imageCropped)=\"imageCropped($event)\"\r\n          (imageLoaded)=\"imageLoaded($event)\"\r\n          (cropperReady)=\"cropperReady()\"\r\n          (loadImageFailed)=\"loadImageFailed()\"\r\n          [backgroundColor]=\"'#000000'\"\r\n          [canvasRotation]=\"canvasRotation\"\r\n          [transform]=\"transform\"\r\n          [cropperMaxWidth]=\"cropperMaxWidth\"\r\n          [cropperMaxHeight]=\"cropperMaxHeight\"\r\n        ></image-cropper>\r\n\r\n        <div class=\"mrx-input-image-cropper__controls\">\r\n          <svg (click)=\"rotateLeft()\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <rect x=\"2\" y=\"15\" width=\"8\" height=\"8\" rx=\"0.888889\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.5 18.5C5.05228 18.5 5.5 18.0523 5.5 17.5C5.5 16.9477 5.05228 16.5 4.5 16.5C3.94772 16.5 3.5 16.9477 3.5 17.5C3.5 18.0523 3.94772 18.5 4.5 18.5Z\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path d=\"M9.99978 20.3333L7.77756 18.1111L2.88867 23\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path d=\"M13.1575 21.6842C18.5932 21.6842 22.9996 17.2777 22.9996 11.8421C22.9996 6.40646 18.5932 2 13.1575 2C7.72189 2 3.31543 6.40646 3.31543 11.8421\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n            <path d=\"M1.00026 10.1052L3.31605 12.421L5.63184 10.1052\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          </svg>\r\n\r\n          <svg (click)=\"rotateRight()\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <rect x=\"14\" y=\"15\" width=\"8\" height=\"8\" rx=\"0.888889\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.5 18.5C17.0523 18.5 17.5 18.0523 17.5 17.5C17.5 16.9477 17.0523 16.5 16.5 16.5C15.9477 16.5 15.5 16.9477 15.5 17.5C15.5 18.0523 15.9477 18.5 16.5 18.5Z\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path d=\"M21.9998 20.3333L19.7776 18.1111L14.8887 23\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            <path d=\"M10.8425 21.6842C5.40682 21.6842 1.00036 17.2777 1.00036 11.8421C1.00036 6.40646 5.40682 2 10.8425 2C16.2781 2 20.6846 6.40646 20.6846 11.8421\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n            <path d=\"M22.9997 10.1052L20.684 12.421L18.3682 10.1052\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          </svg>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #footerContent>\r\n    <mrx-button\r\n      [customClasses]=\"'mr-3'\"\r\n      [type]=\"'secondary'\"\r\n      [size]=\"'medium'\"\r\n      (click)=\"close()\"\r\n    >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n    </mrx-button>\r\n    <mrx-button\r\n      [type]=\"'primary'\"\r\n      [size]=\"'medium'\"\r\n      (click)=\"ok()\"\r\n    >\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\r\n    </mrx-button>\r\n  </ng-template>\r\n</mrx-modal>\r\n\r\n\r\n", styles: [":host::ng-deep .mrx-input-image-cropper__wrapper{position:relative}:host::ng-deep .mrx-input-image-cropper__controls{padding:8px;background:#1f222680;border-radius:4px;position:absolute;left:50%;bottom:24px;transform:translate(-50%)}:host::ng-deep .mrx-input-image-cropper__controls svg{cursor:pointer}:host::ng-deep .mrx-input-image-cropper__controls svg:not(:last-child){margin-right:16px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ModalRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MODAL_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbWFnZS1lZGl0LW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2lucHV0LWZpbGUtaW1hZ2UvY29tcG9uZW50cy9maWxlLWltYWdlLWVkaXQtbW9kYWwvZmlsZS1pbWFnZS1lZGl0LW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2lucHV0LWZpbGUtaW1hZ2UvY29tcG9uZW50cy9maWxlLWltYWdlLWVkaXQtbW9kYWwvZmlsZS1pbWFnZS1lZGl0LW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBRXRHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUN4RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7O0FBc0I3RCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEscUJBQXVEO0lBYzVGO0lBWlYsS0FBSyxDQUFVO0lBQ2YsU0FBUyxDQUFPO0lBQ2hCLGVBQWUsQ0FBVTtJQUN6QixnQkFBZ0IsQ0FBVTtJQUMxQixXQUFXLENBQVU7SUFDckIsbUJBQW1CLENBQVc7SUFDOUIsaUJBQWlCLEdBQVEsRUFBRSxDQUFDO0lBQzVCLFlBQVksR0FBRyxFQUFFLENBQUM7SUFDbEIsY0FBYyxHQUFHLENBQUMsQ0FBQztJQUNuQixTQUFTLEdBQW1CLEVBQUUsQ0FBQztJQUUvQixZQUNVLFNBQW9DLEVBQ3hCLElBQXFCO1FBRXpDLEtBQUssRUFBRSxDQUFDO1FBSEEsY0FBUyxHQUFULFNBQVMsQ0FBMkI7UUFJNUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUMsQ0FBQztRQUU5QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUE7UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFBO1FBQy9CLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQTtRQUMzQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFBO1FBQzdDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQTtRQUNuQyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFBO0lBQ3JELENBQUM7SUFFTSxLQUFLLENBQUMsRUFBRTtRQUNiLElBQUksQ0FBQyxNQUFNLEdBQUc7WUFDWixNQUFNLEVBQUUsSUFBSTtZQUNaLFNBQVMsRUFBRSxtQkFBbUIsQ0FDNUIsSUFBSSxDQUFDLFlBQVksRUFDakIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUNwQjtZQUNELE9BQU8sRUFBRSxJQUFJLENBQUMsWUFBWTtTQUMzQixDQUFDO1FBQ0YsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2YsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRU8sZUFBZTtRQUNyQixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztRQUN0QyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztRQUN0QyxJQUFJLENBQUMsU0FBUyxHQUFHO1lBQ2YsR0FBRyxJQUFJLENBQUMsU0FBUztZQUNqQixLQUFLLEVBQUUsUUFBUTtZQUNmLEtBQUssRUFBRSxRQUFRO1NBQ2hCLENBQUM7SUFDSixDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQVU7UUFDeEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUNqQyxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQXdCO1FBQ25DLElBQUksS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQztRQUNuQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFrQjtRQUM1QixxQkFBcUI7SUFDdkIsQ0FBQztJQUVELFlBQVk7UUFDVixnQkFBZ0I7SUFDbEIsQ0FBQztJQUVELGVBQWU7UUFDYixlQUFlO0lBQ2pCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3BDLENBQUM7d0dBckZVLDJCQUEyQiwwQ0FlNUIsVUFBVTs0RkFmVCwyQkFBMkIsd0ZDM0J4QyxvbklBb0VBOzs0RkR6Q2EsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjs7MEJBbUJsQyxNQUFNOzJCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJbWFnZUNyb3BwZWRFdmVudCwgSW1hZ2VUcmFuc2Zvcm0sIExvYWRlZEltYWdlIH0gZnJvbSAnbmd4LWltYWdlLWNyb3BwZXInO1xyXG5pbXBvcnQgeyBNb2RhbFNlcnZpY2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9zZXJ2aWNlcy9tb2RhbC1zZXJ2aWNlL2hlbHBlcnMvbW9kYWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTW9kYWxSZWYgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9zZXJ2aWNlcy9tb2RhbC1zZXJ2aWNlL2hlbHBlcnMvbW9kYWwtcmVmJztcclxuaW1wb3J0IHsgTU9EQUxfREFUQSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3NlcnZpY2VzL21vZGFsLXNlcnZpY2UvaGVscGVycy9tb2RhbC10b2tlbnMnO1xyXG5pbXBvcnQgeyBjb252ZXJ0QmFzZTY0VG9GaWxlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vaGVscGVycyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlRWRpdFNlbGVjdCB7XHJcbiAgdGl0bGU6IHN0cmluZztcclxuICBmaWxlSW1hZ2U/OiBhbnk7XHJcbiAgY3JvcHBlck1heFdpZHRoOiBudW1iZXI7XHJcbiAgY3JvcHBlck1heEhlaWdodDogbnVtYmVyO1xyXG4gIGFzcGVjdFJhdGlvOiBudW1iZXI7XHJcbiAgbWFpbnRhaW5Bc3BlY3RSYXRpbzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUVkaXRSZXN1bHQge1xyXG4gIHJlc3VsdDogYm9vbGVhbixcclxuICBmaWxlSW1hZ2U/OiBGaWxlLFxyXG4gIGZpbGVVcmw/OiBzdHJpbmdcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtZmlsZS1pbWFnZS1lZGl0LW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmlsZS1pbWFnZS1lZGl0LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9maWxlLWltYWdlLWVkaXQtbW9kYWwuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsZUltYWdlRWRpdE1vZGFsQ29tcG9uZW50IGV4dGVuZHMgTW9kYWxTZXJ2aWNlQ29tcG9uZW50PEltYWdlRWRpdFNlbGVjdCwgSW1hZ2VFZGl0UmVzdWx0PiB7XHJcblxyXG4gIHRpdGxlITogc3RyaW5nO1xyXG4gIGZpbGVJbWFnZT86IGFueTtcclxuICBjcm9wcGVyTWF4V2lkdGghOiBudW1iZXI7XHJcbiAgY3JvcHBlck1heEhlaWdodCE6IG51bWJlcjtcclxuICBhc3BlY3RSYXRpbyE6IG51bWJlcjtcclxuICBtYWludGFpbkFzcGVjdFJhdGlvITogYm9vbGVhbjtcclxuICBpbWFnZUNoYW5nZWRFdmVudDogYW55ID0gJyc7XHJcbiAgY3JvcHBlZEltYWdlID0gJyc7XHJcbiAgY2FudmFzUm90YXRpb24gPSAwO1xyXG4gIHRyYW5zZm9ybTogSW1hZ2VUcmFuc2Zvcm0gPSB7fTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGRpYWxvZ1JlZjogTW9kYWxSZWY8SW1hZ2VFZGl0UmVzdWx0PixcclxuICAgIEBJbmplY3QoTU9EQUxfREFUQSkgZGF0YTogSW1hZ2VFZGl0U2VsZWN0LFxyXG4gICkge1xyXG4gICAgc3VwZXIoKTtcclxuICAgIHRoaXMucmVzdWx0ID0ge3Jlc3VsdDogZmFsc2V9O1xyXG5cclxuICAgIHRoaXMudGl0bGUgPSBkYXRhLnRpdGxlXHJcbiAgICB0aGlzLmZpbGVJbWFnZSA9IGRhdGEuZmlsZUltYWdlXHJcbiAgICB0aGlzLmNyb3BwZXJNYXhXaWR0aCA9IGRhdGEuY3JvcHBlck1heFdpZHRoXHJcbiAgICB0aGlzLmNyb3BwZXJNYXhIZWlnaHQgPSBkYXRhLmNyb3BwZXJNYXhIZWlnaHRcclxuICAgIHRoaXMuYXNwZWN0UmF0aW8gPSBkYXRhLmFzcGVjdFJhdGlvXHJcbiAgICB0aGlzLm1haW50YWluQXNwZWN0UmF0aW8gPSBkYXRhLm1haW50YWluQXNwZWN0UmF0aW9cclxuICB9XHJcblxyXG4gIHB1YmxpYyBhc3luYyBvaygpIHtcclxuICAgIHRoaXMucmVzdWx0ID0ge1xyXG4gICAgICByZXN1bHQ6IHRydWUsXHJcbiAgICAgIGZpbGVJbWFnZTogY29udmVydEJhc2U2NFRvRmlsZShcclxuICAgICAgICB0aGlzLmNyb3BwZWRJbWFnZSxcclxuICAgICAgICB0aGlzLmZpbGVJbWFnZS5uYW1lLFxyXG4gICAgICAgIHRoaXMuZmlsZUltYWdlLnR5cGVcclxuICAgICAgKSxcclxuICAgICAgZmlsZVVybDogdGhpcy5jcm9wcGVkSW1hZ2VcclxuICAgIH07XHJcbiAgICB0aGlzLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxuICByb3RhdGVMZWZ0KCkge1xyXG4gICAgdGhpcy5jYW52YXNSb3RhdGlvbi0tO1xyXG4gICAgdGhpcy5mbGlwQWZ0ZXJSb3RhdGUoKTtcclxuICB9XHJcblxyXG4gIHJvdGF0ZVJpZ2h0KCkge1xyXG4gICAgdGhpcy5jYW52YXNSb3RhdGlvbisrO1xyXG4gICAgdGhpcy5mbGlwQWZ0ZXJSb3RhdGUoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZmxpcEFmdGVyUm90YXRlKCkge1xyXG4gICAgY29uc3QgZmxpcHBlZEggPSB0aGlzLnRyYW5zZm9ybS5mbGlwSDtcclxuICAgIGNvbnN0IGZsaXBwZWRWID0gdGhpcy50cmFuc2Zvcm0uZmxpcFY7XHJcbiAgICB0aGlzLnRyYW5zZm9ybSA9IHtcclxuICAgICAgLi4udGhpcy50cmFuc2Zvcm0sXHJcbiAgICAgIGZsaXBIOiBmbGlwcGVkVixcclxuICAgICAgZmxpcFY6IGZsaXBwZWRIXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgZmlsZUNoYW5nZUV2ZW50KGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuaW1hZ2VDaGFuZ2VkRXZlbnQgPSBldmVudDtcclxuICB9XHJcblxyXG4gIGltYWdlQ3JvcHBlZChldmVudDogSW1hZ2VDcm9wcGVkRXZlbnQpOiB2b2lkIHtcclxuICAgIGlmIChldmVudC5iYXNlNjQpIHtcclxuICAgICAgdGhpcy5jcm9wcGVkSW1hZ2UgPSBldmVudC5iYXNlNjQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBpbWFnZUxvYWRlZChpbWFnZTogTG9hZGVkSW1hZ2UpIHtcclxuICAgIC8vIGNvbnNvbGUubG9nKGltYWdlKVxyXG4gIH1cclxuXHJcbiAgY3JvcHBlclJlYWR5KCkge1xyXG4gICAgLy8gY3JvcHBlciByZWFkeVxyXG4gIH1cclxuXHJcbiAgbG9hZEltYWdlRmFpbGVkKCkge1xyXG4gICAgLy8gc2hvdyBtZXNzYWdlXHJcbiAgfVxyXG5cclxuICBjbG9zZSgpIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMucmVzdWx0KTtcclxuICB9XHJcbn1cclxuIiwiPG1yeC1tb2RhbFxyXG4gIFt0aXRsZV09XCJ0aXRsZVwiXHJcbiAgW3NpemVdPVwiJ21lZGl1bSdcIlxyXG4gIChjbG9zZSk9XCJjbG9zZSgpXCJcclxuPlxyXG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wgY29sLTEyXCI+XHJcbiAgICAgIDxwPtCS0YvQsdGA0LDQvdC90LDRjyDQvtCx0LvQsNGB0YLRjCDQsdGD0LTQtdGCINC/0L7QutCw0LfRi9Cy0LDRgtGM0YHRjyDQvdCwINC+0LHQu9C+0LbQutC1INGB0YLRgNCw0L3QuNGG0Ys8L3A+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sIGNvbC0xMlwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibXJ4LWlucHV0LWltYWdlLWNyb3BwZXJfX3dyYXBwZXJcIj5cclxuICAgICAgICA8aW1hZ2UtY3JvcHBlclxyXG4gICAgICAgICAgW2ltYWdlRmlsZV09XCJmaWxlSW1hZ2VcIlxyXG4gICAgICAgICAgW21haW50YWluQXNwZWN0UmF0aW9dPVwibWFpbnRhaW5Bc3BlY3RSYXRpb1wiXHJcbiAgICAgICAgICBbYXNwZWN0UmF0aW9dPVwiYXNwZWN0UmF0aW9cIlxyXG4gICAgICAgICAgZm9ybWF0PVwicG5nXCJcclxuICAgICAgICAgIG91dHB1dD1cImJhc2U2NFwiXHJcbiAgICAgICAgICAoaW1hZ2VDcm9wcGVkKT1cImltYWdlQ3JvcHBlZCgkZXZlbnQpXCJcclxuICAgICAgICAgIChpbWFnZUxvYWRlZCk9XCJpbWFnZUxvYWRlZCgkZXZlbnQpXCJcclxuICAgICAgICAgIChjcm9wcGVyUmVhZHkpPVwiY3JvcHBlclJlYWR5KClcIlxyXG4gICAgICAgICAgKGxvYWRJbWFnZUZhaWxlZCk9XCJsb2FkSW1hZ2VGYWlsZWQoKVwiXHJcbiAgICAgICAgICBbYmFja2dyb3VuZENvbG9yXT1cIicjMDAwMDAwJ1wiXHJcbiAgICAgICAgICBbY2FudmFzUm90YXRpb25dPVwiY2FudmFzUm90YXRpb25cIlxyXG4gICAgICAgICAgW3RyYW5zZm9ybV09XCJ0cmFuc2Zvcm1cIlxyXG4gICAgICAgICAgW2Nyb3BwZXJNYXhXaWR0aF09XCJjcm9wcGVyTWF4V2lkdGhcIlxyXG4gICAgICAgICAgW2Nyb3BwZXJNYXhIZWlnaHRdPVwiY3JvcHBlck1heEhlaWdodFwiXHJcbiAgICAgICAgPjwvaW1hZ2UtY3JvcHBlcj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1yeC1pbnB1dC1pbWFnZS1jcm9wcGVyX19jb250cm9sc1wiPlxyXG4gICAgICAgICAgPHN2ZyAoY2xpY2spPVwicm90YXRlTGVmdCgpXCIgd2lkdGg9XCIyNFwiIGhlaWdodD1cIjI0XCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxyXG4gICAgICAgICAgICA8cmVjdCB4PVwiMlwiIHk9XCIxNVwiIHdpZHRoPVwiOFwiIGhlaWdodD1cIjhcIiByeD1cIjAuODg4ODg5XCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XHJcbiAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk00LjUgMTguNUM1LjA1MjI4IDE4LjUgNS41IDE4LjA1MjMgNS41IDE3LjVDNS41IDE2Ljk0NzcgNS4wNTIyOCAxNi41IDQuNSAxNi41QzMuOTQ3NzIgMTYuNSAzLjUgMTYuOTQ3NyAzLjUgMTcuNUMzLjUgMTguMDUyMyAzLjk0NzcyIDE4LjUgNC41IDE4LjVaXCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XHJcbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNOS45OTk3OCAyMC4zMzMzTDcuNzc3NTYgMTguMTExMUwyLjg4ODY3IDIzXCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XHJcbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTMuMTU3NSAyMS42ODQyQzE4LjU5MzIgMjEuNjg0MiAyMi45OTk2IDE3LjI3NzcgMjIuOTk5NiAxMS44NDIxQzIyLjk5OTYgNi40MDY0NiAxOC41OTMyIDIgMTMuMTU3NSAyQzcuNzIxODkgMiAzLjMxNTQzIDYuNDA2NDYgMy4zMTU0MyAxMS44NDIxXCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgICA8cGF0aCBkPVwiTTEuMDAwMjYgMTAuMTA1MkwzLjMxNjA1IDEyLjQyMUw1LjYzMTg0IDEwLjEwNTJcIiBzdHJva2U9XCJ3aGl0ZVwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiLz5cclxuICAgICAgICAgIDwvc3ZnPlxyXG5cclxuICAgICAgICAgIDxzdmcgKGNsaWNrKT1cInJvdGF0ZVJpZ2h0KClcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XHJcbiAgICAgICAgICAgIDxyZWN0IHg9XCIxNFwiIHk9XCIxNVwiIHdpZHRoPVwiOFwiIGhlaWdodD1cIjhcIiByeD1cIjAuODg4ODg5XCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XHJcbiAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk0xNi41IDE4LjVDMTcuMDUyMyAxOC41IDE3LjUgMTguMDUyMyAxNy41IDE3LjVDMTcuNSAxNi45NDc3IDE3LjA1MjMgMTYuNSAxNi41IDE2LjVDMTUuOTQ3NyAxNi41IDE1LjUgMTYuOTQ3NyAxNS41IDE3LjVDMTUuNSAxOC4wNTIzIDE1Ljk0NzcgMTguNSAxNi41IDE4LjVaXCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XHJcbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMjEuOTk5OCAyMC4zMzMzTDE5Ljc3NzYgMTguMTExMUwxNC44ODg3IDIzXCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XHJcbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTAuODQyNSAyMS42ODQyQzUuNDA2ODIgMjEuNjg0MiAxLjAwMDM2IDE3LjI3NzcgMS4wMDAzNiAxMS44NDIxQzEuMDAwMzYgNi40MDY0NiA1LjQwNjgyIDIgMTAuODQyNSAyQzE2LjI3ODEgMiAyMC42ODQ2IDYuNDA2NDYgMjAuNjg0NiAxMS44NDIxXCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgICA8cGF0aCBkPVwiTTIyLjk5OTcgMTAuMTA1MkwyMC42ODQgMTIuNDIxTDE4LjM2ODIgMTAuMTA1MlwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxuZy10ZW1wbGF0ZSAjZm9vdGVyQ29udGVudD5cclxuICAgIDxtcngtYnV0dG9uXHJcbiAgICAgIFtjdXN0b21DbGFzc2VzXT1cIidtci0zJ1wiXHJcbiAgICAgIFt0eXBlXT1cIidzZWNvbmRhcnknXCJcclxuICAgICAgW3NpemVdPVwiJ21lZGl1bSdcIlxyXG4gICAgICAoY2xpY2spPVwiY2xvc2UoKVwiXHJcbiAgICA+0J7RgtC80LXQvdC40YLRjFxyXG4gICAgPC9tcngtYnV0dG9uPlxyXG4gICAgPG1yeC1idXR0b25cclxuICAgICAgW3R5cGVdPVwiJ3ByaW1hcnknXCJcclxuICAgICAgW3NpemVdPVwiJ21lZGl1bSdcIlxyXG4gICAgICAoY2xpY2spPVwib2soKVwiXHJcbiAgICA+0J/QvtC00YLQstC10YDQtNC40YLRjFxyXG4gICAgPC9tcngtYnV0dG9uPlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvbXJ4LW1vZGFsPlxyXG5cclxuXHJcbiJdfQ==