@asoftwareworld/form-builder-pro
Version:
ASW Form Builder Pro helps you with rapid development and designed web forms which includes several controls. The key feature of Form Builder is to make your content attractive and effective. We can customize our control at run time and preview the same b
88 lines • 19.3 kB
JavaScript
/**
* @license
* Copyright ASW (A Software World) All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file
*/
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { CSSFrameworkEnum } from '@asoftwareworld/form-builder-pro/api';
import { Constants, Icons } from '@asoftwareworld/form-builder-pro/common';
import { AswConfirmDialog } from '@asoftwareworld/form-builder-pro/form-control/confirm-dialog';
import { AswHeaderDialog } from './header-dialog';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/dialog";
import * as i2 from "@angular/common";
import * as i3 from "@angular/material/button";
import * as i4 from "@angular/material/tooltip";
import * as i5 from "@asoftwareworld/form-builder-pro/common";
import * as i6 from "@asoftwareworld/form-builder-pro/core";
export class AswHeader {
dialog;
constants = Constants;
icons = Icons;
/**
* Header control
*/
control = null;
CSSFramework = CSSFrameworkEnum.Material;
isPreviewTemplate = false;
propertyPersonalization = [];
headerUpdateEvent = new EventEmitter();
headerDeleteEvent = new EventEmitter();
duplicateControl = new EventEmitter();
constructor(dialog) {
this.dialog = dialog;
}
/**
* Delete header control based on control index
* @param control header control items
*/
deleteHeaderDialog(control) {
const dialogRef = this.dialog.open(AswConfirmDialog, {
width: '350px',
data: { name: control.controlType, message: this.constants.messages.waringMessage }
});
dialogRef.afterClosed().subscribe((result) => {
if (result !== undefined) {
this.headerDeleteEvent.emit(control);
}
});
}
editHeaderDialog(control) {
const dialogRef = this.dialog.open(AswHeaderDialog, {
width: '50%',
disableClose: true,
data: { control, CSSFramework: this.CSSFramework, propertyPersonalization: this.propertyPersonalization }
});
dialogRef.afterClosed().subscribe((result) => {
if (result !== undefined) {
this.headerUpdateEvent.emit(result);
}
});
}
duplicateHeaderControl(control) {
this.duplicateControl.emit(control);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswHeader, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: AswHeader, selector: "asw-header", inputs: { control: "control", CSSFramework: "CSSFramework", isPreviewTemplate: "isPreviewTemplate", propertyPersonalization: "propertyPersonalization" }, outputs: { headerUpdateEvent: "headerUpdateEvent", headerDeleteEvent: "headerDeleteEvent", duplicateControl: "duplicateControl" }, ngImport: i0, template: "<ng-container *ngIf=\"control as control\">\r\n <ng-container [ngSwitch]=\"control.subtype\">\r\n <ng-container *ngSwitchCase=\"'h1'\">\r\n <h1 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h1>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h2'\">\r\n <h2 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h2>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h3'\">\r\n <h3 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h3>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h4'\">\r\n <h4 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h4>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h5'\">\r\n <h5 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h5>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h6'\">\r\n <h6 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h6>\r\n </ng-container>\r\n </ng-container>\r\n <div class=\"asw-row\" *ngIf=\"isPreviewTemplate\">\r\n <div class=\"asw-col-md-12\" align=\"right\">\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Duplicate' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"duplicateHeaderControl(control)\">\r\n <div [innerHTML]=\"icons.contentCopy | aswSafeHtml\"></div>\r\n </button>\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Edit' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"editHeaderDialog(control)\">\r\n <div [innerHTML]=\"icons.edit | aswSafeHtml\"></div>\r\n </button>\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Delete' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"deleteHeaderDialog(control)\">\r\n <div [innerHTML]=\"icons.delete2 | aswSafeHtml\"></div>\r\n </button>\r\n </div>\r\n </div>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i5.AswSafeHtmlPipe, name: "aswSafeHtml" }, { kind: "pipe", type: i6.AswTranslatePipe, name: "aswTranslate" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswHeader, decorators: [{
type: Component,
args: [{ selector: 'asw-header', template: "<ng-container *ngIf=\"control as control\">\r\n <ng-container [ngSwitch]=\"control.subtype\">\r\n <ng-container *ngSwitchCase=\"'h1'\">\r\n <h1 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h1>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h2'\">\r\n <h2 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h2>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h3'\">\r\n <h3 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h3>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h4'\">\r\n <h4 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h4>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h5'\">\r\n <h5 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h5>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'h6'\">\r\n <h6 class=\"{{control.style}} {{control.customClass}}\">{{control.label | aswTranslate}}</h6>\r\n </ng-container>\r\n </ng-container>\r\n <div class=\"asw-row\" *ngIf=\"isPreviewTemplate\">\r\n <div class=\"asw-col-md-12\" align=\"right\">\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Duplicate' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"duplicateHeaderControl(control)\">\r\n <div [innerHTML]=\"icons.contentCopy | aswSafeHtml\"></div>\r\n </button>\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Edit' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"editHeaderDialog(control)\">\r\n <div [innerHTML]=\"icons.edit | aswSafeHtml\"></div>\r\n </button>\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Delete' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"deleteHeaderDialog(control)\">\r\n <div [innerHTML]=\"icons.delete2 | aswSafeHtml\"></div>\r\n </button>\r\n </div>\r\n </div>\r\n</ng-container>" }]
}], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { control: [{
type: Input
}], CSSFramework: [{
type: Input
}], isPreviewTemplate: [{
type: Input
}], propertyPersonalization: [{
type: Input
}], headerUpdateEvent: [{
type: Output
}], headerDeleteEvent: [{
type: Output
}], duplicateControl: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZm9ybS1jb250cm9sL2hlYWRlci9oZWFkZXIudHMiLCIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9mb3JtLWNvbnRyb2wvaGVhZGVyL2hlYWRlci5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUVoRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7O0FBTWxELE1BQU0sT0FBTyxTQUFTO0lBZUM7SUFkbkIsU0FBUyxHQUFRLFNBQVMsQ0FBQztJQUMzQixLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ2Q7O09BRUc7SUFDTSxPQUFPLEdBQXlCLElBQUksQ0FBQztJQUNyQyxZQUFZLEdBQXFCLGdCQUFnQixDQUFDLFFBQVEsQ0FBQztJQUMzRCxpQkFBaUIsR0FBRyxLQUFLLENBQUM7SUFDMUIsdUJBQXVCLEdBQWEsRUFBRSxDQUFDO0lBRXRDLGlCQUFpQixHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO0lBQ3RELGlCQUFpQixHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO0lBQ3RELGdCQUFnQixHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO0lBRS9ELFlBQW1CLE1BQWlCO1FBQWpCLFdBQU0sR0FBTixNQUFNLENBQVc7SUFBRyxDQUFDO0lBRXhDOzs7T0FHRztJQUNILGtCQUFrQixDQUFDLE9BQXNCO1FBQ3JDLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ2pELEtBQUssRUFBRSxPQUFPO1lBQ2QsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sQ0FBQyxXQUFXLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRTtTQUN0RixDQUFDLENBQUM7UUFDSCxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDekMsSUFBSSxNQUFNLEtBQUssU0FBUyxFQUFFLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDekMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELGdCQUFnQixDQUFDLE9BQXNCO1FBQ25DLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUNoRCxLQUFLLEVBQUUsS0FBSztZQUNaLFlBQVksRUFBRSxJQUFJO1lBQ2xCLElBQUksRUFBRSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxJQUFJLENBQUMsdUJBQXVCLEVBQUU7U0FDNUcsQ0FBQyxDQUFDO1FBQ0gsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ3pDLElBQUksTUFBTSxLQUFLLFNBQVMsRUFBRSxDQUFDO2dCQUN2QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3hDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxPQUFzQjtRQUN6QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7dUdBaERRLFNBQVM7MkZBQVQsU0FBUywrVUNwQnRCLDgrRUE4Q2U7OzJGRDFCRixTQUFTO2tCQUpyQixTQUFTOytCQUNJLFlBQVk7OEVBU2IsT0FBTztzQkFBZixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBBU1cgKEEgU29mdHdhcmUgV29ybGQpIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGVcbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IENTU0ZyYW1ld29ya0VudW0gfSBmcm9tICdAYXNvZnR3YXJld29ybGQvZm9ybS1idWlsZGVyLXByby9hcGknO1xuaW1wb3J0IHsgQ29uc3RhbnRzLCBJY29ucyB9IGZyb20gJ0Bhc29mdHdhcmV3b3JsZC9mb3JtLWJ1aWxkZXItcHJvL2NvbW1vbic7XG5pbXBvcnQgeyBBc3dDb25maXJtRGlhbG9nIH0gZnJvbSAnQGFzb2Z0d2FyZXdvcmxkL2Zvcm0tYnVpbGRlci1wcm8vZm9ybS1jb250cm9sL2NvbmZpcm0tZGlhbG9nJztcbmltcG9ydCB7IEhlYWRlckNvbnRyb2wgfSBmcm9tICcuL2hlYWRlci1jb250cm9sJztcbmltcG9ydCB7IEFzd0hlYWRlckRpYWxvZyB9IGZyb20gJy4vaGVhZGVyLWRpYWxvZyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXN3LWhlYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBBc3dIZWFkZXIge1xuICAgIGNvbnN0YW50czogYW55ID0gQ29uc3RhbnRzO1xuICAgIGljb25zID0gSWNvbnM7XG4gICAgLyoqXG4gICAgICogSGVhZGVyIGNvbnRyb2xcbiAgICAgKi9cbiAgICBASW5wdXQoKSBjb250cm9sOiBIZWFkZXJDb250cm9sIHwgbnVsbCA9IG51bGw7XG4gICAgQElucHV0KCkgQ1NTRnJhbWV3b3JrOiBDU1NGcmFtZXdvcmtFbnVtID0gQ1NTRnJhbWV3b3JrRW51bS5NYXRlcmlhbDtcbiAgICBASW5wdXQoKSBpc1ByZXZpZXdUZW1wbGF0ZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHByb3BlcnR5UGVyc29uYWxpemF0aW9uOiBzdHJpbmdbXSA9IFtdO1xuXG4gICAgQE91dHB1dCgpIGhlYWRlclVwZGF0ZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxIZWFkZXJDb250cm9sPigpO1xuICAgIEBPdXRwdXQoKSBoZWFkZXJEZWxldGVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8SGVhZGVyQ29udHJvbD4oKTtcbiAgICBAT3V0cHV0KCkgZHVwbGljYXRlQ29udHJvbCA9IG5ldyBFdmVudEVtaXR0ZXI8SGVhZGVyQ29udHJvbD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IE1hdERpYWxvZykge31cblxuICAgIC8qKlxuICAgICAqIERlbGV0ZSBoZWFkZXIgY29udHJvbCBiYXNlZCBvbiBjb250cm9sIGluZGV4XG4gICAgICogQHBhcmFtIGNvbnRyb2wgaGVhZGVyIGNvbnRyb2wgaXRlbXNcbiAgICAgKi9cbiAgICBkZWxldGVIZWFkZXJEaWFsb2coY29udHJvbDogSGVhZGVyQ29udHJvbCk6IHZvaWQge1xuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKEFzd0NvbmZpcm1EaWFsb2csIHtcbiAgICAgICAgICAgIHdpZHRoOiAnMzUwcHgnLFxuICAgICAgICAgICAgZGF0YTogeyBuYW1lOiBjb250cm9sLmNvbnRyb2xUeXBlLCBtZXNzYWdlOiB0aGlzLmNvbnN0YW50cy5tZXNzYWdlcy53YXJpbmdNZXNzYWdlIH1cbiAgICAgICAgfSk7XG4gICAgICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgocmVzdWx0KSA9PiB7XG4gICAgICAgICAgICBpZiAocmVzdWx0ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmhlYWRlckRlbGV0ZUV2ZW50LmVtaXQoY29udHJvbCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGVkaXRIZWFkZXJEaWFsb2coY29udHJvbDogSGVhZGVyQ29udHJvbCk6IHZvaWQge1xuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKEFzd0hlYWRlckRpYWxvZywge1xuICAgICAgICAgICAgd2lkdGg6ICc1MCUnLFxuICAgICAgICAgICAgZGlzYWJsZUNsb3NlOiB0cnVlLFxuICAgICAgICAgICAgZGF0YTogeyBjb250cm9sLCBDU1NGcmFtZXdvcms6IHRoaXMuQ1NTRnJhbWV3b3JrLCBwcm9wZXJ0eVBlcnNvbmFsaXphdGlvbjogdGhpcy5wcm9wZXJ0eVBlcnNvbmFsaXphdGlvbiB9XG4gICAgICAgIH0pO1xuICAgICAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xuICAgICAgICAgICAgaWYgKHJlc3VsdCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5oZWFkZXJVcGRhdGVFdmVudC5lbWl0KHJlc3VsdCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGR1cGxpY2F0ZUhlYWRlckNvbnRyb2woY29udHJvbDogSGVhZGVyQ29udHJvbCk6IHZvaWQge1xuICAgICAgICB0aGlzLmR1cGxpY2F0ZUNvbnRyb2wuZW1pdChjb250cm9sKTtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiY29udHJvbCBhcyBjb250cm9sXCI+XHJcbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJjb250cm9sLnN1YnR5cGVcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInaDEnXCI+XHJcbiAgICAgICAgICAgIDxoMSBjbGFzcz1cInt7Y29udHJvbC5zdHlsZX19IHt7Y29udHJvbC5jdXN0b21DbGFzc319XCI+e3tjb250cm9sLmxhYmVsIHwgYXN3VHJhbnNsYXRlfX08L2gxPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidoMidcIj5cclxuICAgICAgICAgICAgPGgyIGNsYXNzPVwie3tjb250cm9sLnN0eWxlfX0ge3tjb250cm9sLmN1c3RvbUNsYXNzfX1cIj57e2NvbnRyb2wubGFiZWwgfCBhc3dUcmFuc2xhdGV9fTwvaDI+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2gzJ1wiPlxyXG4gICAgICAgICAgICA8aDMgY2xhc3M9XCJ7e2NvbnRyb2wuc3R5bGV9fSB7e2NvbnRyb2wuY3VzdG9tQ2xhc3N9fVwiPnt7Y29udHJvbC5sYWJlbCB8IGFzd1RyYW5zbGF0ZX19PC9oMz5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInaDQnXCI+XHJcbiAgICAgICAgICAgIDxoNCBjbGFzcz1cInt7Y29udHJvbC5zdHlsZX19IHt7Y29udHJvbC5jdXN0b21DbGFzc319XCI+e3tjb250cm9sLmxhYmVsIHwgYXN3VHJhbnNsYXRlfX08L2g0PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidoNSdcIj5cclxuICAgICAgICAgICAgPGg1IGNsYXNzPVwie3tjb250cm9sLnN0eWxlfX0ge3tjb250cm9sLmN1c3RvbUNsYXNzfX1cIj57e2NvbnRyb2wubGFiZWwgfCBhc3dUcmFuc2xhdGV9fTwvaDU+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2g2J1wiPlxyXG4gICAgICAgICAgICA8aDYgY2xhc3M9XCJ7e2NvbnRyb2wuc3R5bGV9fSB7e2NvbnRyb2wuY3VzdG9tQ2xhc3N9fVwiPnt7Y29udHJvbC5sYWJlbCB8IGFzd1RyYW5zbGF0ZX19PC9oNj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPGRpdiBjbGFzcz1cImFzdy1yb3dcIiAqbmdJZj1cImlzUHJldmlld1RlbXBsYXRlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFzdy1jb2wtbWQtMTJcIiBhbGlnbj1cInJpZ2h0XCI+XHJcbiAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFxyXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIiBcclxuICAgICAgICAgICAgICAgICAgICBtYXRUb29sdGlwPVwie3snRm9ybUNvbnRyb2wuRHVwbGljYXRlJyB8IGFzd1RyYW5zbGF0ZX19XCIgXHJcbiAgICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBQb3NpdGlvbl09XCInYmVsb3cnXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImR1cGxpY2F0ZUhlYWRlckNvbnRyb2woY29udHJvbClcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgW2lubmVySFRNTF09XCJpY29ucy5jb250ZW50Q29weSB8IGFzd1NhZmVIdG1sXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBcclxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgbWF0VG9vbHRpcD1cInt7J0Zvcm1Db250cm9sLkVkaXQnIHwgYXN3VHJhbnNsYXRlfX1cIiBcclxuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcFBvc2l0aW9uXT1cIidiZWxvdydcIiBcclxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiZWRpdEhlYWRlckRpYWxvZyhjb250cm9sKVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cImljb25zLmVkaXQgfCBhc3dTYWZlSHRtbFwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gXHJcbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiIFxyXG4gICAgICAgICAgICAgICAgICAgIG1hdFRvb2x0aXA9XCJ7eydGb3JtQ29udHJvbC5EZWxldGUnIHwgYXN3VHJhbnNsYXRlfX1cIiBcclxuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcFBvc2l0aW9uXT1cIidiZWxvdydcIiBcclxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiZGVsZXRlSGVhZGVyRGlhbG9nKGNvbnRyb2wpXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiaWNvbnMuZGVsZXRlMiB8IGFzd1NhZmVIdG1sXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPiJdfQ==