import { Component, ViewEncapsulation } from '@angular/core';
import { QuestionApiService } from '../../../common/services/apis/question/question-api.service';
import { ModalController } from '@ionic/angular';
import { DatePipe } from '@angular/common';
import { QuestionCreationAbstractDirective } from '../definitions/dynamic-form-question';
import * as i0 from "@angular/core";
import * as i1 from "../../../common/services/apis/question/question-api.service";
import * as i2 from "@ionic/angular";
import * as i3 from "@angular/common";
import * as i4 from "ion-intl-tel-input";
import * as i5 from "../../dynamic-form-file/dynamic-form-file.component";
import * as i6 from "../selectable-question/selectable-question.component";
import * as i7 from "@angular/forms";
import * as i8 from "@thiagoprz/ionic-input-mask";
export class DynamicFormQuestionFromTableComponent extends QuestionCreationAbstractDirective {
    constructor(_questionApi, modalController, datepipe) {
        super(_questionApi, modalController, datepipe);
        this._questionApi = _questionApi;
        this.modalController = modalController;
        this.datepipe = datepipe;
    }
}
DynamicFormQuestionFromTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DynamicFormQuestionFromTableComponent, deps: [{ token: i1.QuestionApiService }, { token: i2.ModalController }, { token: i3.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
DynamicFormQuestionFromTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: DynamicFormQuestionFromTableComponent, selector: "app-question-from-table", usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"currentFormControl\" *ngIf=\"!question.isReferenced && (!question.isHidden || detailsType == 'resume')\">\r\n  <ng-container [ngSwitch]=\"question.controlType\">\r\n\r\n    <!-- Imprimir Terminos -->\r\n    <!-- <div class=\"terms\" *ngIf=\"question.subTextRequired && question.subText.length > 0\">\r\n      <div class=\"terms_body\" [innerHTML]=\"question.subText\"></div>\r\n    </div> -->\r\n\r\n\r\n    <!-- <div class=\"terms hola\" *ngIf=\"question.subTextRequired && question.subText.length > 0\">\r\n\r\n      <ion-card>\r\n        <ion-card-header>\r\n          <ion-card-title>Card Title</ion-card-title>\r\n          <a [href]=\"question.subText\" target=\"_blank\" rel=\"noopener noreferrer\">{{ question.subText.split('/').reverse()[0] }}</a>\r\n        </ion-card-header>\r\n      </ion-card>\r\n    </div> -->\r\n\r\n\r\n    <!-- <div *ngIf=\"ShowInputTitle\" [class.mt-25]=\"ShowInputTitle\" class=\"input-title\"\r\n      [class.text-danger]=\"control.touched && !isValid && (question.required || question.controlType == 'phone')\">\r\n      {{question.label}}\r\n    </div> -->\r\n\r\n    <!-- <ion-icon *ngIf=\"question.tooltipMessage && !isMovilView\" name=\"contact_support\"></ion-icon>\r\n    <ion-icon *ngIf=\"question.tooltipMessage && isMovilView\" name=\"contact_support\"></ion-icon> -->\r\n\r\n    <!-- CEDULA -->\r\n    <div *ngSwitchCase=\"'dni'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label  position=\"floating\">{{question.label}} </ion-label>\r\n        <ion-input\r\n          #dni\r\n          [id]=\"question.key\"\r\n          [formControlName]=\"question.key\"\r\n          [type]=\"question.type\"\r\n          [placeholder]=\"question.label\"\r\n\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.dni }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n      <ion-popover trigger=\"info{{question.key}}\">\r\n        <ng-template>\r\n          <ion-content>{{question.tooltipMessage}}</ion-content>\r\n        </ng-template>\r\n      </ion-popover>\r\n    </div>\r\n\r\n    <!-- PASSPORT -->\r\n    <div *ngSwitchCase=\"'passport'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-input\r\n          #input\r\n          [id]=\"question.key\"\r\n          [formControlName]=\"question.key\"\r\n          [placeholder]=\"question.label\"\r\n          [attr.maxlength]=\"9\"\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"isValid\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(input.value).toString().length || 0}}/9</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.passport }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- EMAIL -->\r\n    <div *ngSwitchCase=\"'email'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-input #email\r\n            [id]=\"question.key\"\r\n            [formControlName]=\"question.key\"\r\n            [attr.maxlength]=\"question.maximumLength\"\r\n            placeholder=\"example@example.com\"\r\n            (keyup)=\"onKeyInputConfirmed($event)\"\r\n            matInput\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(email.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.email }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- TEXT -->\r\n    <div *ngSwitchCase=\"'textbox'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label [attr.color]=\"control.invalid && control.touched ? null : 'dark'\"  position=\"floating\">\r\n          {{question.label}}\r\n        </ion-label>\r\n        <ion-input\r\n          #texbox\r\n          [id]=\"question.key\"\r\n          [formControlName]=\"question.key\"\r\n          [type]=\"question.type\"\r\n          [attr.maxlength]=\"question.maximumLength\"\r\n          (keyup)=\"onKeyInputConfirmed($event)\"\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(texbox.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- NUMBER -->\r\n    <div  *ngSwitchCase=\"'number'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\" >\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-input\r\n          #number\r\n          [id]=\"question.key\"\r\n          [formControlName]=\"question.key\"\r\n          [type]=\"question.type\"\r\n          [attr.maxlength]=\"question.maximumLength\"\r\n          (keyup)=\"onKeyInputConfirmed($event)\"\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(number.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- PHONE -->\r\n    <div class=\"input-question\" *ngSwitchCase=\"'phone'\">\r\n      <ion-item class=\"phone-background ion-no-padding none\">\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-intl-tel-input\r\n          defaultCountryiso=\"pa\"\r\n          modalSearchFailText=\"No se encontraron pa\u00EDses.\"\r\n          modalTitle=\"Selecciona pa\u00EDs de marcaci\u00F3n\"\r\n          modalSearchPlaceholder=\"Busca por nombre del pa\u00EDs\"\r\n          [formControlName]=\"question.key\"\r\n          ionIntlTelInputValid\r\n        >\r\n        </ion-intl-tel-input>\r\n      </ion-item>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.phone }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- FECHA -->\r\n    <div  *ngSwitchCase=\"'datepicker'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-input\r\n          (ionChange)=\"changeDate($event.target['value'])\"\r\n          [value]=\"formatDate\"\r\n          class=\"ion-text-start \"\r\n          placeholder=\"DD/MM/YYYY\"\r\n          mask=\"**/**/****\"\r\n          maxlength=\"10\"\r\n        ></ion-input>\r\n        <ion-icon id=\"date{{question.key}}\" class=\"ion-align-self-center pointer\" name=\"calendar-outline\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.datepicker }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- RADIO -->\r\n    <div *ngSwitchCase=\"'radio'\" class=\"pad-bottom input-question\">\r\n      <ion-list class=\"none ion-no-padding\">\r\n        <ion-radio-group [formControlName]=\"question.key\" (ionChange)=\"unselectRadio($event.target['value'])\">\r\n          <ion-list-header class=\"ion-no-padding\">\r\n            <ion-label class=\"format-radio\" [class.error-message]=\"(!isValid && (control.dirty || control.touched) && !isDetail) || question.needCorrection\">\r\n              <span [innerHTML]=\"question.label\"></span>\r\n              <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon-radio\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n            </ion-label>\r\n          </ion-list-header>\r\n\r\n          <ion-item class=\"ion-no-padding dd-items\" *ngFor=\"let opt of question.options\" (click)=\"selectRadio(opt)\">\r\n              <ion-label class=\"ion-text-center dd-color\">{{opt.value}}</ion-label>\r\n              <ion-radio class=\"ion-hide\" color=\"tertiary\" slot=\"start\" [value]=\"opt.key\"></ion-radio>\r\n              <span class=\"checkmark\"></span>\r\n          </ion-item>\r\n\r\n        </ion-radio-group>\r\n      </ion-list>\r\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- FILE -->\r\n    <div *ngSwitchCase=\"'file'\" class=\"example-full-width\">\r\n      <form-file\r\n          [loading]=\"isLoadingFile\"\r\n          [label]=\"question.label\"\r\n          [mountAttached]=\"value\"\r\n          [accept]=\"question.supportType || 'application/pdf, .png, .jpg, .jpeg'\"\r\n          (onSelectAttached)=\"saveFile($event)\"\r\n          (onClearSelect)=\"resetFile()\"\r\n      >\r\n      </form-file>\r\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n     <!-- SEARCH SELECTABLE-->\r\n     <div *ngSwitchCase=\"'country'\">\r\n      <app-selectable-question\r\n        [question]=\"question\"\r\n        [form]=\"currentFormControl\"\r\n      ></app-selectable-question>\r\n    </div>\r\n\r\n     <!-- SELECT -->\r\n     <div *ngSwitchCase=\"'dropdown'\">\r\n        <app-selectable-question\r\n          [question]=\"question\"\r\n          [form]=\"currentFormControl\"\r\n          (selectChange)=\"selectRadio($event)\"\r\n        ></app-selectable-question>\r\n     </div>\r\n\r\n    <!-- CHECK -->\r\n    <div *ngSwitchCase=\"'Check'\" class=\"input-check ptb-10\">\r\n      <ion-card>\r\n        <div *ngIf=\"question.tooltipMessage\" style=\"text-align: right;padding: 10px 10px 0px 10px;\">\r\n          <ion-icon (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n        </div>\r\n\r\n        <ion-card-header class=\"img-header\" *ngIf=\"(question.subTextRequired && question.subText.length > 0) || question.contractText\">\r\n          <a *ngIf=\"question.subTextRequired && question.subText.length > 0\" class=\"input-title\" [href]=\"question.subText\" target=\"_blank\" rel=\"noopener noreferrer\">{{question.subheading}}</a>\r\n          <p *ngIf=\"question.contractText\"\r\n            class=\"input-title\"\r\n            [class.minimize-label]=\"question.subheading.length > 35\"\r\n            rel=\"noopener noreferrer\"\r\n          >\r\n              {{question.subheading}}\r\n          </p>\r\n        </ion-card-header>\r\n\r\n        <ion-item class=\"zize\">\r\n          <ion-label class=\"input-title\" [class.minimize-label]=\"question.label.length > 35\">\r\n            <span [innerHTML]=\"question.label\"></span>\r\n          </ion-label>\r\n          <ion-checkbox slot=\"start\"\r\n            color=\"primary\"\r\n            (ionChange)=\"checkboxChange()\"\r\n            [formControlName]=\"question.key\"\r\n          ></ion-checkbox>\r\n        </ion-item>\r\n      </ion-card>\r\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- TOGGLE -->\r\n    <div *ngSwitchCase=\"'Toggle'\" class=\"input-question\">\r\n      <ion-item lines=\"none\">\r\n        <ion-label class=\"input-title\">{{question.label}}</ion-label>\r\n        <ion-toggle slot=\"start\"\r\n          [formControlName]=\"question.key\"\r\n        ></ion-toggle>\r\n      </ion-item>\r\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- CONFIRMAR INPUT o REPETIR PREGUNTA -->\r\n    <div class=\"input-question pdt-0\"  *ngIf=\"question.confirmed\">\r\n      <ion-item class=\" none\">\r\n        <ion-input\r\n          #match\r\n          [id]=\"question.key+'confirmed'\"\r\n          [formControl]=\"matchInput\"\r\n          [type]=\"question.type\"\r\n          [attr.maxlength]=\"question.maximumLength\"\r\n          [placeholder]=\"'Repetir '+question.label\"\r\n          (keyup)=\"onKeyConfirmed($event.target['value'])\"\r\n        ></ion-input>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(match.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox, confirmed: true }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #simpleErrorTemplate>\r\n  <ng-container *ngIf=\"control.invalid && control.touched\">\r\n    <ion-text class=\"ion-text-end fadein\" color=\"danger\">\r\n      <p class=\"ion-no-margin\" *ngIf=\"!question.needCorrection\"><sub>Campo requerido</sub></p>\r\n      <p class=\"ion-no-margin\" *ngIf=\"question.needCorrection\"><sub>Campo por corregir</sub></p>\r\n    </ion-text>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template let-validations=\"validations\" let-confirmed=\"confirmed\" #advancedValidations>\r\n  <div class=\"mat-err\" *ngFor=\"let validation of validations\">\r\n    <div *ngIf=\"validation.type == 'mismatched'; else elseBlock\">\r\n        <ng-container *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">\r\n          <ion-text class=\"ion-text-end fadein\" color=\"danger\">\r\n            <p class=\"ion-no-margin\"><sub>no coincide con el campo {{ !confirmed ? 'repetir' : ''}} {{question.label}}</sub></p>\r\n          </ion-text>\r\n        </ng-container>\r\n    </div>\r\n    <ng-template #elseBlock>\r\n        <div *ngIf=\"control.invalid && control.touched\">\r\n          <ion-text *ngIf=\"control.hasError(validation.type) && !isDetail\"\r\n            class=\"ion-text-end fadein\"\r\n            color=\"danger\"\r\n          >\r\n            <p class=\"ion-no-margin\"><sub>{{validation.message}}</sub></p>\r\n          </ion-text>\r\n        </div>\r\n    </ng-template>\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";app-question-from-table .tooltip-icon,app-question-from-table .tooltip-icon-radio{font-size:24px;color:#19d7db;cursor:pointer;transform:rotate(180deg)}app-question-from-table .tooltip-icon{margin:0 0 -4px 5px}app-question-from-table .tooltip-icon-radio{margin:0 0 -6px 5px}app-question-from-table .input-check .minimize-label{font-size:15px!important;white-space:normal;color:#000}app-question-from-table .item.sc-ion-label-md-h,app-question-from-table .item .sc-ion-label-md-h{text-overflow:ellipsis;overflow:hidden;width:90%;white-space:nowrap!important}app-question-from-table .format-radio{font-size:22px;font-weight:400!important}app-question-from-table .full-width{width:100%}app-question-from-table .input-title{font-size:20px!important}app-question-from-table .pointer{cursor:pointer}app-question-from-table .discolored{font-size:20px;color:#19d7db}app-question-from-table .text-center{text-align:center}app-question-from-table .ptb-10{padding:10px 0}app-question-from-table .error-message{color:#eb445a}app-question-from-table .fadein{margin-top:5px;animation:fadein 2s}app-question-from-table .ionic-selectable-icon{bottom:10px}@keyframes fadein{0%{opacity:0}to{opacity:1}}app-question-from-table .mt-25{margin-top:25px}app-question-from-table .none{--background: transparent;background:transparent;font-size:22px;color:#000;opacity:.9}@media only screen and (max-width: 600px){app-question-from-table .btn-datepicker{width:100%}app-question-from-table :host ion-modal{--width: 90%}app-question-from-table :host ion-modal ion-datetime{width:90%}app-question-from-table ion-modal ion-datetime{width:90%}app-question-from-table ion-modal ion-datetime:host{width:90%}app-question-from-table .input-title{font-size:15px!important}app-question-from-table .format-radio{font-size:15px;padding:0}app-question-from-table .none{font-size:15px}}@media only screen and (min-width: 601px){app-question-from-table ion-modal{width:400px}}app-question-from-table ion-modal{--height: 410px;--border-radius: 8px}@media only screen and (max-width: 767px){app-question-from-table ion-modal{--width: 90%;--border-radius: 8px}}app-question-from-table ion-modal ion-datetime{height:410px;padding:10px}app-question-from-table .dd-items:last-child{margin-bottom:0}app-question-from-table ion-item.dd-items{--min-height: 48px}@media screen and (min-width: 630px){app-question-from-table ion-item.dd-items{--min-height: 68px}}app-question-from-table .dd-items{--background: #E9E9E9;border-radius:10px;margin:15px 0}app-question-from-table .dd-items .checkmark{position:absolute;left:16px;height:21px;width:21px;border-radius:50%;background-color:#232323;opacity:.15}app-question-from-table .dd-items .checkmark:after{content:\"\\2713\";color:#e9e9e9;left:4px;top:0px;position:absolute}app-question-from-table .dd-items .dd-color{color:#232323;font-weight:600;opacity:.45;padding:0 26px 0 42px;white-space:initial;font-size:20px}@media screen and (max-width: 600px){app-question-from-table .dd-items .dd-color{font-size:16px}app-question-from-table .dd-items .dd-items{border-radius:10px;padding:0;font-weight:500px;margin:3px}}app-question-from-table .dd-items.item-radio-checked{--background: #4CDB9A}app-question-from-table .dd-items.item-radio-checked .checkmark{background-color:#fff;opacity:1}app-question-from-table .dd-items.item-radio-checked .checkmark:after{color:#4cdb9a}app-question-from-table .dd-items.item-radio-checked .dd-color{color:#fff;opacity:1}app-question-from-table .zize{padding:0}app-question-from-table .img-header{padding-bottom:0;padding-top:16px}app-question-from-table .ptb-10{margin:-9px;font-size:15px;color:#000;opacity:.9}app-question-from-table .pdt-0{padding-top:0!important}app-question-from-table .input-question{padding-top:10px;padding-bottom:10px;--padding-top: 10px;--padding-bottom: 10px}app-question-from-table .phone-background{--background: transparent;background:transparent}\n"], components: [{ type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { type: i2.IonPopover, selector: "ion-popover", inputs: ["alignment", "animated", "arrow", "backdropDismiss", "cssClass", "dismissOnSelect", "enterAnimation", "event", "isOpen", "keyboardClose", "leaveAnimation", "mode", "showBackdrop", "translucent", "trigger", "triggerAction", "reference", "size", "side"] }, { type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { type: i2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i4.IonIntlTelInputComponent, selector: "ion-intl-tel-input", inputs: ["defaultCountryiso", "dialCodePrefix", "enableAutoCountrySelect", "enablePlaceholder", "fallbackPlaceholder", "inputPlaceholder", "maxLength", "modalTitle", "modalCssClass", "modalSearchPlaceholder", "modalCloseText", "modalCloseButtonSlot", "modalCanSearch", "modalShouldBackdropClose", "modalShouldFocusSearchbar", "modalSearchFailText", "onlyCountries", "preferredCountries", "selectFirstCountry", "separateDialCode", "isEnabled"], outputs: ["numberChange", "numberBlur", "numberFocus", "numberInput", "codeChange", "codeOpen", "codeClose", "codeSelect"] }, { type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { type: i2.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { type: i2.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { type: i2.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "mode", "name", "value"] }, { type: i5.DynamicFormFileComponent, selector: "form-file", inputs: ["showheader", "label", "viewType", "loading", "mountAttached", "accept"], outputs: ["onSelectAttached", "onClearSelect"] }, { type: i6.SelectableQuestionComponent, selector: "app-selectable-question", inputs: ["question", "form"], outputs: ["selectChange"] }, { type: i2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i2.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { type: i2.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }, { type: i2.IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "mode", "name", "value"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.IonIntlTelInputValidatorDirective, selector: "[ionIntlTelInputValid]" }, { type: i8.IonicInputMaskDirective, selector: "[mask]" }, { type: i2.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RadioValueAccessor, selector: "ion-radio" }, { type: i2.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DynamicFormQuestionFromTableComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-question-from-table', encapsulation: ViewEncapsulation.None, template: "<div [formGroup]=\"currentFormControl\" *ngIf=\"!question.isReferenced && (!question.isHidden || detailsType == 'resume')\">\r\n  <ng-container [ngSwitch]=\"question.controlType\">\r\n\r\n    <!-- Imprimir Terminos -->\r\n    <!-- <div class=\"terms\" *ngIf=\"question.subTextRequired && question.subText.length > 0\">\r\n      <div class=\"terms_body\" [innerHTML]=\"question.subText\"></div>\r\n    </div> -->\r\n\r\n\r\n    <!-- <div class=\"terms hola\" *ngIf=\"question.subTextRequired && question.subText.length > 0\">\r\n\r\n      <ion-card>\r\n        <ion-card-header>\r\n          <ion-card-title>Card Title</ion-card-title>\r\n          <a [href]=\"question.subText\" target=\"_blank\" rel=\"noopener noreferrer\">{{ question.subText.split('/').reverse()[0] }}</a>\r\n        </ion-card-header>\r\n      </ion-card>\r\n    </div> -->\r\n\r\n\r\n    <!-- <div *ngIf=\"ShowInputTitle\" [class.mt-25]=\"ShowInputTitle\" class=\"input-title\"\r\n      [class.text-danger]=\"control.touched && !isValid && (question.required || question.controlType == 'phone')\">\r\n      {{question.label}}\r\n    </div> -->\r\n\r\n    <!-- <ion-icon *ngIf=\"question.tooltipMessage && !isMovilView\" name=\"contact_support\"></ion-icon>\r\n    <ion-icon *ngIf=\"question.tooltipMessage && isMovilView\" name=\"contact_support\"></ion-icon> -->\r\n\r\n    <!-- CEDULA -->\r\n    <div *ngSwitchCase=\"'dni'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label  position=\"floating\">{{question.label}} </ion-label>\r\n        <ion-input\r\n          #dni\r\n          [id]=\"question.key\"\r\n          [formControlName]=\"question.key\"\r\n          [type]=\"question.type\"\r\n          [placeholder]=\"question.label\"\r\n\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.dni }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n      <ion-popover trigger=\"info{{question.key}}\">\r\n        <ng-template>\r\n          <ion-content>{{question.tooltipMessage}}</ion-content>\r\n        </ng-template>\r\n      </ion-popover>\r\n    </div>\r\n\r\n    <!-- PASSPORT -->\r\n    <div *ngSwitchCase=\"'passport'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-input\r\n          #input\r\n          [id]=\"question.key\"\r\n          [formControlName]=\"question.key\"\r\n          [placeholder]=\"question.label\"\r\n          [attr.maxlength]=\"9\"\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"isValid\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(input.value).toString().length || 0}}/9</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.passport }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- EMAIL -->\r\n    <div *ngSwitchCase=\"'email'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-input #email\r\n            [id]=\"question.key\"\r\n            [formControlName]=\"question.key\"\r\n            [attr.maxlength]=\"question.maximumLength\"\r\n            placeholder=\"example@example.com\"\r\n            (keyup)=\"onKeyInputConfirmed($event)\"\r\n            matInput\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(email.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.email }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- TEXT -->\r\n    <div *ngSwitchCase=\"'textbox'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label [attr.color]=\"control.invalid && control.touched ? null : 'dark'\"  position=\"floating\">\r\n          {{question.label}}\r\n        </ion-label>\r\n        <ion-input\r\n          #texbox\r\n          [id]=\"question.key\"\r\n          [formControlName]=\"question.key\"\r\n          [type]=\"question.type\"\r\n          [attr.maxlength]=\"question.maximumLength\"\r\n          (keyup)=\"onKeyInputConfirmed($event)\"\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(texbox.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- NUMBER -->\r\n    <div  *ngSwitchCase=\"'number'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\" >\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-input\r\n          #number\r\n          [id]=\"question.key\"\r\n          [formControlName]=\"question.key\"\r\n          [type]=\"question.type\"\r\n          [attr.maxlength]=\"question.maximumLength\"\r\n          (keyup)=\"onKeyInputConfirmed($event)\"\r\n        ></ion-input>\r\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(number.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- PHONE -->\r\n    <div class=\"input-question\" *ngSwitchCase=\"'phone'\">\r\n      <ion-item class=\"phone-background ion-no-padding none\">\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-intl-tel-input\r\n          defaultCountryiso=\"pa\"\r\n          modalSearchFailText=\"No se encontraron pa\u00EDses.\"\r\n          modalTitle=\"Selecciona pa\u00EDs de marcaci\u00F3n\"\r\n          modalSearchPlaceholder=\"Busca por nombre del pa\u00EDs\"\r\n          [formControlName]=\"question.key\"\r\n          ionIntlTelInputValid\r\n        >\r\n        </ion-intl-tel-input>\r\n      </ion-item>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.phone }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- FECHA -->\r\n    <div  *ngSwitchCase=\"'datepicker'\" class=\"input-question\">\r\n      <ion-item class=\"ion-no-padding none\">\r\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\r\n        <ion-input\r\n          (ionChange)=\"changeDate($event.target['value'])\"\r\n          [value]=\"formatDate\"\r\n          class=\"ion-text-start \"\r\n          placeholder=\"DD/MM/YYYY\"\r\n          mask=\"**/**/****\"\r\n          maxlength=\"10\"\r\n        ></ion-input>\r\n        <ion-icon id=\"date{{question.key}}\" class=\"ion-align-self-center pointer\" name=\"calendar-outline\" slot=\"end\"></ion-icon>\r\n      </ion-item>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.datepicker }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- RADIO -->\r\n    <div *ngSwitchCase=\"'radio'\" class=\"pad-bottom input-question\">\r\n      <ion-list class=\"none ion-no-padding\">\r\n        <ion-radio-group [formControlName]=\"question.key\" (ionChange)=\"unselectRadio($event.target['value'])\">\r\n          <ion-list-header class=\"ion-no-padding\">\r\n            <ion-label class=\"format-radio\" [class.error-message]=\"(!isValid && (control.dirty || control.touched) && !isDetail) || question.needCorrection\">\r\n              <span [innerHTML]=\"question.label\"></span>\r\n              <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon-radio\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n            </ion-label>\r\n          </ion-list-header>\r\n\r\n          <ion-item class=\"ion-no-padding dd-items\" *ngFor=\"let opt of question.options\" (click)=\"selectRadio(opt)\">\r\n              <ion-label class=\"ion-text-center dd-color\">{{opt.value}}</ion-label>\r\n              <ion-radio class=\"ion-hide\" color=\"tertiary\" slot=\"start\" [value]=\"opt.key\"></ion-radio>\r\n              <span class=\"checkmark\"></span>\r\n          </ion-item>\r\n\r\n        </ion-radio-group>\r\n      </ion-list>\r\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- FILE -->\r\n    <div *ngSwitchCase=\"'file'\" class=\"example-full-width\">\r\n      <form-file\r\n          [loading]=\"isLoadingFile\"\r\n          [label]=\"question.label\"\r\n          [mountAttached]=\"value\"\r\n          [accept]=\"question.supportType || 'application/pdf, .png, .jpg, .jpeg'\"\r\n          (onSelectAttached)=\"saveFile($event)\"\r\n          (onClearSelect)=\"resetFile()\"\r\n      >\r\n      </form-file>\r\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n     <!-- SEARCH SELECTABLE-->\r\n     <div *ngSwitchCase=\"'country'\">\r\n      <app-selectable-question\r\n        [question]=\"question\"\r\n        [form]=\"currentFormControl\"\r\n      ></app-selectable-question>\r\n    </div>\r\n\r\n     <!-- SELECT -->\r\n     <div *ngSwitchCase=\"'dropdown'\">\r\n        <app-selectable-question\r\n          [question]=\"question\"\r\n          [form]=\"currentFormControl\"\r\n          (selectChange)=\"selectRadio($event)\"\r\n        ></app-selectable-question>\r\n     </div>\r\n\r\n    <!-- CHECK -->\r\n    <div *ngSwitchCase=\"'Check'\" class=\"input-check ptb-10\">\r\n      <ion-card>\r\n        <div *ngIf=\"question.tooltipMessage\" style=\"text-align: right;padding: 10px 10px 0px 10px;\">\r\n          <ion-icon (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\r\n        </div>\r\n\r\n        <ion-card-header class=\"img-header\" *ngIf=\"(question.subTextRequired && question.subText.length > 0) || question.contractText\">\r\n          <a *ngIf=\"question.subTextRequired && question.subText.length > 0\" class=\"input-title\" [href]=\"question.subText\" target=\"_blank\" rel=\"noopener noreferrer\">{{question.subheading}}</a>\r\n          <p *ngIf=\"question.contractText\"\r\n            class=\"input-title\"\r\n            [class.minimize-label]=\"question.subheading.length > 35\"\r\n            rel=\"noopener noreferrer\"\r\n          >\r\n              {{question.subheading}}\r\n          </p>\r\n        </ion-card-header>\r\n\r\n        <ion-item class=\"zize\">\r\n          <ion-label class=\"input-title\" [class.minimize-label]=\"question.label.length > 35\">\r\n            <span [innerHTML]=\"question.label\"></span>\r\n          </ion-label>\r\n          <ion-checkbox slot=\"start\"\r\n            color=\"primary\"\r\n            (ionChange)=\"checkboxChange()\"\r\n            [formControlName]=\"question.key\"\r\n          ></ion-checkbox>\r\n        </ion-item>\r\n      </ion-card>\r\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- TOGGLE -->\r\n    <div *ngSwitchCase=\"'Toggle'\" class=\"input-question\">\r\n      <ion-item lines=\"none\">\r\n        <ion-label class=\"input-title\">{{question.label}}</ion-label>\r\n        <ion-toggle slot=\"start\"\r\n          [formControlName]=\"question.key\"\r\n        ></ion-toggle>\r\n      </ion-item>\r\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n    <!-- CONFIRMAR INPUT o REPETIR PREGUNTA -->\r\n    <div class=\"input-question pdt-0\"  *ngIf=\"question.confirmed\">\r\n      <ion-item class=\" none\">\r\n        <ion-input\r\n          #match\r\n          [id]=\"question.key+'confirmed'\"\r\n          [formControl]=\"matchInput\"\r\n          [type]=\"question.type\"\r\n          [attr.maxlength]=\"question.maximumLength\"\r\n          [placeholder]=\"'Repetir '+question.label\"\r\n          (keyup)=\"onKeyConfirmed($event.target['value'])\"\r\n        ></ion-input>\r\n      </ion-item>\r\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\r\n        <p class=\"ion-no-margin\"><sub>{{(match.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\r\n      </ion-text>\r\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox, confirmed: true }\"></ng-container>\r\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\r\n    </div>\r\n\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #simpleErrorTemplate>\r\n  <ng-container *ngIf=\"control.invalid && control.touched\">\r\n    <ion-text class=\"ion-text-end fadein\" color=\"danger\">\r\n      <p class=\"ion-no-margin\" *ngIf=\"!question.needCorrection\"><sub>Campo requerido</sub></p>\r\n      <p class=\"ion-no-margin\" *ngIf=\"question.needCorrection\"><sub>Campo por corregir</sub></p>\r\n    </ion-text>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template let-validations=\"validations\" let-confirmed=\"confirmed\" #advancedValidations>\r\n  <div class=\"mat-err\" *ngFor=\"let validation of validations\">\r\n    <div *ngIf=\"validation.type == 'mismatched'; else elseBlock\">\r\n        <ng-container *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">\r\n          <ion-text class=\"ion-text-end fadein\" color=\"danger\">\r\n            <p class=\"ion-no-margin\"><sub>no coincide con el campo {{ !confirmed ? 'repetir' : ''}} {{question.label}}</sub></p>\r\n          </ion-text>\r\n        </ng-container>\r\n    </div>\r\n    <ng-template #elseBlock>\r\n        <div *ngIf=\"control.invalid && control.touched\">\r\n          <ion-text *ngIf=\"control.hasError(validation.type) && !isDetail\"\r\n            class=\"ion-text-end fadein\"\r\n            color=\"danger\"\r\n          >\r\n            <p class=\"ion-no-margin\"><sub>{{validation.message}}</sub></p>\r\n          </ion-text>\r\n        </div>\r\n    </ng-template>\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";app-question-from-table .tooltip-icon,app-question-from-table .tooltip-icon-radio{font-size:24px;color:#19d7db;cursor:pointer;transform:rotate(180deg)}app-question-from-table .tooltip-icon{margin:0 0 -4px 5px}app-question-from-table .tooltip-icon-radio{margin:0 0 -6px 5px}app-question-from-table .input-check .minimize-label{font-size:15px!important;white-space:normal;color:#000}app-question-from-table .item.sc-ion-label-md-h,app-question-from-table .item .sc-ion-label-md-h{text-overflow:ellipsis;overflow:hidden;width:90%;white-space:nowrap!important}app-question-from-table .format-radio{font-size:22px;font-weight:400!important}app-question-from-table .full-width{width:100%}app-question-from-table .input-title{font-size:20px!important}app-question-from-table .pointer{cursor:pointer}app-question-from-table .discolored{font-size:20px;color:#19d7db}app-question-from-table .text-center{text-align:center}app-question-from-table .ptb-10{padding:10px 0}app-question-from-table .error-message{color:#eb445a}app-question-from-table .fadein{margin-top:5px;animation:fadein 2s}app-question-from-table .ionic-selectable-icon{bottom:10px}@keyframes fadein{0%{opacity:0}to{opacity:1}}app-question-from-table .mt-25{margin-top:25px}app-question-from-table .none{--background: transparent;background:transparent;font-size:22px;color:#000;opacity:.9}@media only screen and (max-width: 600px){app-question-from-table .btn-datepicker{width:100%}app-question-from-table :host ion-modal{--width: 90%}app-question-from-table :host ion-modal ion-datetime{width:90%}app-question-from-table ion-modal ion-datetime{width:90%}app-question-from-table ion-modal ion-datetime:host{width:90%}app-question-from-table .input-title{font-size:15px!important}app-question-from-table .format-radio{font-size:15px;padding:0}app-question-from-table .none{font-size:15px}}@media only screen and (min-width: 601px){app-question-from-table ion-modal{width:400px}}app-question-from-table ion-modal{--height: 410px;--border-radius: 8px}@media only screen and (max-width: 767px){app-question-from-table ion-modal{--width: 90%;--border-radius: 8px}}app-question-from-table ion-modal ion-datetime{height:410px;padding:10px}app-question-from-table .dd-items:last-child{margin-bottom:0}app-question-from-table ion-item.dd-items{--min-height: 48px}@media screen and (min-width: 630px){app-question-from-table ion-item.dd-items{--min-height: 68px}}app-question-from-table .dd-items{--background: #E9E9E9;border-radius:10px;margin:15px 0}app-question-from-table .dd-items .checkmark{position:absolute;left:16px;height:21px;width:21px;border-radius:50%;background-color:#232323;opacity:.15}app-question-from-table .dd-items .checkmark:after{content:\"\\2713\";color:#e9e9e9;left:4px;top:0px;position:absolute}app-question-from-table .dd-items .dd-color{color:#232323;font-weight:600;opacity:.45;padding:0 26px 0 42px;white-space:initial;font-size:20px}@media screen and (max-width: 600px){app-question-from-table .dd-items .dd-color{font-size:16px}app-question-from-table .dd-items .dd-items{border-radius:10px;padding:0;font-weight:500px;margin:3px}}app-question-from-table .dd-items.item-radio-checked{--background: #4CDB9A}app-question-from-table .dd-items.item-radio-checked .checkmark{background-color:#fff;opacity:1}app-question-from-table .dd-items.item-radio-checked .checkmark:after{color:#4cdb9a}app-question-from-table .dd-items.item-radio-checked .dd-color{color:#fff;opacity:1}app-question-from-table .zize{padding:0}app-question-from-table .img-header{padding-bottom:0;padding-top:16px}app-question-from-table .ptb-10{margin:-9px;font-size:15px;color:#000;opacity:.9}app-question-from-table .pdt-0{padding-top:0!important}app-question-from-table .input-question{padding-top:10px;padding-bottom:10px;--padding-top: 10px;--padding-bottom: 10px}app-question-from-table .phone-background{--background: transparent;background:transparent}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.QuestionApiService }, { type: i2.ModalController }, { type: i3.DatePipe }]; } });
//# sourceMappingURL=data:application/json;base64, 