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')\">\n  <ng-container [ngSwitch]=\"question.controlType\">\n\n    <!-- Imprimir Terminos -->\n    <!-- <div class=\"terms\" *ngIf=\"question.subTextRequired && question.subText.length > 0\">\n      <div class=\"terms_body\" [innerHTML]=\"question.subText\"></div>\n    </div> -->\n\n\n    <!-- <div class=\"terms hola\" *ngIf=\"question.subTextRequired && question.subText.length > 0\">\n\n      <ion-card>\n        <ion-card-header>\n          <ion-card-title>Card Title</ion-card-title>\n          <a [href]=\"question.subText\" target=\"_blank\" rel=\"noopener noreferrer\">{{ question.subText.split('/').reverse()[0] }}</a>\n        </ion-card-header>\n      </ion-card>\n    </div> -->\n\n\n    <!-- <div *ngIf=\"ShowInputTitle\" [class.mt-25]=\"ShowInputTitle\" class=\"input-title\"\n      [class.text-danger]=\"control.touched && !isValid && (question.required || question.controlType == 'phone')\">\n      {{question.label}}\n    </div> -->\n\n    <!-- <ion-icon *ngIf=\"question.tooltipMessage && !isMovilView\" name=\"contact_support\"></ion-icon>\n    <ion-icon *ngIf=\"question.tooltipMessage && isMovilView\" name=\"contact_support\"></ion-icon> -->\n\n    <!-- CEDULA -->\n    <div *ngSwitchCase=\"'dni'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label  position=\"floating\">{{question.label}} </ion-label>\n        <ion-input\n          #dni\n          [id]=\"question.key\"\n          [formControlName]=\"question.key\"\n          [type]=\"question.type\"\n          [placeholder]=\"question.label\"\n\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.dni }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n      <ion-popover trigger=\"info{{question.key}}\">\n        <ng-template>\n          <ion-content>{{question.tooltipMessage}}</ion-content>\n        </ng-template>\n      </ion-popover>\n    </div>\n\n    <!-- PASSPORT -->\n    <div *ngSwitchCase=\"'passport'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-input\n          #input\n          [id]=\"question.key\"\n          [formControlName]=\"question.key\"\n          [placeholder]=\"question.label\"\n          [attr.maxlength]=\"9\"\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ion-text *ngIf=\"isValid\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(input.value).toString().length || 0}}/9</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.passport }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- EMAIL -->\n    <div *ngSwitchCase=\"'email'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-input #email\n            [id]=\"question.key\"\n            [formControlName]=\"question.key\"\n            [attr.maxlength]=\"question.maximumLength\"\n            placeholder=\"example@example.com\"\n            (keyup)=\"onKeyInputConfirmed($event)\"\n            matInput\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(email.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.email }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- TEXT -->\n    <div *ngSwitchCase=\"'textbox'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label [attr.color]=\"control.invalid && control.touched ? null : 'dark'\"  position=\"floating\">\n          {{question.label}}\n        </ion-label>\n        <ion-input\n          #texbox\n          [id]=\"question.key\"\n          [formControlName]=\"question.key\"\n          [type]=\"question.type\"\n          [attr.maxlength]=\"question.maximumLength\"\n          (keyup)=\"onKeyInputConfirmed($event)\"\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(texbox.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- NUMBER -->\n    <div  *ngSwitchCase=\"'number'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\" >\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-input\n          #number\n          [id]=\"question.key\"\n          [formControlName]=\"question.key\"\n          [type]=\"question.type\"\n          [attr.maxlength]=\"question.maximumLength\"\n          (keyup)=\"onKeyInputConfirmed($event)\"\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(number.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- PHONE -->\n    <div class=\"input-question\" *ngSwitchCase=\"'phone'\">\n      <ion-item class=\"phone-background ion-no-padding none\">\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-intl-tel-input\n          defaultCountryiso=\"pa\"\n          modalSearchFailText=\"No se encontraron pa\u00EDses.\"\n          modalTitle=\"Selecciona pa\u00EDs de marcaci\u00F3n\"\n          modalSearchPlaceholder=\"Busca por nombre del pa\u00EDs\"\n          [formControlName]=\"question.key\"\n          ionIntlTelInputValid\n        >\n        </ion-intl-tel-input>\n      </ion-item>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.phone }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- FECHA -->\n    <div  *ngSwitchCase=\"'datepicker'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-input\n          (ionChange)=\"changeDate($event.target['value'])\"\n          [value]=\"formatDate\"\n          class=\"ion-text-start \"\n          placeholder=\"DD/MM/YYYY\"\n          mask=\"**/**/****\"\n          maxlength=\"10\"\n        ></ion-input>\n        <ion-icon id=\"date{{question.key}}\" class=\"ion-align-self-center pointer\" name=\"calendar-outline\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.datepicker }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- RADIO -->\n    <div *ngSwitchCase=\"'radio'\" class=\"pad-bottom input-question\">\n      <ion-list class=\"none ion-no-padding\">\n        <ion-radio-group [formControlName]=\"question.key\" (ionChange)=\"unselectRadio($event.target['value'])\">\n          <ion-list-header class=\"ion-no-padding\">\n            <ion-label class=\"format-radio\" [class.error-message]=\"(!isValid && (control.dirty || control.touched) && !isDetail) || question.needCorrection\">\n              <span [innerHTML]=\"question.label\"></span>\n              <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon-radio\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n            </ion-label>\n          </ion-list-header>\n\n          <ion-item class=\"ion-no-padding dd-items\" *ngFor=\"let opt of question.options\" (click)=\"selectRadio(opt)\">\n              <ion-label class=\"ion-text-center dd-color\">{{opt.value}}</ion-label>\n              <ion-radio class=\"ion-hide\" color=\"tertiary\" slot=\"start\" [value]=\"opt.key\"></ion-radio>\n              <span class=\"checkmark\"></span>\n          </ion-item>\n\n        </ion-radio-group>\n      </ion-list>\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- FILE -->\n    <div *ngSwitchCase=\"'file'\" class=\"example-full-width\">\n      <form-file\n          [loading]=\"isLoadingFile\"\n          [label]=\"question.label\"\n          [mountAttached]=\"value\"\n          [accept]=\"question.supportType || 'application/pdf, .png, .jpg, .jpeg'\"\n          (onSelectAttached)=\"saveFile($event)\"\n          (onClearSelect)=\"resetFile()\"\n      >\n      </form-file>\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n     <!-- SEARCH SELECTABLE-->\n     <div *ngSwitchCase=\"'country'\">\n      <app-selectable-question\n        [question]=\"question\"\n        [form]=\"currentFormControl\"\n      ></app-selectable-question>\n    </div>\n\n     <!-- SELECT -->\n     <div *ngSwitchCase=\"'dropdown'\">\n        <app-selectable-question\n          [question]=\"question\"\n          [form]=\"currentFormControl\"\n          (selectChange)=\"selectRadio($event)\"\n        ></app-selectable-question>\n     </div>\n\n    <!-- CHECK -->\n    <div *ngSwitchCase=\"'Check'\" class=\"input-check ptb-10\">\n      <ion-card>\n        <div *ngIf=\"question.tooltipMessage\" style=\"text-align: right;padding: 10px 10px 0px 10px;\">\n          <ion-icon (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n        </div>\n\n        <ion-card-header class=\"img-header\" *ngIf=\"(question.subTextRequired && question.subText.length > 0) || question.contractText\">\n          <a *ngIf=\"question.subTextRequired && question.subText.length > 0\" class=\"input-title\" [href]=\"question.subText\" target=\"_blank\" rel=\"noopener noreferrer\">{{question.subheading}}</a>\n          <p *ngIf=\"question.contractText\"\n            class=\"input-title\"\n            [class.minimize-label]=\"question.subheading.length > 35\"\n            rel=\"noopener noreferrer\"\n          >\n              {{question.subheading}}\n          </p>\n        </ion-card-header>\n\n        <ion-item class=\"zize\">\n          <ion-label class=\"input-title\" [class.minimize-label]=\"question.label.length > 35\">\n            <span [innerHTML]=\"question.label\"></span>\n          </ion-label>\n          <ion-checkbox slot=\"start\"\n            color=\"primary\"\n            (ionChange)=\"checkboxChange()\"\n            [formControlName]=\"question.key\"\n          ></ion-checkbox>\n        </ion-item>\n      </ion-card>\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- TOGGLE -->\n    <div *ngSwitchCase=\"'Toggle'\" class=\"input-question\">\n      <ion-item lines=\"none\">\n        <ion-label class=\"input-title\">{{question.label}}</ion-label>\n        <ion-toggle slot=\"start\"\n          [formControlName]=\"question.key\"\n        ></ion-toggle>\n      </ion-item>\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- CONFIRMAR INPUT o REPETIR PREGUNTA -->\n    <div class=\"input-question pdt-0\"  *ngIf=\"question.confirmed\">\n      <ion-item class=\" none\">\n        <ion-input\n          #match\n          [id]=\"question.key+'confirmed'\"\n          [formControl]=\"matchInput\"\n          [type]=\"question.type\"\n          [attr.maxlength]=\"question.maximumLength\"\n          [placeholder]=\"'Repetir '+question.label\"\n          (keyup)=\"onKeyConfirmed($event.target['value'])\"\n        ></ion-input>\n      </ion-item>\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(match.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox, confirmed: true }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n  </ng-container>\n</div>\n\n<ng-template #simpleErrorTemplate>\n  <ng-container *ngIf=\"control.invalid && control.touched\">\n    <ion-text class=\"ion-text-end fadein\" color=\"danger\">\n      <p class=\"ion-no-margin\" *ngIf=\"!question.needCorrection\"><sub>Campo requerido</sub></p>\n      <p class=\"ion-no-margin\" *ngIf=\"question.needCorrection\"><sub>Campo por corregir</sub></p>\n    </ion-text>\n  </ng-container>\n</ng-template>\n\n<ng-template let-validations=\"validations\" let-confirmed=\"confirmed\" #advancedValidations>\n  <div class=\"mat-err\" *ngFor=\"let validation of validations\">\n    <div *ngIf=\"validation.type == 'mismatched'; else elseBlock\">\n        <ng-container *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">\n          <ion-text class=\"ion-text-end fadein\" color=\"danger\">\n            <p class=\"ion-no-margin\"><sub>no coincide con el campo {{ !confirmed ? 'repetir' : ''}} {{question.label}}</sub></p>\n          </ion-text>\n        </ng-container>\n    </div>\n    <ng-template #elseBlock>\n        <div *ngIf=\"control.invalid && control.touched\">\n          <ion-text *ngIf=\"control.hasError(validation.type) && !isDetail\"\n            class=\"ion-text-end fadein\"\n            color=\"danger\"\n          >\n            <p class=\"ion-no-margin\"><sub>{{validation.message}}</sub></p>\n          </ion-text>\n        </div>\n    </ng-template>\n  </div>\n</ng-template>\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')\">\n  <ng-container [ngSwitch]=\"question.controlType\">\n\n    <!-- Imprimir Terminos -->\n    <!-- <div class=\"terms\" *ngIf=\"question.subTextRequired && question.subText.length > 0\">\n      <div class=\"terms_body\" [innerHTML]=\"question.subText\"></div>\n    </div> -->\n\n\n    <!-- <div class=\"terms hola\" *ngIf=\"question.subTextRequired && question.subText.length > 0\">\n\n      <ion-card>\n        <ion-card-header>\n          <ion-card-title>Card Title</ion-card-title>\n          <a [href]=\"question.subText\" target=\"_blank\" rel=\"noopener noreferrer\">{{ question.subText.split('/').reverse()[0] }}</a>\n        </ion-card-header>\n      </ion-card>\n    </div> -->\n\n\n    <!-- <div *ngIf=\"ShowInputTitle\" [class.mt-25]=\"ShowInputTitle\" class=\"input-title\"\n      [class.text-danger]=\"control.touched && !isValid && (question.required || question.controlType == 'phone')\">\n      {{question.label}}\n    </div> -->\n\n    <!-- <ion-icon *ngIf=\"question.tooltipMessage && !isMovilView\" name=\"contact_support\"></ion-icon>\n    <ion-icon *ngIf=\"question.tooltipMessage && isMovilView\" name=\"contact_support\"></ion-icon> -->\n\n    <!-- CEDULA -->\n    <div *ngSwitchCase=\"'dni'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label  position=\"floating\">{{question.label}} </ion-label>\n        <ion-input\n          #dni\n          [id]=\"question.key\"\n          [formControlName]=\"question.key\"\n          [type]=\"question.type\"\n          [placeholder]=\"question.label\"\n\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.dni }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n      <ion-popover trigger=\"info{{question.key}}\">\n        <ng-template>\n          <ion-content>{{question.tooltipMessage}}</ion-content>\n        </ng-template>\n      </ion-popover>\n    </div>\n\n    <!-- PASSPORT -->\n    <div *ngSwitchCase=\"'passport'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-input\n          #input\n          [id]=\"question.key\"\n          [formControlName]=\"question.key\"\n          [placeholder]=\"question.label\"\n          [attr.maxlength]=\"9\"\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ion-text *ngIf=\"isValid\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(input.value).toString().length || 0}}/9</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.passport }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- EMAIL -->\n    <div *ngSwitchCase=\"'email'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-input #email\n            [id]=\"question.key\"\n            [formControlName]=\"question.key\"\n            [attr.maxlength]=\"question.maximumLength\"\n            placeholder=\"example@example.com\"\n            (keyup)=\"onKeyInputConfirmed($event)\"\n            matInput\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(email.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.email }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- TEXT -->\n    <div *ngSwitchCase=\"'textbox'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label [attr.color]=\"control.invalid && control.touched ? null : 'dark'\"  position=\"floating\">\n          {{question.label}}\n        </ion-label>\n        <ion-input\n          #texbox\n          [id]=\"question.key\"\n          [formControlName]=\"question.key\"\n          [type]=\"question.type\"\n          [attr.maxlength]=\"question.maximumLength\"\n          (keyup)=\"onKeyInputConfirmed($event)\"\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(texbox.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- NUMBER -->\n    <div  *ngSwitchCase=\"'number'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\" >\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-input\n          #number\n          [id]=\"question.key\"\n          [formControlName]=\"question.key\"\n          [type]=\"question.type\"\n          [attr.maxlength]=\"question.maximumLength\"\n          (keyup)=\"onKeyInputConfirmed($event)\"\n        ></ion-input>\n        <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(number.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- PHONE -->\n    <div class=\"input-question\" *ngSwitchCase=\"'phone'\">\n      <ion-item class=\"phone-background ion-no-padding none\">\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-intl-tel-input\n          defaultCountryiso=\"pa\"\n          modalSearchFailText=\"No se encontraron pa\u00EDses.\"\n          modalTitle=\"Selecciona pa\u00EDs de marcaci\u00F3n\"\n          modalSearchPlaceholder=\"Busca por nombre del pa\u00EDs\"\n          [formControlName]=\"question.key\"\n          ionIntlTelInputValid\n        >\n        </ion-intl-tel-input>\n      </ion-item>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.phone }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- FECHA -->\n    <div  *ngSwitchCase=\"'datepicker'\" class=\"input-question\">\n      <ion-item class=\"ion-no-padding none\">\n        <ion-label position=\"floating\">{{question.label}}</ion-label>\n        <ion-input\n          (ionChange)=\"changeDate($event.target['value'])\"\n          [value]=\"formatDate\"\n          class=\"ion-text-start \"\n          placeholder=\"DD/MM/YYYY\"\n          mask=\"**/**/****\"\n          maxlength=\"10\"\n        ></ion-input>\n        <ion-icon id=\"date{{question.key}}\" class=\"ion-align-self-center pointer\" name=\"calendar-outline\" slot=\"end\"></ion-icon>\n      </ion-item>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.datepicker }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- RADIO -->\n    <div *ngSwitchCase=\"'radio'\" class=\"pad-bottom input-question\">\n      <ion-list class=\"none ion-no-padding\">\n        <ion-radio-group [formControlName]=\"question.key\" (ionChange)=\"unselectRadio($event.target['value'])\">\n          <ion-list-header class=\"ion-no-padding\">\n            <ion-label class=\"format-radio\" [class.error-message]=\"(!isValid && (control.dirty || control.touched) && !isDetail) || question.needCorrection\">\n              <span [innerHTML]=\"question.label\"></span>\n              <ion-icon *ngIf=\"question.tooltipMessage\" (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon-radio\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n            </ion-label>\n          </ion-list-header>\n\n          <ion-item class=\"ion-no-padding dd-items\" *ngFor=\"let opt of question.options\" (click)=\"selectRadio(opt)\">\n              <ion-label class=\"ion-text-center dd-color\">{{opt.value}}</ion-label>\n              <ion-radio class=\"ion-hide\" color=\"tertiary\" slot=\"start\" [value]=\"opt.key\"></ion-radio>\n              <span class=\"checkmark\"></span>\n          </ion-item>\n\n        </ion-radio-group>\n      </ion-list>\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- FILE -->\n    <div *ngSwitchCase=\"'file'\" class=\"example-full-width\">\n      <form-file\n          [loading]=\"isLoadingFile\"\n          [label]=\"question.label\"\n          [mountAttached]=\"value\"\n          [accept]=\"question.supportType || 'application/pdf, .png, .jpg, .jpeg'\"\n          (onSelectAttached)=\"saveFile($event)\"\n          (onClearSelect)=\"resetFile()\"\n      >\n      </form-file>\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n     <!-- SEARCH SELECTABLE-->\n     <div *ngSwitchCase=\"'country'\">\n      <app-selectable-question\n        [question]=\"question\"\n        [form]=\"currentFormControl\"\n      ></app-selectable-question>\n    </div>\n\n     <!-- SELECT -->\n     <div *ngSwitchCase=\"'dropdown'\">\n        <app-selectable-question\n          [question]=\"question\"\n          [form]=\"currentFormControl\"\n          (selectChange)=\"selectRadio($event)\"\n        ></app-selectable-question>\n     </div>\n\n    <!-- CHECK -->\n    <div *ngSwitchCase=\"'Check'\" class=\"input-check ptb-10\">\n      <ion-card>\n        <div *ngIf=\"question.tooltipMessage\" style=\"text-align: right;padding: 10px 10px 0px 10px;\">\n          <ion-icon (click)=\"openInfoModal()\" class=\"ion-align-self-center tooltip-icon\" name=\"alert-circle\" slot=\"end\"></ion-icon>\n        </div>\n\n        <ion-card-header class=\"img-header\" *ngIf=\"(question.subTextRequired && question.subText.length > 0) || question.contractText\">\n          <a *ngIf=\"question.subTextRequired && question.subText.length > 0\" class=\"input-title\" [href]=\"question.subText\" target=\"_blank\" rel=\"noopener noreferrer\">{{question.subheading}}</a>\n          <p *ngIf=\"question.contractText\"\n            class=\"input-title\"\n            [class.minimize-label]=\"question.subheading.length > 35\"\n            rel=\"noopener noreferrer\"\n          >\n              {{question.subheading}}\n          </p>\n        </ion-card-header>\n\n        <ion-item class=\"zize\">\n          <ion-label class=\"input-title\" [class.minimize-label]=\"question.label.length > 35\">\n            <span [innerHTML]=\"question.label\"></span>\n          </ion-label>\n          <ion-checkbox slot=\"start\"\n            color=\"primary\"\n            (ionChange)=\"checkboxChange()\"\n            [formControlName]=\"question.key\"\n          ></ion-checkbox>\n        </ion-item>\n      </ion-card>\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- TOGGLE -->\n    <div *ngSwitchCase=\"'Toggle'\" class=\"input-question\">\n      <ion-item lines=\"none\">\n        <ion-label class=\"input-title\">{{question.label}}</ion-label>\n        <ion-toggle slot=\"start\"\n          [formControlName]=\"question.key\"\n        ></ion-toggle>\n      </ion-item>\n      <ng-container [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n    <!-- CONFIRMAR INPUT o REPETIR PREGUNTA -->\n    <div class=\"input-question pdt-0\"  *ngIf=\"question.confirmed\">\n      <ion-item class=\" none\">\n        <ion-input\n          #match\n          [id]=\"question.key+'confirmed'\"\n          [formControl]=\"matchInput\"\n          [type]=\"question.type\"\n          [attr.maxlength]=\"question.maximumLength\"\n          [placeholder]=\"'Repetir '+question.label\"\n          (keyup)=\"onKeyConfirmed($event.target['value'])\"\n        ></ion-input>\n      </ion-item>\n      <ion-text *ngIf=\"question?.maximumLength\" class=\"ion-text-start\">\n        <p class=\"ion-no-margin\"><sub>{{(match.value).toString().length || 0}}/{{question.maximumLength}}</sub></p>\n      </ion-text>\n      <ng-container *ngIf=\"!question.needCorrection\" [ngTemplateOutlet]=\"advancedValidations\" [ngTemplateOutletContext]=\"{ validations: validations.textbox, confirmed: true }\"></ng-container>\n      <ng-container *ngIf=\"question.needCorrection\" [ngTemplateOutlet]=\"simpleErrorTemplate\"></ng-container>\n    </div>\n\n  </ng-container>\n</div>\n\n<ng-template #simpleErrorTemplate>\n  <ng-container *ngIf=\"control.invalid && control.touched\">\n    <ion-text class=\"ion-text-end fadein\" color=\"danger\">\n      <p class=\"ion-no-margin\" *ngIf=\"!question.needCorrection\"><sub>Campo requerido</sub></p>\n      <p class=\"ion-no-margin\" *ngIf=\"question.needCorrection\"><sub>Campo por corregir</sub></p>\n    </ion-text>\n  </ng-container>\n</ng-template>\n\n<ng-template let-validations=\"validations\" let-confirmed=\"confirmed\" #advancedValidations>\n  <div class=\"mat-err\" *ngFor=\"let validation of validations\">\n    <div *ngIf=\"validation.type == 'mismatched'; else elseBlock\">\n        <ng-container *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">\n          <ion-text class=\"ion-text-end fadein\" color=\"danger\">\n            <p class=\"ion-no-margin\"><sub>no coincide con el campo {{ !confirmed ? 'repetir' : ''}} {{question.label}}</sub></p>\n          </ion-text>\n        </ng-container>\n    </div>\n    <ng-template #elseBlock>\n        <div *ngIf=\"control.invalid && control.touched\">\n          <ion-text *ngIf=\"control.hasError(validation.type) && !isDetail\"\n            class=\"ion-text-end fadein\"\n            color=\"danger\"\n          >\n            <p class=\"ion-no-margin\"><sub>{{validation.message}}</sub></p>\n          </ion-text>\n        </div>\n    </ng-template>\n  </div>\n</ng-template>\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, 