@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
20 lines • 19.6 kB
JavaScript
import { NgClass, NgIf, NgStyle } from '@angular/common';
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class OperationResultComponent {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OperationResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OperationResultComponent, isStandalone: true, selector: "c8y-operation-result", inputs: { text: "text", vertical: "vertical", size: "size", type: "type" }, ngImport: i0, template: "<style>\n .stroke-anim {\n animation: stroke-anim 0.75s ease-in-out 0s 1 forwards;\n }\n .check-anim {\n animation: check-anim 0.35s ease-in-out 0.5s 1 forwards;\n }\n .symbol-anim {\n animation: symbol-anim 0.35s ease-in-out 0.5s 1 forwards;\n }\n\n @keyframes stroke-anim {\n 0% {\n stroke-dashoffset: 60;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n\n @keyframes check-anim {\n 0% {\n stroke-dashoffset: 28;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n @keyframes symbol-anim {\n 0% {\n stroke-dashoffset: 7;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n\n .delay-05 {\n animation-delay: 0.5s;\n }\n</style>\n<div class=\"d-flex a-i-center p-24 m-24 p-b-0\" [ngClass]=\"{ 'd-col j-c-center': vertical }\">\n <svg *ngIf=\"type === 'success'\" class=\"flex-no-shrink\" viewBox=\"0 0 24 24\" [ngStyle]=\"{ 'max-width.px': size || 64 }\">\n <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\">\n <polyline\n stroke=\"var(--input-validation-success, #008800)\"\n stroke-width=\"2\"\n stroke-linejoin=\"round\"\n points=\"7.8678862 11.508 11.9656988 15.984 20.2137797 7.44836856\"\n class=\"check-anim\"\n stroke-dasharray=\"28\"\n stroke-dashoffset=\"28\"\n ></polyline>\n <path\n d=\"M18.3656773,3.02795925 C16.5689809,1.75089408 14.3721808,1 12,1 C5.92486775,1 1,5.92486775 1,12 C1,18.0751322 5.92486775,23 12,23 C18.0751322,23 23,18.0751322 23,12\"\n id=\"Path\"\n class=\"stroke-anim\"\n stroke=\"var(--input-validation-success, #008800)\"\n stroke-width=\"2\"\n stroke-dasharray=\"60\"\n stroke-dashoffset=\"60\"\n ></path>\n </g>\n </svg>\n\n <svg *ngIf=\"type === 'error'\" class=\"flex-no-shrink\" viewBox=\"0 0 24 24\" [ngStyle]=\"{ 'max-width.px': size || 64 }\">\n <g id=\"Artboard-Copy-3\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <line\n x1=\"12\"\n y1=\"13.5356315\"\n x2=\"12\"\n y2=\"7\"\n id=\"Path-2\"\n stroke=\"var(--input-validation-error, #E0000E)\"\n class=\"symbol-anim\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-dasharray=\"7\"\n stroke-dashoffset=\"7\"\n ></line>\n <line\n x1=\"12\"\n y1=\"17.7678157\"\n x2=\"12\"\n y2=\"17.2321843\"\n id=\"Path-2\"\n stroke=\"var(--input-validation-error, #E0000E)\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-dasharray=\"7\"\n stroke-dashoffset=\"7\"\n class=\"symbol-anim\"\n ></line>\n <circle\n id=\"Oval\"\n stroke=\"var(--input-validation-error, #E0000E)\"\n stroke-width=\"2\"\n cx=\"12\"\n cy=\"12\"\n r=\"11\"\n class=\"stroke-anim\"\n stroke-dasharray=\"70\"\n stroke-dashoffset=\"70\"\n stroke-linejoin=\"round\"\n ></circle>\n </g>\n </svg>\n\n <svg *ngIf=\"type === 'warning'\" class=\"flex-no-shrink\" viewBox=\"0 0 24 24\" [ngStyle]=\"{ 'max-width.px': size || 64 }\">\n <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <line\n x1=\"12\"\n y1=\"13.5356315\"\n x2=\"12\"\n y2=\"7\"\n id=\"Path-2\"\n stroke=\"var(--input-validation-warning, #FF801F)\"\n class=\"symbol-anim\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-dasharray=\"7\"\n stroke-dashoffset=\"7\"\n ></line>\n <line\n x1=\"12\"\n y1=\"17.7678157\"\n x2=\"12\"\n y2=\"17.2321843\"\n id=\"Path-2\"\n stroke=\"var(--input-validation-warning, #FF801F)\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-dasharray=\"7\"\n stroke-dashoffset=\"7\"\n class=\"symbol-anim\"\n ></line>\n\n <g\n fill-rule=\"nonzero\"\n stroke=\"var(--input-validation-warning, #FF801F)\"\n stroke-width=\"2\"\n class=\"stroke-anim\"\n stroke-dashoffset=\"1000\"\n stroke-dasharray=\"90\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M12,1 L23,21 L1,21 L12,1 Z\" id=\"Path\"></path>\n </g>\n </g>\n </svg>\n <p *ngIf=\"text\" class=\"text-medium animated fadeIn delay-05 m-8\" [ngClass]=\"{ 'text-center': vertical }\">\n {{ text }}\n </p>\n</div>\n", styles: ["\n .stroke-anim {\n animation: stroke-anim 0.75s ease-in-out 0s 1 forwards;\n }\n .check-anim {\n animation: check-anim 0.35s ease-in-out 0.5s 1 forwards;\n }\n .symbol-anim {\n animation: symbol-anim 0.35s ease-in-out 0.5s 1 forwards;\n }\n\n @keyframes stroke-anim {\n 0% {\n stroke-dashoffset: 60;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n\n @keyframes check-anim {\n 0% {\n stroke-dashoffset: 28;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n @keyframes symbol-anim {\n 0% {\n stroke-dashoffset: 7;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n\n .delay-05 {\n animation-delay: 0.5s;\n }\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OperationResultComponent, decorators: [{
type: Component,
args: [{ selector: 'c8y-operation-result', standalone: true, imports: [NgIf, NgStyle, NgClass], template: "<style>\n .stroke-anim {\n animation: stroke-anim 0.75s ease-in-out 0s 1 forwards;\n }\n .check-anim {\n animation: check-anim 0.35s ease-in-out 0.5s 1 forwards;\n }\n .symbol-anim {\n animation: symbol-anim 0.35s ease-in-out 0.5s 1 forwards;\n }\n\n @keyframes stroke-anim {\n 0% {\n stroke-dashoffset: 60;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n\n @keyframes check-anim {\n 0% {\n stroke-dashoffset: 28;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n @keyframes symbol-anim {\n 0% {\n stroke-dashoffset: 7;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n\n .delay-05 {\n animation-delay: 0.5s;\n }\n</style>\n<div class=\"d-flex a-i-center p-24 m-24 p-b-0\" [ngClass]=\"{ 'd-col j-c-center': vertical }\">\n <svg *ngIf=\"type === 'success'\" class=\"flex-no-shrink\" viewBox=\"0 0 24 24\" [ngStyle]=\"{ 'max-width.px': size || 64 }\">\n <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\">\n <polyline\n stroke=\"var(--input-validation-success, #008800)\"\n stroke-width=\"2\"\n stroke-linejoin=\"round\"\n points=\"7.8678862 11.508 11.9656988 15.984 20.2137797 7.44836856\"\n class=\"check-anim\"\n stroke-dasharray=\"28\"\n stroke-dashoffset=\"28\"\n ></polyline>\n <path\n d=\"M18.3656773,3.02795925 C16.5689809,1.75089408 14.3721808,1 12,1 C5.92486775,1 1,5.92486775 1,12 C1,18.0751322 5.92486775,23 12,23 C18.0751322,23 23,18.0751322 23,12\"\n id=\"Path\"\n class=\"stroke-anim\"\n stroke=\"var(--input-validation-success, #008800)\"\n stroke-width=\"2\"\n stroke-dasharray=\"60\"\n stroke-dashoffset=\"60\"\n ></path>\n </g>\n </svg>\n\n <svg *ngIf=\"type === 'error'\" class=\"flex-no-shrink\" viewBox=\"0 0 24 24\" [ngStyle]=\"{ 'max-width.px': size || 64 }\">\n <g id=\"Artboard-Copy-3\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <line\n x1=\"12\"\n y1=\"13.5356315\"\n x2=\"12\"\n y2=\"7\"\n id=\"Path-2\"\n stroke=\"var(--input-validation-error, #E0000E)\"\n class=\"symbol-anim\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-dasharray=\"7\"\n stroke-dashoffset=\"7\"\n ></line>\n <line\n x1=\"12\"\n y1=\"17.7678157\"\n x2=\"12\"\n y2=\"17.2321843\"\n id=\"Path-2\"\n stroke=\"var(--input-validation-error, #E0000E)\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-dasharray=\"7\"\n stroke-dashoffset=\"7\"\n class=\"symbol-anim\"\n ></line>\n <circle\n id=\"Oval\"\n stroke=\"var(--input-validation-error, #E0000E)\"\n stroke-width=\"2\"\n cx=\"12\"\n cy=\"12\"\n r=\"11\"\n class=\"stroke-anim\"\n stroke-dasharray=\"70\"\n stroke-dashoffset=\"70\"\n stroke-linejoin=\"round\"\n ></circle>\n </g>\n </svg>\n\n <svg *ngIf=\"type === 'warning'\" class=\"flex-no-shrink\" viewBox=\"0 0 24 24\" [ngStyle]=\"{ 'max-width.px': size || 64 }\">\n <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <line\n x1=\"12\"\n y1=\"13.5356315\"\n x2=\"12\"\n y2=\"7\"\n id=\"Path-2\"\n stroke=\"var(--input-validation-warning, #FF801F)\"\n class=\"symbol-anim\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-dasharray=\"7\"\n stroke-dashoffset=\"7\"\n ></line>\n <line\n x1=\"12\"\n y1=\"17.7678157\"\n x2=\"12\"\n y2=\"17.2321843\"\n id=\"Path-2\"\n stroke=\"var(--input-validation-warning, #FF801F)\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-dasharray=\"7\"\n stroke-dashoffset=\"7\"\n class=\"symbol-anim\"\n ></line>\n\n <g\n fill-rule=\"nonzero\"\n stroke=\"var(--input-validation-warning, #FF801F)\"\n stroke-width=\"2\"\n class=\"stroke-anim\"\n stroke-dashoffset=\"1000\"\n stroke-dasharray=\"90\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M12,1 L23,21 L1,21 L12,1 Z\" id=\"Path\"></path>\n </g>\n </g>\n </svg>\n <p *ngIf=\"text\" class=\"text-medium animated fadeIn delay-05 m-8\" [ngClass]=\"{ 'text-center': vertical }\">\n {{ text }}\n </p>\n</div>\n" }]
}], propDecorators: { text: [{
type: Input
}], vertical: [{
type: Input
}], size: [{
type: Input
}], type: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3BlcmF0aW9uLXJlc3VsdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb3JlL2NvbW1vbi9vcGVyYXRpb24tcmVzdWx0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2NvcmUvY29tbW9uL29wZXJhdGlvbi1yZXN1bHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWpELE1BQU0sT0FBTyx3QkFBd0I7K0dBQXhCLHdCQUF3QjttR0FBeEIsd0JBQXdCLDRKQ1RyQyxxcUpBZ0tBLDh1QkR6SlksSUFBSSw2RkFBRSxPQUFPLDJFQUFFLE9BQU87OzRGQUVyQix3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBRXBCLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxDQUFDOzhCQUd4QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcywgTmdJZiwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2M4eS1vcGVyYXRpb24tcmVzdWx0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL29wZXJhdGlvbi1yZXN1bHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdJZiwgTmdTdHlsZSwgTmdDbGFzc11cbn0pXG5leHBvcnQgY2xhc3MgT3BlcmF0aW9uUmVzdWx0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSB2ZXJ0aWNhbDogYm9vbGVhbjtcbiAgQElucHV0KCkgc2l6ZTogbnVtYmVyO1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmc7XG59XG4iLCI8c3R5bGU+XG4gIC5zdHJva2UtYW5pbSB7XG4gICAgYW5pbWF0aW9uOiBzdHJva2UtYW5pbSAwLjc1cyBlYXNlLWluLW91dCAwcyAxIGZvcndhcmRzO1xuICB9XG4gIC5jaGVjay1hbmltIHtcbiAgICBhbmltYXRpb246IGNoZWNrLWFuaW0gMC4zNXMgZWFzZS1pbi1vdXQgMC41cyAxIGZvcndhcmRzO1xuICB9XG4gIC5zeW1ib2wtYW5pbSB7XG4gICAgYW5pbWF0aW9uOiBzeW1ib2wtYW5pbSAwLjM1cyBlYXNlLWluLW91dCAwLjVzIDEgZm9yd2FyZHM7XG4gIH1cblxuICBAa2V5ZnJhbWVzIHN0cm9rZS1hbmltIHtcbiAgICAwJSB7XG4gICAgICBzdHJva2UtZGFzaG9mZnNldDogNjA7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7XG4gICAgfVxuICB9XG5cbiAgQGtleWZyYW1lcyBjaGVjay1hbmltIHtcbiAgICAwJSB7XG4gICAgICBzdHJva2UtZGFzaG9mZnNldDogMjg7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7XG4gICAgfVxuICB9XG4gIEBrZXlmcmFtZXMgc3ltYm9sLWFuaW0ge1xuICAgIDAlIHtcbiAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiA3O1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwO1xuICAgIH1cbiAgfVxuXG4gIC5kZWxheS0wNSB7XG4gICAgYW5pbWF0aW9uLWRlbGF5OiAwLjVzO1xuICB9XG48L3N0eWxlPlxuPGRpdiBjbGFzcz1cImQtZmxleCBhLWktY2VudGVyIHAtMjQgbS0yNCBwLWItMFwiIFtuZ0NsYXNzXT1cInsgJ2QtY29sIGotYy1jZW50ZXInOiB2ZXJ0aWNhbCB9XCI+XG4gIDxzdmcgKm5nSWY9XCJ0eXBlID09PSAnc3VjY2VzcydcIiBjbGFzcz1cImZsZXgtbm8tc2hyaW5rXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIFtuZ1N0eWxlXT1cInsgJ21heC13aWR0aC5weCc6IHNpemUgfHwgNjQgfVwiPlxuICAgIDxnIHN0cm9rZT1cIm5vbmVcIiBzdHJva2Utd2lkdGg9XCIxXCIgZmlsbD1cIm5vbmVcIiBmaWxsLXJ1bGU9XCJldmVub2RkXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiPlxuICAgICAgPHBvbHlsaW5lXG4gICAgICAgIHN0cm9rZT1cInZhcigtLWlucHV0LXZhbGlkYXRpb24tc3VjY2VzcywgIzAwODgwMClcIlxuICAgICAgICBzdHJva2Utd2lkdGg9XCIyXCJcbiAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICBwb2ludHM9XCI3Ljg2Nzg4NjIgMTEuNTA4IDExLjk2NTY5ODggMTUuOTg0IDIwLjIxMzc3OTcgNy40NDgzNjg1NlwiXG4gICAgICAgIGNsYXNzPVwiY2hlY2stYW5pbVwiXG4gICAgICAgIHN0cm9rZS1kYXNoYXJyYXk9XCIyOFwiXG4gICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PVwiMjhcIlxuICAgICAgPjwvcG9seWxpbmU+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTE4LjM2NTY3NzMsMy4wMjc5NTkyNSBDMTYuNTY4OTgwOSwxLjc1MDg5NDA4IDE0LjM3MjE4MDgsMSAxMiwxIEM1LjkyNDg2Nzc1LDEgMSw1LjkyNDg2Nzc1IDEsMTIgQzEsMTguMDc1MTMyMiA1LjkyNDg2Nzc1LDIzIDEyLDIzIEMxOC4wNzUxMzIyLDIzIDIzLDE4LjA3NTEzMjIgMjMsMTJcIlxuICAgICAgICBpZD1cIlBhdGhcIlxuICAgICAgICBjbGFzcz1cInN0cm9rZS1hbmltXCJcbiAgICAgICAgc3Ryb2tlPVwidmFyKC0taW5wdXQtdmFsaWRhdGlvbi1zdWNjZXNzLCAjMDA4ODAwKVwiXG4gICAgICAgIHN0cm9rZS13aWR0aD1cIjJcIlxuICAgICAgICBzdHJva2UtZGFzaGFycmF5PVwiNjBcIlxuICAgICAgICBzdHJva2UtZGFzaG9mZnNldD1cIjYwXCJcbiAgICAgID48L3BhdGg+XG4gICAgPC9nPlxuICA8L3N2Zz5cblxuICA8c3ZnICpuZ0lmPVwidHlwZSA9PT0gJ2Vycm9yJ1wiIGNsYXNzPVwiZmxleC1uby1zaHJpbmtcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgW25nU3R5bGVdPVwieyAnbWF4LXdpZHRoLnB4Jzogc2l6ZSB8fCA2NCB9XCI+XG4gICAgPGcgaWQ9XCJBcnRib2FyZC1Db3B5LTNcIiBzdHJva2U9XCJub25lXCIgc3Ryb2tlLXdpZHRoPVwiMVwiIGZpbGw9XCJub25lXCIgZmlsbC1ydWxlPVwiZXZlbm9kZFwiPlxuICAgICAgPGxpbmVcbiAgICAgICAgeDE9XCIxMlwiXG4gICAgICAgIHkxPVwiMTMuNTM1NjMxNVwiXG4gICAgICAgIHgyPVwiMTJcIlxuICAgICAgICB5Mj1cIjdcIlxuICAgICAgICBpZD1cIlBhdGgtMlwiXG4gICAgICAgIHN0cm9rZT1cInZhcigtLWlucHV0LXZhbGlkYXRpb24tZXJyb3IsICNFMDAwMEUpXCJcbiAgICAgICAgY2xhc3M9XCJzeW1ib2wtYW5pbVwiXG4gICAgICAgIHN0cm9rZS13aWR0aD1cIjJcIlxuICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICBzdHJva2UtZGFzaGFycmF5PVwiN1wiXG4gICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PVwiN1wiXG4gICAgICA+PC9saW5lPlxuICAgICAgPGxpbmVcbiAgICAgICAgeDE9XCIxMlwiXG4gICAgICAgIHkxPVwiMTcuNzY3ODE1N1wiXG4gICAgICAgIHgyPVwiMTJcIlxuICAgICAgICB5Mj1cIjE3LjIzMjE4NDNcIlxuICAgICAgICBpZD1cIlBhdGgtMlwiXG4gICAgICAgIHN0cm9rZT1cInZhcigtLWlucHV0LXZhbGlkYXRpb24tZXJyb3IsICNFMDAwMEUpXCJcbiAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMlwiXG4gICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZS1kYXNoYXJyYXk9XCI3XCJcbiAgICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ9XCI3XCJcbiAgICAgICAgY2xhc3M9XCJzeW1ib2wtYW5pbVwiXG4gICAgICA+PC9saW5lPlxuICAgICAgPGNpcmNsZVxuICAgICAgICBpZD1cIk92YWxcIlxuICAgICAgICBzdHJva2U9XCJ2YXIoLS1pbnB1dC12YWxpZGF0aW9uLWVycm9yLCAjRTAwMDBFKVwiXG4gICAgICAgIHN0cm9rZS13aWR0aD1cIjJcIlxuICAgICAgICBjeD1cIjEyXCJcbiAgICAgICAgY3k9XCIxMlwiXG4gICAgICAgIHI9XCIxMVwiXG4gICAgICAgIGNsYXNzPVwic3Ryb2tlLWFuaW1cIlxuICAgICAgICBzdHJva2UtZGFzaGFycmF5PVwiNzBcIlxuICAgICAgICBzdHJva2UtZGFzaG9mZnNldD1cIjcwXCJcbiAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgPjwvY2lyY2xlPlxuICAgIDwvZz5cbiAgPC9zdmc+XG5cbiAgPHN2ZyAqbmdJZj1cInR5cGUgPT09ICd3YXJuaW5nJ1wiIGNsYXNzPVwiZmxleC1uby1zaHJpbmtcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgW25nU3R5bGVdPVwieyAnbWF4LXdpZHRoLnB4Jzogc2l6ZSB8fCA2NCB9XCI+XG4gICAgPGcgc3Ryb2tlPVwibm9uZVwiIHN0cm9rZS13aWR0aD1cIjFcIiBmaWxsPVwibm9uZVwiIGZpbGwtcnVsZT1cImV2ZW5vZGRcIj5cbiAgICAgIDxsaW5lXG4gICAgICAgIHgxPVwiMTJcIlxuICAgICAgICB5MT1cIjEzLjUzNTYzMTVcIlxuICAgICAgICB4Mj1cIjEyXCJcbiAgICAgICAgeTI9XCI3XCJcbiAgICAgICAgaWQ9XCJQYXRoLTJcIlxuICAgICAgICBzdHJva2U9XCJ2YXIoLS1pbnB1dC12YWxpZGF0aW9uLXdhcm5pbmcsICNGRjgwMUYpXCJcbiAgICAgICAgY2xhc3M9XCJzeW1ib2wtYW5pbVwiXG4gICAgICAgIHN0cm9rZS13aWR0aD1cIjJcIlxuICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICBzdHJva2UtZGFzaGFycmF5PVwiN1wiXG4gICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PVwiN1wiXG4gICAgICA+PC9saW5lPlxuICAgICAgPGxpbmVcbiAgICAgICAgeDE9XCIxMlwiXG4gICAgICAgIHkxPVwiMTcuNzY3ODE1N1wiXG4gICAgICAgIHgyPVwiMTJcIlxuICAgICAgICB5Mj1cIjE3LjIzMjE4NDNcIlxuICAgICAgICBpZD1cIlBhdGgtMlwiXG4gICAgICAgIHN0cm9rZT1cInZhcigtLWlucHV0LXZhbGlkYXRpb24td2FybmluZywgI0ZGODAxRilcIlxuICAgICAgICBzdHJva2Utd2lkdGg9XCIyXCJcbiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT1cIjdcIlxuICAgICAgICBzdHJva2UtZGFzaG9mZnNldD1cIjdcIlxuICAgICAgICBjbGFzcz1cInN5bWJvbC1hbmltXCJcbiAgICAgID48L2xpbmU+XG5cbiAgICAgIDxnXG4gICAgICAgIGZpbGwtcnVsZT1cIm5vbnplcm9cIlxuICAgICAgICBzdHJva2U9XCJ2YXIoLS1pbnB1dC12YWxpZGF0aW9uLXdhcm5pbmcsICNGRjgwMUYpXCJcbiAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMlwiXG4gICAgICAgIGNsYXNzPVwic3Ryb2tlLWFuaW1cIlxuICAgICAgICBzdHJva2UtZGFzaG9mZnNldD1cIjEwMDBcIlxuICAgICAgICBzdHJva2UtZGFzaGFycmF5PVwiOTBcIlxuICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICA+XG4gICAgICAgIDxwYXRoIGQ9XCJNMTIsMSBMMjMsMjEgTDEsMjEgTDEyLDEgWlwiIGlkPVwiUGF0aFwiPjwvcGF0aD5cbiAgICAgIDwvZz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuICA8cCAqbmdJZj1cInRleHRcIiBjbGFzcz1cInRleHQtbWVkaXVtIGFuaW1hdGVkIGZhZGVJbiBkZWxheS0wNSBtLThcIiBbbmdDbGFzc109XCJ7ICd0ZXh0LWNlbnRlcic6IHZlcnRpY2FsIH1cIj5cbiAgICB7eyB0ZXh0IH19XG4gIDwvcD5cbjwvZGl2PlxuIl19