form-aurora-stefanini 0.1.0

package/fesm2015/form-aurora-stefanini.js

@@ -0,0 +1,703 @@
+import { __decorate, __awaiter } from 'tslib';
+import { Injectable, EventEmitter, Input, ViewChild, Output, Component, NgModule } from '@angular/core';
+import { FormGroup, FormControl, FormsModule } from '@angular/forms';
+import { HttpClient } from '@angular/common/http';
+import { NgbDateAdapter, NgbDateParserFormatter, NgbDatepickerI18n } from '@ng-bootstrap/ng-bootstrap';
+import * as moment_ from 'moment';
+import { CommonModule } from '@angular/common';
+import { RecaptchaModule, RecaptchaFormsModule } from 'ng-recaptcha';
+
+const moment = moment_;
+// import { regexType } from "@app/_shared/_util/regex";
+// import { ExternalService } from '@app/_shared/_services/external.service';
+// import { AuroraService } from '@app/_shared/_services/aurora.service';
+/**
+ * This Service handles how the date is represented in scripts i.e. ngModel.
+ */
+let CustomAdapter = class CustomAdapter extends NgbDateAdapter {
+    // import { regexType } from "@app/_shared/_util/regex";
+    // import { ExternalService } from '@app/_shared/_services/external.service';
+    // import { AuroraService } from '@app/_shared/_services/aurora.service';
+    /**
+     * This Service handles how the date is represented in scripts i.e. ngModel.
+     */
+    constructor() {
+        super(...arguments);
+        this.DELIMITER = '/';
+    }
+    fromModel(value) {
+        if (value) {
+            const date = value.split(this.DELIMITER);
+            return {
+                day: parseInt(date[0], 10),
+                month: parseInt(date[1], 10),
+                year: parseInt(date[2], 10)
+            };
+        }
+        return null;
+    }
+    toModel(date) {
+        //return date ? date.day + this.DELIMITER + date.month + this.DELIMITER + date.year : null;
+        return date ? (date.day < 10 ? 0 + date.day : date.day) + this.DELIMITER + (date.month < 10 ? 0 + date.month : date.month) + this.DELIMITER + date.year : '';
+    }
+};
+CustomAdapter = __decorate([
+    Injectable()
+], CustomAdapter);
+/**
+ * This Service handles how the date is rendered and parsed from keyboard i.e. in the bound input field.
+ */
+let CustomDateParserFormatter = class CustomDateParserFormatter extends NgbDateParserFormatter {
+    /**
+     * This Service handles how the date is rendered and parsed from keyboard i.e. in the bound input field.
+     */
+    constructor() {
+        super(...arguments);
+        this.DELIMITER = '/';
+    }
+    parse(value) {
+        if (value) {
+            const date = value.split(this.DELIMITER);
+            return {
+                day: parseInt(date[0], 10),
+                month: parseInt(date[1], 10),
+                year: parseInt(date[2], 10)
+            };
+        }
+        return null;
+    }
+    format(date) {
+        return date ? (date.day < 10 ? '0' + date.day : date.day) + this.DELIMITER + (date.month < 10 ? '0' + date.month : date.month) + this.DELIMITER + date.year : '';
+    }
+};
+CustomDateParserFormatter = __decorate([
+    Injectable()
+], CustomDateParserFormatter);
+const I18N_VALUES = {
+    'es': {
+        weekdays: ['Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa', 'Do'],
+        months: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
+        weekLabel: 'sem'
+    }
+    // other languages you would support
+};
+let I18n = class I18n {
+    constructor() {
+        this.language = 'es';
+    }
+};
+I18n = __decorate([
+    Injectable()
+], I18n);
+// Define custom service providing the months and weekdays translations
+let CustomDatepickerI18n = class CustomDatepickerI18n extends NgbDatepickerI18n {
+    constructor(_i18n) {
+        super();
+        this._i18n = _i18n;
+    }
+    getWeekdayLabel(weekday) {
+        return I18N_VALUES[this._i18n.language].weekdays[weekday - 1];
+    }
+    getWeekLabel() {
+        return I18N_VALUES[this._i18n.language].weekLabel;
+    }
+    getMonthShortName(month) {
+        return I18N_VALUES[this._i18n.language].months[month - 1];
+    }
+    getMonthFullName(month) {
+        return this.getMonthShortName(month);
+    }
+    getDayAriaLabel(date) {
+        return `${date.day}-${date.month}-${date.year}`;
+    }
+    getWeekdayShortName(weekday) {
+        return I18N_VALUES[this._i18n.language].weekdays[weekday - 1];
+    }
+    ;
+};
+CustomDatepickerI18n.ctorParameters = () => [
+    { type: I18n }
+];
+CustomDatepickerI18n = __decorate([
+    Injectable()
+], CustomDatepickerI18n);
+let FormAuroraComponent = class FormAuroraComponent {
+    constructor(http) {
+        this.http = http;
+        this.response = new EventEmitter();
+        this.summit = new EventEmitter();
+        this.setAcceptanceDocument = new EventEmitter();
+        this.tipodocNumDoc = false;
+        this.onSubmitEvent = false;
+        this.countSubmit = 0;
+        this.watchValid = false;
+        this.watchRequired = false;
+        this.captchaValid = false;
+        this.displayMonths = 2;
+        this.navigation = 'select';
+        this.showWeekNumbers = false;
+        this.outsideDays = 'visible';
+        this.respServiceSegmentation = null;
+        //emailPattern = "^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$";
+        this.today = moment(new Date());
+        this.maxYear = this.today.year();
+        this.minYear = this.today.year() - 82;
+        this.minDate = this.minYear.toString() + '-' + this.today.month().toString().padStart(2, '0') + '-' + this.today.date().toString().padStart(2, '0'); // {year: this.minYear, month: this.today.month(), day: this.today.date()};
+        this.maxDate = this.maxYear.toString() + '-' + (this.today.month() + 1).toString().padStart(2, '0') + '-' + this.today.date().toString().padStart(2, '0'); // {year: this.maxYear, month: this.today.month() + 1, day: this.today.date()};
+        //Revisar variables
+        this.recharge = false;
+        this.indicativo = '57';
+        this.defaultDocType = 'Cédula de ciudadanía';
+        this.range = new FormGroup({
+            start: new FormControl(),
+            end: new FormControl(),
+        });
+    }
+    ngOnInit() {
+        console.log('nueva version 0.1.0');
+        this.minDate = new Date(this.minDate).toISOString().split('T')[0];
+        setTimeout(() => {
+            this.startComponent();
+        }, 2000);
+    }
+    startComponent() {
+        //ordena los campos
+        if (this.dataForm != null && this.dataForm.formQuestions != undefined) {
+            //Same row fields
+            this.tipodocNumDoc = (this.dataForm.formQuestions.some(question => question.question.value === 'tipoDoc') && this.dataForm.formQuestions.some(question => question.question.value === 'numeroDoc')) ? true : false;
+            this.dataForm.formQuestions = this.dataForm.formQuestions.sort(function (a, b) {
+                return a.order - b.order;
+            });
+            let existcaptcha = this.dataForm.formQuestions.filter((item) => item.question.questionType.id == 6);
+            if (existcaptcha.length == 0) {
+                this.captchaValid = true;
+            }
+            for (const item of this.dataForm.formQuestions) {
+                if (item.question.maxlength == null || item.question.maxlength == undefined || item.question.maxlength == 0) {
+                    item.question.maxlength = 524288; //defaultvalue
+                }
+                if (item.question.minLength == null || item.question.minLength == undefined) {
+                    item.question.minLength = 0;
+                }
+                this.dataReloadForm.forEach(element => {
+                    this.filldata = element;
+                    if ((item.question.questionType.id === 2 || item.question.questionType.id === 1 ||
+                        item.question.questionType.id === 3) && (this.filldata.data !== null &&
+                        this.filldata.data !== undefined) && item.question.id === this.filldata.id) {
+                        item.question.registred = this.filldata.data;
+                    }
+                });
+                if (item.question.registred == null || item.question.minLength == undefined) {
+                    item.question.registred = '';
+                }
+            }
+        }
+    }
+    resolvedCaptcha(captchaResponse) {
+        this.captchaValid = true;
+        if (!this.formDynamic.form.value.captcha) {
+            this.formDynamic.controls.captcha.setValue(captchaResponse);
+            this.formDynamic.form.value.captcha = captchaResponse;
+            document.getElementById('btnIng').style.opacity = !this.formDynamic.valid ? '0.65' : '1';
+        }
+    }
+    //Forms
+    //Metodo para evitar el render de los items del for
+    trackByIndex(index, obj) {
+        return index;
+    }
+    onChangeValidPatter(event, question) {
+        if (question.pattern != undefined) {
+            let valid = true;
+            let keyvalid = [8, 32, 37, 38, 39, 40, 46, 9];
+            //diferente de Backpsace
+            //se deja catch por error no controlable en otro tiempo de ejecucion
+            try {
+                if (!keyvalid.includes(event.keyCode)) {
+                    const regex = new RegExp(question.pattern);
+                    valid = regex.test(event.key);
+                }
+            }
+            catch (error) {
+            }
+            return valid;
+        }
+        document.getElementById('char' + question.value).setAttribute('hidden', 'true');
+        //if temporal mientras se migran todos los tipos de campos al foreach
+        if (question.questionType.id != 11 && question.questionType.id != 7) {
+            if (this.validMinLength(this.formDynamic, question)) {
+                document.getElementById(question.value).style.borderColor = '#FF0000';
+                document.getElementById('ml' + question.value).removeAttribute('hidden');
+            }
+            else {
+                document.getElementById(question.value).style.borderColor = '#E4E4E4';
+                document.getElementById('ml' + question.value).setAttribute('hidden', 'true');
+            }
+            if (this.validMaxLength(this.formDynamic, question)) {
+                document.getElementById(question.value).style.borderColor = '#FF0000';
+                document.getElementById('mxl' + question.value).removeAttribute('hidden');
+            }
+            else {
+                document.getElementById(question.value).style.borderColor = '#E4E4E4';
+                document.getElementById('mxl' + question.value).setAttribute('hidden', 'true');
+            }
+        }
+        this.dataForm.formQuestions.forEach(formQuestion => {
+            switch (formQuestion.question.questionType.id) {
+                //se valida  campo de tipo calendario
+                case 7:
+                    if (question.questionType.id == 7)
+                        this.calendarRulesValidate(formQuestion);
+                    break;
+                //se valida  campo de tipo email
+                case 11:
+                    if (question.questionType.id == 11)
+                        this.emailRulesValidate(formQuestion);
+                    break;
+            }
+        });
+        document.getElementById('btnIng').style.opacity = !this.formDynamic.valid ? '0.65' : '1';
+    }
+    validOnlyText(event) {
+        let regex = /^[a-zA-Z\u00C0-\u017F]+$/g;
+        if (event.charCode == 32) {
+            return true;
+        }
+        let valid = regex.test(event.key);
+        return valid;
+    }
+    validDate(event) {
+        /*let pattern = /(?:0[1-9]|[12][0-9]|3[01])\/(?:0[1-9]|1[0-2])\/(?:19|20)[0-9]{2}/;
+        const regex = new RegExp(pattern);
+        valid = regex.test(event.key);
+        */
+        const matches = String(event.key).match(this.regexType.date.exp);
+        let valid = true;
+        if (matches === null)
+            valid = false;
+        // alert(valid);
+        return valid;
+    }
+    onChangeValidDate(event) {
+        //let pattern = /(?:0[1-9]|1[0-2])\/(?:0[1-9]|[12][0-9]|3[01])\/(?:19|20)[0-9]{2}/;
+        let dateN = /[0-9]|\//;
+        let valid = true;
+        const regex = new RegExp(dateN);
+        valid = regex.test(event.key);
+        return valid;
+    }
+    rediretoutside(event, question) {
+        //se deja catch por error no controlable en otro tiempo de ejecucion
+        try {
+            event.preventDefault();
+            window.open(question.value, '_blank');
+        }
+        catch (error) {
+        }
+    }
+    /**
+     * Dispatch submit event for validations exists
+     * @param change
+     */
+    ngOnChanges(change) {
+        this.countSubmit++;
+    }
+    //onSubmit(form: NgForm) {
+    onSubmit() {
+        let form = this.formDynamic;
+        this.watchValid = true;
+        this.watchRequired = true;
+        if (form.valid) {
+            if (!this.validRulesFields(form.controls['numeroDoc'].value.toString(), form.controls['celular'].value.toString(), form.controls['email'].value))
+                return false;
+        }
+        if (this.validMinlenghtAllQuestions(form.value) && this.validMaxLengthAllQuestions(form.value) && form.valid) {
+            if (this.dataForm.urlSend != '' && this.captchaValid) {
+                this.http.post(this.dataForm.urlSend, form.value).subscribe((resp) => this.response.emit(resp));
+            }
+            else if (form.valid && this.captchaValid) {
+                this.summit.emit(form.value);
+            }
+        }
+    }
+    validRulesFields(numeroDoc, numeroCel, email) {
+        // Validaciones para celular en caso de indicativo en Colombia
+        let cel = document.getElementById('charcelular');
+        let doc = document.getElementById('charnumeroDoc');
+        let valOk = true;
+        if (this.indicativo == '+57' || this.indicativo == '57') {
+            let stringOrdenado = this.orderString(numeroDoc);
+            if (this.nameCompany.toUpperCase() !== 'CLARO') { //claro acepta nro consecutivos
+                if (numeroDoc == stringOrdenado) {
+                    doc.style.borderColor = '#FF0000';
+                    doc.removeAttribute('hidden');
+                    doc.textContent = 'El numero documento No debe contener caracteres consecutivos';
+                    valOk = false;
+                    //this.msgErrorCampo = "El numero documento No debe contener caracteres consecutivos";
+                    //return false;
+                }
+            }
+            if (numeroCel.substring(0, 1) != '3') {
+                cel.style.borderColor = '#FF0000';
+                cel.removeAttribute('hidden');
+                cel.textContent = 'El primer carácter del celular debe ser 3';
+                valOk = false;
+                //this.msgErrorCampo = "El primer carácter del celular debe ser 3";
+                //return false;
+            }
+            /*
+            if (parseInt(numeroCel.substring(0, 3)) > 350) {
+              cel.style.borderColor = "#FF0000";
+              cel.removeAttribute("hidden");
+              cel.textContent = "El prefijo del celular no debe ser mayor a 350";
+              valOk = false;
+              //this.msgErrorCampo = "El prefijo del celular no debe ser mayor a 350";
+              //return false;
+            }
+            */
+            //En caso de que el número se repita, ejemplo 33333333
+            let listnumber = numeroDoc.substring(0, 1);
+            for (let index = 1; index < numeroDoc.length; index++) {
+                listnumber = listnumber + numeroDoc.substring(0, 1);
+            }
+            if (numeroDoc == listnumber) {
+                doc.style.borderColor = '#FF0000';
+                doc.removeAttribute('hidden');
+                doc.textContent = 'Caracteres numéricos no se pueden repetirse de manera continua ';
+                valOk = false;
+                //this.msgErrorCampo = "Caracteres numéricos no se pueden repetirse de manera continua ";
+                //return false;
+            }
+            // En caso de que el número se repita, ejemplo 33333333
+            let arrayPhoneRepeat = Array.from(String(numeroCel), Number);
+            let arrayPhoneOutRepeat = [...new Set(arrayPhoneRepeat)];
+            if (arrayPhoneOutRepeat.length == 1) {
+                cel.style.borderColor = '#FF0000';
+                cel.removeAttribute('hidden');
+                cel.textContent = 'El número que ingresa no es valido';
+                valOk = false;
+                //this.msgErrorCampo = "El número que ingresa no es valido";
+                //return false;
+            }
+        }
+        else if (this.indicativo == '+593' || this.indicativo == '593') {
+            if (numeroCel.substring(0, 1) != '9') {
+                cel.style.borderColor = '#FF0000';
+                cel.removeAttribute('hidden');
+                cel.textContent = 'El primer carácter del celular debe ser 9';
+                valOk = false;
+                //this.msgErrorCampo = "El primer carácter del celular debe ser 9";
+                //return false;
+            }
+        }
+        //se validan los campos por tipo de campo y no por value
+        this.dataForm.formQuestions.forEach(formQuestion => {
+            switch (formQuestion.question.questionType.id) {
+                //se valida  campo de tipo email
+                case 11:
+                    valOk = this.emailRulesValidate(formQuestion);
+                    break;
+            }
+        });
+        return valOk;
+    }
+    orderString(value) {
+        let arrayNumber = [];
+        for (let index = 0; index < value.length; index++) {
+            arrayNumber.push(parseInt(value.substring(index, index + 1)));
+        }
+        //ordena el array
+        arrayNumber.sort(function (a, b) {
+            return a - b;
+        });
+        let numberOrder = '';
+        numberOrder = arrayNumber[0];
+        for (let index = 1; index < arrayNumber.length; index++) {
+            numberOrder = numberOrder + (arrayNumber[0] + index).toString();
+        }
+        return numberOrder;
+    }
+    validMinlenghtAllQuestions(form) {
+        for (const item of this.dataForm.formQuestions) {
+            if (item.question.questionType.id == 1 || item.question.questionType.id == 2) {
+                let minLength = parseInt(item.question.minLength);
+                let formValueLength = parseInt(form[item.question.value].toString().length);
+                if (minLength > 0 && formValueLength != minLength && formValueLength < minLength)
+                    return false;
+            }
+        }
+        return true;
+    }
+    validMaxLengthAllQuestions(form) {
+        for (const item of this.dataForm.formQuestions) {
+            if (item.question.questionType.id == 1 || item.question.questionType.id == 2) {
+                let maxLength = parseInt(item.question.maxLength);
+                let formValueLength = parseInt(form[item.question.value].toString().length);
+                if (maxLength > 0 && formValueLength != maxLength && formValueLength > maxLength)
+                    return false;
+            }
+        }
+        return true;
+    }
+    validRequired(form, question) {
+        //se deja catch por error no controlable en otro tiempo de ejecucion
+        try {
+            if (question != undefined && question.value != undefined) {
+                if (form.controls[question.value] != undefined &&
+                    form.controls[question.value].errors != null &&
+                    form.controls[question.value].errors.required) {
+                    return true;
+                }
+            }
+        }
+        catch (error) {
+        }
+        return false;
+    }
+    validMinLength(form, question) {
+        //se deja catch por error no controlable en otro tiempo de ejecucion
+        try {
+            if (question != undefined && question.value != undefined) {
+                if (question.minLength > form.controls[question.value].value.toLocaleString().length && question.minLength > 0) {
+                    return true;
+                }
+            }
+        }
+        catch (error) {
+        }
+        return false;
+    }
+    validMaxLength(form, question) {
+        //se deja catch por error no controlable en otro tiempo de ejecucion
+        try {
+            if (question != undefined && question.value != undefined) {
+                if (question.maxLength > 0) {
+                    if (question.maxLength + 1 <= form.controls[question.value].value.toString().replace(/\./g, '').length) {
+                        if (!this.formDynamic.controls[question.value].hasError('errorMaxLength')) {
+                            this.formDynamic.controls[question.value].setErrors({ 'errorMaxLength': true });
+                        }
+                        return true;
+                    }
+                }
+            }
+        }
+        catch (error) {
+        }
+        return false;
+    }
+    tycSelection(event) {
+        event.preventDefault();
+        let tyc = document.getElementById('txtPoliticas');
+        tyc.style.color = '#A3AD32';
+        // this.externalService.getTermsAndConditions().subscribe(resp => {
+        let b64 = null;
+        if (this.getTermsAndConditions && this.getTermsAndConditions.listaDocumentos) {
+            b64 = this.getTermsAndConditions.listaDocumentos[0].contenidoDocumento;
+            this.respServiceSegmentation = this.getTermsAndConditions.listaDocumentos[0];
+            let pdfWindow = window.open('');
+            pdfWindow.document.write('<iframe width=\'100%\' height=\'100%\' src=\'data:application/pdf;base64, ' +
+                encodeURI(b64) + '\'></iframe>');
+        }
+        // })
+    }
+    openLabelUrl(event, question) {
+        event.preventDefault();
+        let tyc = document.getElementById('check' + question.id);
+        tyc.style.color = '#A3AD32';
+        window.open(question.urllabel, '_blank');
+    }
+    checkTermsAndConditions(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (value) {
+                // let ipAddress = await this.auroraService.getIpAddress().toPromise();
+                let ipAddress = yield this.getIpAddress;
+                let objToSend = {
+                    'idDocumento': this.respServiceSegmentation.idDocumento || '',
+                    // "idDocumento": this.respServiceSegmentation?.idDocumento || "",
+                    'nombrePortafolio': '0',
+                    'aplicacion': 'ZP_OF',
+                    'ip': ipAddress.ip,
+                    'tipoIdAfil': 'CC',
+                    'numeroIdAfil': this.formDynamic.controls['numeroDoc'].value.toString(),
+                    'numeroCuentaPI': '0',
+                    'transaccion': 'INICIO DE SESION_OF',
+                    'conceptoAceptacion': 'HABEAS_DATA_USO_APP',
+                    'respuesta': 'SI',
+                    'usuarioCreacion': this.formDynamic.controls['numeroDoc'].value.toString()
+                };
+                let aceptaciones = { aceptaciones: [objToSend] };
+                // this.externalService.setAcceptanceDocument(aceptaciones).subscribe(() => { })
+                this.setAcceptanceDocument.emit(aceptaciones);
+            }
+        });
+    }
+    cancellKeypress() {
+        return false;
+    }
+    emailRulesValidate(formQuestion) {
+        let valOk = true;
+        try {
+            let hasError = false;
+            document.getElementById(formQuestion.question.id).setAttribute('hidden', 'true');
+            let eml = document.getElementById(formQuestion.question.id);
+            let email = formQuestion.question.registred;
+            if (!hasError) {
+                if (formQuestion.question.required && (email == '' || email == undefined || email == null)) {
+                    eml.style.borderColor = '#FF0000';
+                    eml.textContent = 'El correco eléctronico es requerido';
+                    eml.removeAttribute('hidden');
+                    valOk = false;
+                    hasError = true;
+                }
+            }
+            if (!hasError) {
+                if (this.validMinLength(undefined, formQuestion.question)) {
+                    eml.style.borderColor = '#FF0000';
+                    eml.textContent = 'Debe ser mínimo de ' + formQuestion.question.minLength + ' caracteres';
+                    document.getElementById(formQuestion.question.id).removeAttribute('hidden');
+                    valOk = false;
+                    hasError = true;
+                }
+            }
+            if (!hasError) {
+                if (this.validMaxLength(undefined, formQuestion.question)) {
+                    eml.style.borderColor = '#FF0000';
+                    eml.textContent = 'Debe ser maximo de ' + formQuestion.question.maxLength + ' caracteres';
+                    document.getElementById(formQuestion.question.id).removeAttribute('hidden');
+                    valOk = false;
+                    hasError = true;
+                }
+            }
+            if (!hasError) {
+                const matches = String(email).match(this.regexType.email.exp);
+                if (matches == null) {
+                    eml.style.borderColor = '#FF0000';
+                    eml.textContent = 'Tu email es invalido';
+                    eml.removeAttribute('hidden');
+                    valOk = false;
+                    hasError = true;
+                }
+            }
+        }
+        catch (error) {
+        }
+        return valOk;
+    }
+    calendarRulesValidate(formQuestion) {
+        let hasError = false;
+        try {
+            document.getElementById(formQuestion.question.id).setAttribute('hidden', 'true');
+            let ecalendar = document.getElementById(formQuestion.question.id);
+            //se valida que no sea null si es requerido
+            let date = formQuestion.question.registred;
+            if (formQuestion.question.required && (date == '' || date == undefined || date == null)) {
+                ecalendar.style.borderColor = '#FF0000';
+                ecalendar.textContent = 'La fecha es requerida';
+                ecalendar.removeAttribute('hidden');
+            }
+        }
+        catch (error) {
+        }
+    }
+    validateNotSpace(event) {
+        if (event.charCode == 32) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+};
+FormAuroraComponent.ctorParameters = () => [
+    { type: HttpClient }
+];
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "dataClassCss", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "dataForm", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "clickSubmit", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "dataReloadForm", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "welcomeTitle", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "welcomeDescription", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "urlPdf", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "nameCompany", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "schedule", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "getTermsAndConditions", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "regexType", void 0);
+__decorate([
+    Input()
+], FormAuroraComponent.prototype, "getIpAddress", void 0);
+__decorate([
+    ViewChild('formDynamic', { static: true })
+], FormAuroraComponent.prototype, "formDynamic", void 0);
+__decorate([
+    Output()
+], FormAuroraComponent.prototype, "response", void 0);
+__decorate([
+    Output()
+], FormAuroraComponent.prototype, "summit", void 0);
+__decorate([
+    Output()
+], FormAuroraComponent.prototype, "setAcceptanceDocument", void 0);
+__decorate([
+    ViewChild('modalTurns', { static: false })
+], FormAuroraComponent.prototype, "myModal", void 0);
+FormAuroraComponent = __decorate([
+    Component({
+        selector: 'lib-FormAurora',
+        template: "<script src=\"https://www.google.com/recaptcha/api.js\" async defer></script>\n<div class=\"card\">\n    <span class=\"text-center mt-2 d-none d-sm-block\">\n        <img style=\"width: 115px; height:96px;\" [class]=\"dataClassCss.logo\" id=\"logo\">\n    </span>\n  <div class=\"card-body pt-0\">\n    <ng-container *ngIf=\"schedule\">\n      <h4 class=\"card-title text-center mb-0\" [class]=\"dataClassCss.bienvenida2\" style=\"color: #EE7E0E;\">\n        Horarios de atenci\u00F3n\n      </h4>\n      <small class=\"text-center d-block\">{{schedule}}</small>\n    </ng-container>\n    <form #formDynamic=\"ngForm\">\n      <div *ngFor=\"let control of dataForm?.formQuestions; let index = index; trackBy: trackByIndex\">\n        <div\n          *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2)) || (index < dataForm.formQuestions.length && dataForm.formQuestions[index].question.questionType.id == 3 && dataForm.formQuestions[index + 1].question.questionType.id == 2); else switchTemp\">\n          <div class=\"row\"\n               *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2))\">\n            <div class=\"col-lg-6 col-xs-12\">\n              <div [class]=\"dataClassCss.cl12\">\n                <label for=\"{{dataForm.formQuestions[index - 1].question.value}}\" class=\"col-sm-12\"\n                       style=\"display: block; text-align: left;\">\n                                    <span class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index -\n                                    1].question.label}}</span>\n                </label>\n                <div class=\"selectContainer\">\n                  <select [name]=\"dataForm.formQuestions[index - 1].question.value\"\n                          [required]=\"dataForm.formQuestions[index - 1].question.required\"\n                          [class]=\"dataClassCss.formcontrol\"\n                          id=\"{{dataForm.formQuestions[index - 1].question.value}}\"\n                          style=\"margin-top: -1rem !important;\"\n                          [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index - 1].question.registred\">\n                    <option value=\"\" selected disabled hidden>Selecciona</option>\n                    <ng-container\n                      *ngFor=\"let item of dataForm.formQuestions[index - 1].question.questionAnswers\">\n                      <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\n                        {{ item.answer.field }}\n                      </option>\n                    </ng-container>\n                  </select>\n                </div>\n              </div>\n              <div style=\"margin-left: 15px;\"\n                   *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\n                                <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index-1].question.value\"\n                                      hidden></span>\n              </div>\n            </div>\n            <div class=\"col-lg-6 col-xs-12\">\n              <div [class]=\"dataClassCss.cl12\">\n                <label for=\"{{dataForm.formQuestions[index].question.value}}\"\n                       class=\"col-sm-12 p-sm-0 px-sm-1\" style=\"display: block; text-align: left;\">\n                                    <span\n                                      class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\n                </label>\n                <input type=\"text\" digitOnly id=\"{{dataForm.formQuestions[index].question.value}}\"\n                       style=\"margin-top: -1rem !important;\"\n                       [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\n                       [required]=\"dataForm.formQuestions[index].question.required\"\n                       (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (keyup)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       onkeypress=\"return (event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57\"\n                       onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\n                       maxlength=\"dataForm.formQuestions[index].question.maxLength\"\n                       [minLength]=\"dataForm.formQuestions[index].question.minLength\"\n                       [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\n                       [class]=\"dataClassCss.formcontrol\"/>\n\n              </div>\n              <div style=\"margin-left: 15px;\"\n                   *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\n                                <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\n                                      *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\n                                    Este campo es obligatorio</span>\n                <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\n                                    Debe ser m\u00EDnimo de\n                  {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\n                <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\n                                    Debe ser maximo de\n                  {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\n                <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\n                      hidden></span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <ng-template #switchTemp>\n          <div [ngSwitch]=\"dataForm.formQuestions[index].question.questionType.id\">\n            <div *ngSwitchCase=\"1\">\n              <div [class]=\"dataClassCss.cl12\">\n                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\n                       style=\"display: block; text-align: left; \">\n                                    <span\n                                      class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\n                </label>\n                <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\n                       [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\n                       [required]=\"dataForm.formQuestions[index].question.required\"\n                       [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\n                       [name]=\"dataForm.formQuestions[index].question.value\"\n                       (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\n                       style=\"margin-top: -1rem !important;\"/>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"2\">\n\n              <div [class]=\"dataClassCss.cl12\">\n                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\n                       style=\"display: block; text-align: left;\">\n                                    <span\n                                      class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\n                </label>\n                <input type=\"text\" digitOnly id=\"{{dataForm.formQuestions[index].question.value}}\"\n                       style=\"margin-top: -1rem !important;\"\n                       [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\n                       [required]=\"dataForm.formQuestions[index].question.required\"\n                       (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       onkeypress=\"return (event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57\"\n                       onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\n                       maxlength=\"dataForm.formQuestions[index].question.maxLength\"\n                       [minLength]=\"dataForm.formQuestions[index].question.minLength\"\n                       [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\n                       [class]=\"dataClassCss.formcontrol\"/>\n              </div>\n\n            </div>\n            <div *ngSwitchCase=\"3\">\n              <div [class]=\"dataClassCss.cl12\">\n                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\n                       style=\"display: block; text-align: left;\">\n                                    <span\n                                      class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index].question.label}}</span>\n                </label>\n                <select [name]=\"dataForm.formQuestions[index].question.value\"\n                        [required]=\"dataForm.formQuestions[index].question.required\"\n                        [class]=\"dataClassCss.formcontrol\"\n                        id=\"{{dataForm.formQuestions[index].question.value}}\"\n                        style=\"margin-top: -1rem !important;\"\n                        [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index].question.registred\">\n                  <option value=\"\" selected disabled hidden>Selecciona</option>\n                  <ng-container\n                    *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\">\n                    <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\n                      {{ item.answer.field }}\n                    </option>\n                  </ng-container>\n                </select>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"4\">\n              <select class=\"{{ dataClassCss.formcontrol }} select-checkbox\"\n                      style=\"overflow: hidden; border-style: hidden;\"\n                      [style.height.px]=\"dataForm.formQuestions[index].question.questionAnswers.length * 24\"\n                      [name]=\"dataForm.formQuestions[index].question.value\"\n                      [required]=\"dataForm.formQuestions[index].question.required\" ngModel multiple>\n                <!--                                todo: delete (mousedown)=\"onMouseDown($event, dataForm.formQuestions[index].question.value, formDynamic)\"-->\n                <option\n                  (mousemove)=\"$event.preventDefault()\"\n                  *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\"\n                  [value]=\"item.answer.value\">\n                  {{ item.answer.field }}\n                </option>\n              </select>\n            </div>\n            <div *ngSwitchCase=\"5\">\n              <a (click)=\"rediretoutside($event,dataForm.formQuestions[index].question)\" href=\"\">\n                <span>{{ dataForm.formQuestions[index].question.label }}</span>\n              </a>\n            </div>\n            <div *ngSwitchCase=\"6\">\n              <div [class]=\"dataClassCss.cl12\" [id]=\"'reCaptcha'\">\n                <div class=\"cnt-captcha\">\n                  <re-captcha (resolved)=\"resolvedCaptcha($event)\"\n                              siteKey=\"6LfQisEZAAAAAARuuKFEAgS-x4qJse5uBA_QCA7v\"></re-captcha>\n                  <input hidden type=\"text\" [name]=\"dataForm.formQuestions[index].question.value\"\n                         [required]=\"dataForm.formQuestions[index].question.required\"\n                         [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\n                </div>\n                <span class=\"error\" *ngIf=\"watchValid && !captchaValid\" style=\"margin-top: 0;\">\n                                    Debe resolver la captcha para continuar\n                                </span>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"7\">\n              <div [class]=\"dataClassCss.cl12\">\n                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\n                       style=\"display: block; text-align: left; margin-bottom: 0 ;\">\n                                    <span\n                                      class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\n                </label>\n                <input placeholder=\"dd/mm/aaaa\" style=\"margin-top: -0.4rem !important;\"\n                       [required]=\"dataForm.formQuestions[index].question.required\"\n                       [name]=\"dataForm.formQuestions[index].question.value\" type=\"date\" min=\"{{minDate}}\"\n                       max=\"{{maxDate}}\" [maxlength]=\"10\" (paste)=\"false\"\n                       id=\"{{dataForm.formQuestions[index].question.value}}\"\n                       [class]=\"dataClassCss.txtCalendar\"\n                       [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\n                       (keydown)=\"cancellKeypress()\"\n                       (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\">\n\n                <!--                                for replace by id todo-->\n                <button class=\"btn\" id=\"{{dataForm.formQuestions[index].question.value}}\" type=\"button\"\n                        style=\"width: 46px;\n                                    top: 12px;\n                                    color: white;\n                                    right: 15px;\n                                    position: absolute;\n                                    background: #D25D42;\n                                    pointer-events: none;\">\n                  <i class=\"fa fa-calendar\"></i>\n                </button>\n\n              </div>\n            </div>\n            <div *ngSwitchCase=\"8\">\n              <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\n                <input [style]=\"'width: 4%; height: auto; display: inline;'\" type=\"checkbox\"\n                       [name]=\"dataForm.formQuestions[index].question.value\"\n                       [required]=\"dataForm.formQuestions[index].question.required\"\n                       [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\n                       [class]=\"dataClassCss.formcontrol\"\n                       (change)=\"checkTermsAndConditions(dataForm.formQuestions[index].question.registred)\">\n                <!-- <a href=\"{{urlPdf}}\" target=\"_blank\" style=\"text-decoration: underline;\"\n                    id=\"txtPoliticas\" (click)=\"tycSelection()\">\n                    {{dataForm.formQuestions[index].question.label}}\n                </a> -->\n                <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\n                   id=\"txtPoliticas\" (click)=\"tycSelection($event)\">\n                  {{dataForm.formQuestions[index].question.label}}\n                </a>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"9\">\n              <div [class]=\"dataClassCss.cl12\">\n                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\n                       style=\"display: block; text-align: left; \">\n                                    <span\n                                      class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\n                </label>\n                <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\n                       [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\n                       [required]=\"dataForm.formQuestions[index].question.required\"\n                       [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\n                       [name]=\"dataForm.formQuestions[index].question.value\"\n                       (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (keypress)=\"validOnlyText($event)\"\n                       [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\n                       style=\"margin-top: -1rem !important;\"/>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"10\">\n              <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\n                <input [style]=\"'width: 4%; height: auto; display: inline;'\" type=\"checkbox\"\n                       [name]=\"dataForm.formQuestions[index].question.value\"\n                       [required]=\"dataForm.formQuestions[index].question.required\"\n                       [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\n                       [class]=\"dataClassCss.formcontrol\">\n                <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\n                   id=\"check{{dataForm.formQuestions[index].question.id}}\"\n                   (click)=\"openLabelUrl($event,dataForm.formQuestions[index].question)\">\n                  {{dataForm.formQuestions[index].question.label}}\n                </a>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"11\">\n              <div [class]=\"dataClassCss.cl12\">\n                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\n                       style=\"display: block; text-align: left; \">\n                                    <span\n                                      class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\n                </label>\n                <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\n                       [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\n                       [required]=\"dataForm.formQuestions[index].question.required\"\n                       [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\n                       [name]=\"dataForm.formQuestions[index].question.value\"\n                       (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\n                       (keypress)=\"validateNotSpace($event)\"\n                       [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\n                       style=\"margin-top: -1rem !important;\"/>\n              </div>\n            </div>\n            <div *ngSwitchDefault>Tipo de control no detectado</div>\n            <div style=\"margin-left: 15px;\"\n                 *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\n                            <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\n                                  *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\n                                Este campo es obligatorio</span>\n              <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\n                                Debe ser m\u00EDnimo de\n                {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\n              <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\n                                Debe ser maximo de\n                {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\n              <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\n                    hidden></span>\n              <span class=\"error\" [id]=\"dataForm.formQuestions[index].question.id\" hidden></span>\n            </div>\n          </div>\n        </ng-template>\n      </div>\n      <div class=\"mt-3 text-center\">\n        <button type=\"button\" [class]=\"dataClassCss.btn\" (click)=\"onSubmit()\" [disabled]=\"!formDynamic.valid\"\n                id=\"btnIng\">Ingresar\n        </button>\n      </div>\n    </form>\n  </div>\n</div>\n",
+        providers: [
+            { provide: NgbDateAdapter, useClass: CustomAdapter },
+            { provide: NgbDateParserFormatter, useClass: CustomDateParserFormatter },
+            { provide: NgbDatepickerI18n, useClass: CustomDatepickerI18n },
+            I18n
+        ],
+        styles: [".select-checkbox option::before{content:\"\\2610\";width:1.3em;text-align:center;display:inline-block}.select-checkbox option:checked::before{content:\"\\2611\"}"]
+    })
+], FormAuroraComponent);
+
+let FormAuroraModule = class FormAuroraModule {
+};
+FormAuroraModule = __decorate([
+    NgModule({
+        declarations: [FormAuroraComponent],
+        imports: [
+            CommonModule,
+            FormsModule,
+            RecaptchaModule,
+            RecaptchaFormsModule
+        ],
+        exports: [FormAuroraComponent]
+    })
+], FormAuroraModule);
+
+/*
+ * Public API Surface of form-aurora
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomAdapter, CustomDateParserFormatter, CustomDatepickerI18n, FormAuroraComponent, FormAuroraModule, I18n };
+//# sourceMappingURL=form-aurora-stefanini.js.map