myrta-ui 14.0.0-beta.1 → 17.0.0-beta.1

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

@@ -1,66 +0,0 @@
-import { Component } from '@angular/core';
-import { SimpleModalComponent } from 'ngx-simple-modal';
-import { convertBase64ToFile } from '../../../../../helpers/extension/input-file.extension';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../../modal/modal.component";
-import * as i2 from "../../../../button/button.component";
-import * as i3 from "ngx-image-cropper";
-export class FileImageEditModalComponent extends SimpleModalComponent {
-    constructor() {
-        super();
-        this.imageChangedEvent = '';
-        this.croppedImage = '';
-        this.canvasRotation = 0;
-        this.transform = {};
-        this.result = { result: false };
-    }
-    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
-    }
-}
-FileImageEditModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FileImageEditModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FileImageEditModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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]=\"true\"\r\n          [aspectRatio]=\"1 / 1\"\r\n          format=\"png\"\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]=\"200\"\r\n          [cropperMaxHeight]=\"200\"\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<!--<div class=\"modal-content accent-head md mrx-input-image-modal\">-->\r\n<!--  <div class=\"modal-header\">-->\r\n<!--    <div class=\"modal-title justify-content-start\" [innerHTML]=\"title\"></div>-->\r\n<!--    <span class='close close-click' (click)=\"close()\">-->\r\n<!--            <svg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'>-->\r\n<!--              <path d='M13 1L1 13M1 1l12 12' stroke='#3A3A3A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>-->\r\n<!--            </svg>-->\r\n<!--        </span>-->\r\n<!--  </div>-->\r\n<!--  <div class=\"modal-body\">-->\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]=\"true\"-->\r\n<!--              [aspectRatio]=\"1 / 1\"-->\r\n<!--              format=\"png\"-->\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<!--          ></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<!--  </div>-->\r\n<!--  <div class=\"modal-footer\">-->\r\n<!--    <button class=\"btn btn-outline\" (click)=\"close()\">\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C</button>-->\r\n<!--    <button class=\"btn\" (click)=\"ok()\">\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button>-->\r\n<!--  </div>-->\r\n<!--</div>-->\r\n", styles: [":host::ng-deep .mrx-input-image-cropper__wrapper{position:relative}:host::ng-deep .mrx-input-image-cropper__controls{padding:8px;background:rgba(31,34,38,.5);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: i1.ModalComponent, selector: "mrx-modal", inputs: ["title", "message", "okText", "closeText", "size", "color", "customClasses", "expandable", "isClose", "isBack", "backText", "enableFooter", "alignButtons", "isLoading", "iconPosition"], outputs: ["ok", "close", "back"] }, { kind: "component", type: i2.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType"], outputs: ["mrxClick"] }, { kind: "component", type: i3.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "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: "14.3.0", 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]=\"true\"\r\n          [aspectRatio]=\"1 / 1\"\r\n          format=\"png\"\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]=\"200\"\r\n          [cropperMaxHeight]=\"200\"\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<!--<div class=\"modal-content accent-head md mrx-input-image-modal\">-->\r\n<!--  <div class=\"modal-header\">-->\r\n<!--    <div class=\"modal-title justify-content-start\" [innerHTML]=\"title\"></div>-->\r\n<!--    <span class='close close-click' (click)=\"close()\">-->\r\n<!--            <svg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'>-->\r\n<!--              <path d='M13 1L1 13M1 1l12 12' stroke='#3A3A3A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>-->\r\n<!--            </svg>-->\r\n<!--        </span>-->\r\n<!--  </div>-->\r\n<!--  <div class=\"modal-body\">-->\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]=\"true\"-->\r\n<!--              [aspectRatio]=\"1 / 1\"-->\r\n<!--              format=\"png\"-->\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<!--          ></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<!--  </div>-->\r\n<!--  <div class=\"modal-footer\">-->\r\n<!--    <button class=\"btn btn-outline\" (click)=\"close()\">\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C</button>-->\r\n<!--    <button class=\"btn\" (click)=\"ok()\">\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button>-->\r\n<!--  </div>-->\r\n<!--</div>-->\r\n", styles: [":host::ng-deep .mrx-input-image-cropper__wrapper{position:relative}:host::ng-deep .mrx-input-image-cropper__controls{padding:8px;background:rgba(31,34,38,.5);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: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbWFnZS1lZGl0LW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2lucHV0LWZpbGUtaW1hZ2UvY29tcG9uZW50cy9maWxlLWltYWdlLWVkaXQtbW9kYWwvZmlsZS1pbWFnZS1lZGl0LW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2lucHV0LWZpbGUtaW1hZ2UvY29tcG9uZW50cy9maWxlLWltYWdlLWVkaXQtbW9kYWwvZmlsZS1pbWFnZS1lZGl0LW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdURBQXVELENBQUM7Ozs7O0FBbUI1RixNQUFNLE9BQU8sMkJBQ1gsU0FBUSxvQkFBc0Q7SUFVOUQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVBWLHNCQUFpQixHQUFRLEVBQUUsQ0FBQztRQUM1QixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixtQkFBYyxHQUFHLENBQUMsQ0FBQztRQUNuQixjQUFTLEdBQW1CLEVBQUUsQ0FBQztRQUs3QixJQUFJLENBQUMsTUFBTSxHQUFHLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyxDQUFDO0lBQ2hDLENBQUM7SUFFTSxFQUFFO1FBQ1AsSUFBSSxDQUFDLE1BQU0sR0FBRztZQUNaLE1BQU0sRUFBRSxJQUFJO1lBQ1osU0FBUyxFQUFFLG1CQUFtQixDQUM1QixJQUFJLENBQUMsWUFBWSxFQUNqQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQ3BCO1lBQ0QsT0FBTyxFQUFFLElBQUksQ0FBQyxZQUFZO1NBQzNCLENBQUM7UUFDRixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxlQUFlO1FBQ3JCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1FBQ3RDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxTQUFTLEdBQUc7WUFDZixHQUFHLElBQUksQ0FBQyxTQUFTO1lBQ2pCLEtBQUssRUFBRSxRQUFRO1lBQ2YsS0FBSyxFQUFFLFFBQVE7U0FDaEIsQ0FBQztJQUNKLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBVTtRQUN4QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBd0I7UUFDbkMsSUFBSSxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQztTQUNsQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsS0FBa0I7UUFDNUIscUJBQXFCO0lBQ3ZCLENBQUM7SUFFRCxZQUFZO1FBQ1YsZ0JBQWdCO0lBQ2xCLENBQUM7SUFFRCxlQUFlO1FBQ2IsZUFBZTtJQUNqQixDQUFDOzt3SEFyRVUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsd0ZDdEJ4QyxtdVJBMkhBOzJGRHJHYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0UsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNpbXBsZU1vZGFsQ29tcG9uZW50IH0gZnJvbSAnbmd4LXNpbXBsZS1tb2RhbCc7XHJcbmltcG9ydCB7IENyb3BwZXJTZXR0aW5ncywgSW1hZ2VDcm9wcGVkRXZlbnQsIEltYWdlVHJhbnNmb3JtLCBMb2FkZWRJbWFnZSB9IGZyb20gJ25neC1pbWFnZS1jcm9wcGVyJztcclxuaW1wb3J0IHsgY29udmVydEJhc2U2NFRvRmlsZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2hlbHBlcnMvZXh0ZW5zaW9uL2lucHV0LWZpbGUuZXh0ZW5zaW9uJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VFZGl0U2VsZWN0IHtcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIGZpbGVJbWFnZT86IGFueVxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlRWRpdFJlc3VsdCB7XHJcbiAgcmVzdWx0OiBib29sZWFuLFxyXG4gIGZpbGVJbWFnZT86IGFueSxcclxuICBmaWxlVXJsPzogc3RyaW5nXHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWZpbGUtaW1hZ2UtZWRpdC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtaW1hZ2UtZWRpdC1tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS1pbWFnZS1lZGl0LW1vZGFsLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBGaWxlSW1hZ2VFZGl0TW9kYWxDb21wb25lbnRcclxuICBleHRlbmRzIFNpbXBsZU1vZGFsQ29tcG9uZW50PEltYWdlRWRpdFNlbGVjdCwgSW1hZ2VFZGl0UmVzdWx0PiB7XHJcblxyXG4gIHRpdGxlITogc3RyaW5nO1xyXG4gIGZpbGVJbWFnZT86IGFueTtcclxuICBpbWFnZUNoYW5nZWRFdmVudDogYW55ID0gJyc7XHJcbiAgY3JvcHBlZEltYWdlID0gJyc7XHJcbiAgY2FudmFzUm90YXRpb24gPSAwO1xyXG4gIHRyYW5zZm9ybTogSW1hZ2VUcmFuc2Zvcm0gPSB7fTtcclxuICBjcm9wcGVyU2V0dGluZ3MhOiBDcm9wcGVyU2V0dGluZ3M7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoKTtcclxuICAgIHRoaXMucmVzdWx0ID0ge3Jlc3VsdDogZmFsc2V9O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9rKCkge1xyXG4gICAgdGhpcy5yZXN1bHQgPSB7XHJcbiAgICAgIHJlc3VsdDogdHJ1ZSxcclxuICAgICAgZmlsZUltYWdlOiBjb252ZXJ0QmFzZTY0VG9GaWxlKFxyXG4gICAgICAgIHRoaXMuY3JvcHBlZEltYWdlLFxyXG4gICAgICAgIHRoaXMuZmlsZUltYWdlLm5hbWUsXHJcbiAgICAgICAgdGhpcy5maWxlSW1hZ2UudHlwZVxyXG4gICAgICApLFxyXG4gICAgICBmaWxlVXJsOiB0aGlzLmNyb3BwZWRJbWFnZVxyXG4gICAgfTtcclxuICAgIHRoaXMuY2xvc2UoKTtcclxuICB9XHJcblxyXG4gIHJvdGF0ZUxlZnQoKSB7XHJcbiAgICB0aGlzLmNhbnZhc1JvdGF0aW9uLS07XHJcbiAgICB0aGlzLmZsaXBBZnRlclJvdGF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgcm90YXRlUmlnaHQoKSB7XHJcbiAgICB0aGlzLmNhbnZhc1JvdGF0aW9uKys7XHJcbiAgICB0aGlzLmZsaXBBZnRlclJvdGF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBmbGlwQWZ0ZXJSb3RhdGUoKSB7XHJcbiAgICBjb25zdCBmbGlwcGVkSCA9IHRoaXMudHJhbnNmb3JtLmZsaXBIO1xyXG4gICAgY29uc3QgZmxpcHBlZFYgPSB0aGlzLnRyYW5zZm9ybS5mbGlwVjtcclxuICAgIHRoaXMudHJhbnNmb3JtID0ge1xyXG4gICAgICAuLi50aGlzLnRyYW5zZm9ybSxcclxuICAgICAgZmxpcEg6IGZsaXBwZWRWLFxyXG4gICAgICBmbGlwVjogZmxpcHBlZEhcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBmaWxlQ2hhbmdlRXZlbnQoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5pbWFnZUNoYW5nZWRFdmVudCA9IGV2ZW50O1xyXG4gIH1cclxuXHJcbiAgaW1hZ2VDcm9wcGVkKGV2ZW50OiBJbWFnZUNyb3BwZWRFdmVudCk6IHZvaWQge1xyXG4gICAgaWYgKGV2ZW50LmJhc2U2NCkge1xyXG4gICAgICB0aGlzLmNyb3BwZWRJbWFnZSA9IGV2ZW50LmJhc2U2NDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGltYWdlTG9hZGVkKGltYWdlOiBMb2FkZWRJbWFnZSkge1xyXG4gICAgLy8gY29uc29sZS5sb2coaW1hZ2UpXHJcbiAgfVxyXG5cclxuICBjcm9wcGVyUmVhZHkoKSB7XHJcbiAgICAvLyBjcm9wcGVyIHJlYWR5XHJcbiAgfVxyXG5cclxuICBsb2FkSW1hZ2VGYWlsZWQoKSB7XHJcbiAgICAvLyBzaG93IG1lc3NhZ2VcclxuICB9XHJcbn1cclxuIiwiPG1yeC1tb2RhbFxyXG4gIFt0aXRsZV09XCJ0aXRsZVwiXHJcbiAgW3NpemVdPVwiJ21lZGl1bSdcIlxyXG4gIChjbG9zZSk9XCJjbG9zZSgpXCJcclxuPlxyXG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wgY29sLTEyXCI+XHJcbiAgICAgIDxwPtCS0YvQsdGA0LDQvdC90LDRjyDQvtCx0LvQsNGB0YLRjCDQsdGD0LTQtdGCINC/0L7QutCw0LfRi9Cy0LDRgtGM0YHRjyDQvdCwINC+0LHQu9C+0LbQutC1INGB0YLRgNCw0L3QuNGG0Ys8L3A+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sIGNvbC0xMlwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibXJ4LWlucHV0LWltYWdlLWNyb3BwZXJfX3dyYXBwZXJcIj5cclxuICAgICAgICA8aW1hZ2UtY3JvcHBlclxyXG4gICAgICAgICAgW2ltYWdlRmlsZV09XCJmaWxlSW1hZ2VcIlxyXG4gICAgICAgICAgW21haW50YWluQXNwZWN0UmF0aW9dPVwidHJ1ZVwiXHJcbiAgICAgICAgICBbYXNwZWN0UmF0aW9dPVwiMSAvIDFcIlxyXG4gICAgICAgICAgZm9ybWF0PVwicG5nXCJcclxuICAgICAgICAgIChpbWFnZUNyb3BwZWQpPVwiaW1hZ2VDcm9wcGVkKCRldmVudClcIlxyXG4gICAgICAgICAgKGltYWdlTG9hZGVkKT1cImltYWdlTG9hZGVkKCRldmVudClcIlxyXG4gICAgICAgICAgKGNyb3BwZXJSZWFkeSk9XCJjcm9wcGVyUmVhZHkoKVwiXHJcbiAgICAgICAgICAobG9hZEltYWdlRmFpbGVkKT1cImxvYWRJbWFnZUZhaWxlZCgpXCJcclxuICAgICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyMwMDAwMDAnXCJcclxuICAgICAgICAgIFtjYW52YXNSb3RhdGlvbl09XCJjYW52YXNSb3RhdGlvblwiXHJcbiAgICAgICAgICBbdHJhbnNmb3JtXT1cInRyYW5zZm9ybVwiXHJcbiAgICAgICAgICBbY3JvcHBlck1heFdpZHRoXT1cIjIwMFwiXHJcbiAgICAgICAgICBbY3JvcHBlck1heEhlaWdodF09XCIyMDBcIlxyXG4gICAgICAgID48L2ltYWdlLWNyb3BwZXI+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtcngtaW5wdXQtaW1hZ2UtY3JvcHBlcl9fY29udHJvbHNcIj5cclxuICAgICAgICAgIDxzdmcgKGNsaWNrKT1cInJvdGF0ZUxlZnQoKVwiIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cclxuICAgICAgICAgICAgPHJlY3QgeD1cIjJcIiB5PVwiMTVcIiB3aWR0aD1cIjhcIiBoZWlnaHQ9XCI4XCIgcng9XCIwLjg4ODg4OVwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9XCJldmVub2RkXCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNNC41IDE4LjVDNS4wNTIyOCAxOC41IDUuNSAxOC4wNTIzIDUuNSAxNy41QzUuNSAxNi45NDc3IDUuMDUyMjggMTYuNSA0LjUgMTYuNUMzLjk0NzcyIDE2LjUgMy41IDE2Ljk0NzcgMy41IDE3LjVDMy41IDE4LjA1MjMgMy45NDc3MiAxOC41IDQuNSAxOC41WlwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgICA8cGF0aCBkPVwiTTkuOTk5NzggMjAuMzMzM0w3Ljc3NzU2IDE4LjExMTFMMi44ODg2NyAyM1wiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgICA8cGF0aCBkPVwiTTEzLjE1NzUgMjEuNjg0MkMxOC41OTMyIDIxLjY4NDIgMjIuOTk5NiAxNy4yNzc3IDIyLjk5OTYgMTEuODQyMUMyMi45OTk2IDYuNDA2NDYgMTguNTkzMiAyIDEzLjE1NzUgMkM3LjcyMTg5IDIgMy4zMTU0MyA2LjQwNjQ2IDMuMzE1NDMgMTEuODQyMVwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiLz5cclxuICAgICAgICAgICAgPHBhdGggZD1cIk0xLjAwMDI2IDEwLjEwNTJMMy4zMTYwNSAxMi40MjFMNS42MzE4NCAxMC4xMDUyXCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XHJcbiAgICAgICAgICA8L3N2Zz5cclxuXHJcbiAgICAgICAgICA8c3ZnIChjbGljayk9XCJyb3RhdGVSaWdodCgpXCIgd2lkdGg9XCIyNFwiIGhlaWdodD1cIjI0XCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxyXG4gICAgICAgICAgICA8cmVjdCB4PVwiMTRcIiB5PVwiMTVcIiB3aWR0aD1cIjhcIiBoZWlnaHQ9XCI4XCIgcng9XCIwLjg4ODg4OVwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9XCJldmVub2RkXCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNMTYuNSAxOC41QzE3LjA1MjMgMTguNSAxNy41IDE4LjA1MjMgMTcuNSAxNy41QzE3LjUgMTYuOTQ3NyAxNy4wNTIzIDE2LjUgMTYuNSAxNi41QzE1Ljk0NzcgMTYuNSAxNS41IDE2Ljk0NzcgMTUuNSAxNy41QzE1LjUgMTguMDUyMyAxNS45NDc3IDE4LjUgMTYuNSAxOC41WlwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgICA8cGF0aCBkPVwiTTIxLjk5OTggMjAuMzMzM0wxOS43Nzc2IDE4LjExMTFMMTQuODg4NyAyM1wiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgICA8cGF0aCBkPVwiTTEwLjg0MjUgMjEuNjg0MkM1LjQwNjgyIDIxLjY4NDIgMS4wMDAzNiAxNy4yNzc3IDEuMDAwMzYgMTEuODQyMUMxLjAwMDM2IDYuNDA2NDYgNS40MDY4MiAyIDEwLjg0MjUgMkMxNi4yNzgxIDIgMjAuNjg0NiA2LjQwNjQ2IDIwLjY4NDYgMTEuODQyMVwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiLz5cclxuICAgICAgICAgICAgPHBhdGggZD1cIk0yMi45OTk3IDEwLjEwNTJMMjAuNjg0IDEyLjQyMUwxOC4zNjgyIDEwLjEwNTJcIiBzdHJva2U9XCJ3aGl0ZVwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiLz5cclxuICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG5cclxuICA8bmctdGVtcGxhdGUgI2Zvb3RlckNvbnRlbnQ+XHJcbiAgICA8bXJ4LWJ1dHRvblxyXG4gICAgICBbY3VzdG9tQ2xhc3Nlc109XCInbXItMydcIlxyXG4gICAgICBbdHlwZV09XCInc2Vjb25kYXJ5J1wiXHJcbiAgICAgIFtzaXplXT1cIidtZWRpdW0nXCJcclxuICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxyXG4gICAgPtCe0YLQvNC10L3QuNGC0YxcclxuICAgIDwvbXJ4LWJ1dHRvbj5cclxuICAgIDxtcngtYnV0dG9uXHJcbiAgICAgIFt0eXBlXT1cIidwcmltYXJ5J1wiXHJcbiAgICAgIFtzaXplXT1cIidtZWRpdW0nXCJcclxuICAgICAgKGNsaWNrKT1cIm9rKClcIlxyXG4gICAgPtCf0L7QtNGC0LLQtdGA0LTQuNGC0YxcclxuICAgIDwvbXJ4LWJ1dHRvbj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L21yeC1tb2RhbD5cclxuXHJcbjwhLS08ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudCBhY2NlbnQtaGVhZCBtZCBtcngtaW5wdXQtaW1hZ2UtbW9kYWxcIj4tLT5cclxuPCEtLSAgPGRpdiBjbGFzcz1cIm1vZGFsLWhlYWRlclwiPi0tPlxyXG48IS0tICAgIDxkaXYgY2xhc3M9XCJtb2RhbC10aXRsZSBqdXN0aWZ5LWNvbnRlbnQtc3RhcnRcIiBbaW5uZXJIVE1MXT1cInRpdGxlXCI+PC9kaXY+LS0+XHJcbjwhLS0gICAgPHNwYW4gY2xhc3M9J2Nsb3NlIGNsb3NlLWNsaWNrJyAoY2xpY2spPVwiY2xvc2UoKVwiPi0tPlxyXG48IS0tICAgICAgICAgICAgPHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+LS0+XHJcbjwhLS0gICAgICAgICAgICAgIDxwYXRoIGQ9J00xMyAxTDEgMTNNMSAxbDEyIDEyJyBzdHJva2U9JyMzQTNBM0EnIHN0cm9rZS13aWR0aD0nMS41JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz4tLT5cclxuPCEtLSAgICAgICAgICAgIDwvc3ZnPi0tPlxyXG48IS0tICAgICAgICA8L3NwYW4+LS0+XHJcbjwhLS0gIDwvZGl2Pi0tPlxyXG48IS0tICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPi0tPlxyXG48IS0tICAgIDxkaXYgY2xhc3M9XCJyb3dcIj4tLT5cclxuPCEtLSAgICAgIDxkaXYgY2xhc3M9XCJjb2wgY29sLTEyXCI+LS0+XHJcbjwhLS0gICAgICAgIDxwPtCS0YvQsdGA0LDQvdC90LDRjyDQvtCx0LvQsNGB0YLRjCDQsdGD0LTQtdGCINC/0L7QutCw0LfRi9Cy0LDRgtGM0YHRjyDQvdCwINC+0LHQu9C+0LbQutC1INGB0YLRgNCw0L3QuNGG0Ys8L3A+LS0+XHJcbjwhLS0gICAgICA8L2Rpdj4tLT5cclxuXHJcbjwhLS0gICAgICA8ZGl2IGNsYXNzPVwiY29sIGNvbC0xMlwiPi0tPlxyXG48IS0tICAgICAgICA8ZGl2IGNsYXNzPVwibXJ4LWlucHV0LWltYWdlLWNyb3BwZXJfX3dyYXBwZXJcIj4tLT5cclxuPCEtLSAgICAgICAgICA8aW1hZ2UtY3JvcHBlci0tPlxyXG48IS0tICAgICAgICAgICAgICBbaW1hZ2VGaWxlXT1cImZpbGVJbWFnZVwiLS0+XHJcbjwhLS0gICAgICAgICAgICAgIFttYWludGFpbkFzcGVjdFJhdGlvXT1cInRydWVcIi0tPlxyXG48IS0tICAgICAgICAgICAgICBbYXNwZWN0UmF0aW9dPVwiMSAvIDFcIi0tPlxyXG48IS0tICAgICAgICAgICAgICBmb3JtYXQ9XCJwbmdcIi0tPlxyXG48IS0tICAgICAgICAgICAgICAoaW1hZ2VDcm9wcGVkKT1cImltYWdlQ3JvcHBlZCgkZXZlbnQpXCItLT5cclxuPCEtLSAgICAgICAgICAgICAgKGltYWdlTG9hZGVkKT1cImltYWdlTG9hZGVkKCRldmVudClcIi0tPlxyXG48IS0tICAgICAgICAgICAgICAoY3JvcHBlclJlYWR5KT1cImNyb3BwZXJSZWFkeSgpXCItLT5cclxuPCEtLSAgICAgICAgICAgICAgKGxvYWRJbWFnZUZhaWxlZCk9XCJsb2FkSW1hZ2VGYWlsZWQoKVwiLS0+XHJcbjwhLS0gICAgICAgICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyMwMDAwMDAnXCItLT5cclxuPCEtLSAgICAgICAgICAgICAgW2NhbnZhc1JvdGF0aW9uXT1cImNhbnZhc1JvdGF0aW9uXCItLT5cclxuPCEtLSAgICAgICAgICAgICAgW3RyYW5zZm9ybV09XCJ0cmFuc2Zvcm1cIi0tPlxyXG48IS0tICAgICAgICAgID48L2ltYWdlLWNyb3BwZXI+LS0+XHJcblxyXG48IS0tICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtaW5wdXQtaW1hZ2UtY3JvcHBlcl9fY29udHJvbHNcIj4tLT5cclxuPCEtLSAgICAgICAgICAgIDxzdmcgKGNsaWNrKT1cInJvdGF0ZUxlZnQoKVwiIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj4tLT5cclxuPCEtLSAgICAgICAgICAgICAgPHJlY3QgeD1cIjJcIiB5PVwiMTVcIiB3aWR0aD1cIjhcIiBoZWlnaHQ9XCI4XCIgcng9XCIwLjg4ODg4OVwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPi0tPlxyXG48IS0tICAgICAgICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9XCJldmVub2RkXCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNNC41IDE4LjVDNS4wNTIyOCAxOC41IDUuNSAxOC4wNTIzIDUuNSAxNy41QzUuNSAxNi45NDc3IDUuMDUyMjggMTYuNSA0LjUgMTYuNUMzLjk0NzcyIDE2LjUgMy41IDE2Ljk0NzcgMy41IDE3LjVDMy41IDE4LjA1MjMgMy45NDc3MiAxOC41IDQuNSAxOC41WlwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPi0tPlxyXG48IS0tICAgICAgICAgICAgICA8cGF0aCBkPVwiTTkuOTk5NzggMjAuMzMzM0w3Ljc3NzU2IDE4LjExMTFMMi44ODg2NyAyM1wiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPi0tPlxyXG48IS0tICAgICAgICAgICAgICA8cGF0aCBkPVwiTTEzLjE1NzUgMjEuNjg0MkMxOC41OTMyIDIxLjY4NDIgMjIuOTk5NiAxNy4yNzc3IDIyLjk5OTYgMTEuODQyMUMyMi45OTk2IDYuNDA2NDYgMTguNTkzMiAyIDEzLjE1NzUgMkM3LjcyMTg5IDIgMy4zMTU0MyA2LjQwNjQ2IDMuMzE1NDMgMTEuODQyMVwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiLz4tLT5cclxuPCEtLSAgICAgICAgICAgICAgPHBhdGggZD1cIk0xLjAwMDI2IDEwLjEwNTJMMy4zMTYwNSAxMi40MjFMNS42MzE4NCAxMC4xMDUyXCIgc3Ryb2tlPVwid2hpdGVcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+LS0+XHJcbjwhLS0gICAgICAgICAgICA8L3N2Zz4tLT5cclxuXHJcbjwhLS0gICAgICAgICAgICA8c3ZnIChjbGljayk9XCJyb3RhdGVSaWdodCgpXCIgd2lkdGg9XCIyNFwiIGhlaWdodD1cIjI0XCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPi0tPlxyXG48IS0tICAgICAgICAgICAgICA8cmVjdCB4PVwiMTRcIiB5PVwiMTVcIiB3aWR0aD1cIjhcIiBoZWlnaHQ9XCI4XCIgcng9XCIwLjg4ODg4OVwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPi0tPlxyXG48IS0tICAgICAgICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9XCJldmVub2RkXCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNMTYuNSAxOC41QzE3LjA1MjMgMTguNSAxNy41IDE4LjA1MjMgMTcuNSAxNy41QzE3LjUgMTYuOTQ3NyAxNy4wNTIzIDE2LjUgMTYuNSAxNi41QzE1Ljk0NzcgMTYuNSAxNS41IDE2Ljk0NzcgMTUuNSAxNy41QzE1LjUgMTguMDUyMyAxNS45NDc3IDE4LjUgMTYuNSAxOC41WlwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPi0tPlxyXG48IS0tICAgICAgICAgICAgICA8cGF0aCBkPVwiTTIxLjk5OTggMjAuMzMzM0wxOS43Nzc2IDE4LjExMTFMMTQuODg4NyAyM1wiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPi0tPlxyXG48IS0tICAgICAgICAgICAgICA8cGF0aCBkPVwiTTEwLjg0MjUgMjEuNjg0MkM1LjQwNjgyIDIxLjY4NDIgMS4wMDAzNiAxNy4yNzc3IDEuMDAwMzYgMTEuODQyMUMxLjAwMDM2IDYuNDA2NDYgNS40MDY4MiAyIDEwLjg0MjUgMkMxNi4yNzgxIDIgMjAuNjg0NiA2LjQwNjQ2IDIwLjY4NDYgMTEuODQyMVwiIHN0cm9rZT1cIndoaXRlXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiLz4tLT5cclxuPCEtLSAgICAgICAgICAgICAgPHBhdGggZD1cIk0yMi45OTk3IDEwLjEwNTJMMjAuNjg0IDEyLjQyMUwxOC4zNjgyIDEwLjEwNTJcIiBzdHJva2U9XCJ3aGl0ZVwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiLz4tLT5cclxuPCEtLSAgICAgICAgICAgIDwvc3ZnPi0tPlxyXG48IS0tICAgICAgICAgIDwvZGl2Pi0tPlxyXG48IS0tICAgICAgICA8L2Rpdj4tLT5cclxuPCEtLSAgICAgIDwvZGl2Pi0tPlxyXG48IS0tICAgIDwvZGl2Pi0tPlxyXG48IS0tICA8L2Rpdj4tLT5cclxuPCEtLSAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPi0tPlxyXG48IS0tICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLW91dGxpbmVcIiAoY2xpY2spPVwiY2xvc2UoKVwiPtCe0YLQvNC10L3QuNGC0Yw8L2J1dHRvbj4tLT5cclxuPCEtLSAgICA8YnV0dG9uIGNsYXNzPVwiYnRuXCIgKGNsaWNrKT1cIm9rKClcIj7Qn9C+0LTRgtCy0LXRgNC00LjRgtGMPC9idXR0b24+LS0+XHJcbjwhLS0gIDwvZGl2Pi0tPlxyXG48IS0tPC9kaXY+LS0+XHJcbiJdfQ==