form-aurora-stefanini 0.1.10 → 0.1.13

package/bundles/form-aurora-stefanini.umd.js

@@ -223,970 +223,1094 @@
         return value;
     }
 
-    var regexType = {
-        default: {
-            exp: '^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_\\s]*$',
-            message: 'Formato inválido, no use caracteres especiales'
-        },
-        word: {
-            exp: '^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_]*$',
-            message: 'Formato inválido, no use caracteres especiales ni espacios'
-        },
-        name: {
-            exp: '^[a-zA-ZñÑáéíóúüÁÉÍÓÚÜ\\s]*$',
-            message: 'Formato inválido, no use caracteres especiales ni números'
-        },
-        alphanumberWord: {
-            exp: '^[a-zA-Z0-9]*$',
-            message: 'Formato alfanúmerico inválido'
-        },
-        charWord: {
-            exp: '^[a-zA-Z]*$',
-            message: 'Formato de caracteres inválido'
-        },
-        anyWord: {
-            exp: '^\\S*$',
-            message: 'Formato inválido'
-        },
-        percent: {
-            exp: '^100$|^[0-9]{1,2}$|^[0-9]{1,2}\\.[0-9]{1,2}$',
-            message: 'Formato de porcentaje inválido, use el punto decimal (.)'
-        },
-        email: {
-            exp: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-            message: 'Formato de e-mail inválido'
-        },
-        number: {
-            exp: '^[0-9]*$',
-            message: 'Formato de número inválido'
-        },
-        time24: {
-            exp: '^([01]?[0-9]|2[0-3]):[0-5][0-9]$',
-            message: 'Formato de hora militar inválido, use 23:45'
-        },
-        date: {
-            exp: '^[0-9]{1,2}/[0-9]{1,2}/[0-9]{4}$',
-            message: 'Formato de fecha inválido',
-            internal: 'dd/mm/yyyy'
-        },
-        password: {
-            exp: '^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$',
-            message: 'La contraseña debe incluir una longitud mínima de 8 caracteres, una letra mayúscula, una letra minúscula, un número, un carácter especial (@#$%^&+=/.) y no debe tener espacios.'
-        }
+    var regexType = {
+        default: {
+            exp: '^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_\\s]*$',
+            message: 'Formato inválido, no use caracteres especiales'
+        },
+        word: {
+            exp: '^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_]*$',
+            message: 'Formato inválido, no use caracteres especiales ni espacios'
+        },
+        name: {
+            exp: '^[a-zA-ZñÑáéíóúüÁÉÍÓÚÜ\\s]*$',
+            message: 'Formato inválido, no use caracteres especiales ni números'
+        },
+        alphanumberWord: {
+            exp: '^[a-zA-Z0-9]*$',
+            message: 'Formato alfanúmerico inválido'
+        },
+        charWord: {
+            exp: '^[a-zA-Z]*$',
+            message: 'Formato de caracteres inválido'
+        },
+        anyWord: {
+            exp: '^\\S*$',
+            message: 'Formato inválido'
+        },
+        percent: {
+            exp: '^100$|^[0-9]{1,2}$|^[0-9]{1,2}\\.[0-9]{1,2}$',
+            message: 'Formato de porcentaje inválido, use el punto decimal (.)'
+        },
+        email: {
+            exp: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+            message: 'Formato de e-mail inválido'
+        },
+        number: {
+            exp: '^[0-9]*$',
+            message: 'Formato de número inválido'
+        },
+        time24: {
+            exp: '^([01]?[0-9]|2[0-3]):[0-5][0-9]$',
+            message: 'Formato de hora militar inválido, use 23:45'
+        },
+        date: {
+            exp: '^[0-9]{1,2}/[0-9]{1,2}/[0-9]{4}$',
+            message: 'Formato de fecha inválido',
+            internal: 'dd/mm/yyyy'
+        },
+        password: {
+            exp: '^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$',
+            message: 'La contraseña debe incluir una longitud mínima de 8 caracteres, una letra mayúscula, una letra minúscula, un número, un carácter especial (@#$%^&+=/.) y no debe tener espacios.'
+        }
     };
 
-    var CommonDataService = /** @class */ (function () {
-        function CommonDataService() {
-        }
-        CommonDataService_1 = CommonDataService;
-        CommonDataService.prototype.getData = function () {
-            if (localStorage.getItem("data") != null) {
-                var data = new Map(JSON.parse(localStorage.getItem("data")));
-                return data;
-            }
-            else {
-                /** Error get cookie */
-            }
-        };
-        CommonDataService.prototype.setData = function (data) {
-            localStorage.setItem("data", JSON.stringify(Array.from(data.entries())));
-        };
-        CommonDataService.prototype.initData = function () {
-            this.setData(new Map());
-        };
-        CommonDataService.prototype.putValue = function (key, value) {
-            var data = this.getData();
-            data = data.set(key, value);
-            this.setData(data);
-        };
-        CommonDataService.prototype.addValue = function (keyPrimary, keySecond, value) {
-            var data = this.getValue(keyPrimary);
-            var dataReturn = this.getData();
-            data[keySecond] = value;
-            dataReturn = dataReturn.set(keyPrimary, data);
-            this.setData(dataReturn);
-        };
-        CommonDataService.prototype.getValue = function (key) {
-            return !this.getData() || !this.getData().has(key) ? undefined : this.getData().get(key);
-        };
-        CommonDataService.prototype.hasValue = function (key) {
-            return this.getData() != undefined ? this.getData().has(key) : null;
-        };
-        CommonDataService.prototype.clearMap = function () {
-            if (this.hasValue(CommonDataService_1.COMPANY_KEY)) {
-                var company = this.getValue(CommonDataService_1.COMPANY_KEY);
-                this.initData();
-                this.putValue(CommonDataService_1.COMPANY_KEY, company);
-            }
-            else {
-                this.initData();
-            }
-        };
-        var CommonDataService_1;
-        CommonDataService.COMPANY_KEY = "company";
-        CommonDataService.DOC_NUMBER_KEY = "docNumber";
-        CommonDataService.DOC_TYPE_KEY = "docType";
-        CommonDataService.PHONE_KEY = "phone";
-        CommonDataService.TYPE_ATTENTION_KEY = "typeAttention";
-        CommonDataService.OFFICE_KEY = "office";
-        CommonDataService.TYPE_TURN_KEY = "typeTurn";
-        CommonDataService.SERVICE_KEY = "service";
-        CommonDataService.TURN_KEY = "turn";
-        CommonDataService.PROGRAMED_TURN_KEY = "programedTurn";
-        CommonDataService.REQUEST_CALL = "requestCall";
-        CommonDataService.FORM_DATA = "formdata";
-        CommonDataService.TEMPLATE = "template";
-        CommonDataService.TURN_RESCHEDULE = "turnReschedule";
-        CommonDataService.USER_GENDER = "genderUser";
-        CommonDataService.AUTO_REDIRECT = "autoRedirect";
-        CommonDataService.SCHEDULE_GENERAL = "scheduleGeneral";
-        CommonDataService.AGENDAMIENTO_TTP = "potencialCustomer";
-        CommonDataService.SINGLE_PAGE_ONE = "singlePageOne";
-        CommonDataService.AVAILABLE_SCHEDULE_GRAL = "availableScheduleGral";
-        CommonDataService.PROFILE = "profile";
-        CommonDataService.PAGE_NEXT = "pageNext";
-        CommonDataService.STEPS = "steps";
-        CommonDataService.TYPE_TURN_ID = "typeTurnId";
-        CommonDataService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function CommonDataService_Factory() { return new CommonDataService(); }, token: CommonDataService, providedIn: "root" });
-        CommonDataService = CommonDataService_1 = __decorate([
-            core.Injectable({
-                providedIn: "root",
-            })
-        ], CommonDataService);
-        return CommonDataService;
+    var Offusqued = /** @class */ (function () {
+        function Offusqued() {
+            this.dataMap = new Map();
+            this.dataMap.set('A', '2,');
+            this.dataMap.set('J', '29,');
+            this.dataMap.set('S', '67,');
+            this.dataMap.set('B', '3,');
+            this.dataMap.set('K', '31,');
+            this.dataMap.set('T', '71,');
+            this.dataMap.set('C', '5,');
+            this.dataMap.set('L', '37,');
+            this.dataMap.set('U', '73,');
+            this.dataMap.set('D', '7,');
+            this.dataMap.set('M', '41,');
+            this.dataMap.set('V', '79,');
+            this.dataMap.set('E', '11,');
+            this.dataMap.set('N', '43,');
+            this.dataMap.set('W', '83,');
+            this.dataMap.set('F', '13,');
+            this.dataMap.set('O', '47,');
+            this.dataMap.set('X', '89,');
+            this.dataMap.set('G', '17,');
+            this.dataMap.set('P', '53,');
+            this.dataMap.set('Y', '97,');
+            this.dataMap.set('H', '19,');
+            this.dataMap.set('Q', '59,');
+            this.dataMap.set('Z', '101,');
+            this.dataMap.set('I', '23,');
+            this.dataMap.set('R', '61,');
+            this.dataMap.set('a', '103,');
+            this.dataMap.set('j', '151,');
+            this.dataMap.set('s', '157,');
+            this.dataMap.set('b', '107,');
+            this.dataMap.set('k', '163,');
+            this.dataMap.set('t', '167,');
+            this.dataMap.set('c', '109,');
+            this.dataMap.set('l', '173,');
+            this.dataMap.set('u', '179,');
+            this.dataMap.set('d', '113,');
+            this.dataMap.set('m', '181,');
+            this.dataMap.set('v', '191,');
+            this.dataMap.set('e', '127,');
+            this.dataMap.set('n', '193,');
+            this.dataMap.set('w', '227,');
+            this.dataMap.set('f', '132,');
+            this.dataMap.set('o', '197,');
+            this.dataMap.set('x', '229,');
+            this.dataMap.set('g', '137,');
+            this.dataMap.set('p', '199,');
+            this.dataMap.set('y', '233,');
+            this.dataMap.set('h', '139,');
+            this.dataMap.set('q', '211,');
+            this.dataMap.set('z', '239,');
+            this.dataMap.set('i', '149,');
+            this.dataMap.set('r', '223,');
+            this.dataMap.set('0', 'Z,');
+            this.dataMap.set('1', 'Y,');
+            this.dataMap.set('2', 'X,');
+            this.dataMap.set('3', 'W,');
+            this.dataMap.set('4', 'V,');
+            this.dataMap.set('5', 'U,');
+            this.dataMap.set('6', 'T,');
+            this.dataMap.set('7', 'S,');
+            this.dataMap.set('8', 'R,');
+            this.dataMap.set('9', 'Q,');
+            this.dataMap.set(',', '&');
+            this.dataMap.set('{', '1000,');
+            this.dataMap.set('}', '0000,');
+        }
+        Offusqued.prototype.ofusquedData = function (data) {
+            var responce = '';
+            var ofusquedData = data.toString().split('');
+            // tslint:disable-next-line:prefer-for-of
+            for (var i = 0; i < ofusquedData.length; i++) {
+                var letter = ofusquedData[i].toString();
+                if (this.dataMap.has(letter)) {
+                    responce += this.dataMap.get(letter).toString();
+                }
+                else {
+                    responce += letter + ',';
+                }
+            }
+            return responce;
+        };
+        Offusqued.prototype.decodeOfusquedData = function (data) {
+            var respoce = '';
+            var arrayData = data.split(',');
+            // tslint:disable-next-line:prefer-for-of
+            for (var i = 0; i < arrayData.length; i++) {
+                respoce += this.readValueInMap(arrayData[i]);
+            }
+            // @ts-ignore
+            return respoce.replaceAll('&', ',');
+        };
+        Offusqued.prototype.readValueInMap = function (data) {
+            var respoce = '';
+            var status = true;
+            this.dataMap.forEach(function (value, key) {
+                if (data + ',' === value) {
+                    respoce = key;
+                    status = false;
+                }
+            });
+            if (status) {
+                respoce = data;
+            }
+            return respoce;
+        };
+        Offusqued.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function Offusqued_Factory() { return new Offusqued(); }, token: Offusqued, providedIn: "root" });
+        Offusqued = __decorate([
+            core.Injectable({
+                providedIn: 'root',
+            })
+        ], Offusqued);
+        return Offusqued;
     }());
 
-    var moment = moment_;
-    /**
-     * This Service handles how the date is represented in scripts i.e. ngModel.
-     */
-    var CustomAdapter = /** @class */ (function (_super) {
-        __extends(CustomAdapter, _super);
-        function CustomAdapter() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.DELIMITER = '/';
-            return _this;
-        }
-        CustomAdapter.prototype.fromModel = function (value) {
-            if (value) {
-                var date = value.split(this.DELIMITER);
-                return {
-                    day: parseInt(date[0], 10),
-                    month: parseInt(date[1], 10),
-                    year: parseInt(date[2], 10)
-                };
-            }
-            return null;
-        };
-        CustomAdapter.prototype.toModel = function (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 : '';
-        };
-        CustomAdapter = __decorate([
-            core.Injectable()
-        ], CustomAdapter);
-        return CustomAdapter;
-    }(ngBootstrap.NgbDateAdapter));
-    /**
-     * This Service handles how the date is rendered and parsed from keyboard i.e. in the bound input field.
-     */
-    var CustomDateParserFormatter = /** @class */ (function (_super) {
-        __extends(CustomDateParserFormatter, _super);
-        function CustomDateParserFormatter() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.DELIMITER = '/';
-            return _this;
-        }
-        CustomDateParserFormatter.prototype.parse = function (value) {
-            if (value) {
-                var date = value.split(this.DELIMITER);
-                return {
-                    day: parseInt(date[0], 10),
-                    month: parseInt(date[1], 10),
-                    year: parseInt(date[2], 10)
-                };
-            }
-            return null;
-        };
-        CustomDateParserFormatter.prototype.format = function (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([
-            core.Injectable()
-        ], CustomDateParserFormatter);
-        return CustomDateParserFormatter;
-    }(ngBootstrap.NgbDateParserFormatter));
-    var 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
-    };
-    var I18n = /** @class */ (function () {
-        function I18n() {
-            this.language = 'es';
-        }
-        I18n = __decorate([
-            core.Injectable()
-        ], I18n);
-        return I18n;
-    }());
-    // Define custom service providing the months and weekdays translations
-    var CustomDatepickerI18n = /** @class */ (function (_super) {
-        __extends(CustomDatepickerI18n, _super);
-        function CustomDatepickerI18n(_i18n) {
-            var _this = _super.call(this) || this;
-            _this._i18n = _i18n;
-            return _this;
-        }
-        CustomDatepickerI18n.prototype.getWeekdayLabel = function (weekday) {
-            return I18N_VALUES[this._i18n.language].weekdays[weekday - 1];
-        };
-        CustomDatepickerI18n.prototype.getWeekLabel = function () {
-            return I18N_VALUES[this._i18n.language].weekLabel;
-        };
-        CustomDatepickerI18n.prototype.getMonthShortName = function (month) {
-            return I18N_VALUES[this._i18n.language].months[month - 1];
-        };
-        CustomDatepickerI18n.prototype.getMonthFullName = function (month) {
-            return this.getMonthShortName(month);
-        };
-        CustomDatepickerI18n.prototype.getDayAriaLabel = function (date) {
-            return date.day + "-" + date.month + "-" + date.year;
-        };
-        CustomDatepickerI18n.prototype.getWeekdayShortName = function (weekday) {
-            return I18N_VALUES[this._i18n.language].weekdays[weekday - 1];
-        };
-        ;
-        CustomDatepickerI18n.ctorParameters = function () { return [
-            { type: I18n }
-        ]; };
-        CustomDatepickerI18n = __decorate([
-            core.Injectable()
-        ], CustomDatepickerI18n);
-        return CustomDatepickerI18n;
-    }(ngBootstrap.NgbDatepickerI18n));
-    var FormAuroraComponent = /** @class */ (function () {
-        function FormAuroraComponent(data, http) {
-            this.data = data;
-            this.http = http;
-            this.response = new core.EventEmitter();
-            this.summit = new core.EventEmitter();
-            this.viewAuthData = new core.EventEmitter();
-            this.tipodocNumDoc = false;
-            this.countSubmit = 0;
-            this.watchValid = false;
-            this.watchRequired = false;
-            this.captchaValid = false;
-            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()};
-            this.recharge = false;
-            this.indicativo = "57";
-            this.defaultDocType = "Cédula de ciudadanía";
-            this.patternNotValidDcto = false;
-            this.patternNotValidCel = false;
-            this.range = new forms.FormGroup({
-                start: new forms.FormControl(),
-                end: new forms.FormControl(),
-            });
-        }
-        FormAuroraComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.minDate = new Date(this.minDate).toISOString().split('T')[0];
-            setTimeout(function () {
-                _this.startComponent();
-            }, 2000);
-        };
-        FormAuroraComponent.prototype.startComponent = function () {
-            var e_1, _a;
-            var _this = this;
-            //ordena los campos
-            if (this.dataForm != null && this.dataForm.formQuestions != undefined) {
-                //Same row fields
-                this.tipodocNumDoc = (this.dataForm.formQuestions.some(function (question) { return question.question.value === "tipoDoc"; }) && this.dataForm.formQuestions.some(function (question) { return question.question.value === "numeroDoc"; })) ? true : false;
-                this.dataForm.formQuestions = this.dataForm.formQuestions.sort(function (a, b) {
-                    return a.order - b.order;
-                });
-                var existcaptcha = this.dataForm.formQuestions.filter(function (item) { return item.question.questionType.id == 6; });
-                if (existcaptcha.length == 0) {
-                    this.captchaValid = true;
-                }
-                var _loop_1 = function (item) {
-                    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_1.dataReloadForm.forEach(function (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 = '';
-                    }
-                };
-                var this_1 = this;
-                try {
-                    for (var _b = __values(this.dataForm.formQuestions), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var item = _c.value;
-                        _loop_1(item);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-        };
-        FormAuroraComponent.prototype.resolvedCaptcha = function (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
-        FormAuroraComponent.prototype.trackByIndex = function (index, obj) {
-            return index;
-        };
-        FormAuroraComponent.prototype.onChangeValidPatter = function (event, question) {
-            var _this = this;
-            if (question.pattern != undefined) {
-                var valid = true;
-                var 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)) {
-                        var regex = new RegExp(question.pattern);
-                        valid = regex.test(event.key);
-                    }
-                }
-                catch (error) { }
-                return valid;
-            }
-            if (question.questionType !== undefined) {
-                if (question.questionType.description === 'Number') {
-                    if (question.value === 'numeroDoc') {
-                        this.validateNumeroDocumento(this.formDynamic.controls["numeroDoc"].value.toString());
-                    }
-                    else if (question.value === 'celular') {
-                        this.validateCelular(this.formDynamic.controls["celular"].value.toString());
-                    }
-                }
-            }
-            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(function (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";
-        };
-        FormAuroraComponent.prototype.validOnlyText = function (event) {
-            var regex = /^[a-zA-Z\u00C0-\u017F]+$/g;
-            if (event.charCode == 32) {
-                return true;
-            }
-            var valid = regex.test(event.key);
-            return valid;
-        };
-        FormAuroraComponent.prototype.validDate = function (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);
-            */
-            var matches = String(event.key).match(regexType.date.exp);
-            var valid = true;
-            if (matches === null)
-                valid = false;
-            // alert(valid);
-            return valid;
-        };
-        FormAuroraComponent.prototype.onChangeValidDate = function (event) {
-            //let pattern = /(?:0[1-9]|1[0-2])\/(?:0[1-9]|[12][0-9]|3[01])\/(?:19|20)[0-9]{2}/;
-            var dateN = /[0-9]|\//;
-            var valid = true;
-            var regex = new RegExp(dateN);
-            valid = regex.test(event.key);
-            return valid;
-        };
-        FormAuroraComponent.prototype.rediretoutside = function (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
-         */
-        FormAuroraComponent.prototype.ngOnChanges = function (change) {
-            this.countSubmit++;
-        };
-        //onSubmit(form: NgForm) {
-        FormAuroraComponent.prototype.onSubmit = function () {
-            var _this = this;
-            var 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(function (resp) { return _this.response.emit(resp); });
-                }
-                else if (form.valid && this.captchaValid) {
-                    this.summit.emit(form.value);
-                }
-            }
-        };
-        FormAuroraComponent.prototype.findParamBoolean = function (params, idParam) {
-            var showDescriptionParam = params.find(function (x) { return x.id == idParam; });
-            return showDescriptionParam != null && showDescriptionParam.value == "true";
-        };
-        FormAuroraComponent.prototype.validRulesFields = function (numeroDoc, numeroCel, email) {
-            var _this = this;
-            // Validaciones para celular en caso de indicativo en Colombia
-            var cel = document.getElementById("charcelular");
-            var doc = document.getElementById("charnumeroDoc");
-            var valOk = true;
-            if (this.indicativo == "+57" || this.indicativo == "57") {
-                var 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
-                var listnumber = numeroDoc.substring(0, 1);
-                for (var 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;
-                }
-                if (!this.validateNumeroDocumento(numeroDoc)) {
-                    return false;
-                }
-                if (!this.validateCelular(numeroCel)) {
-                    return false;
-                }
-                // En caso de que el número se repita, ejemplo 33333333
-                var arrayPhoneRepeat = Array.from(String(numeroCel), Number);
-                var arrayPhoneOutRepeat = __spread(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(function (formQuestion) {
-                switch (formQuestion.question.questionType.id) {
-                    //se valida  campo de tipo email
-                    case 11:
-                        valOk = _this.emailRulesValidate(formQuestion);
-                        break;
-                }
-            });
-            return valOk;
-        };
-        FormAuroraComponent.prototype.orderString = function (value) {
-            var arrayNumber = [];
-            for (var 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;
-            });
-            var numberOrder = "";
-            numberOrder = arrayNumber[0];
-            for (var index = 1; index < arrayNumber.length; index++) {
-                numberOrder = numberOrder + (arrayNumber[0] + index).toString();
-            }
-            return numberOrder;
-        };
-        FormAuroraComponent.prototype.validMinlenghtAllQuestions = function (form) {
-            var e_2, _a;
-            try {
-                for (var _b = __values(this.dataForm.formQuestions), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var item = _c.value;
-                    if (item.question.questionType.id == 1 || item.question.questionType.id == 2) {
-                        var minLength = parseInt(item.question.minLength);
-                        var formValueLength = parseInt(form[item.question.value].toString().length);
-                        if (minLength > 0 && formValueLength != minLength && formValueLength < minLength)
-                            return false;
-                    }
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            return true;
-        };
-        FormAuroraComponent.prototype.validMaxLengthAllQuestions = function (form) {
-            var e_3, _a;
-            try {
-                for (var _b = __values(this.dataForm.formQuestions), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var item = _c.value;
-                    if (item.question.questionType.id == 1 || item.question.questionType.id == 2) {
-                        var maxLength = parseInt(item.question.maxLength);
-                        var formValueLength = parseInt(form[item.question.value].toString().length);
-                        if (maxLength > 0 && formValueLength != maxLength && formValueLength > maxLength)
-                            return false;
-                    }
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
-            return true;
-        };
-        FormAuroraComponent.prototype.validRequired = function (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;
-        };
-        FormAuroraComponent.prototype.validMinLength = function (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;
-        };
-        FormAuroraComponent.prototype.validMaxLength = function (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;
-        };
-        FormAuroraComponent.prototype.tycSelection = function (event) {
-            this.viewAuthData.emit(event);
-        };
-        FormAuroraComponent.prototype.openLabelUrl = function (event, question) {
-            event.preventDefault();
-            var tyc = document.getElementById("check" + question.id);
-            tyc.style.color = "#A3AD32";
-            window.open(question.urllabel, "_blank");
-        };
-        FormAuroraComponent.prototype.cancellKeypress = function () {
-            return false;
-        };
-        FormAuroraComponent.prototype.emailRulesValidate = function (formQuestion) {
-            var valOk = true;
-            try {
-                var hasError = false;
-                document.getElementById(formQuestion.question.id).setAttribute("hidden", "true");
-                var eml = document.getElementById(formQuestion.question.id);
-                var 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) {
-                    var matches = String(email).match(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;
-        };
-        FormAuroraComponent.prototype.calendarRulesValidate = function (formQuestion) {
-            var hasError = false;
-            try {
-                document.getElementById(formQuestion.question.id).setAttribute("hidden", "true");
-                var ecalendar = document.getElementById(formQuestion.question.id);
-                //se valida que no sea null si es requerido
-                var 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) {
-            }
-        };
-        FormAuroraComponent.prototype.validateNotSpace = function (event) {
-            if (event.charCode == 32) {
-                return false;
-            }
-            else {
-                return true;
-            }
-        };
-        FormAuroraComponent.prototype.validateNumeroDocumento = function (numeroDoc) {
-            if (!numeroDoc.match("^[0-9]*$")) {
-                this.formDynamic.controls["numeroDoc"].setValidators([forms.Validators.pattern('^[0-9]*$')]);
-                this.formDynamic.controls["numeroDoc"].markAsDirty();
-                this.formDynamic.controls["numeroDoc"].updateValueAndValidity();
-                this.formDynamic.controls["numeroDoc"].markAsTouched();
-                this.patternNotValidDcto = true;
-                return false;
-            }
-            this.patternNotValidDcto = false;
-            return true;
-        };
-        FormAuroraComponent.prototype.validateCelular = function (numeroCel) {
-            if (!numeroCel.match("^[0-9]*$")) {
-                this.formDynamic.controls["celular"].setValidators([forms.Validators.pattern('^[0-9]*$')]);
-                this.formDynamic.controls["celular"].markAsDirty();
-                this.formDynamic.controls["celular"].updateValueAndValidity();
-                this.formDynamic.controls["celular"].markAsTouched();
-                this.patternNotValidCel = true;
-                return false;
-            }
-            this.patternNotValidCel = false;
-            return true;
-        };
-        FormAuroraComponent.prototype.onkeypress = function (event) {
-            return (event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57;
-        };
-        FormAuroraComponent.prototype.onChangeStep = function (step, nextStep, value) {
-            if (nextStep && nextStep.stepOrder != 1) {
-                this.resetField(step);
-                nextStep.viewData = [];
-                nextStep.viewData = nextStep.stepData.filter(function (x) { return x.relationalIds.includes(Number(value)); });
-            }
-        };
-        FormAuroraComponent.prototype.resetField = function (stepIn) {
-            this.steps.forEach(function (step) {
-                if (step.stepOrder > stepIn.stepOrder) {
-                    step.viewData = undefined;
-                    step.value = undefined;
-                }
-            });
-        };
-        FormAuroraComponent.ctorParameters = function () { return [
-            { type: CommonDataService },
-            { type: http.HttpClient }
-        ]; };
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "dataClassCss", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "dataForm", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "clickSubmit", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "dataReloadForm", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "welcomeTitle", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "welcomeDescription", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "urlPdf", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "nameCompany", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "schedule", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "isSimpleFlow", void 0);
-        __decorate([
-            core.Input()
-        ], FormAuroraComponent.prototype, "steps", void 0);
-        __decorate([
-            core.ViewChild('formDynamic', { static: true })
-        ], FormAuroraComponent.prototype, "formDynamic", void 0);
-        __decorate([
-            core.Output()
-        ], FormAuroraComponent.prototype, "response", void 0);
-        __decorate([
-            core.Output()
-        ], FormAuroraComponent.prototype, "summit", void 0);
-        __decorate([
-            core.Output()
-        ], FormAuroraComponent.prototype, "viewAuthData", void 0);
-        FormAuroraComponent = __decorate([
-            core.Component({
-                selector: 'lib-FormAurora',
-                template: "<div class=\"card\">\r\n    <span class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"!isSimpleFlow\">\r\n        <img style=\"width: 115px; height:96px;\" [class]=\"dataClassCss.logo\" id=\"logo\">\r\n    </span>\r\n    <div class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"isSimpleFlow\" style=\"margin-top: 4%!important;\">\r\n    </div>\r\n    <div class=\"card-body pt-0\">\r\n        <ng-container *ngIf=\"schedule\">\r\n            <h4 class=\"card-title text-center mb-0\" [class]=\"dataClassCss.bienvenida2\" style=\"color: #EE7E0E;\">\r\n                Horarios de atenci\u00F3n\r\n            </h4>\r\n            <small class=\"text-center d-block\">{{schedule}}</small>\r\n        </ng-container>\r\n        <form #formDynamic=\"ngForm\">\r\n            <div *ngFor=\"let control of dataForm?.formQuestions; let index = index; trackBy: trackByIndex\">\r\n                <div\r\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\">\r\n                    <div class=\"row\"\r\n                        *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2))\">\r\n                        <div class=\"col-lg-6 col-xs-12\">\r\n                            <div [class]=\"dataClassCss.cl12\">\r\n                                <label for=\"{{dataForm.formQuestions[index - 1].question.value}}\" class=\"col-sm-12\"\r\n                                    style=\"display: block; text-align: left;\">\r\n                                    <span class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index -\r\n                                        1].question.label}}</span>\r\n                                </label>\r\n                                <div class=\"selectContainer\">\r\n                                    <select [name]=\"dataForm.formQuestions[index - 1].question.value\"\r\n                                        [required]=\"dataForm.formQuestions[index - 1].question.required\"\r\n                                        [class]=\"dataClassCss.formcontrol\"\r\n                                        id=\"{{dataForm.formQuestions[index - 1].question.value}}\"\r\n                                        style=\"margin-top: -1rem !important;\"\r\n                                        [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index - 1].question.registred\">\r\n                                        <option value=\"\" selected disabled hidden>Selecciona</option>\r\n                                        <ng-container\r\n                                            *ngFor=\"let item of dataForm.formQuestions[index - 1].question.questionAnswers\">\r\n                                            <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n                                                {{ item.answer.field }}\r\n                                            </option>\r\n                                        </ng-container>\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n                            <div style=\"margin-left: 15px;\"\r\n                                *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n                                <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index-1].question.value\"\r\n                                    hidden></span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-lg-6 col-xs-12\">\r\n                            <div [class]=\"dataClassCss.cl12\">\r\n                                <label for=\"{{dataForm.formQuestions[index].question.value}}\"\r\n                                    class=\"col-sm-12 p-sm-0 px-sm-1\" style=\"display: block; text-align: left;\">\r\n                                    <span\r\n                                        class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n                                </label>\r\n                                <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n                                    id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n                                    style=\"margin-top: -1rem !important;\"\r\n                                    [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                    (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (keyup)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n                                    maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n                                    [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n                                    [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n                                    [class]=\"dataClassCss.formcontrol\" />\r\n\r\n                            </div>\r\n\r\n                            <div style=\"margin-left: 15px;\"\r\n                                *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n                                <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n                                    *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n                                    Este campo es obligatorio</span>\r\n                                <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n                                    Debe ser m\u00EDnimo de\r\n                                    {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n                                <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n                                    Debe ser maximo de\r\n                                    {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n                                <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n                                    hidden></span>\r\n                                <span *ngIf=\"patternNotValidDcto === true\" class=\"error\">Formato no valido</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <ng-template #switchTemp>\r\n                    <div [ngSwitch]=\"dataForm.formQuestions[index].question.questionType.id\">\r\n                        <div *ngSwitchCase=\"1\">\r\n                            <div [class]=\"dataClassCss.cl12\">\r\n                                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n                                    style=\"display: block; text-align: left; \">\r\n                                    <span\r\n                                        class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n                                </label>\r\n                                <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n                                    [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                    [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n                                    [name]=\"dataForm.formQuestions[index].question.value\"\r\n                                    (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n                                    style=\"margin-top: -1rem !important;\" />\r\n                            </div>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"2\">\r\n\r\n                            <div [class]=\"dataClassCss.cl12\">\r\n                                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n                                    style=\"display: block; text-align: left;\">\r\n                                    <span\r\n                                        class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n                                </label>\r\n                                <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n                                    id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n                                    style=\"margin-top: -1rem !important;\"\r\n                                    [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                    (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n                                    maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n                                    [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n                                    [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n                                    [class]=\"dataClassCss.formcontrol\" />\r\n                                <span *ngIf=\"patternNotValidCel === true\" class=\"error\">Formato no valido</span>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div *ngSwitchCase=\"3\">\r\n                            <div [class]=\"dataClassCss.cl12\">\r\n                                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n                                    style=\"display: block; text-align: left;\">\r\n                                    <span\r\n                                        class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index].question.label}}</span>\r\n                                </label>\r\n                                <select [name]=\"dataForm.formQuestions[index].question.value\"\r\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                    [class]=\"dataClassCss.formcontrol\"\r\n                                    id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n                                    style=\"margin-top: -1rem !important;\"\r\n                                    [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index].question.registred\">\r\n                                    <option value=\"\" selected disabled hidden>Selecciona</option>\r\n                                    <ng-container\r\n                                        *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\">\r\n                                        <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n                                            {{ item.answer.field }}\r\n                                        </option>\r\n                                    </ng-container>\r\n                                </select>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"4\">\r\n                            <select class=\"{{ dataClassCss.formcontrol }} select-checkbox\"\r\n                                style=\"overflow: hidden; border-style: hidden;\"\r\n                                [style.height.px]=\"dataForm.formQuestions[index].question.questionAnswers.length * 24\"\r\n                                [name]=\"dataForm.formQuestions[index].question.value\"\r\n                                [required]=\"dataForm.formQuestions[index].question.required\" ngModel multiple>\r\n                                <option (mousemove)=\"$event.preventDefault()\"\r\n                                    *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\"\r\n                                    [value]=\"item.answer.value\">\r\n                                    {{ item.answer.field }}\r\n                                </option>\r\n                            </select>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"5\">\r\n                            <a (click)=\"rediretoutside($event,dataForm.formQuestions[index].question)\" href=\"\">\r\n                                <span>{{ dataForm.formQuestions[index].question.label }}</span>\r\n                            </a>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"6\">\r\n                            <div [class]=\"dataClassCss.cl12\" [id]=\"'reCaptcha'\">\r\n                                <div class=\"cnt-captcha\">\r\n                                    <re-captcha (resolved)=\"resolvedCaptcha($event)\"\r\n                                        siteKey=\"6Lf9DcQfAAAAAI6HCNB5OyKUpOPpfl5ocoBJcigZ\"></re-captcha>\r\n                                    <input hidden type=\"text\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n                                        [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                        [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n                                </div>\r\n                                <span class=\"error\" *ngIf=\"watchValid && !captchaValid\" style=\"margin-top: 0;\">\r\n                                    Debe resolver la captcha para continuar\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"7\">\r\n                            <div [class]=\"dataClassCss.cl12\">\r\n                                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n                                    style=\"display: block; text-align: left; margin-bottom: 0 ;\">\r\n                                    <span\r\n                                        class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n                                </label>\r\n                                <input placeholder=\"dd/mm/aaaa\" style=\"margin-top: -0.4rem !important;\"\r\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                    [name]=\"dataForm.formQuestions[index].question.value\" type=\"date\" min=\"{{minDate}}\"\r\n                                    max=\"{{maxDate}}\" [maxlength]=\"10\" (paste)=\"false\"\r\n                                    id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n                                    [class]=\"dataClassCss.txtCalendar\"\r\n                                    [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n                                    (keydown)=\"cancellKeypress()\"\r\n                                    (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\">\r\n\r\n                                <button class=\"btn\" id=\"{{dataForm.formQuestions[index].question.value}}\" type=\"button\"\r\n                                    style=\"width: 46px;\r\n                                  top: 12px;\r\n                                  color: white;\r\n                                  right: 15px;\r\n                                  position: absolute;\r\n                                  background: #D25D42;\r\n                                  pointer-events: none;\">\r\n                                    <i class=\"fa fa-calendar\"></i>\r\n                                </button>\r\n\r\n                            </div>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"8\">\r\n                            <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n                                <input\r\n                                    style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n                                    type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                    [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n                                    [class]=\"dataClassCss.formcontrol\">\r\n                                <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n                                    id=\"txtPoliticas\" (click)=\"tycSelection($event)\">\r\n                                    {{dataForm.formQuestions[index].question.label}}\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"9\">\r\n                            <div [class]=\"dataClassCss.cl12\">\r\n                                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n                                    style=\"display: block; text-align: left; \">\r\n                                    <span\r\n                                        class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n                                </label>\r\n                                <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n                                    [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                    [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n                                    [name]=\"dataForm.formQuestions[index].question.value\"\r\n                                    (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (keypress)=\"validOnlyText($event)\"\r\n                                    [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n                                    style=\"margin-top: -1rem !important;\" />\r\n                            </div>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"10\">\r\n                            <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n                                <input\r\n                                    style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n                                    type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                    [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n                                <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n                                    id=\"check{{dataForm.formQuestions[index].question.id}}\"\r\n                                    (click)=\"openLabelUrl($event,dataForm.formQuestions[index].question)\">\r\n                                    {{dataForm.formQuestions[index].question.label}}\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"11\">\r\n                            <div [class]=\"dataClassCss.cl12\">\r\n                                <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n                                    style=\"display: block; text-align: left; \">\r\n                                    <span\r\n                                        class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n                                </label>\r\n                                <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n                                    [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\r\n                                    [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n                                    [name]=\"dataForm.formQuestions[index].question.value\"\r\n                                    (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n                                    (keypress)=\"validateNotSpace($event)\"\r\n                                    [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n                                    style=\"margin-top: -1rem !important;\" />\r\n                            </div>\r\n                        </div>\r\n                        <div *ngSwitchDefault>Tipo de control no detectado</div>\r\n                        <div style=\"margin-left: 15px;\"\r\n                            *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n                            <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n                                *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n                                Este campo es obligatorio</span>\r\n                            <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n                                Debe ser m\u00EDnimo de\r\n                                {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n                            <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n                                Debe ser maximo de\r\n                                {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n                            <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n                                hidden></span>\r\n                            <span class=\"error\" [id]=\"dataForm.formQuestions[index].question.id\" hidden></span>\r\n                        </div>\r\n                    </div>\r\n                </ng-template>\r\n            </div>\r\n            <section *ngIf=\"isSimpleFlow\">\r\n                <div *ngFor=\"let step of steps let index = index;\">\r\n                    <div [class]=\"dataClassCss.cl12\" *ngIf=\"step.viewData\">\r\n                        <label for=\"{{step.id}}\" class=\"col-sm-12\" style=\"display: block; text-align: left;\">\r\n                            <span class=\"h6 small bg-white text-muted\">{{step.step}}</span>\r\n                        </label>\r\n                        <select [name]=\"step.step\" [required]=\"true\" [class]=\"dataClassCss.formcontrol\"\r\n                            id=\"{{step.step}}\" style=\"margin-top: -1rem !important;\" [(ngModel)]=\"step.value\"\r\n                            (ngModelChange)=\"onChangeStep(step,steps[index+1],$event)\">\r\n                            <option value=\"\" selected disabled hidden>Selecciona</option>\r\n                            <ng-container *ngFor=\"let subitem of step.viewData\">\r\n                                <option [value]=\"subitem.id\">\r\n                                    {{ subitem.description }}\r\n                                </option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n            <div class=\"mt-3 text-center\">\r\n                <button type=\"button\" [class]=\"dataClassCss.btn\" (click)=\"onSubmit()\" [disabled]=\"!formDynamic.valid\"\r\n                    id=\"btnIng\">Ingresar</button>\r\n            </div>\r\n        </form>\r\n    </div>\r\n</div>",
-                providers: [
-                    { provide: ngBootstrap.NgbDateAdapter, useClass: CustomAdapter },
-                    { provide: ngBootstrap.NgbDateParserFormatter, useClass: CustomDateParserFormatter },
-                    { provide: ngBootstrap.NgbDatepickerI18n, useClass: CustomDatepickerI18n },
-                    I18n
-                ],
-                styles: ["form{font-size:12px;overflow-y:scroll;overflow-x:hidden}form input,form select{border:1px solid #e4e4e4;height:40px;margin-bottom:5px}.selectContainer select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.selectContainer::after{content:\"\\025be\";display:table-cell;text-align:center;padding-top:7px;width:30px;height:30px;position:absolute;top:14px;right:20px;pointer-events:none}form .error{color:red;font-size:12px;text-align:left;margin:-15px 0 15px;padding:0;width:90%}.error:after{content:\" \";display:block}.card{width:90%;margin:2% auto;border-radius:12px}@media (max-width:412px){.card{width:100%}.cnt-captcha{transform:scale(.77)}}@media (max-width:575.98px){.card{width:100%}.cnt-captcha{transform:scale(.77)}}@media (max-width:880.98px){.cnt-captcha{transform:scale(.82)}}input[type=date]::-webkit-calendar-picker-indicator{background:0 0;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#e0e0e0}::-webkit-scrollbar-thumb:hover{background:#bdbdbd}"]
-            })
-        ], FormAuroraComponent);
-        return FormAuroraComponent;
+    var CommonDataService = /** @class */ (function () {
+        function CommonDataService() {
+        }
+        CommonDataService_1 = CommonDataService;
+        CommonDataService.prototype.getData = function () {
+            var dataOffuscade = new Offusqued();
+            if (localStorage.getItem("data") != null) {
+                var data = new Map(JSON.parse(localStorage.getItem("data")));
+                return data;
+            }
+            else {
+                /** Error get cookie */
+            }
+        };
+        CommonDataService.prototype.setData = function (data) {
+            var dataOffuscade = new Offusqued();
+            var datatem = JSON.stringify(Array.from(data.entries()));
+            var inf = dataOffuscade.ofusquedData(datatem);
+            console.log('OFUSCADO');
+            console.log(inf);
+            localStorage.setItem('data', inf);
+            //localStorage.setItem('data',  JSON.stringify(Array.from(data.entries())));
+        };
+        CommonDataService.prototype.initData = function () {
+            this.setData(new Map());
+        };
+        CommonDataService.prototype.putValue = function (key, value) {
+            var data = this.getData();
+            data = data.set(key, value);
+            this.setData(data);
+        };
+        CommonDataService.prototype.addValue = function (keyPrimary, keySecond, value) {
+            var data = this.getValue(keyPrimary);
+            var dataReturn = this.getData();
+            data[keySecond] = value;
+            dataReturn = dataReturn.set(keyPrimary, data);
+            this.setData(dataReturn);
+        };
+        CommonDataService.prototype.getValue = function (key) {
+            return !this.getData() || !this.getData().has(key) ? undefined : this.getData().get(key);
+        };
+        CommonDataService.prototype.hasValue = function (key) {
+            return this.getData() != undefined ? this.getData().has(key) : null;
+        };
+        CommonDataService.prototype.clearMap = function () {
+            if (this.hasValue(CommonDataService_1.COMPANY_KEY)) {
+                var company = this.getValue(CommonDataService_1.COMPANY_KEY);
+                this.initData();
+                this.putValue(CommonDataService_1.COMPANY_KEY, company);
+            }
+            else {
+                this.initData();
+            }
+        };
+        var CommonDataService_1;
+        CommonDataService.COMPANY_KEY = "company";
+        CommonDataService.DOC_NUMBER_KEY = "docNumber";
+        CommonDataService.DOC_TYPE_KEY = "docType";
+        CommonDataService.PHONE_KEY = "phone";
+        CommonDataService.TYPE_ATTENTION_KEY = "typeAttention";
+        CommonDataService.OFFICE_KEY = "office";
+        CommonDataService.TYPE_TURN_KEY = "typeTurn";
+        CommonDataService.SERVICE_KEY = "service";
+        CommonDataService.TURN_KEY = "turn";
+        CommonDataService.PROGRAMED_TURN_KEY = "programedTurn";
+        CommonDataService.REQUEST_CALL = "requestCall";
+        CommonDataService.FORM_DATA = "formdata";
+        CommonDataService.TEMPLATE = "template";
+        CommonDataService.TURN_RESCHEDULE = "turnReschedule";
+        CommonDataService.USER_GENDER = "genderUser";
+        CommonDataService.AUTO_REDIRECT = "autoRedirect";
+        CommonDataService.SCHEDULE_GENERAL = "scheduleGeneral";
+        CommonDataService.AGENDAMIENTO_TTP = "potencialCustomer";
+        CommonDataService.SINGLE_PAGE_ONE = "singlePageOne";
+        CommonDataService.AVAILABLE_SCHEDULE_GRAL = "availableScheduleGral";
+        CommonDataService.PROFILE = "profile";
+        CommonDataService.PAGE_NEXT = "pageNext";
+        CommonDataService.STEPS = "steps";
+        CommonDataService.TYPE_TURN_ID = "typeTurnId";
+        CommonDataService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function CommonDataService_Factory() { return new CommonDataService(); }, token: CommonDataService, providedIn: "root" });
+        CommonDataService = CommonDataService_1 = __decorate([
+            core.Injectable({
+                providedIn: "root",
+            })
+        ], CommonDataService);
+        return CommonDataService;
     }());
 
-    var CommonTemplateService = /** @class */ (function () {
-        function CommonTemplateService(http) {
-            this.http = http;
-        }
-        CommonTemplateService.prototype.getTemplate = function (idCompany, url) {
-            return this.http.get(url + "/template/findByCompany/" + idCompany);
-        };
-        CommonTemplateService.prototype.reloadStylePage = function (currentDocument, templateCompany) {
-            var e_1, _a;
-            var objects = currentDocument.getElementsByClassName("template");
-            // debugger
-            for (var index = 0; index < objects.length; index++) {
-                var item = objects[index];
-                var itemClassName = typeof (item.className) == "object" ? item.className['baseVal'] : item.className;
-                var indexStart = itemClassName.indexOf("template");
-                // let keyString = itemClassName.substring(indexStart, itemClassName.length).split(' ')[1]
-                var keysString = itemClassName.substring(indexStart, itemClassName.length).split(' ').filter(function (a) { return a.indexOf('tmp_') !== -1; });
-                try {
-                    for (var keysString_1 = (e_1 = void 0, __values(keysString)), keysString_1_1 = keysString_1.next(); !keysString_1_1.done; keysString_1_1 = keysString_1.next()) {
-                        var keyString = keysString_1_1.value;
-                        if (templateCompany[keyString] != undefined) {
-                            if (keyString.includes("tmp_type_text_")) {
-                                if (keyString.includes('tmp_type_text_6')) {
-                                    item['style'].setProperty('--' + keyString, templateCompany[keyString].color);
-                                }
-                                else {
-                                    item["style"].color = templateCompany[keyString].color;
-                                    if (itemClassName.includes("ratting-faces-v2")) {
-                                        item["style"].backgroundColor = templateCompany[keyString].color;
-                                        item["style"].borderColor = templateCompany[keyString].color;
-                                        item["style"].color = "white";
-                                    }
-                                }
-                            }
-                            if (keyString.includes("title1")) {
-                                /*item["style"].color = templateCompany[keyString].color*/
-                                item["style"].color = "#EE7E0E";
-                            }
-                            if (keyString.includes("tmp_type_svg_")) {
-                                item["style"].fill = templateCompany[keyString].fill;
-                            }
-                            if (keyString.includes("tmp_type_img_")) {
-                                if (item.nodeName == "IMG") {
-                                    item["src"] = templateCompany[keyString].src;
-                                }
-                                else {
-                                    item["style"].background = templateCompany[keyString].background;
-                                    item["style"].backgroundSize = templateCompany[keyString].backgroundSize;
-                                }
-                            }
-                            if (keyString.includes("tmp_type_head_")) {
-                                item["style"].setProperty('--' + keyString, templateCompany[keyString].color);
-                            }
-                            if (keyString.includes("tmp_type_footer_")) {
-                                // debugger
-                                item["style"].setProperty('--' + keyString, templateCompany[keyString].color);
-                            }
-                            if (itemClassName.includes("tmp_type_cnt_")) {
-                                indexStart = itemClassName.indexOf("tmp_type_cnt_");
-                                keyString = itemClassName.substring(indexStart, itemClassName.length).split(' ')[0];
-                                if (!!templateCompany[keyString]) {
-                                    item["style"].backgroundColor = templateCompany[keyString].backgroundColor;
-                                }
-                            }
-                            if (keyString.includes('tmp_type_font_')) {
-                                item['style'].setProperty('font-family', templateCompany[keyString]['font-family'], 'important');
-                            }
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (keysString_1_1 && !keysString_1_1.done && (_a = keysString_1.return)) _a.call(keysString_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-        };
-        CommonTemplateService.ctorParameters = function () { return [
-            { type: http.HttpClient }
-        ]; };
-        CommonTemplateService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function CommonTemplateService_Factory() { return new CommonTemplateService(core.ɵɵinject(http.HttpClient)); }, token: CommonTemplateService, providedIn: "root" });
-        CommonTemplateService = __decorate([
-            core.Injectable({
-                providedIn: "root",
-            })
-        ], CommonTemplateService);
-        return CommonTemplateService;
+    var moment = moment_;
+    /**
+     * This Service handles how the date is represented in scripts i.e. ngModel.
+     */
+    var CustomAdapter = /** @class */ (function (_super) {
+        __extends(CustomAdapter, _super);
+        function CustomAdapter() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.DELIMITER = '/';
+            return _this;
+        }
+        CustomAdapter.prototype.fromModel = function (value) {
+            if (value) {
+                var date = value.split(this.DELIMITER);
+                return {
+                    day: parseInt(date[0], 10),
+                    month: parseInt(date[1], 10),
+                    year: parseInt(date[2], 10)
+                };
+            }
+            return null;
+        };
+        CustomAdapter.prototype.toModel = function (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 : '';
+        };
+        CustomAdapter = __decorate([
+            core.Injectable()
+        ], CustomAdapter);
+        return CustomAdapter;
+    }(ngBootstrap.NgbDateAdapter));
+    /**
+     * This Service handles how the date is rendered and parsed from keyboard i.e. in the bound input field.
+     */
+    var CustomDateParserFormatter = /** @class */ (function (_super) {
+        __extends(CustomDateParserFormatter, _super);
+        function CustomDateParserFormatter() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.DELIMITER = '/';
+            return _this;
+        }
+        CustomDateParserFormatter.prototype.parse = function (value) {
+            if (value) {
+                var date = value.split(this.DELIMITER);
+                return {
+                    day: parseInt(date[0], 10),
+                    month: parseInt(date[1], 10),
+                    year: parseInt(date[2], 10)
+                };
+            }
+            return null;
+        };
+        CustomDateParserFormatter.prototype.format = function (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([
+            core.Injectable()
+        ], CustomDateParserFormatter);
+        return CustomDateParserFormatter;
+    }(ngBootstrap.NgbDateParserFormatter));
+    var 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
+    };
+    var I18n = /** @class */ (function () {
+        function I18n() {
+            this.language = 'es';
+        }
+        I18n = __decorate([
+            core.Injectable()
+        ], I18n);
+        return I18n;
+    }());
+    // Define custom service providing the months and weekdays translations
+    var CustomDatepickerI18n = /** @class */ (function (_super) {
+        __extends(CustomDatepickerI18n, _super);
+        function CustomDatepickerI18n(_i18n) {
+            var _this = _super.call(this) || this;
+            _this._i18n = _i18n;
+            return _this;
+        }
+        CustomDatepickerI18n.prototype.getWeekdayLabel = function (weekday) {
+            return I18N_VALUES[this._i18n.language].weekdays[weekday - 1];
+        };
+        CustomDatepickerI18n.prototype.getWeekLabel = function () {
+            return I18N_VALUES[this._i18n.language].weekLabel;
+        };
+        CustomDatepickerI18n.prototype.getMonthShortName = function (month) {
+            return I18N_VALUES[this._i18n.language].months[month - 1];
+        };
+        CustomDatepickerI18n.prototype.getMonthFullName = function (month) {
+            return this.getMonthShortName(month);
+        };
+        CustomDatepickerI18n.prototype.getDayAriaLabel = function (date) {
+            return date.day + "-" + date.month + "-" + date.year;
+        };
+        CustomDatepickerI18n.prototype.getWeekdayShortName = function (weekday) {
+            return I18N_VALUES[this._i18n.language].weekdays[weekday - 1];
+        };
+        ;
+        CustomDatepickerI18n.ctorParameters = function () { return [
+            { type: I18n }
+        ]; };
+        CustomDatepickerI18n = __decorate([
+            core.Injectable()
+        ], CustomDatepickerI18n);
+        return CustomDatepickerI18n;
+    }(ngBootstrap.NgbDatepickerI18n));
+    var FormAuroraComponent = /** @class */ (function () {
+        function FormAuroraComponent(data, http) {
+            this.data = data;
+            this.http = http;
+            this.response = new core.EventEmitter();
+            this.summit = new core.EventEmitter();
+            this.viewAuthData = new core.EventEmitter();
+            this.tipodocNumDoc = false;
+            this.countSubmit = 0;
+            this.watchValid = false;
+            this.watchRequired = false;
+            this.captchaValid = false;
+            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()};
+            this.recharge = false;
+            this.indicativo = "57";
+            this.defaultDocType = "Cédula de ciudadanía";
+            this.patternNotValidDcto = false;
+            this.patternNotValidCel = false;
+            this.range = new forms.FormGroup({
+                start: new forms.FormControl(),
+                end: new forms.FormControl(),
+            });
+        }
+        FormAuroraComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.minDate = new Date(this.minDate).toISOString().split('T')[0];
+            setTimeout(function () {
+                _this.startComponent();
+            }, 2000);
+        };
+        FormAuroraComponent.prototype.startComponent = function () {
+            var e_1, _a;
+            var _this = this;
+            //ordena los campos
+            if (this.dataForm != null && this.dataForm.formQuestions != undefined) {
+                //Same row fields
+                this.tipodocNumDoc = (this.dataForm.formQuestions.some(function (question) { return question.question.value === "tipoDoc"; }) && this.dataForm.formQuestions.some(function (question) { return question.question.value === "numeroDoc"; })) ? true : false;
+                this.dataForm.formQuestions = this.dataForm.formQuestions.sort(function (a, b) {
+                    return a.order - b.order;
+                });
+                var existcaptcha = this.dataForm.formQuestions.filter(function (item) { return item.question.questionType.id == 6; });
+                if (existcaptcha.length == 0) {
+                    this.captchaValid = true;
+                }
+                var _loop_1 = function (item) {
+                    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_1.dataReloadForm.forEach(function (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 = '';
+                    }
+                };
+                var this_1 = this;
+                try {
+                    for (var _b = __values(this.dataForm.formQuestions), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var item = _c.value;
+                        _loop_1(item);
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }
+        };
+        FormAuroraComponent.prototype.resolvedCaptcha = function (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
+        FormAuroraComponent.prototype.trackByIndex = function (index, obj) {
+            return index;
+        };
+        FormAuroraComponent.prototype.onChangeValidPatter = function (event, question) {
+            var _this = this;
+            if (question.pattern != undefined) {
+                var valid = true;
+                var 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)) {
+                        var regex = new RegExp(question.pattern);
+                        valid = regex.test(event.key);
+                    }
+                }
+                catch (error) { }
+                return valid;
+            }
+            if (question.questionType !== undefined) {
+                if (question.questionType.description === 'Number') {
+                    if (question.value === 'numeroDoc') {
+                        this.validateNumeroDocumento(this.formDynamic.controls["numeroDoc"].value.toString());
+                    }
+                    else if (question.value === 'celular') {
+                        this.validateCelular(this.formDynamic.controls["celular"].value.toString());
+                    }
+                }
+            }
+            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(function (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";
+        };
+        FormAuroraComponent.prototype.validOnlyText = function (event) {
+            var regex = /^[a-zA-Z\u00C0-\u017F]+$/g;
+            if (event.charCode == 32) {
+                return true;
+            }
+            var valid = regex.test(event.key);
+            return valid;
+        };
+        FormAuroraComponent.prototype.validDate = function (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);
+            */
+            var matches = String(event.key).match(regexType.date.exp);
+            var valid = true;
+            if (matches === null)
+                valid = false;
+            // alert(valid);
+            return valid;
+        };
+        FormAuroraComponent.prototype.onChangeValidDate = function (event) {
+            //let pattern = /(?:0[1-9]|1[0-2])\/(?:0[1-9]|[12][0-9]|3[01])\/(?:19|20)[0-9]{2}/;
+            var dateN = /[0-9]|\//;
+            var valid = true;
+            var regex = new RegExp(dateN);
+            valid = regex.test(event.key);
+            return valid;
+        };
+        FormAuroraComponent.prototype.rediretoutside = function (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
+         */
+        FormAuroraComponent.prototype.ngOnChanges = function (change) {
+            this.countSubmit++;
+        };
+        //onSubmit(form: NgForm) {
+        FormAuroraComponent.prototype.onSubmit = function () {
+            var _this = this;
+            var 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(function (resp) { return _this.response.emit(resp); });
+                }
+                else if (form.valid && this.captchaValid) {
+                    this.summit.emit(form.value);
+                }
+            }
+        };
+        FormAuroraComponent.prototype.findParamBoolean = function (params, idParam) {
+            var showDescriptionParam = params.find(function (x) { return x.id == idParam; });
+            return showDescriptionParam != null && showDescriptionParam.value == "true";
+        };
+        FormAuroraComponent.prototype.validRulesFields = function (numeroDoc, numeroCel, email) {
+            var _this = this;
+            // Validaciones para celular en caso de indicativo en Colombia
+            var cel = document.getElementById("charcelular");
+            var doc = document.getElementById("charnumeroDoc");
+            var valOk = true;
+            if (this.indicativo == "+57" || this.indicativo == "57") {
+                var 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
+                var listnumber = numeroDoc.substring(0, 1);
+                for (var 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;
+                }
+                if (!this.validateNumeroDocumento(numeroDoc)) {
+                    return false;
+                }
+                if (!this.validateCelular(numeroCel)) {
+                    return false;
+                }
+                // En caso de que el número se repita, ejemplo 33333333
+                var arrayPhoneRepeat = Array.from(String(numeroCel), Number);
+                var arrayPhoneOutRepeat = __spread(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(function (formQuestion) {
+                switch (formQuestion.question.questionType.id) {
+                    //se valida  campo de tipo email
+                    case 11:
+                        valOk = _this.emailRulesValidate(formQuestion);
+                        break;
+                }
+            });
+            return valOk;
+        };
+        FormAuroraComponent.prototype.orderString = function (value) {
+            var arrayNumber = [];
+            for (var 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;
+            });
+            var numberOrder = "";
+            numberOrder = arrayNumber[0];
+            for (var index = 1; index < arrayNumber.length; index++) {
+                numberOrder = numberOrder + (arrayNumber[0] + index).toString();
+            }
+            return numberOrder;
+        };
+        FormAuroraComponent.prototype.validMinlenghtAllQuestions = function (form) {
+            var e_2, _a;
+            try {
+                for (var _b = __values(this.dataForm.formQuestions), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var item = _c.value;
+                    if (item.question.questionType.id == 1 || item.question.questionType.id == 2) {
+                        var minLength = parseInt(item.question.minLength);
+                        var formValueLength = parseInt(form[item.question.value].toString().length);
+                        if (minLength > 0 && formValueLength != minLength && formValueLength < minLength)
+                            return false;
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            return true;
+        };
+        FormAuroraComponent.prototype.validMaxLengthAllQuestions = function (form) {
+            var e_3, _a;
+            try {
+                for (var _b = __values(this.dataForm.formQuestions), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var item = _c.value;
+                    if (item.question.questionType.id == 1 || item.question.questionType.id == 2) {
+                        var maxLength = parseInt(item.question.maxLength);
+                        var formValueLength = parseInt(form[item.question.value].toString().length);
+                        if (maxLength > 0 && formValueLength != maxLength && formValueLength > maxLength)
+                            return false;
+                    }
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
+            return true;
+        };
+        FormAuroraComponent.prototype.validRequired = function (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;
+        };
+        FormAuroraComponent.prototype.validMinLength = function (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;
+        };
+        FormAuroraComponent.prototype.validMaxLength = function (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;
+        };
+        FormAuroraComponent.prototype.tycSelection = function (event) {
+            this.viewAuthData.emit(event);
+        };
+        FormAuroraComponent.prototype.openLabelUrl = function (event, question) {
+            event.preventDefault();
+            var tyc = document.getElementById("check" + question.id);
+            tyc.style.color = "#A3AD32";
+            window.open(question.urllabel, "_blank");
+        };
+        FormAuroraComponent.prototype.cancellKeypress = function () {
+            return false;
+        };
+        FormAuroraComponent.prototype.emailRulesValidate = function (formQuestion) {
+            var valOk = true;
+            try {
+                var hasError = false;
+                document.getElementById(formQuestion.question.id).setAttribute("hidden", "true");
+                var eml = document.getElementById(formQuestion.question.id);
+                var 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) {
+                    var matches = String(email).match(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;
+        };
+        FormAuroraComponent.prototype.calendarRulesValidate = function (formQuestion) {
+            var hasError = false;
+            try {
+                document.getElementById(formQuestion.question.id).setAttribute("hidden", "true");
+                var ecalendar = document.getElementById(formQuestion.question.id);
+                //se valida que no sea null si es requerido
+                var 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) {
+            }
+        };
+        FormAuroraComponent.prototype.validateNotSpace = function (event) {
+            if (event.charCode == 32) {
+                return false;
+            }
+            else {
+                return true;
+            }
+        };
+        FormAuroraComponent.prototype.validateNumeroDocumento = function (numeroDoc) {
+            if (!numeroDoc.match("^[0-9]*$")) {
+                this.formDynamic.controls["numeroDoc"].setValidators([forms.Validators.pattern('^[0-9]*$')]);
+                this.formDynamic.controls["numeroDoc"].markAsDirty();
+                this.formDynamic.controls["numeroDoc"].updateValueAndValidity();
+                this.formDynamic.controls["numeroDoc"].markAsTouched();
+                this.patternNotValidDcto = true;
+                return false;
+            }
+            this.patternNotValidDcto = false;
+            return true;
+        };
+        FormAuroraComponent.prototype.validateCelular = function (numeroCel) {
+            if (!numeroCel.match("^[0-9]*$")) {
+                this.formDynamic.controls["celular"].setValidators([forms.Validators.pattern('^[0-9]*$')]);
+                this.formDynamic.controls["celular"].markAsDirty();
+                this.formDynamic.controls["celular"].updateValueAndValidity();
+                this.formDynamic.controls["celular"].markAsTouched();
+                this.patternNotValidCel = true;
+                return false;
+            }
+            this.patternNotValidCel = false;
+            return true;
+        };
+        FormAuroraComponent.prototype.onkeypress = function (event) {
+            return (event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57;
+        };
+        FormAuroraComponent.prototype.onChangeStep = function (step, nextStep, value) {
+            if (nextStep && nextStep.stepOrder != 1) {
+                this.resetField(step);
+                nextStep.viewData = [];
+                nextStep.viewData = nextStep.stepData.filter(function (x) { return x.relationalIds.includes(Number(value)); });
+            }
+        };
+        FormAuroraComponent.prototype.resetField = function (stepIn) {
+            this.steps.forEach(function (step) {
+                if (step.stepOrder > stepIn.stepOrder) {
+                    step.viewData = undefined;
+                    step.value = undefined;
+                }
+            });
+        };
+        FormAuroraComponent.ctorParameters = function () { return [
+            { type: CommonDataService },
+            { type: http.HttpClient }
+        ]; };
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "dataClassCss", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "dataForm", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "clickSubmit", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "dataReloadForm", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "welcomeTitle", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "welcomeDescription", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "urlPdf", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "nameCompany", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "schedule", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "isSimpleFlow", void 0);
+        __decorate([
+            core.Input()
+        ], FormAuroraComponent.prototype, "steps", void 0);
+        __decorate([
+            core.ViewChild('formDynamic', { static: true })
+        ], FormAuroraComponent.prototype, "formDynamic", void 0);
+        __decorate([
+            core.Output()
+        ], FormAuroraComponent.prototype, "response", void 0);
+        __decorate([
+            core.Output()
+        ], FormAuroraComponent.prototype, "summit", void 0);
+        __decorate([
+            core.Output()
+        ], FormAuroraComponent.prototype, "viewAuthData", void 0);
+        FormAuroraComponent = __decorate([
+            core.Component({
+                selector: 'lib-FormAurora',
+                template: "<div class=\"card\">\n    <span class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"!isSimpleFlow\">\n        <img style=\"width: 115px; height:96px;\" [class]=\"dataClassCss.logo\" id=\"logo\">\n    </span>\n    <div class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"isSimpleFlow\" style=\"margin-top: 4%!important;\">\n    </div>\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\" pattern=\"\\d*\" inputmode=\"numeric\"\n                                    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=\"onkeypress($event)\" 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\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 *ngIf=\"patternNotValidDcto === true\" class=\"error\">Formato no valido</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\" pattern=\"\\d*\" inputmode=\"numeric\"\n                                    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=\"onkeypress($event)\" 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                                <span *ngIf=\"patternNotValidCel === true\" class=\"error\">Formato no valido</span>\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                                <option (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=\"6Lf9DcQfAAAAAI6HCNB5OyKUpOPpfl5ocoBJcigZ\"></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                                <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\n                                    style=\"width: 4% !important; height: auto !important; display: inline !important;\"\n                                    type=\"checkbox\" [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=\"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\n                                    style=\"width: 4% !important; height: auto !important; display: inline !important;\"\n                                    type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\n                                    [required]=\"dataForm.formQuestions[index].question.required\"\n                                    [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\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            <section *ngIf=\"isSimpleFlow\">\n                <div *ngFor=\"let step of steps let index = index;\">\n                    <div [class]=\"dataClassCss.cl12\" *ngIf=\"step.viewData\">\n                        <label for=\"{{step.id}}\" class=\"col-sm-12\" style=\"display: block; text-align: left;\">\n                            <span class=\"h6 small bg-white text-muted\">{{step.step}}</span>\n                        </label>\n                        <select [name]=\"step.step\" [required]=\"true\" [class]=\"dataClassCss.formcontrol\"\n                            id=\"{{step.step}}\" style=\"margin-top: -1rem !important;\" [(ngModel)]=\"step.value\"\n                            (ngModelChange)=\"onChangeStep(step,steps[index+1],$event)\">\n                            <option value=\"\" selected disabled hidden>Selecciona</option>\n                            <ng-container *ngFor=\"let subitem of step.viewData\">\n                                <option [value]=\"subitem.id\">\n                                    {{ subitem.description }}\n                                </option>\n                            </ng-container>\n                        </select>\n                    </div>\n                </div>\n            </section>\n            <div class=\"mt-3 text-center\">\n                <button type=\"button\" [class]=\"dataClassCss.btn\" (click)=\"onSubmit()\" [disabled]=\"!formDynamic.valid\"\n                    id=\"btnIng\">Ingresar</button>\n            </div>\n        </form>\n    </div>\n</div>",
+                providers: [
+                    { provide: ngBootstrap.NgbDateAdapter, useClass: CustomAdapter },
+                    { provide: ngBootstrap.NgbDateParserFormatter, useClass: CustomDateParserFormatter },
+                    { provide: ngBootstrap.NgbDatepickerI18n, useClass: CustomDatepickerI18n },
+                    I18n
+                ],
+                styles: ["form{font-size:12px;overflow-y:scroll;overflow-x:hidden}form input,form select{border:1px solid #e4e4e4;height:40px;margin-bottom:5px}.selectContainer select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.selectContainer::after{content:\"\\025be\";display:table-cell;text-align:center;padding-top:7px;width:30px;height:30px;position:absolute;top:14px;right:20px;pointer-events:none}form .error{color:red;font-size:12px;text-align:left;margin:-15px 0 15px;padding:0;width:90%}.error:after{content:\" \";display:block}.card{width:90%;margin:2% auto;border-radius:12px}@media (max-width:412px){.card{width:100%}.cnt-captcha{transform:scale(.77)}}@media (max-width:575.98px){.card{width:100%}.cnt-captcha{transform:scale(.77)}}@media (max-width:880.98px){.cnt-captcha{transform:scale(.82)}}input[type=date]::-webkit-calendar-picker-indicator{background:0 0;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#e0e0e0}::-webkit-scrollbar-thumb:hover{background:#bdbdbd}"]
+            })
+        ], FormAuroraComponent);
+        return FormAuroraComponent;
     }());
 
-    var Fill = /** @class */ (function () {
-        function Fill() {
-        }
-        return Fill;
+    var CommonTemplateService = /** @class */ (function () {
+        function CommonTemplateService(http) {
+            this.http = http;
+        }
+        CommonTemplateService.prototype.getTemplate = function (idCompany, url) {
+            return this.http.get(url + "/template/findByCompany/" + idCompany);
+        };
+        CommonTemplateService.prototype.reloadStylePage = function (currentDocument, templateCompany) {
+            var e_1, _a;
+            var objects = currentDocument.getElementsByClassName("template");
+            // debugger
+            for (var index = 0; index < objects.length; index++) {
+                var item = objects[index];
+                var itemClassName = typeof (item.className) == "object" ? item.className['baseVal'] : item.className;
+                var indexStart = itemClassName.indexOf("template");
+                // let keyString = itemClassName.substring(indexStart, itemClassName.length).split(' ')[1]
+                var keysString = itemClassName.substring(indexStart, itemClassName.length).split(' ').filter(function (a) { return a.indexOf('tmp_') !== -1; });
+                try {
+                    for (var keysString_1 = (e_1 = void 0, __values(keysString)), keysString_1_1 = keysString_1.next(); !keysString_1_1.done; keysString_1_1 = keysString_1.next()) {
+                        var keyString = keysString_1_1.value;
+                        if (templateCompany[keyString] != undefined) {
+                            if (keyString.includes("tmp_type_text_")) {
+                                if (keyString.includes('tmp_type_text_6')) {
+                                    item['style'].setProperty('--' + keyString, templateCompany[keyString].color);
+                                }
+                                else {
+                                    item["style"].color = templateCompany[keyString].color;
+                                    if (itemClassName.includes("ratting-faces-v2")) {
+                                        item["style"].backgroundColor = templateCompany[keyString].color;
+                                        item["style"].borderColor = templateCompany[keyString].color;
+                                        item["style"].color = "white";
+                                    }
+                                }
+                            }
+                            if (keyString.includes("title1")) {
+                                /*item["style"].color = templateCompany[keyString].color*/
+                                item["style"].color = "#EE7E0E";
+                            }
+                            if (keyString.includes("tmp_type_svg_")) {
+                                item["style"].fill = templateCompany[keyString].fill;
+                            }
+                            if (keyString.includes("tmp_type_img_")) {
+                                if (item.nodeName == "IMG") {
+                                    item["src"] = templateCompany[keyString].src;
+                                }
+                                else {
+                                    item["style"].background = templateCompany[keyString].background;
+                                    item["style"].backgroundSize = templateCompany[keyString].backgroundSize;
+                                }
+                            }
+                            if (keyString.includes("tmp_type_head_")) {
+                                item["style"].setProperty('--' + keyString, templateCompany[keyString].color);
+                            }
+                            if (keyString.includes("tmp_type_footer_")) {
+                                // debugger
+                                item["style"].setProperty('--' + keyString, templateCompany[keyString].color);
+                            }
+                            if (itemClassName.includes("tmp_type_cnt_")) {
+                                indexStart = itemClassName.indexOf("tmp_type_cnt_");
+                                keyString = itemClassName.substring(indexStart, itemClassName.length).split(' ')[0];
+                                if (!!templateCompany[keyString]) {
+                                    item["style"].backgroundColor = templateCompany[keyString].backgroundColor;
+                                }
+                            }
+                            if (keyString.includes('tmp_type_font_')) {
+                                item['style'].setProperty('font-family', templateCompany[keyString]['font-family'], 'important');
+                            }
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (keysString_1_1 && !keysString_1_1.done && (_a = keysString_1.return)) _a.call(keysString_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }
+        };
+        CommonTemplateService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        CommonTemplateService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function CommonTemplateService_Factory() { return new CommonTemplateService(core.ɵɵinject(http.HttpClient)); }, token: CommonTemplateService, providedIn: "root" });
+        CommonTemplateService = __decorate([
+            core.Injectable({
+                providedIn: "root",
+            })
+        ], CommonTemplateService);
+        return CommonTemplateService;
     }());
 
-    var FormAuroraModule = /** @class */ (function () {
-        function FormAuroraModule() {
-        }
-        FormAuroraModule = __decorate([
-            core.NgModule({
-                declarations: [FormAuroraComponent],
-                imports: [
-                    common.CommonModule,
-                    forms.FormsModule,
-                    ngRecaptcha.RecaptchaModule,
-                    ngRecaptcha.RecaptchaFormsModule
-                ],
-                exports: [FormAuroraComponent]
-            })
-        ], FormAuroraModule);
-        return FormAuroraModule;
+    var Fill = /** @class */ (function () {
+        function Fill() {
+        }
+        return Fill;
+    }());
+
+    var FormAuroraModule = /** @class */ (function () {
+        function FormAuroraModule() {
+        }
+        FormAuroraModule = __decorate([
+            core.NgModule({
+                declarations: [FormAuroraComponent],
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    ngRecaptcha.RecaptchaModule,
+                    ngRecaptcha.RecaptchaFormsModule
+                ],
+                exports: [FormAuroraComponent]
+            })
+        ], FormAuroraModule);
+        return FormAuroraModule;
     }());
 
     exports.CommonDataService = CommonDataService;