@asoftwareworld/form-builder-pro/esm2022/form-control/slide-toggle/slide-toggle-dialog.mjs

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

/**
 * @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, Inject } from '@angular/core';
import { Validators } from '@angular/forms';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { Constants, Icons } from '@asoftwareworld/form-builder-pro/common';
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
import * as i2 from "@angular/material/dialog";
import * as i3 from "@angular/common";
import * as i4 from "@angular/material/core";
import * as i5 from "@angular/material/button";
import * as i6 from "@angular/material/input";
import * as i7 from "@angular/material/form-field";
import * as i8 from "@angular/material/select";
import * as i9 from "@angular/material/slide-toggle";
import * as i10 from "@angular/material/tooltip";
import * as i11 from "@asoftwareworld/form-builder-pro/core";
import * as i12 from "@asoftwareworld/form-builder-pro/common";
export class AswSlideToggleDialog {
    formBuilder;
    dialogRef;
    data;
    constants = Constants;
    aswEditSlideToggleForm;
    status;
    icons = Icons;
    control;
    constructor(formBuilder, dialogRef, data) {
        this.formBuilder = formBuilder;
        this.dialogRef = dialogRef;
        this.data = data;
    }
    ngOnInit() {
        this.control = this.data.control;
        this.validateFormBuilder();
        this.editProperty(this.control);
    }
    validateFormBuilder() {
        this.aswEditSlideToggleForm = this.formBuilder.group({
            customClass: [],
            label: ['', [Validators.required, Validators.minLength(2)]],
            color: [],
            value: [false],
            isRequired: [false],
            isDisabled: [false]
        });
    }
    editProperty(control) {
        this.aswEditSlideToggleForm.setValue({
            customClass: control.customClass ?? '',
            label: control.label,
            color: control.color,
            value: control.value ? true : false,
            isRequired: control.isRequired,
            isDisabled: control.isDisabled
        });
    }
    onNoClick() {
        this.dialogRef.close();
    }
    onSubmit() {
        if (this.aswEditSlideToggleForm.invalid) {
            return;
        }
        this.aswEditSlideToggleForm.value.controlType = this.control.controlType;
        this.aswEditSlideToggleForm.value.id = this.control.id;
        this.aswEditSlideToggleForm.value.guid = this.control.guid;
        this.dialogRef.close(this.aswEditSlideToggleForm.value);
    }
    onStatusChange(event) {
        this.status = event.checked ? true : false;
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswSlideToggleDialog, deps: [{ token: i1.FormBuilder }, { token: i2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: AswSlideToggleDialog, selector: "asw-slide-toggle-dialog", ngImport: i0, template: "<div class=\"asw-dialog-header\">\r\n    <div class=\"asw-edit-row-dialog\">\r\n        <div class=\"asw-dialog-header clearfix\">\r\n            <div class=\"asw-dialog-about\">\r\n                <h1 mat-dialog-title class=\"asw-m-0\">{{'FormControl.Edit' | aswTranslate}} {{control.label | aswTranslate}}</h1>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button mat-icon-button (click)=\"onNoClick()\" aria-label=\"Close dialog\" class=\"asw-mt-2 asw-me-2\">\r\n        <div [innerHTML]=\"icons.close | aswSafeHtml\"></div>\r\n    </button>\r\n</div>\r\n<form [formGroup]=\"aswEditSlideToggleForm\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-dialog-content class=\"mat-typography\">\r\n        <ng-container *ngIf=\"data.CSSFramework === 'material'; else bootstrap\">\r\n            <div class=\"asw-row\">\r\n                <div class=\"{{!data.propertyPersonalization.includes('customCSSClass') ? 'asw-col-md-6' : 'asw-col-md-12'}}\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Label' | aswTranslate}}</mat-label>\r\n                        <input matInput type=\"text\"\r\n                                        placeholder=\"{{'FormControl.Label' | aswTranslate}}\"\r\n                                        matTooltip=\"{{'FormControl.Label' | aswTranslate}}\"\r\n                                        formControlName=\"label\" required>\r\n                        <mat-error *ngFor=\"let validation of constants.accountValidationMessages.label\">\r\n                            <ng-container *ngIf=\"aswEditSlideToggleForm.get('label')?.hasError(validation.type) && (aswEditSlideToggleForm.get('label')?.dirty || aswEditSlideToggleForm.get('label')?.touched)\">\r\n                                {{validation.message |aswTranslate}}\r\n                            </ng-container>\r\n                        </mat-error>\r\n                    </mat-form-field>\r\n                </div>\r\n                <ng-container *ngIf=\"!data.propertyPersonalization.includes('customCSSClass')\">\r\n                    <div class=\"asw-col-md-6\">\r\n                        <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                            <mat-label>{{'FormControl.CustomCSSClass' | aswTranslate}}</mat-label>\r\n                            <input matInput type=\"text\"\r\n                                            name=\"customClass\"\r\n                                            placeholder=\"{{'FormControl.CustomCSSClass' | aswTranslate}}\"\r\n                                            matTooltip=\"{{'FormControl.CustomCSSClass' | aswTranslate}}\"\r\n                                            formControlName=\"customClass\">\r\n                        </mat-form-field>\r\n                    </div>\r\n                </ng-container>                \r\n                <div class=\"asw-col-md-6\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Value' | aswTranslate}}</mat-label>\r\n                        <mat-select formControlName=\"value\" matTooltip=\"{{'FormControl.SelectValue' | aswTranslate}}\">\r\n                            <mat-option value=\"true\">True</mat-option>\r\n                            <mat-option value=\"false\">False</mat-option>\r\n                        </mat-select>                        \r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Color' | aswTranslate}}</mat-label>\r\n                        <mat-select formControlName=\"color\" matTooltip=\"{{'FormControl.SelectColor' | aswTranslate}}\">\r\n                            <mat-option value=\"primary\">Primary</mat-option>\r\n                            <mat-option value=\"accent\">Accent</mat-option>\r\n                            <mat-option value=\"warn\">Warn</mat-option>\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"asw-col-md-4\">\r\n                    <mat-slide-toggle color=\"primary\"\r\n                            #isActive\r\n                            formControlName=\"isRequired\"\r\n                            (change)=\"onStatusChange($event)\">\r\n                            {{(status ? 'FormControl.Required' : 'FormControl.NotRequired') | aswTranslate}}\r\n                    </mat-slide-toggle>\r\n                </div>\r\n                <div class=\"asw-col-md-4\">\r\n                    <mat-slide-toggle color=\"primary\"\r\n                            #isDisable\r\n                            formControlName=\"isDisabled\">\r\n                            {{'FormControl.Readonly' | aswTranslate}}\r\n                    </mat-slide-toggle>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n        <ng-template #bootstrap>\r\n            <div class=\"asw-row\">\r\n                <div class=\"{{!data.propertyPersonalization.includes('customCSSClass') ? 'asw-col-md-6' : 'asw-col-md-12'}}\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <label class=\"asw-input-label asw-invalid-label {{(aswEditSlideToggleForm.get('label')?.invalid && (aswEditSlideToggleForm.get('label')?.dirty || aswEditSlideToggleForm.get('label')?.touched)) ? 'asw-red-color' : ''}}\">{{'FormControl.Label' | aswTranslate}}</label>\r\n                        <input type=\"text\"\r\n                            matTooltip=\"{{'FormControl.Label' | aswTranslate}}\"\r\n                            class=\"asw-input-control\"\r\n                            [class.asw-is-invalid]=\"(aswEditSlideToggleForm.get('label')?.invalid && (aswEditSlideToggleForm.get('label')?.dirty || aswEditSlideToggleForm.get('label')?.touched))\"\r\n                            formControlName=\"label\" required>\r\n                        <div *ngFor=\"let validation of constants.accountValidationMessages.label\" class=\"invalid-feedback\">\r\n                            <ng-container *ngIf=\"aswEditSlideToggleForm.get('label')?.hasError(validation.type) && (aswEditSlideToggleForm.get('label')?.dirty || aswEditSlideToggleForm.get('label')?.touched)\">\r\n                                {{validation.message |aswTranslate}}\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <ng-container *ngIf=\"!data.propertyPersonalization.includes('customCSSClass')\">\r\n                    <div class=\"asw-col-md-6\">\r\n                        <div class=\"asw-mb-3\">\r\n                            <label class=\"asw-input-label\">{{'FormControl.CustomCSSClass' | aswTranslate}}</label>\r\n                            <input type=\"text\"\r\n                                name=\"customClass\"\r\n                                class=\"asw-input-control\"\r\n                                matTooltip=\"{{'FormControl.CustomCSSClass' | aswTranslate}}\"\r\n                                formControlName=\"customClass\">\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"asw-col-md-12\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <label class=\"asw-input-label\">{{'FormControl.Value' | aswTranslate}}</label>\r\n                        <select formControlName=\"value\" \r\n                            class=\"asw-select\" \r\n                            matTooltip=\"{{'FormControl.SelectValue' | aswTranslate}}\">\r\n                            <option value=\"true\">True</option>\r\n                            <option value=\"false\">False</option>\r\n                        </select>                        \r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-4\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <div class=\"asw-form-check asw-form-switch\">\r\n                            <input class=\"asw-form-check-input\" \r\n                                type=\"checkbox\" \r\n                                #isActive\r\n                                id=\"isActive\" \r\n                                formControlName=\"isRequired\"\r\n                                (change)=\"onStatusChange($event)\">\r\n                            <label class=\"asw-form-check-label\" for=\"isActive\">\r\n                                {{(status ? 'FormControl.Required' : 'FormControl.NotRequired') | aswTranslate}}\r\n                            </label>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-4\">\r\n                    <div class=\"asw-col-md-2\">\r\n                        <div class=\"asw-mb-3\">\r\n                            <div class=\"asw-form-check asw-form-switch\">\r\n                                <input class=\"asw-form-check-input\" \r\n                                    type=\"checkbox\"\r\n                                    id=\"isDisable\" \r\n                                    #isDisable\r\n                                    formControlName=\"isDisabled\"\r\n                                    (change)=\"onStatusChange($event)\">\r\n                                <label class=\"asw-form-check-label\" for=\"isDisable\">\r\n                                    {{'FormControl.Readonly' | aswTranslate}}\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </ng-template>        \r\n    </mat-dialog-content>\r\n    <mat-dialog-actions align=\"end\">\r\n        <button type=\"button\"\r\n                class=\"asw-button asw-button-danger asw-me-2 asw-mb-1\"\r\n                (click)=\"onNoClick()\">\r\n            {{'FormControl.No' | aswTranslate}}\r\n        </button>\r\n        <button type=\"submit\"\r\n                class=\"asw-button asw-button-primary asw-mb-1\"\r\n                cdkFocusInitial>\r\n            {{'FormControl.Yes' | aswTranslate}}\r\n        </button>\r\n    </mat-dialog-actions>\r\n</form>\r\n\r\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i11.AswTranslatePipe, name: "aswTranslate" }, { kind: "pipe", type: i12.AswSafeHtmlPipe, name: "aswSafeHtml" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswSlideToggleDialog, decorators: [{
            type: Component,
            args: [{ selector: 'asw-slide-toggle-dialog', template: "<div class=\"asw-dialog-header\">\r\n    <div class=\"asw-edit-row-dialog\">\r\n        <div class=\"asw-dialog-header clearfix\">\r\n            <div class=\"asw-dialog-about\">\r\n                <h1 mat-dialog-title class=\"asw-m-0\">{{'FormControl.Edit' | aswTranslate}} {{control.label | aswTranslate}}</h1>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button mat-icon-button (click)=\"onNoClick()\" aria-label=\"Close dialog\" class=\"asw-mt-2 asw-me-2\">\r\n        <div [innerHTML]=\"icons.close | aswSafeHtml\"></div>\r\n    </button>\r\n</div>\r\n<form [formGroup]=\"aswEditSlideToggleForm\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-dialog-content class=\"mat-typography\">\r\n        <ng-container *ngIf=\"data.CSSFramework === 'material'; else bootstrap\">\r\n            <div class=\"asw-row\">\r\n                <div class=\"{{!data.propertyPersonalization.includes('customCSSClass') ? 'asw-col-md-6' : 'asw-col-md-12'}}\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Label' | aswTranslate}}</mat-label>\r\n                        <input matInput type=\"text\"\r\n                                        placeholder=\"{{'FormControl.Label' | aswTranslate}}\"\r\n                                        matTooltip=\"{{'FormControl.Label' | aswTranslate}}\"\r\n                                        formControlName=\"label\" required>\r\n                        <mat-error *ngFor=\"let validation of constants.accountValidationMessages.label\">\r\n                            <ng-container *ngIf=\"aswEditSlideToggleForm.get('label')?.hasError(validation.type) && (aswEditSlideToggleForm.get('label')?.dirty || aswEditSlideToggleForm.get('label')?.touched)\">\r\n                                {{validation.message |aswTranslate}}\r\n                            </ng-container>\r\n                        </mat-error>\r\n                    </mat-form-field>\r\n                </div>\r\n                <ng-container *ngIf=\"!data.propertyPersonalization.includes('customCSSClass')\">\r\n                    <div class=\"asw-col-md-6\">\r\n                        <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                            <mat-label>{{'FormControl.CustomCSSClass' | aswTranslate}}</mat-label>\r\n                            <input matInput type=\"text\"\r\n                                            name=\"customClass\"\r\n                                            placeholder=\"{{'FormControl.CustomCSSClass' | aswTranslate}}\"\r\n                                            matTooltip=\"{{'FormControl.CustomCSSClass' | aswTranslate}}\"\r\n                                            formControlName=\"customClass\">\r\n                        </mat-form-field>\r\n                    </div>\r\n                </ng-container>                \r\n                <div class=\"asw-col-md-6\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Value' | aswTranslate}}</mat-label>\r\n                        <mat-select formControlName=\"value\" matTooltip=\"{{'FormControl.SelectValue' | aswTranslate}}\">\r\n                            <mat-option value=\"true\">True</mat-option>\r\n                            <mat-option value=\"false\">False</mat-option>\r\n                        </mat-select>                        \r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"asw-col-md-6\">\r\n                    <mat-form-field appearance=\"outline\" class=\"asw-width-100\">\r\n                        <mat-label>{{'FormControl.Color' | aswTranslate}}</mat-label>\r\n                        <mat-select formControlName=\"color\" matTooltip=\"{{'FormControl.SelectColor' | aswTranslate}}\">\r\n                            <mat-option value=\"primary\">Primary</mat-option>\r\n                            <mat-option value=\"accent\">Accent</mat-option>\r\n                            <mat-option value=\"warn\">Warn</mat-option>\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"asw-col-md-4\">\r\n                    <mat-slide-toggle color=\"primary\"\r\n                            #isActive\r\n                            formControlName=\"isRequired\"\r\n                            (change)=\"onStatusChange($event)\">\r\n                            {{(status ? 'FormControl.Required' : 'FormControl.NotRequired') | aswTranslate}}\r\n                    </mat-slide-toggle>\r\n                </div>\r\n                <div class=\"asw-col-md-4\">\r\n                    <mat-slide-toggle color=\"primary\"\r\n                            #isDisable\r\n                            formControlName=\"isDisabled\">\r\n                            {{'FormControl.Readonly' | aswTranslate}}\r\n                    </mat-slide-toggle>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n        <ng-template #bootstrap>\r\n            <div class=\"asw-row\">\r\n                <div class=\"{{!data.propertyPersonalization.includes('customCSSClass') ? 'asw-col-md-6' : 'asw-col-md-12'}}\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <label class=\"asw-input-label asw-invalid-label {{(aswEditSlideToggleForm.get('label')?.invalid && (aswEditSlideToggleForm.get('label')?.dirty || aswEditSlideToggleForm.get('label')?.touched)) ? 'asw-red-color' : ''}}\">{{'FormControl.Label' | aswTranslate}}</label>\r\n                        <input type=\"text\"\r\n                            matTooltip=\"{{'FormControl.Label' | aswTranslate}}\"\r\n                            class=\"asw-input-control\"\r\n                            [class.asw-is-invalid]=\"(aswEditSlideToggleForm.get('label')?.invalid && (aswEditSlideToggleForm.get('label')?.dirty || aswEditSlideToggleForm.get('label')?.touched))\"\r\n                            formControlName=\"label\" required>\r\n                        <div *ngFor=\"let validation of constants.accountValidationMessages.label\" class=\"invalid-feedback\">\r\n                            <ng-container *ngIf=\"aswEditSlideToggleForm.get('label')?.hasError(validation.type) && (aswEditSlideToggleForm.get('label')?.dirty || aswEditSlideToggleForm.get('label')?.touched)\">\r\n                                {{validation.message |aswTranslate}}\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <ng-container *ngIf=\"!data.propertyPersonalization.includes('customCSSClass')\">\r\n                    <div class=\"asw-col-md-6\">\r\n                        <div class=\"asw-mb-3\">\r\n                            <label class=\"asw-input-label\">{{'FormControl.CustomCSSClass' | aswTranslate}}</label>\r\n                            <input type=\"text\"\r\n                                name=\"customClass\"\r\n                                class=\"asw-input-control\"\r\n                                matTooltip=\"{{'FormControl.CustomCSSClass' | aswTranslate}}\"\r\n                                formControlName=\"customClass\">\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"asw-col-md-12\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <label class=\"asw-input-label\">{{'FormControl.Value' | aswTranslate}}</label>\r\n                        <select formControlName=\"value\" \r\n                            class=\"asw-select\" \r\n                            matTooltip=\"{{'FormControl.SelectValue' | aswTranslate}}\">\r\n                            <option value=\"true\">True</option>\r\n                            <option value=\"false\">False</option>\r\n                        </select>                        \r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-4\">\r\n                    <div class=\"asw-mb-3\">\r\n                        <div class=\"asw-form-check asw-form-switch\">\r\n                            <input class=\"asw-form-check-input\" \r\n                                type=\"checkbox\" \r\n                                #isActive\r\n                                id=\"isActive\" \r\n                                formControlName=\"isRequired\"\r\n                                (change)=\"onStatusChange($event)\">\r\n                            <label class=\"asw-form-check-label\" for=\"isActive\">\r\n                                {{(status ? 'FormControl.Required' : 'FormControl.NotRequired') | aswTranslate}}\r\n                            </label>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"asw-col-md-4\">\r\n                    <div class=\"asw-col-md-2\">\r\n                        <div class=\"asw-mb-3\">\r\n                            <div class=\"asw-form-check asw-form-switch\">\r\n                                <input class=\"asw-form-check-input\" \r\n                                    type=\"checkbox\"\r\n                                    id=\"isDisable\" \r\n                                    #isDisable\r\n                                    formControlName=\"isDisabled\"\r\n                                    (change)=\"onStatusChange($event)\">\r\n                                <label class=\"asw-form-check-label\" for=\"isDisable\">\r\n                                    {{'FormControl.Readonly' | aswTranslate}}\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </ng-template>        \r\n    </mat-dialog-content>\r\n    <mat-dialog-actions align=\"end\">\r\n        <button type=\"button\"\r\n                class=\"asw-button asw-button-danger asw-me-2 asw-mb-1\"\r\n                (click)=\"onNoClick()\">\r\n            {{'FormControl.No' | aswTranslate}}\r\n        </button>\r\n        <button type=\"submit\"\r\n                class=\"asw-button asw-button-primary asw-mb-1\"\r\n                cdkFocusInitial>\r\n            {{'FormControl.Yes' | aswTranslate}}\r\n        </button>\r\n    </mat-dialog-actions>\r\n</form>\r\n\r\n" }]
        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.MatDialogRef }, { type: undefined, decorators: [{
                    type: Inject,
                    args: [MAT_DIALOG_DATA]
                }] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdG9nZ2xlLWRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0tY29udHJvbC9zbGlkZS10b2dnbGUvc2xpZGUtdG9nZ2xlLWRpYWxvZy50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0tY29udHJvbC9zbGlkZS10b2dnbGUvc2xpZGUtdG9nZ2xlLWRpYWxvZy5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBMEIsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDcEUsT0FBTyxFQUFnQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7Ozs7Ozs7Ozs7OztBQU8zRSxNQUFNLE9BQU8sb0JBQW9CO0lBT2pCO0lBQ0Q7SUFDeUI7SUFScEMsU0FBUyxHQUFRLFNBQVMsQ0FBQztJQUMzQixzQkFBc0IsQ0FBYTtJQUNuQyxNQUFNLENBQVc7SUFDakIsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNkLE9BQU8sQ0FBc0I7SUFDN0IsWUFDWSxXQUF3QixFQUN6QixTQUE2QyxFQUNwQixJQUFTO1FBRmpDLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQ3pCLGNBQVMsR0FBVCxTQUFTLENBQW9DO1FBQ3BCLFNBQUksR0FBSixJQUFJLENBQUs7SUFDMUMsQ0FBQztJQUVKLFFBQVE7UUFDSixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxtQkFBbUI7UUFDZixJQUFJLENBQUMsc0JBQXNCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDakQsV0FBVyxFQUFFLEVBQUU7WUFDZixLQUFLLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMzRCxLQUFLLEVBQUUsRUFBRTtZQUNULEtBQUssRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNkLFVBQVUsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNuQixVQUFVLEVBQUUsQ0FBQyxLQUFLLENBQUM7U0FDdEIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUEyQjtRQUNwQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsUUFBUSxDQUFDO1lBQ2pDLFdBQVcsRUFBRSxPQUFPLENBQUMsV0FBVyxJQUFJLEVBQUU7WUFDdEMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLO1lBQ3BCLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSztZQUNwQixLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLO1lBQ25DLFVBQVUsRUFBRSxPQUFPLENBQUMsVUFBVTtZQUM5QixVQUFVLEVBQUUsT0FBTyxDQUFDLFVBQVU7U0FDakMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsc0JBQXNCLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDdEMsT0FBTztRQUNYLENBQUM7UUFDRCxJQUFJLENBQUMsc0JBQXNCLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQztRQUN6RSxJQUFJLENBQUMsc0JBQXNCLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztRQUN2RCxJQUFJLENBQUMsc0JBQXNCLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztRQUMzRCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFVO1FBQ3JCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDL0MsQ0FBQzt1R0F4RFEsb0JBQW9CLHlFQVNqQixlQUFlOzJGQVRsQixvQkFBb0IsK0RDbEJqQyx1eVVBdUtBOzsyRkRySmEsb0JBQW9CO2tCQUpoQyxTQUFTOytCQUNJLHlCQUF5Qjs7MEJBWTlCLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBBU1cgKEEgU29mdHdhcmUgV29ybGQpIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGVcbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgQ29uc3RhbnRzLCBJY29ucyB9IGZyb20gJ0Bhc29mdHdhcmV3b3JsZC9mb3JtLWJ1aWxkZXItcHJvL2NvbW1vbic7XG5pbXBvcnQgeyBTbGlkZVRvZ2dsZUNvbnRyb2wgfSBmcm9tICcuL3NsaWRlLXRvZ2dsZS1jb250cm9sJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhc3ctc2xpZGUtdG9nZ2xlLWRpYWxvZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlLXRvZ2dsZS1kaWFsb2cuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQXN3U2xpZGVUb2dnbGVEaWFsb2cgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIGNvbnN0YW50czogYW55ID0gQ29uc3RhbnRzO1xuICAgIGFzd0VkaXRTbGlkZVRvZ2dsZUZvcm0hOiBGb3JtR3JvdXA7XG4gICAgc3RhdHVzITogYm9vbGVhbjtcbiAgICBpY29ucyA9IEljb25zO1xuICAgIGNvbnRyb2whOiBTbGlkZVRvZ2dsZUNvbnRyb2w7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZm9ybUJ1aWxkZXI6IEZvcm1CdWlsZGVyLFxuICAgICAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8QXN3U2xpZGVUb2dnbGVEaWFsb2c+LFxuICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueVxuICAgICkge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbnRyb2wgPSB0aGlzLmRhdGEuY29udHJvbDtcbiAgICAgICAgdGhpcy52YWxpZGF0ZUZvcm1CdWlsZGVyKCk7XG4gICAgICAgIHRoaXMuZWRpdFByb3BlcnR5KHRoaXMuY29udHJvbCk7XG4gICAgfVxuXG4gICAgdmFsaWRhdGVGb3JtQnVpbGRlcigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5hc3dFZGl0U2xpZGVUb2dnbGVGb3JtID0gdGhpcy5mb3JtQnVpbGRlci5ncm91cCh7XG4gICAgICAgICAgICBjdXN0b21DbGFzczogW10sXG4gICAgICAgICAgICBsYWJlbDogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZCwgVmFsaWRhdG9ycy5taW5MZW5ndGgoMildXSxcbiAgICAgICAgICAgIGNvbG9yOiBbXSxcbiAgICAgICAgICAgIHZhbHVlOiBbZmFsc2VdLFxuICAgICAgICAgICAgaXNSZXF1aXJlZDogW2ZhbHNlXSxcbiAgICAgICAgICAgIGlzRGlzYWJsZWQ6IFtmYWxzZV1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZWRpdFByb3BlcnR5KGNvbnRyb2w6IFNsaWRlVG9nZ2xlQ29udHJvbCk6IHZvaWQge1xuICAgICAgICB0aGlzLmFzd0VkaXRTbGlkZVRvZ2dsZUZvcm0uc2V0VmFsdWUoe1xuICAgICAgICAgICAgY3VzdG9tQ2xhc3M6IGNvbnRyb2wuY3VzdG9tQ2xhc3MgPz8gJycsXG4gICAgICAgICAgICBsYWJlbDogY29udHJvbC5sYWJlbCxcbiAgICAgICAgICAgIGNvbG9yOiBjb250cm9sLmNvbG9yLFxuICAgICAgICAgICAgdmFsdWU6IGNvbnRyb2wudmFsdWUgPyB0cnVlIDogZmFsc2UsXG4gICAgICAgICAgICBpc1JlcXVpcmVkOiBjb250cm9sLmlzUmVxdWlyZWQsXG4gICAgICAgICAgICBpc0Rpc2FibGVkOiBjb250cm9sLmlzRGlzYWJsZWRcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25Ob0NsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgIH1cblxuICAgIG9uU3VibWl0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5hc3dFZGl0U2xpZGVUb2dnbGVGb3JtLmludmFsaWQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmFzd0VkaXRTbGlkZVRvZ2dsZUZvcm0udmFsdWUuY29udHJvbFR5cGUgPSB0aGlzLmNvbnRyb2wuY29udHJvbFR5cGU7XG4gICAgICAgIHRoaXMuYXN3RWRpdFNsaWRlVG9nZ2xlRm9ybS52YWx1ZS5pZCA9IHRoaXMuY29udHJvbC5pZDtcbiAgICAgICAgdGhpcy5hc3dFZGl0U2xpZGVUb2dnbGVGb3JtLnZhbHVlLmd1aWQgPSB0aGlzLmNvbnRyb2wuZ3VpZDtcbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5hc3dFZGl0U2xpZGVUb2dnbGVGb3JtLnZhbHVlKTtcbiAgICB9XG5cbiAgICBvblN0YXR1c0NoYW5nZShldmVudDogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RhdHVzID0gZXZlbnQuY2hlY2tlZCA/IHRydWUgOiBmYWxzZTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXN3LWRpYWxvZy1oZWFkZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJhc3ctZWRpdC1yb3ctZGlhbG9nXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFzdy1kaWFsb2ctaGVhZGVyIGNsZWFyZml4XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhc3ctZGlhbG9nLWFib3V0XCI+XHJcbiAgICAgICAgICAgICAgICA8aDEgbWF0LWRpYWxvZy10aXRsZSBjbGFzcz1cImFzdy1tLTBcIj57eydGb3JtQ29udHJvbC5FZGl0JyB8IGFzd1RyYW5zbGF0ZX19IHt7Y29udHJvbC5sYWJlbCB8IGFzd1RyYW5zbGF0ZX19PC9oMT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJvbk5vQ2xpY2soKVwiIGFyaWEtbGFiZWw9XCJDbG9zZSBkaWFsb2dcIiBjbGFzcz1cImFzdy1tdC0yIGFzdy1tZS0yXCI+XHJcbiAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cImljb25zLmNsb3NlIHwgYXN3U2FmZUh0bWxcIj48L2Rpdj5cclxuICAgIDwvYnV0dG9uPlxyXG48L2Rpdj5cclxuPGZvcm0gW2Zvcm1Hcm91cF09XCJhc3dFZGl0U2xpZGVUb2dnbGVGb3JtXCIgKG5nU3VibWl0KT1cIm9uU3VibWl0KClcIj5cclxuICAgIDxtYXQtZGlhbG9nLWNvbnRlbnQgY2xhc3M9XCJtYXQtdHlwb2dyYXBoeVwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhLkNTU0ZyYW1ld29yayA9PT0gJ21hdGVyaWFsJzsgZWxzZSBib290c3RyYXBcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFzdy1yb3dcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ7eyFkYXRhLnByb3BlcnR5UGVyc29uYWxpemF0aW9uLmluY2x1ZGVzKCdjdXN0b21DU1NDbGFzcycpID8gJ2Fzdy1jb2wtbWQtNicgOiAnYXN3LWNvbC1tZC0xMid9fVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiYXN3LXdpZHRoLTEwMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPnt7J0Zvcm1Db250cm9sLkxhYmVsJyB8IGFzd1RyYW5zbGF0ZX19PC9tYXQtbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cInt7J0Zvcm1Db250cm9sLkxhYmVsJyB8IGFzd1RyYW5zbGF0ZX19XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hdFRvb2x0aXA9XCJ7eydGb3JtQ29udHJvbC5MYWJlbCcgfCBhc3dUcmFuc2xhdGV9fVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJsYWJlbFwiIHJlcXVpcmVkPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWVycm9yICpuZ0Zvcj1cImxldCB2YWxpZGF0aW9uIG9mIGNvbnN0YW50cy5hY2NvdW50VmFsaWRhdGlvbk1lc3NhZ2VzLmxhYmVsXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYXN3RWRpdFNsaWRlVG9nZ2xlRm9ybS5nZXQoJ2xhYmVsJyk/Lmhhc0Vycm9yKHZhbGlkYXRpb24udHlwZSkgJiYgKGFzd0VkaXRTbGlkZVRvZ2dsZUZvcm0uZ2V0KCdsYWJlbCcpPy5kaXJ0eSB8fCBhc3dFZGl0U2xpZGVUb2dnbGVGb3JtLmdldCgnbGFiZWwnKT8udG91Y2hlZClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e3ZhbGlkYXRpb24ubWVzc2FnZSB8YXN3VHJhbnNsYXRlfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1lcnJvcj5cclxuICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWRhdGEucHJvcGVydHlQZXJzb25hbGl6YXRpb24uaW5jbHVkZXMoJ2N1c3RvbUNTU0NsYXNzJylcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXN3LWNvbC1tZC02XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiYXN3LXdpZHRoLTEwMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD57eydGb3JtQ29udHJvbC5DdXN0b21DU1NDbGFzcycgfCBhc3dUcmFuc2xhdGV9fTwvbWF0LWxhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYW1lPVwiY3VzdG9tQ2xhc3NcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwie3snRm9ybUNvbnRyb2wuQ3VzdG9tQ1NTQ2xhc3MnIHwgYXN3VHJhbnNsYXRlfX1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hdFRvb2x0aXA9XCJ7eydGb3JtQ29udHJvbC5DdXN0b21DU1NDbGFzcycgfCBhc3dUcmFuc2xhdGV9fVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiY3VzdG9tQ2xhc3NcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPiAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhc3ctY29sLW1kLTZcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBjbGFzcz1cImFzdy13aWR0aC0xMDBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD57eydGb3JtQ29udHJvbC5WYWx1ZScgfCBhc3dUcmFuc2xhdGV9fTwvbWF0LWxhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LXNlbGVjdCBmb3JtQ29udHJvbE5hbWU9XCJ2YWx1ZVwiIG1hdFRvb2x0aXA9XCJ7eydGb3JtQ29udHJvbC5TZWxlY3RWYWx1ZScgfCBhc3dUcmFuc2xhdGV9fVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJ0cnVlXCI+VHJ1ZTwvbWF0LW9wdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uIHZhbHVlPVwiZmFsc2VcIj5GYWxzZTwvbWF0LW9wdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtc2VsZWN0PiAgICAgICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhc3ctY29sLW1kLTZcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBjbGFzcz1cImFzdy13aWR0aC0xMDBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD57eydGb3JtQ29udHJvbC5Db2xvcicgfCBhc3dUcmFuc2xhdGV9fTwvbWF0LWxhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LXNlbGVjdCBmb3JtQ29udHJvbE5hbWU9XCJjb2xvclwiIG1hdFRvb2x0aXA9XCJ7eydGb3JtQ29udHJvbC5TZWxlY3RDb2xvcicgfCBhc3dUcmFuc2xhdGV9fVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJwcmltYXJ5XCI+UHJpbWFyeTwvbWF0LW9wdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uIHZhbHVlPVwiYWNjZW50XCI+QWNjZW50PC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJ3YXJuXCI+V2FybjwvbWF0LW9wdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhc3ctY29sLW1kLTRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bWF0LXNsaWRlLXRvZ2dsZSBjb2xvcj1cInByaW1hcnlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgI2lzQWN0aXZlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJpc1JlcXVpcmVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjaGFuZ2UpPVwib25TdGF0dXNDaGFuZ2UoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3soc3RhdHVzID8gJ0Zvcm1Db250cm9sLlJlcXVpcmVkJyA6ICdGb3JtQ29udHJvbC5Ob3RSZXF1aXJlZCcpIHwgYXN3VHJhbnNsYXRlfX1cclxuICAgICAgICAgICAgICAgICAgICA8L21hdC1zbGlkZS10b2dnbGU+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhc3ctY29sLW1kLTRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bWF0LXNsaWRlLXRvZ2dsZSBjb2xvcj1cInByaW1hcnlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgI2lzRGlzYWJsZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiaXNEaXNhYmxlZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3snRm9ybUNvbnRyb2wuUmVhZG9ubHknIHwgYXN3VHJhbnNsYXRlfX1cclxuICAgICAgICAgICAgICAgICAgICA8L21hdC1zbGlkZS10b2dnbGU+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICNib290c3RyYXA+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhc3ctcm93XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwie3shZGF0YS5wcm9wZXJ0eVBlcnNvbmFsaXphdGlvbi5pbmNsdWRlcygnY3VzdG9tQ1NTQ2xhc3MnKSA/ICdhc3ctY29sLW1kLTYnIDogJ2Fzdy1jb2wtbWQtMTInfX1cIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXN3LW1iLTNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiYXN3LWlucHV0LWxhYmVsIGFzdy1pbnZhbGlkLWxhYmVsIHt7KGFzd0VkaXRTbGlkZVRvZ2dsZUZvcm0uZ2V0KCdsYWJlbCcpPy5pbnZhbGlkICYmIChhc3dFZGl0U2xpZGVUb2dnbGVGb3JtLmdldCgnbGFiZWwnKT8uZGlydHkgfHwgYXN3RWRpdFNsaWRlVG9nZ2xlRm9ybS5nZXQoJ2xhYmVsJyk/LnRvdWNoZWQpKSA/ICdhc3ctcmVkLWNvbG9yJyA6ICcnfX1cIj57eydGb3JtQ29udHJvbC5MYWJlbCcgfCBhc3dUcmFuc2xhdGV9fTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXRUb29sdGlwPVwie3snRm9ybUNvbnRyb2wuTGFiZWwnIHwgYXN3VHJhbnNsYXRlfX1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJhc3ctaW5wdXQtY29udHJvbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuYXN3LWlzLWludmFsaWRdPVwiKGFzd0VkaXRTbGlkZVRvZ2dsZUZvcm0uZ2V0KCdsYWJlbCcpPy5pbnZhbGlkICYmIChhc3dFZGl0U2xpZGVUb2dnbGVGb3JtLmdldCgnbGFiZWwnKT8uZGlydHkgfHwgYXN3RWRpdFNsaWRlVG9nZ2xlRm9ybS5nZXQoJ2xhYmVsJyk/LnRvdWNoZWQpKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJsYWJlbFwiIHJlcXVpcmVkPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCB2YWxpZGF0aW9uIG9mIGNvbnN0YW50cy5hY2NvdW50VmFsaWRhdGlvbk1lc3NhZ2VzLmxhYmVsXCIgY2xhc3M9XCJpbnZhbGlkLWZlZWRiYWNrXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYXN3RWRpdFNsaWRlVG9nZ2xlRm9ybS5nZXQoJ2xhYmVsJyk/Lmhhc0Vycm9yKHZhbGlkYXRpb24udHlwZSkgJiYgKGFzd0VkaXRTbGlkZVRvZ2dsZUZvcm0uZ2V0KCdsYWJlbCcpPy5kaXJ0eSB8fCBhc3dFZGl0U2xpZGVUb2dnbGVGb3JtLmdldCgnbGFiZWwnKT8udG91Y2hlZClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e3ZhbGlkYXRpb24ubWVzc2FnZSB8YXN3VHJhbnNsYXRlfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFkYXRhLnByb3BlcnR5UGVyc29uYWxpemF0aW9uLmluY2x1ZGVzKCdjdXN0b21DU1NDbGFzcycpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFzdy1jb2wtbWQtNlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXN3LW1iLTNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImFzdy1pbnB1dC1sYWJlbFwiPnt7J0Zvcm1Db250cm9sLkN1c3RvbUNTU0NsYXNzJyB8IGFzd1RyYW5zbGF0ZX19PC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cImN1c3RvbUNsYXNzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImFzdy1pbnB1dC1jb250cm9sXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXRUb29sdGlwPVwie3snRm9ybUNvbnRyb2wuQ3VzdG9tQ1NTQ2xhc3MnIHwgYXN3VHJhbnNsYXRlfX1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImN1c3RvbUNsYXNzXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXN3LWNvbC1tZC0xMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhc3ctbWItM1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJhc3ctaW5wdXQtbGFiZWxcIj57eydGb3JtQ29udHJvbC5WYWx1ZScgfCBhc3dUcmFuc2xhdGV9fTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzZWxlY3QgZm9ybUNvbnRyb2xOYW1lPVwidmFsdWVcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYXN3LXNlbGVjdFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF0VG9vbHRpcD1cInt7J0Zvcm1Db250cm9sLlNlbGVjdFZhbHVlJyB8IGFzd1RyYW5zbGF0ZX19XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8b3B0aW9uIHZhbHVlPVwidHJ1ZVwiPlRydWU8L29wdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9XCJmYWxzZVwiPkZhbHNlPC9vcHRpb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VsZWN0PiAgICAgICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXN3LWNvbC1tZC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFzdy1tYi0zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhc3ctZm9ybS1jaGVjayBhc3ctZm9ybS1zd2l0Y2hcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBjbGFzcz1cImFzdy1mb3JtLWNoZWNrLWlucHV0XCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgI2lzQWN0aXZlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJpc0FjdGl2ZVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImlzUmVxdWlyZWRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjaGFuZ2UpPVwib25TdGF0dXNDaGFuZ2UoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiYXN3LWZvcm0tY2hlY2stbGFiZWxcIiBmb3I9XCJpc0FjdGl2ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7KHN0YXR1cyA/ICdGb3JtQ29udHJvbC5SZXF1aXJlZCcgOiAnRm9ybUNvbnRyb2wuTm90UmVxdWlyZWQnKSB8IGFzd1RyYW5zbGF0ZX19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFzdy1jb2wtbWQtNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhc3ctY29sLW1kLTJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFzdy1tYi0zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXN3LWZvcm0tY2hlY2sgYXN3LWZvcm0tc3dpdGNoXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IGNsYXNzPVwiYXN3LWZvcm0tY2hlY2staW5wdXRcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJpc0Rpc2FibGVcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgI2lzRGlzYWJsZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJpc0Rpc2FibGVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJvblN0YXR1c0NoYW5nZSgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiYXN3LWZvcm0tY2hlY2stbGFiZWxcIiBmb3I9XCJpc0Rpc2FibGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3snRm9ybUNvbnRyb2wuUmVhZG9ubHknIHwgYXN3VHJhbnNsYXRlfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+ICAgICAgICBcclxuICAgIDwvbWF0LWRpYWxvZy1jb250ZW50PlxyXG4gICAgPG1hdC1kaWFsb2ctYWN0aW9ucyBhbGlnbj1cImVuZFwiPlxyXG4gICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImFzdy1idXR0b24gYXN3LWJ1dHRvbi1kYW5nZXIgYXN3LW1lLTIgYXN3LW1iLTFcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uTm9DbGljaygpXCI+XHJcbiAgICAgICAgICAgIHt7J0Zvcm1Db250cm9sLk5vJyB8IGFzd1RyYW5zbGF0ZX19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYXN3LWJ1dHRvbiBhc3ctYnV0dG9uLXByaW1hcnkgYXN3LW1iLTFcIlxyXG4gICAgICAgICAgICAgICAgY2RrRm9jdXNJbml0aWFsPlxyXG4gICAgICAgICAgICB7eydGb3JtQ29udHJvbC5ZZXMnIHwgYXN3VHJhbnNsYXRlfX1cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgIDwvbWF0LWRpYWxvZy1hY3Rpb25zPlxyXG48L2Zvcm0+XHJcblxyXG4iXX0=