import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
import { FormBuilder, FormGroup, FormArray, FormControl, Validators } from '@angular/forms';
import { moveItemInArray } from '@angular/cdk/drag-drop';
import { EwMaDesignService } from '../../../ew-ma-design.service';
import { statusCodes, LoggerService, FlashService } from 'ew-common-lib';
import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http';
var FormSettingComponent = /** @class */ (function () {
    /**
     * Initialise Services
     * @param formBuilder
     */
    function FormSettingComponent(formBuilder, designService, ewloggerService, http, ewFlashService) {
        this.formBuilder = formBuilder;
        this.designService = designService;
        this.ewloggerService = ewloggerService;
        this.http = http;
        this.ewFlashService = ewFlashService;
        /**
         * @description
         * Default value of GDPR
         */
        this.gdpr_default_value = '';
        /**
         * @description
         * Buider type: pages or widget
         */
        this.builderType = 'pages';
        /**
         * @description
         * show/hide heading of component
         */
        this.showHeading = true;
        /**
         * @description
         * show/hide Custom form field
         */
        this.toggleCustomForm = false;
        /**
         * @description
         * Toggle GDPR required field
         */
        this.gdpr_required = false;
        /**
         * @description
         * Toggle GDPR status field
         */
        this.gdpr_status = true;
        /**
         * @description
         * Edit Data Index
         */
        this.editIndex = undefined;
        /**
         * @description
         * Edit GDPR
         */
        this.editGDPR = false;
        /**
         * @description
         * Checkbox control for Drop Down custom field values to show/hide
         */
        this.showCustomValueForDropdown = false;
        /**
         * @description
         * Contain FormArray to save options
         */
        this.selectBoxOptions = new FormArray([]);
        /**
         * @form fields
         * default values of fields
         */
        this.formFields = [];
        /*{
          name:'Full Name',
          placeholder_txt:'Full Name',
          validation_txt:'',
          hidden_field_name:'',
          ewp_field_id:1,
          actions:true,
          status:false, // This check working opposite
          type:'FN',
          required:false, // This check working opposite
          full_name_required:false, // This check working opposite
          options:[],
        },
        {
          name:'Email',
          placeholder_txt:'Email',
          validation_txt:'',
          hidden_field_name:'',
          ewp_field_id:0,
          actions:true,
          status:false,
          type:'E',
          required:false, // This check working opposite
          options:[],
        },
        {
          name:'Phone',
          placeholder_txt:'Phone',
          validation_txt:'',
          hidden_field_name:'',
          ewp_field_id:2,
          actions:true,
          status:true, // This check working opposite
          type:'P',
          required:false, // This check working opposite
          options:[],
        }
    
      ];*/
        this.ewRegisterFormJson = '';
        this.ewRegisterFormJsonOldValue = '';
        this.changeDetected = false;
    }
    /**
     * NgOnint hook
     */
    FormSettingComponent.prototype.ngOnInit = function () {
        this.initializeProcess();
    };
    /**
     * Initialise Form
     */
    FormSettingComponent.prototype.initializeProcess = function () {
        this.createControl();
        this.fetchCustomFieldsData();
    };
    /**
    * ngDoCheck hook
    */
    FormSettingComponent.prototype.ngDoCheck = function () {
        //ngAfterViewChecked() {
        this.ewRegisterFormJson = localStorage.getItem('registrationFormData' + this.designService.eventId);
        if (this.ewRegisterFormJson != this.ewRegisterFormJsonOldValue) {
            this.changeDetected = true;
            this.ewRegisterFormJsonOldValue = this.ewRegisterFormJson;
        }
        if (this.changeDetected) {
            var registration_1 = JSON.parse(this.ewRegisterFormJson);
            if (registration_1 !== null && registration_1.form_field) {
                var resultArray = Object.keys(registration_1.form_field).map(function (index) {
                    var arrayValues = registration_1.form_field[index];
                    return arrayValues;
                });
                this.formFields = resultArray;
                this.updateRegisterForm();
            }
        }
        this.changeDetected = false;
    };
    /**
     * Create From control
     */
    FormSettingComponent.prototype.createControl = function () {
        this.parentFrom.addControl(this.controlName, this.formBuilder.control(this.formFields));
        this.parentFrom.addControl(this.controlName, this.formBuilder.control(false));
        this.updateRegisterForm();
    };
    /**
     * Show Custom value Change
     */
    FormSettingComponent.prototype.showCustomValueChange = function ($event) {
        //set the two-way binding here for the specific unit with the event
        this.showCustomValueForDropdown = $event.checked;
    };
    /**
     * @description
     * Show/hide Count Down box
     */
    FormSettingComponent.prototype.toggleCheckbox = function (i) {
        if (this.formFields[i].status === false) {
            this.formFields[i].status = true;
        }
        else if (this.formFields[i].status === true) {
            this.formFields[i].status = false;
        }
        this.updateCustomFieldStatusFormBackend(this.formFields[i].status, this.formFields[i].ewp_field_id);
        this.updateRegisterForm();
    };
    /**
     * @description
     * Toggle GDPR Checkbox
     */
    FormSettingComponent.prototype.toggleGDPRrequiredCheckbox = function () {
        if (this.gdpr_required === false) {
            this.gdpr_required = true;
        }
        else if (this.gdpr_required === true) {
            this.gdpr_required = false;
        }
        this.parentFrom.get("gdpr_required").patchValue(this.gdpr_required);
        this.saveGDPREvent();
    };
    /**
     * @description
     * Toggle GDPR Checkbox
     */
    FormSettingComponent.prototype.toggleGDPRStatusCheckbox = function () {
        if (this.gdpr_status === false) {
            this.gdpr_status = true;
        }
        else if (this.gdpr_status === true) {
            this.gdpr_status = false;
        }
        this.parentFrom.get("gdpr_status").patchValue(this.gdpr_status);
        this.saveGDPREvent();
    };
    /**
     * cdk DropDown
     * @param CdkDragDrop List
     */
    FormSettingComponent.prototype.drop = function (event) {
        if (this.editIndex != undefined) {
            return false;
        }
        moveItemInArray(this.formFields, event.previousIndex, event.currentIndex);
        this.updateRegisterForm();
    };
    /**
     * @description
     * Open Custom field form
     */
    FormSettingComponent.prototype.openCustomFieldForm = function () {
        this.toggleCustomForm = true;
        this.editIndex = undefined;
        this.formData = {
            type: "T",
            ewp_field_id: undefined,
            status: true,
            required: false,
            options: [],
        };
        this.setForm();
        //Reset the select box field.
        this.selectBoxOptions = new FormArray([]);
        this.addMoreOption();
        this.setCustomTypeValidators();
    };
    /**
     * @description
     * Open Custom field form
     */
    FormSettingComponent.prototype.openEditCustomFieldForm = function (index, ewp_field_id) {
        this.toggleCustomForm = true;
        this.editIndex = index;
        this.formData = {
            name: this.formFields[index].name,
            placeholder_txt: this.formFields[index].placeholder_txt,
            validation_txt: this.formFields[index].validation_txt,
            hidden_field_name: this.formFields[index].hidden_field_name,
            ewp_field_id: this.formFields[index].ewp_field_id,
            type: this.formFields[index].type,
            status: this.formFields[index].status,
            required: this.formFields[index].required,
            options: this.formFields[index].options,
            full_name_required: (this.formFields[index].type == 'FN') ? this.formFields[index].full_name_required : ''
        };
        this.setEditForm();
        if (this.formFields[index].type == "S") {
            this.autoPopulateMoreOptions();
        }
        this.setCustomTypeValidators();
    };
    /**
     * @description
     * Delete Custom field form
     */
    FormSettingComponent.prototype.deleteCustomFieldForm = function (index, ewp_field_id) {
        var _this = this;
        this.designService.deleteCustomFieldFormBackend(ewp_field_id).subscribe(function (response) {
            if (response.status.code == statusCodes.SUCCESS) {
                _this.formFields.splice(index, 1);
                _this.toggleCustomForm = false;
                _this.updateRegisterForm();
            }
            else {
                _this.ewloggerService.logError(response);
            }
        }, function (error) {
            _this.ewloggerService.logError(error);
        });
    };
    /**
     * @description
     * Set the form fields
     */
    FormSettingComponent.prototype.setForm = function () {
        this.validatorForm = this.formBuilder.group({
            name: [this.formData.name, Validators.required],
            placeholder_txt: [this.formData.placeholder_txt, Validators.required],
            validation_txt: [this.formData.validation_txt, Validators.required],
            hidden_field_name: [this.formData.hidden_field_name],
            ewp_field_id: [this.formData.ewp_field_id],
            type: [this.formData.type],
            status: [this.formData.status],
            options: [this.formData.options],
            actions: [true],
            required: [this.formData.required],
            full_name_required: [this.formData.full_name_required],
        });
    };
    /**
     * @description
     * Set the form fields
     */
    FormSettingComponent.prototype.setEditForm = function () {
        var requiredCheck = false;
        var placeholderCheck = true;
        var hiddenFieldCheck = false;
        if (this.formData.required == false) {
            requiredCheck = true;
        }
        if (this.formData.type === 'H') {
            hiddenFieldCheck = true;
            placeholderCheck = false;
            requiredCheck = false;
        }
        this.validatorForm = this.formBuilder.group({
            name: [this.formData.name, Validators.required],
            placeholder_txt: [this.formData.placeholder_txt, (placeholderCheck) ? Validators.required : ''],
            validation_txt: [this.formData.validation_txt, (requiredCheck) ? Validators.required : ''],
            hidden_field_name: [this.formData.hidden_field_name, (hiddenFieldCheck) ? Validators.required : ''],
            ewp_field_id: [this.formData.ewp_field_id],
            type: [this.formData.type],
            status: [this.formData.status],
            options: [this.formData.options],
            actions: [true],
            required: [this.formData.required],
            full_name_required: [this.formData.full_name_required],
        });
    };
    /**
     * @description
     * conditional validations based on custom field type values
     */
    FormSettingComponent.prototype.setCustomTypeValidators = function () {
        var placeholder_txt_control = this.validatorForm.get('placeholder_txt');
        var validation_txt_control = this.validatorForm.get('validation_txt');
        var hidden_field_name_control = this.validatorForm.get('hidden_field_name');
        var name_control = this.validatorForm.get('name');
        this.validatorForm.get('type').valueChanges
            .subscribe(function (fieldType) {
            if (fieldType === 'H') {
                hidden_field_name_control.setValidators([Validators.required]);
                placeholder_txt_control.setValidators(null);
                validation_txt_control.setValidators(null);
            }
            name_control.updateValueAndValidity();
            hidden_field_name_control.updateValueAndValidity();
            placeholder_txt_control.updateValueAndValidity();
            validation_txt_control.updateValueAndValidity();
        });
        this.validatorForm.get('required').valueChanges
            .subscribe(function (fieldRequired) {
            if (fieldRequired === false) {
                validation_txt_control.setValidators([Validators.required]);
            }
            else {
                validation_txt_control.setValidators(null);
            }
            validation_txt_control.updateValueAndValidity();
        });
    };
    /**
     * @description
     * DropDown compare values for default section
     */
    FormSettingComponent.prototype.compareFn = function (o1, o2) {
        return o1 == o2;
    };
    /**
     * @description
     * GDPR toggle
     */
    FormSettingComponent.prototype.editGDPREvent = function () {
        this.editGDPR = true;
        this.gdpr_default_value = this.parentFrom.get('gdpr_consent').value;
    };
    /**
     * @description
     * GDPR cancelToggle
     */
    FormSettingComponent.prototype.cancelGDPREvent = function () {
        this.editGDPR = false;
        // If change the GDPR and cancel, then load previous value
        var load_default_value = {
            text: this.gdpr_default_value,
            status: this.parentFrom.get('gdpr_consent').value.status
        };
        this.parentFrom.get('gdpr_consent').setValue(this.gdpr_default_value);
    };
    /**
     * @description
     * saveGDPREvent
     */
    FormSettingComponent.prototype.saveGDPREvent = function () {
        var _this = this;
        var currentGDPRSettingsText = this.parentFrom.get('gdpr_consent').value;
        var requestData = {
            "gdpr_heading": currentGDPRSettingsText,
            "status": (this.gdpr_status == false) ? "1" : "0",
            "is_gdpr_mandatory": (this.gdpr_required == false) ? "1" : "0"
        };
        this.designService.updateGDPRFieldFormBackend(requestData).subscribe(function (response) {
            if (response.status.code == statusCodes.SUCCESS) {
                _this.editGDPR = false;
                _this.gdpr_default_value = currentGDPRSettingsText;
            }
            else {
                // If Error while saving the GDPR, then load previous value
                _this.parentFrom.get('gdpr_consent').setValue(_this.gdpr_default_value);
                _this.ewFlashService.openSnackBar("Something went wrong.Please try again.", "Got It", "error-ew-message");
                _this.ewloggerService.logError(response);
            }
        }, function (error) {
            _this.ewloggerService.logError(error);
        });
    };
    /**
     * @description
     * Fetch Custom field data from API
     */
    FormSettingComponent.prototype.fetchCustomFieldsData = function () {
        if (this.builderType == "widget") {
            this.fetchLatestData();
        }
        else {
            var isDataLoaded = false;
            // let regFormData=JSON.parse(localStorage.getItem('registrationFormData'));
            // if(Object.keys(regFormData.registerFormDataFromAPI).length != 0){
            //   this.populateAPIData(regFormData.registerFormDataFromAPI);
            //   isDataLoaded =true;
            // }
            var regFormData = this.designService.getRegisterFormDataReq();
            if ((regFormData !== undefined) && (Object.keys(regFormData).length != 0)) {
                this.populateAPIData(regFormData);
                isDataLoaded = true;
            }
            if (isDataLoaded == false) {
                this.fetchLatestData();
            }
        }
    };
    FormSettingComponent.prototype.fetchLatestData = function (populateData) {
        var _this = this;
        if (populateData === void 0) { populateData = true; }
        this.designService.getRegisterFormFields().subscribe(function (res) {
            if (res.status.code == statusCodes.SUCCESS) {
                _this.designService.setRegisterFormDataReq(res);
                if (populateData) {
                    _this.populateAPIData(res);
                }
            }
            else {
                _this.ewloggerService.logError(res);
            }
        }, function (error) {
            _this.ewloggerService.logError(error);
        });
    };
    /**
     * @description
     * Method to remove  custom field form
     */
    FormSettingComponent.prototype.populateAPIData = function (response) {
        if (response.data.webinar_custom_fields && response.data.webinar_custom_fields.length > 0) {
            for (var items in response.data.webinar_custom_fields) {
                if (this.formFields.find(function (e) { return e.ewp_field_id === response.data.webinar_custom_fields[items].ewp_field_id; })) {
                }
                else {
                    this.formFields.push({
                        name: response.data.webinar_custom_fields[items].display_txt,
                        placeholder_txt: response.data.webinar_custom_fields[items].placeholder_txt,
                        validation_txt: response.data.webinar_custom_fields[items].validation_txt,
                        hidden_field_name: response.data.webinar_custom_fields[items].hidden_field_name,
                        actions: true,
                        status: (response.data.webinar_custom_fields[items].enable == "0") ? true : false,
                        type: response.data.webinar_custom_fields[items].field_type,
                        required: (response.data.webinar_custom_fields[items].is_required == "0") ? true : false,
                        options: response.data.webinar_custom_fields[items].value,
                        ewp_field_id: response.data.webinar_custom_fields[items].ewp_field_id,
                        full_name_required: (response.data.webinar_custom_fields[items].full_name_required == "0") ? true : false
                    });
                }
            }
            this.updateRegisterForm();
        }
        if (response.data.gdpr) {
            this.gdpr_status = (response.data.gdpr.status == '1') ? false : true;
            this.parentFrom.get('gdpr_consent').patchValue(response.data.gdpr.gdpr_consent);
            this.parentFrom.get("gdpr_status").patchValue((response.data.gdpr.status == '1') ? false : true);
            this.parentFrom.get("gdpr_required").patchValue((response.data.gdpr.is_gdpr_mandatory == '1') ? false : true);
        }
    };
    /**
     * @description
     * Method to Added/Edited  custom field
     */
    FormSettingComponent.prototype.saveFormData = function () {
        if (this.validatorForm.value.type == 'S') {
            //if(this.selectBoxOptions.value[0].option_txt == '' || this.selectBoxOptions.value[0].option_val == ''){
            if (this.selectBoxOptions.value[0].option_txt == '') {
                return false;
            }
            var cleanValues = this.selectBoxOptions.value;
            cleanValues = cleanValues.filter(function (value) { return Object.keys(value.option_txt).length !== 0; });
            this.validatorForm.value.options = cleanValues;
        }
        // Update Static field values
        // if(this.validatorForm.value.type == 'FN' || this.validatorForm.value.type == 'P'){
        //   this.formFields[this.editIndex].required=this.validatorForm.value.required;
        //   this.updateRegisterForm();
        // }
        if (this.validatorForm.value.type == 'E' && this.validatorForm.value.placeholder_txt == '') {
            return false;
        }
        //if (this.validatorForm.value.type !== 'P' && this.validatorForm.value.type !== 'FN' && this.validatorForm.invalid) {
        if (this.validatorForm.value.type !== 'E' && this.validatorForm.invalid) {
            this.validatorForm.markAllAsTouched();
        }
        else {
            // If its an Edit Form
            if (this.editIndex != undefined) {
                this.updateCustomFieldFormBackend(this.validatorForm.value);
            }
            else {
                //this.formFields.push(this.validatorForm.value);
                this.saveCustomFieldFormBackend(this.validatorForm.value);
            }
            this.toggleCustomForm = false;
            //this.updateRegisterForm();
        }
    };
    FormSettingComponent.prototype.saveCustomFieldFormBackend = function (model) {
        var _this = this;
        var requestData = {
            "placeholder_txt": model.placeholder_txt,
            "display_txt": model.name,
            "enable": "1",
            "field_type": model.type,
            "is_required": (model.required == true) ? "0" : "1",
            "value": model.options,
            "validation_txt": model.validation_txt,
            "default_enable": "1",
            "hidden_field_name": model.hidden_field_name,
        };
        this.designService.saveRegisterFormFields(requestData).subscribe(function (response) {
            if (response.status.code == statusCodes.RECORD_CREATED) {
                var result = JSON.parse(response.data);
                model.ewp_field_id = result.ewp_field_id;
                model.status = false;
                _this.formFields.push(model);
                _this.updateRegisterForm();
            }
            else {
                _this.ewloggerService.logError(response);
            }
        }, function (error) {
            _this.ewloggerService.logError(error);
        });
    };
    FormSettingComponent.prototype.updateCustomFieldFormBackend = function (model) {
        var _this = this;
        var requestData = {
            "placeholder_txt": model.placeholder_txt,
            "ewp_field_id": model.ewp_field_id,
            "display_txt": model.name,
            "enable": (model.status == true) ? "0" : "1",
            "field_type": model.type,
            "is_required": (model.required == true) ? "0" : "1",
            "full_name_required": (model.full_name_required == true) ? "0" : "1",
            "value": model.options,
            "validation_txt": model.validation_txt,
            "default_enable": "0",
            "hidden_field_name": model.hidden_field_name,
        };
        this.designService.updateCustomFieldFormBackend(requestData).subscribe(function (response) {
            if (response.status.code == statusCodes.SUCCESS) {
                _this.formFields[_this.editIndex] = _this.validatorForm.value;
                _this.editIndex = undefined;
                _this.updateRegisterForm();
            }
            else {
                _this.ewFlashService.openSnackBar("Something went wrong.Please try again.", "Got It", "error-ew-message");
                _this.ewloggerService.logError(response);
            }
        }, function (error) {
            _this.ewloggerService.logError(error);
        });
    };
    FormSettingComponent.prototype.updateCustomFieldStatusFormBackend = function (currentStatus, ewp_field_id) {
        var _this = this;
        var requestData = {
            "ewp_field_id": ewp_field_id,
            "enable": (currentStatus == true) ? "0" : "1",
        };
        this.designService.updateCustomFieldStatusFormBackend(requestData).subscribe(function (response) {
            if (response.status.code == statusCodes.SUCCESS) {
                //console.log("Success in updateCustomFieldStatusFormBackend");
            }
            else {
                _this.ewFlashService.openSnackBar("Something went wrong.Please try again.", "Got It", "error-ew-message");
                _this.ewloggerService.logError(response);
            }
        }, function (error) {
            _this.ewloggerService.logError(error);
        });
    };
    /**
     * @description
     * Method to remove  custom field form
     */
    FormSettingComponent.prototype.closeCustomFieldForm = function () {
        this.editIndex = undefined;
        this.toggleCustomForm = false;
    };
    /**
     * @description
     * Method to UPdate the Register Form with new changes
     */
    FormSettingComponent.prototype.updateRegisterForm = function () {
        this.parentFrom.get(this.controlName).patchValue(this.formFields);
        //Update the local copy of Form data in designService but do not populate
        this.fetchLatestData(false);
        //this.designService.setRegisterFormDataReq(undefined);
        //  let registrationFormData = JSON.parse(localStorage.getItem('registrationFormData'));
        //  registrationFormData.registration = this.formFields;
        //  localStorage.setItem('registrationFormData', JSON.stringify(formData));
    };
    /**
     * @description
     * Method to REMOVE Option
     */
    FormSettingComponent.prototype.removeOption = function (index) {
        this.selectBoxOptions.removeAt(index);
    };
    /**
     * @description
     * Method to add Option
     */
    FormSettingComponent.prototype.addMoreOption = function () {
        var group = new FormGroup({
            option_txt: new FormControl(''),
            option_val: new FormControl('')
        });
        this.selectBoxOptions.push(group);
    };
    /**
     * @description
     * Method to auto Populate More Options values
     */
    FormSettingComponent.prototype.autoPopulateMoreOptions = function () {
        var selectGropup = new FormArray([]);
        this.formData.options.forEach(function (value) {
            var group = new FormGroup({
                option_txt: new FormControl(value.option_txt),
                option_val: new FormControl(value.option_val)
            });
            selectGropup.push(group);
        });
        this.selectBoxOptions = selectGropup;
    };
    FormSettingComponent.ctorParameters = function () { return [
        { type: FormBuilder },
        { type: EwMaDesignService },
        { type: LoggerService },
        { type: HttpClient },
        { type: FlashService }
    ]; };
    __decorate([
        Input()
    ], FormSettingComponent.prototype, "builderType", void 0);
    __decorate([
        Input()
    ], FormSettingComponent.prototype, "parentFrom", void 0);
    __decorate([
        Input()
    ], FormSettingComponent.prototype, "controlName", void 0);
    __decorate([
        Input()
    ], FormSettingComponent.prototype, "showHeading", void 0);
    FormSettingComponent = __decorate([
        Component({
            selector: 'ew-control-form-setting',
            template: "<div class=\"elemets-ew-sidebar\">\r\n  <div \r\n    *ngIf=\"(showHeading)\"\r\n    class=\"mat-widget-header tab-toggle-ew\" >\r\n        <span class=\"title-content-ew\">{{ 'DESIGN.REGISTER_FORM' | translate }}</span>\r\n        <!-- <span class=\"btn-editor-save\">\r\n            <button class=\"small-button-ew\" mat-flat-button color=\"accent\" (click)=\"saveCustomFieldForm()\">Save</button>\r\n        </span> -->\r\n  </div>\r\n  <div class=\"elements-outer-sec-scroll\">\r\n      <div class=\"element-child-list-nav builder-ew-new-list-registration\">\r\n          <ul  cdkDropList class=\"\" (cdkDropListDropped)=\"drop($event)\" [formGroup]=\"parentFrom.get(controlName)\">\r\n              <li  *ngFor=\"let field of formFields;let i = index\" cdkDrag>\r\n                    <div class=\"elements-custom-outer-ew\">\r\n                        <div class=\"left-list-item\">\r\n                          <span class=\"title-list-nav\">\r\n                                <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                                  width=\"6.595\" height=\"10\" viewBox=\"0 0 6.595 10\">\r\n                                  <defs>\r\n                                      <style>\r\n                                          .a-sort {\r\n                                              fill: #2b2b30;\r\n                                          }\r\n                                      </style>\r\n                                  </defs>\r\n                                  <g transform=\"translate(6.594 178.726) rotate(90)\">\r\n                                      <path class=\"a-sort\"\r\n                                          d=\"M212.966,3.087l-3-3a.3.3,0,0,0-.424.424L212.33,3.3l-2.786,2.786a.3.3,0,1,0,.424.424l3-3a.3.3,0,0,0,0-.424Z\"\r\n                                          transform=\"translate(-381.78 -0.002)\" />\r\n                                      <path class=\"a-sort\"\r\n                                          d=\"M23.274,3.3a.3.3,0,0,1,.088-.212l3-3a.3.3,0,0,1,.424.424L24,3.3l2.786,2.786a.3.3,0,0,1-.424.424l-3-3A.3.3,0,0,1,23.274,3.3Z\"\r\n                                          transform=\"translate(-202 0)\" />\r\n                                  </g>\r\n                                </svg>{{field.name}}\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"right-list-item added-action-ew no-margin-padding\" >\r\n                            <span class=\"ew-form-fields-action\" *ngIf=\"(field.actions == true)\">\r\n                              <span class=\"edit-form-fields-ew\" (click)=\"openEditCustomFieldForm(i,field.ewp_field_id)\">\r\n                                  <svg id=\"edit_1_\" data-name=\"edit (1)\"\r\n                                      xmlns=\"http://www.w3.org/2000/svg\" width=\"14\"\r\n                                      height=\"14\" viewBox=\"0 0 14 14\">\r\n                                      <g id=\"Group_2928\" data-name=\"Group 2928\"\r\n                                          transform=\"translate(0 9.66)\">\r\n                                          <g id=\"Group_2927\" data-name=\"Group 2927\">\r\n                                              <path id=\"Path_1378\" data-name=\"Path 1378\"\r\n                                                  d=\"M1.4,353.28,0,357.62l4.34-1.4Z\"\r\n                                                  transform=\"translate(0 -353.28)\" />\r\n                                          </g>\r\n                                      </g>\r\n                                      <g id=\"Group_2930\" data-name=\"Group 2930\"\r\n                                          transform=\"translate(2.383 1.824)\">\r\n                                          <g id=\"Group_2929\" data-name=\"Group 2929\"\r\n                                              transform=\"translate(0 0)\">\r\n                                              <rect id=\"Rectangle_934\"\r\n                                                  data-name=\"Rectangle 934\" width=\"9.66\"\r\n                                                  height=\"4.2\"\r\n                                                  transform=\"translate(0 6.831) rotate(-45)\" />\r\n                                          </g>\r\n                                      </g>\r\n                                      <g id=\"Group_2932\" data-name=\"Group 2932\"\r\n                                          transform=\"translate(10.22)\">\r\n                                          <g id=\"Group_2931\" data-name=\"Group 2931\">\r\n                                              <path id=\"Path_1379\" data-name=\"Path 1379\"\r\n                                                  d=\"M377.33,2.17,375.37.21a.677.677,0,0,0-.98,0l-.63.63,2.94,2.94.63-.63A.677.677,0,0,0,377.33,2.17Z\"\r\n                                                  transform=\"translate(-373.76)\" />\r\n                                          </g>\r\n                                      </g>\r\n                                  </svg>\r\n                              </span>\r\n                              \r\n                                <ng-template [ngIf]=\"(field.type !== 'E' && field.type !== 'P' && field.type !== 'FN')\">\r\n                                    <span class=\"edit-form-fields-ew\" [matMenuTriggerFor]=\"deleteConfirmation\">\r\n                                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\"\r\n                                            height=\"17.238\" viewBox=\"0 0 14 17.238\">\r\n                                            <g id=\"bin\" transform=\"translate(0.003 0.002)\">\r\n                                                <path id=\"Path_1354\" data-name=\"Path 1354\"\r\n                                                    d=\"M222.8,154.7a.4.4,0,0,0-.4.4v7.63a.4.4,0,1,0,.807,0v-7.63A.4.4,0,0,0,222.8,154.7Zm0,0\"\r\n                                                    transform=\"translate(-213.423 -148.459)\" />\r\n                                                <path id=\"Path_1355\" data-name=\"Path 1355\"\r\n                                                    d=\"M104.8,154.7a.4.4,0,0,0-.4.4v7.63a.4.4,0,0,0,.807,0v-7.63A.4.4,0,0,0,104.8,154.7Zm0,0\"\r\n                                                    transform=\"translate(-100.187 -148.459)\" />\r\n                                                <path id=\"Path_1356\" data-name=\"Path 1356\"\r\n                                                    d=\"M1.143,5.13v9.946a2.227,2.227,0,0,0,.592,1.536,1.988,1.988,0,0,0,1.442.624h7.638a1.987,1.987,0,0,0,1.442-.624,2.227,2.227,0,0,0,.592-1.536V5.13a1.542,1.542,0,0,0-.4-3.033H10.388v-.5A1.586,1.586,0,0,0,8.789,0H5.2a1.586,1.586,0,0,0-1.6,1.595v.5H1.539a1.542,1.542,0,0,0-.4,3.033Zm9.672,11.3H3.178a1.278,1.278,0,0,1-1.227-1.352V5.166H12.043v9.911a1.278,1.278,0,0,1-1.227,1.352ZM4.413,1.593A.778.778,0,0,1,5.2.806H8.789a.778.778,0,0,1,.791.787v.5H4.413ZM1.539,2.905H12.455a.727.727,0,1,1,0,1.453H1.539a.727.727,0,0,1,0-1.453Zm0,0\"\r\n                                                    transform=\"translate(0 0)\" />\r\n                                                <path id=\"Path_1357\" data-name=\"Path 1357\"\r\n                                                    d=\"M163.8,154.7a.4.4,0,0,0-.4.4v7.63a.4.4,0,0,0,.807,0v-7.63A.4.4,0,0,0,163.8,154.7Zm0,0\"\r\n                                                    transform=\"translate(-156.805 -148.459)\" />\r\n                                            </g>\r\n                                        </svg>\r\n\r\n                                        <mat-menu #deleteConfirmation=\"matMenu\" class=\"delete-confirmation-message-ew\">\r\n                                        <div class=\"delete-confirmation-ew\">\r\n                                            <span class=\"confirmation-message-ew\">\r\n                                                Are you sure you want to <br> delete?\r\n                                            </span>\r\n                                            <button class=\"small-button-ew\" mat-flat-button  color=\"warn\" (click)=\"deleteCustomFieldForm(i,field.ewp_field_id)\">Delete</button>\r\n                                            <button mat-flat-button class=\"no-bg-btn small-button-ew\">Cancel</button>\r\n                                        </div>\r\n                                    </mat-menu>\r\n                                    </span>\r\n                                </ng-template>\r\n                                \r\n                            </span>\r\n                          \r\n                          <div class=\"ew-toggle-button\" *ngIf=\"(field.type !== 'E')\">\r\n                              <div class=\"toggle-button-cover\">\r\n                                  <div class=\"button-cover\">\r\n                                      <div class=\"button b2\" id=\"button-ew\">\r\n                                          <input type=\"checkbox\" [checked]=\"field.status\" (change)=\"toggleCheckbox(i)\" class=\"checkbox\">\r\n                                          <div class=\"knobs\">\r\n                                              <span></span>\r\n                                          </div>\r\n                                          <div class=\"layer\"></div>\r\n                                      </div>\r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                        </div>\r\n                    </div>\r\n\r\n              </li>\r\n          </ul>\r\n          <div class=\"add-custom-filed-link-ew\" *ngIf=\"(toggleCustomForm == false)\">\r\n              <button (click)=\"openCustomFieldForm()\"\r\n                  class=\"icon-only-button-ew padding-right-15px-ew no-bg-btn theme-button-text-ew-small  editor-text-only\"\r\n                  disableRipple mat-flat-button>\r\n                  <mat-icon>add</mat-icon>{{ 'REGISTER_FORM.CUSTOM_FIELD.ADD' | translate }} \r\n              </button>\r\n          </div>\r\n          <div class=\"custom-field-box-ew\" *ngIf=\"toggleCustomForm\">\r\n              <div class=\"cutom-field-header-ew\">\r\n                  <span class=\"custom-field-title-ew\">{{ 'REGISTER_FORM.CUSTOM_FIELD.FORM_LABEL' | translate }}</span>\r\n                  <span class=\"material-icons\" (click)=\"closeCustomFieldForm()\">\r\n                      close\r\n                  </span>\r\n              </div>\r\n              <div class=\"custom-field-body-ew\"  [formGroup]=\"validatorForm\">\r\n                  <!-- && validatorForm.value.type !=='FN' \r\n                    *ngIf=\"validatorForm.value.type !=='P' && validatorForm.value.type !=='FN' \"\r\n                -->\r\n                    <ul class=\"bottom-custom-elements-form-setting\" >\r\n                        \r\n                        <li>\r\n                          <div class=\"elements-custom-outer-ew\">\r\n                            <div class=\"left-list-item\">\r\n                                <span class=\"title-list-nav\">{{ 'REGISTER_FORM.CUSTOM_FIELD.NAME' | translate }}</span>\r\n                              </div>\r\n                              <div class=\"bottom-custom-design-fields\">\r\n                                <mat-form-field class=\"ew-field-no-label\" *ngIf=\"validatorForm.value.type !=='E' && validatorForm.value.type !=='P' && validatorForm.value.type !=='FN' \"\r\n                                    floatLabel=\"never\">\r\n                                    <input matInput formControlName=\"name\">\r\n\r\n                                    <mat-error *ngIf=\"validatorForm.get('name')?.invalid && (validatorForm.get('name').dirty || validatorForm.get('name').touched)\">\r\n                                        <div *ngIf=\"validatorForm.get('name').errors.required\">\r\n                                            {{ 'REGISTER_FORM.CUSTOM_FIELD.REQUIRED_VALIDATION' | translate }}\r\n                                        </div>\r\n                                    </mat-error>\r\n                                </mat-form-field>\r\n\r\n                                <span class=\"ew-custom-field-internal-title\" *ngIf=\"validatorForm.value.type =='E' || validatorForm.value.type =='P' || validatorForm.value.type =='FN' \">\r\n                                    {{validatorForm.get('name').value }}\r\n                                </span>\r\n                                \r\n\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n\r\n                        <li *ngIf=\"validatorForm.value.type !=='E' && validatorForm.value.type !=='P' && validatorForm.value.type !=='FN' \">\r\n                          <div class=\"elements-custom-outer-ew\">\r\n                              <div class=\"left-list-item\">\r\n                                  <span class=\"title-list-nav\">\r\n                                      {{ 'REGISTER_FORM.CUSTOM_FIELD.TYPE' | translate }}</span>\r\n                              </div>\r\n                              <div class=\"bottom-custom-design-fields\">\r\n                                <mat-form-field  class=\"form-select-ew-custom-small ew-field-no-label\">\r\n                                  <mat-select matInput [compareWith]=\"compareFn\" formControlName=\"type\" onchange=\"\">\r\n                                      <!-- <mat-option value=\"FN\">First Name</mat-option>\r\n                                      <mat-option value=\"P\">Phone</mat-option> -->\r\n                                      <mat-option value=\"T\">{{ 'REGISTER_FORM.CUSTOM_FIELD.TYPE_OPTION.TEXT' | translate }}</mat-option>\r\n                                      <mat-option value=\"N\">{{ 'REGISTER_FORM.CUSTOM_FIELD.TYPE_OPTION.NUMBER' | translate }}</mat-option>\r\n                                      <mat-option value=\"S\">{{ 'REGISTER_FORM.CUSTOM_FIELD.TYPE_OPTION.DROPDWON' | translate }}</mat-option>\r\n                                      <mat-option value=\"H\">{{ 'REGISTER_FORM.CUSTOM_FIELD.TYPE_OPTION.HIDDEN' | translate }}</mat-option>\r\n                                  </mat-select>\r\n                                </mat-form-field>\r\n                              </div>\r\n                          </div>\r\n                        </li>\r\n\r\n                        <li *ngIf=\"(validatorForm.value.type =='H')\">\r\n                            <div class=\"elements-custom-outer-ew\">\r\n                                <div class=\"left-list-item\">\r\n                                    <span class=\"title-list-nav\">{{ 'REGISTER_FORM.CUSTOM_FIELD.HIDDEN' | translate }}</span>\r\n                                    </div>\r\n                                    <div class=\"bottom-custom-design-fields\">\r\n                                    <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                        <input matInput formControlName=\"hidden_field_name\">\r\n\r\n                                        <mat-error *ngIf=\"validatorForm.get('hidden_field_name')?.invalid && (validatorForm.get('hidden_field_name').dirty || validatorForm.get('hidden_field_name').touched)\">\r\n                                            <div *ngIf=\"validatorForm.get('hidden_field_name').errors.required\">\r\n                                                {{ 'REGISTER_FORM.CUSTOM_FIELD.REQUIRED_VALIDATION' | translate }}\r\n                                            </div>\r\n                                        </mat-error>\r\n                                    </mat-form-field>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n\r\n                        \r\n                            <li *ngIf=\"validatorForm.value.type !=='H'\">\r\n                                <div class=\"elements-custom-outer-ew\">\r\n                                    <div class=\"left-list-item\">\r\n                                        <span class=\"title-list-nav\">{{ 'BUILDER.ELEMENTS.PLACEHOLDER' | translate }} </span>\r\n                                        </div>\r\n                                        <div class=\"bottom-custom-design-fields\">\r\n                                        <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                            <input matInput formControlName=\"placeholder_txt\">\r\n\r\n                                            <mat-error *ngIf=\"validatorForm.get('placeholder_txt')?.invalid && (validatorForm.get('placeholder_txt').dirty || validatorForm.get('placeholder_txt').touched)\">\r\n                                                <div *ngIf=\"validatorForm.get('placeholder_txt').errors.required\">\r\n                                                    {{ 'REGISTER_FORM.CUSTOM_FIELD.REQUIRED_VALIDATION' | translate }}\r\n                                                </div>\r\n                                            </mat-error>\r\n                                        </mat-form-field>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        \r\n\r\n                        <ng-template [ngIf]=\"validatorForm.value.type !=='H'\">\r\n                            \r\n                            <li *ngIf=\"(validatorForm.value.type =='S')\">\r\n                                <div class=\"elements-custom-outer-ew Select-option-value-ew\">\r\n                                    <div class=\"left-list-item\">\r\n                                        <span class=\"title-list-nav\">\r\n                                            {{ 'REGISTER_FORM.CUSTOM_FIELD.OPTIONS' | translate }}\r\n                                            <mat-checkbox class=\"example-margin\" [checked]=\"showCustomValueForDropdown\" (change)=\"showCustomValueChange($event)\">{{ 'REGISTER_FORM.CUSTOM_FIELD.ADD_CUSTOM_VALUE' | translate }} </mat-checkbox>\r\n                                        </span>\r\n                                    </div>\r\n                                    \r\n                                    <div class=\"bottom-custom-design-fields\">\r\n                                    <div *ngFor=\"let opt of selectBoxOptions.controls;index as i\" [formGroup]=\"opt\" class=\"option-value-common-field-ew\"\r\n                                        [ngClass]=\"{\r\n                                            'full-width-option': !showCustomValueForDropdown\r\n                                        }\"\r\n                                    >\r\n                                        <div class=\"option-add-custom-ew-form \"                                            \r\n                                            \r\n                                        >\r\n                                            <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                                <input matInput placeholder=\"Option\" formControlName=\"option_txt\">\r\n                                                <span style=\"color:#ed5267;\" *ngIf=\"((i ==0) && (selectBoxOptions.value[0].option_txt ==''))\">{{ 'REGISTER_FORM.CUSTOM_FIELD.OPTION_REQUIRED' | translate }}</span>\r\n                                            </mat-form-field>\r\n                                        </div>\r\n                                        <div class=\"value-add-custom-ew-form\"\r\n                                            *ngIf=\"(showCustomValueForDropdown)\"\r\n                                        >\r\n                                            <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                                <input matInput placeholder=\"Value\" formControlName=\"option_val\">\r\n                                                <!-- <span style=\"color:#ed5267;\" *ngIf=\"((i ==0) && (selectBoxOptions.value[0].option_val ==''))\">{{ 'REGISTER_FORM.CUSTOM_FIELD.OPTION_REQUIRED' | translate }}</span> -->\r\n                                            </mat-form-field>\r\n                                        </div> \r\n                                        <span *ngIf=\"(i !=0) \" (click)=\"removeOption(i)\"  class=\"remove-custom-option-value-ew\"><mat-icon> close </mat-icon></span>                                                \r\n                                    </div>\r\n                                    <button (click)=\"addMoreOption()\" class=\"icon-only-button-ew padding-right-15px-ew no-bg-btn theme-button-text-ew-small editor-text-only\" disableRipple mat-flat-button><mat-icon>add</mat-icon>{{ 'REGISTER_FORM.CUSTOM_FIELD.ADD_OPTION' | translate }} </button>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            \r\n                        </ng-template>\r\n                     \r\n                    </ul>\r\n\r\n                    <div class=\"make-required-ew-custom\" *ngIf=\"validatorForm.value.type !=='H' && validatorForm.value.type !== 'E'\">\r\n                        <span class=\"left-text-ew-field\">{{ 'REGISTER_FORM.CUSTOM_FIELD.REQUIRED' | translate }}</span>\r\n                        <div class=\"ew-toggle-button\">\r\n                            <div class=\"toggle-button-cover\">\r\n                                <div class=\"button-cover\">\r\n                                    <div class=\"button b3\" id=\"button-ew\">\r\n                                        <input type=\"checkbox\" [formControlName]=\"'required'\" class=\"checkbox\">\r\n                                        <div class=\"knobs\">\r\n                                            <span></span>\r\n                                        </div>\r\n                                        <div class=\"layer\"></div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    \r\n\r\n                    <div class=\"make-required-ew-custom\" *ngIf=\"validatorForm.value.type =='FN' && (validatorForm.value.required == false)\">\r\n                        <span class=\"left-text-ew-field\">\r\n                            \r\n                            {{ 'REGISTER_FORM.CUSTOM_FIELD.FULL_NAME_REQUIRED' | translate }}\r\n                            <mat-icon #tooltip=\"matTooltip\"\r\n                                matTooltip=\"{{ 'REGISTER_FORM.CUSTOM_FIELD.FULL_NAME_REQUIRED_HELP_TEXT' | translate }} \"\r\n                                    matTooltipPosition=\"right\"\r\n                                    aria-tooltip=\"Button that displays and hides a tooltip triggered by other buttons\">\r\n                                info\r\n                            </mat-icon>\r\n                        </span>\r\n                        <div class=\"ew-toggle-button\">\r\n                            <div class=\"toggle-button-cover\">\r\n                                <div class=\"button-cover\">\r\n                                    <div class=\"button b3\" id=\"button-ew\">\r\n                                        <input type=\"checkbox\" [formControlName]=\"'full_name_required'\" class=\"checkbox\">\r\n                                        <div class=\"knobs\">\r\n                                            <span></span>\r\n                                        </div>\r\n                                        <div class=\"layer\"></div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <ul class=\"bottom-custom-elements-form-setting\" >\r\n                        <li \r\n                            *ngIf=\"(validatorForm.value.required == false) && validatorForm.value.type !=='H' && validatorForm.value.type !== 'E'\"\r\n                        >\r\n                            <div class=\"elements-custom-outer-ew\">\r\n                                <div class=\"left-list-item\">\r\n                                    <span class=\"title-list-nav\">{{ 'REGISTER_FORM.CUSTOM_FIELD.VALIDATION_LABEL' | translate }}</span>\r\n                                </div>\r\n                                <div class=\"bottom-custom-design-fields\">\r\n                                    <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                        <input matInput formControlName=\"validation_txt\">\r\n\r\n                                        <mat-error *ngIf=\"validatorForm.get('validation_txt')?.invalid && (validatorForm.get('validation_txt').dirty || validatorForm.get('validation_txt').touched)\">\r\n                                            <div *ngIf=\"validatorForm.get('validation_txt').errors.required\">\r\n                                                {{ 'REGISTER_FORM.CUSTOM_FIELD.REQUIRED_VALIDATION' | translate }}\r\n                                            </div>\r\n                                        </mat-error>\r\n                                    </mat-form-field>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n\r\n                  <button mat-flat-button color=\"accent\" (click)=\"saveFormData()\">{{ 'DESIGN.SAVE' | translate }}</button>\r\n              </div>\r\n          </div>\r\n          <ul class=\"bottom-custom-elements-form-setting gdp-buider-customization\">\r\n            <li>\r\n                <div class=\"elements-custom-outer-ew gdpr-name-wrapper \" [formGroup]=\"parentFrom\"\r\n                >\r\n                    <div class=\"left-list-item\">\r\n                        <span class=\"title-list-nav\">{{ 'REGISTER_FORM.GDPR_LABEL' | translate }} </span>\r\n                    </div>\r\n                    \r\n\r\n                    <div class=\"ew-toggle-button\" >\r\n                        <div class=\"toggle-button-cover\">\r\n                            <div class=\"button-cover\">\r\n                                <div class=\"button b3\" id=\"button-ew\">\r\n                                    <input type=\"checkbox\" class=\"checkbox\" [checked]=\"gdpr_status\" (change)=\"toggleGDPRStatusCheckbox()\">\r\n                                    <div class=\"knobs\">\r\n                                        <span></span>\r\n                                    </div>\r\n                                    <div class=\"layer\"></div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"bottom-custom-design-fields\" [style.display]=\"(editGDPR)? 'block':'none'\">\r\n                        <mat-form-field class=\"ew-field-no-label\"  floatLabel=\"never\" [style.display]=\"(gdpr_status == false)? 'block':'none'\">\r\n                            <textarea matInput  [formControlName]=\"'gdpr_consent'\"></textarea>\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div>\r\n\r\n                <span  [style.display]=\"(gdpr_status == false)? 'block':'none'\">\r\n\r\n               \r\n                    <div class=\"bottom-custom-design-fields\">\r\n                        <span class=\"ew-noneditable-gdp\" *ngIf=\"(editGDPR == false)\">\r\n                            {{ parentFrom.get('gdpr_consent').value }}\r\n                        </span>\r\n                        <div class=\"ew-action-dgp-sidebar\">\r\n\r\n                            <span class=\"ew-edit-condition-based\" *ngIf=\"(editGDPR == false)\">\r\n                                <button (click)=\"editGDPREvent()\" class=\"icon-only-button-ew padding-right-15px-ew no-bg-btn theme-button-text-ew-small \" mat-flat-button disableRipple>Edit</button>\r\n                            </span>\r\n\r\n                            <span *ngIf=\"(editGDPR)\">\r\n                                <button class=\"small-button-ew\" (click)=\"saveGDPREvent()\" mat-flat-button color=\"accent\">{{ 'DESIGN.SAVE' | translate }}</button>\r\n                                <button mat-flat-button  (click)=\"cancelGDPREvent()\" class=\"small-button-ew\">{{ 'DESIGN.CANCEL' | translate }}</button>\r\n                            </span>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"gdpr-required-ew\">        \r\n                        \r\n                        <span class=\"requred-gdpr-ew\">{{ 'REGISTER_FORM.GDPR_REQUIRED' | translate }}</span>\r\n                        \r\n                        <div class=\"gdrp-outer-action\">\r\n                            <div class=\"ew-toggle-button\" >\r\n                                <div class=\"toggle-button-cover\">\r\n                                    <div class=\"button-cover\">\r\n                                        <div class=\"button b3\" id=\"button-ew\">\r\n                                            <input type=\"checkbox\" class=\"checkbox\" [checked]=\"gdpr_required\" (change)=\"toggleGDPRrequiredCheckbox()\">\r\n                                            <div class=\"knobs\">\r\n                                                <span></span>\r\n                                            </div>\r\n                                            <div class=\"layer\"></div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </span>\r\n            </li>\r\n            <li>\r\n              <ew-control-headline\r\n                  [parentFrom]=\"parentFrom\"\r\n                  [controlName]=\"'submit_button'\"\r\n                  [labelText]=\"'BUILDER.ELEMENTS.SUBMIT_BTN' | translate\"\r\n                  defaultValue='Register Now'\r\n                  [showCheckbox]=false\r\n              >\r\n              </ew-control-headline>\r\n            </li>\r\n            <li>\r\n              <ew-control-headline\r\n                  [parentFrom]=\"parentFrom\"\r\n                  [controlName]=\"'submit_button_sub_text'\"\r\n                  [labelText]=\"'BUILDER.ELEMENTS.SUBMIT_BTN_SUB_TXT' | translate\"\r\n                  defaultValue=''\r\n                  [showCheckbox]=false\r\n              >\r\n              </ew-control-headline>\r\n            </li>\r\n            <li>\r\n                <ew-control-headline\r\n                  [parentFrom]=\"parentFrom\"\r\n                  [controlName]=\"'utm_params'\"\r\n                  [showInputBox]=false\r\n                  [showTextareaBox]=true\r\n                  [labelText]=\"'BUILDER.ELEMENTS.UTM_PARAM_LABEL' | translate\"\r\n                  [showCheckbox]=false\r\n                  defaultValue=\"utm_source,utm_medium,utm_campaign,utm_content,utm_term,from,mbsy_source,mbsy,campaignid\"\r\n                >\r\n                </ew-control-headline>\r\n            </li>\r\n\r\n          </ul>\r\n      </div>\r\n  </div>\r\n</div>\r\n",
            styles: [""]
        })
    ], FormSettingComponent);
    return FormSettingComponent;
}());
export { FormSettingComponent };
//# sourceMappingURL=data:application/json;base64, 