{"__symbolic":"module","version":4,"metadata":{"ComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WelcomeCustomerComponent"},{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"DynamicFormFileComponent"},{"__symbolic":"reference","name":"DynamicFormQuestionComponent"},{"__symbolic":"reference","name":"SurveySummaryComponent"},{"__symbolic":"reference","name":"SummaryQuestionComponent"},{"__symbolic":"reference","name":"SummaryTableComponent"},{"__symbolic":"reference","name":"TableImageDialogComponent"},{"__symbolic":"reference","name":"TableQuestionDialogComponent"},{"__symbolic":"reference","name":"DocumentDisplayDialogComponent"},{"__symbolic":"reference","name":"MessageDialogComponent"},{"__symbolic":"reference","name":"GetQuestionnaireComponent"},{"__symbolic":"reference","name":"GetStartedComponent"},{"__symbolic":"reference","name":"SurveyAuthComponent"},{"__symbolic":"reference","name":"CountryMultipleQuestionComponent"},{"__symbolic":"reference","name":"CountrySingleQuestionComponent"},{"__symbolic":"reference","name":"LoadingComponent"},{"__symbolic":"reference","name":"BottomSheetOverviewComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":53,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":54,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":55,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":56,"character":8},{"__symbolic":"reference","module":"@ddcheck/common","name":"DDMaterialModule","line":57,"character":8},{"__symbolic":"reference","module":"@ddcheck/common","name":"PipeModule","line":58,"character":8},{"__symbolic":"reference","module":"ngx-intl-tel-input","name":"NgxIntlTelInputModule","line":59,"character":8},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":60,"character":8}],"exports":[{"__symbolic":"reference","name":"WelcomeCustomerComponent"},{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"DynamicFormFileComponent"},{"__symbolic":"reference","name":"DynamicFormQuestionComponent"},{"__symbolic":"reference","name":"SurveySummaryComponent"},{"__symbolic":"reference","name":"SummaryQuestionComponent"},{"__symbolic":"reference","name":"SummaryTableComponent"},{"__symbolic":"reference","name":"TableImageDialogComponent"},{"__symbolic":"reference","name":"TableQuestionDialogComponent"},{"__symbolic":"reference","name":"DocumentDisplayDialogComponent"},{"__symbolic":"reference","name":"MessageDialogComponent"},{"__symbolic":"reference","name":"GetQuestionnaireComponent"},{"__symbolic":"reference","name":"GetStartedComponent"},{"__symbolic":"reference","name":"SurveyAuthComponent"},{"__symbolic":"reference","name":"CountryMultipleQuestionComponent"},{"__symbolic":"reference","name":"CountrySingleQuestionComponent"},{"__symbolic":"reference","name":"LoadingComponent"},{"__symbolic":"reference","name":"BottomSheetOverviewComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"entryComponents":[{"__symbolic":"reference","name":"BottomSheetOverviewComponent"}]}]}],"members":{}},"DocumentDisplayDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-document-display-dialog","template":"<div mat-dialog-content>\r\n    <div *ngIf=\"!loading\"\r\n        style=\"height: 99%; text-align: center; justify-content: center; display: flex; align-items: center;\">\r\n        <object *ngIf=\"!isImage\" style=\"width: 100%; height: 100%;\" [data]=\"url\"></object>\r\n        <img *ngIf=\"isImage\" style=\"max-height: 100%; max-width: 100%;cursor: pointer;\" [src]=\"url | safe: 'resourceUrl'\"\r\n            alt=\"Vista previa no disponible\">\r\n        <div *ngIf=\"!url\" class=\"center\" style=\"padding: 30px 0;\">\r\n            <span style=\"text-align: center; font-size: 2rem;\">\r\n                Este documento no se puede visualizar.\r\n            </span>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"loading\"\r\n        style=\"height: 99%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;\">\r\n        <mat-spinner></mat-spinner>\r\n    </div>\r\n</div>\r\n\r\n<div mat-dialog-actions style=\"float: right\">\r\n\t<button mat-raised-button (click)=\"onNoClick()\">Cerrar</button>\r\n</div>","styles":["::ng-deep mat-dialog-container{background:transparent;box-shadow:0 0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":18,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"DocumentDisplayDialogComponent"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"onNoClick":[{"__symbolic":"method"}]}},"MessageDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-message-dialog","template":"<div mat-dialog-content  [innerHtml]=\"data\"></div>\r\n<div mat-dialog-actions align=\"center\">\r\n    <button class=\"dd_button_secondary__simple\" (click)=\"confirm()\" cdkFocusInitial>ACEPTAR</button>\r\n</div>","styles":[":host ::ng-deep .ql-align-center{text-align:center}:host ::ng-deep ol>li,:host ::ng-deep p{font-size:14px!important}:host ::ng-deep .ql-align-justify{text-align:justify}:host ::ng-deep .ql-align-right{text-align:right}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":12,"character":16}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"MessageDialogComponent"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":13,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"onNoClick":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]}},"TableImageDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-table-image-dialog","template":"<div mat-dialog-content style=\"padding-top: 10px; min-height: 450px!important; max-height: 450px!important\">\r\n    <div>\r\n        <object *ngIf=\"data\" style=\"width: 100%; height: 420px;\" [data]=\"data | safe: 'resourceUrl'\"></object>\r\n\t    <div *ngIf=\"!data\" class=\"center\" style=\"padding: 30px 0;\">\r\n\t    \t<span style=\"text-align: center; font-size: 2rem;\">\r\n\t        \tEl archivo solicitado no está disponible.\r\n\t        </span>\r\n\t    </div>\r\n    </div> \r\n</div>   \r\n<div mat-dialog-actions style=\"float: right\">\r\n    <button mat-raised-button (click)=\"onNoClick()\">Cerrar</button>\r\n</div>      ","styles":[".example-full-width{width:100%}img{max-width:300px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":12,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TableImageDialogComponent"}]},null]}],"ngOnInit":[{"__symbolic":"method"}],"onNoClick":[{"__symbolic":"method"}],"getDataSaveRow":[{"__symbolic":"method"}]}},"TableQuestionDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-table-question-dialog","template":"<h1 mat-dialog-title>{{data.title}}</h1>\r\n<form [formGroup]=\"form.controls[0]\">\r\n    <div mat-dialog-content style=\"padding-top: 10px;\">\r\n        <app-dynamic-form                  \r\n            [questions]=\"questions\"\r\n            [form]=\"form\"\r\n            [isTable]=\"isTable\"\r\n            >\r\n        </app-dynamic-form> \r\n    </div>     \r\n</form>   \r\n<div mat-dialog-actions>\r\n    <button mat-raised-button (click)=\"onNoClick()\">Cancelar</button>\r\n    <!-- <button mat-raised-button [disabled]=\"props.invalid\" (click)=\"getDataSaveRow()\">        \r\n        Guardar\r\n    </button> -->\r\n    <button mat-raised-button (click)=\"getDataSaveRow()\">        \r\n        Guardar\r\n    </button>\r\n</div>      ","styles":[".example-full-width{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":7},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":21,"character":14}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TableQuestionDialogComponent"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionsManagerService","line":22,"character":41},{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionControlService","line":23,"character":28},{"__symbolic":"reference","module":"@ddcheck/common","name":"Sweetalert","line":24,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"addPropsWithValidators":[{"__symbolic":"method"}],"clearValidator":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"onNoClick":[{"__symbolic":"method"}],"checkRequired":[{"__symbolic":"method"}],"checkValues":[{"__symbolic":"method"}],"getDataSaveRow":[{"__symbolic":"method"}]}},"DialogData":{"__symbolic":"interface"},"DynamicFormFileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"form-file","template":"<div class=\"content-border\" >\r\n    <input type=\"file\" accept=\"{{accept}}\" #operationAdDom [ngClass]=\"{'hidden':showheader, 'none': !showheader}\"class=\"hidden\" (change)=\"changeAttached($event.target.files)\" required>\r\n    <div *ngIf=\"showheader\" class=\"field-choose field-choose-size flex-between\" (click)=\"operationAdDom.click()\">\r\n        <div>\r\n            <p class=\"title\" [innerHTML]=\"label\"></p>\r\n        </div>\r\n        <div>\r\n            <p class=\"description size20text adj\">attach</p>            \r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"!showheader\" class=\"field-choose field-choose-size flex-between\">\r\n        <div>\r\n            <p class=\"title\" [innerHTML]=\"label\"></p>\r\n        </div>\r\n    </div>\r\n    <!-- <div class=\"filebox field-choose-size\" *ngIf=\"type\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"25px\"> -->\r\n    <div class=\"filebox field-choose-size\" *ngIf=\"type\">\r\n        <!-- <div *ngIf=\"!loading\" class=\"flex center box9\" [ngClass]=\"{ 'img-content': type === 'img', 'pdf-content': type === 'pdf'}\" (click)=\"viewerDocuments(view);\"> -->\r\n        <div *ngIf=\"!loading\" class=\"flex center box9\" [ngClass]=\"{ 'img-content': type === 'img', 'pdf-content': type === 'pdf'}\" >\r\n            <!-- <iframe *ngIf=\"type === 'pdf'\" [src]=\"view\" style=\"width: 100%;height: 100%;border: none;\"></iframe> -->\r\n            <object *ngIf=\"!type.localeCompare('pdf')\" style=\"width: 100%; height: 100%; cursor: pointer;\" [data]=\"view\"></object>\r\n            <img *ngIf=\"!type.localeCompare('img')\" style=\"cursor: pointer;max-width: 100%;max-height: 100%;\" [src]=\"view\" alt=\"Vista previa no disponible\">\r\n            <div *ngIf=\"showheader\" class=\"box-content\">                                \r\n                \r\n                <div>\r\n                    <a (click)=\"operationAdDom.click()\" class=\"format\" matTooltip=\"Change Document\">\r\n                        <mat-icon style=\"height: 35px;width: 40px;font-size: 35px;\">attach_file</mat-icon>\r\n                    </a>\r\n                </div>\r\n                <div>\r\n                    <a (click)=\"clearOperationAd()\" class=\"format\" matTooltip=\"Delete File\">\r\n                        <mat-icon style=\"height: 35px;width: 40px;font-size: 35px;\">delete_forever</mat-icon>\r\n                    </a>\r\n                </div>\r\n                \r\n            </div>\r\n            <!-- aqui se debe poner el div -->\r\n        </div>\r\n\r\n        <div *ngIf=\"loading\">\r\n            <mat-spinner></mat-spinner>\r\n        </div>\r\n        <div *ngIf=\"!loading\" (click)=\"viewerDocuments(view);\" class=\"download-pdf\"><strong>View Attachment</strong></div>        \r\n    </div>\r\n</div>\r\n","styles":[":root .button--theme{background-color:var(--buttons)!important;color:#fff!important}:root .header--theme{background-color:var(--header)!important}:root .body--theme{background-color:#f8f8f8}:root .links--theme{color:var(--links)!important}:root .footer--theme{background-color:var(--footer)!important}:root .letter--theme{color:var(--letters)!important}.custom-file-input:lang(en)~.custom-file-label:after{background-color:unset;border-radius:0 .25rem .25rem 0;bottom:unset;color:#495057;content:\"Buscar\";display:block;height:2.25rem;left:unset;line-height:1.5;padding:2px .75rem;right:0;top:0;z-index:3}.attached-content img{height:100%}.img-content{height:180px}.pdf-content{height:300px;margin-right:0!important}.content-border{width:100%}.field-choose{border:2px solid var(--header)!important;border-bottom:none!important;cursor:pointer;padding:16px}.custom-file-label{padding:unset;padding-left:10px;padding-top:.5%;text-align:initial!important}.source{box-shadow:3px 10px 15px rgba(2,2,2,.1);height:100%}.attached-content{border:1px solid #d8d6d6;box-shadow:5px 3px 20px rgba(204,196,196,.6509803921568628);height:150px;padding:10px;text-align:center}.text-content{color:#c1c1c1}.size20text{font-size:14px!important}.required{color:red;font-size:16px!important}.filebox{border:2px solid var(--header)!important;border-top:none;padding-top:2px}.adj{font-weight:700!important}.title{color:#4e4e4e;font-size:18px;font-weight:500}.download-pdf{border-top:2px solid var(--header)!important;cursor:pointer;text-align:center}.download-pdf:hover{background:#000;color:#fff;transition:.5s}.flex{display:flex}.center{align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between}.hidden{visibility:hidden}.none{display:none}.box9{position:relative;text-align:center}.box9:hover img{opacity:.5}.box9 .box-content{align-items:center;background:rgba(0,0,0,.27);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:30px 10px 30px 0;position:absolute;right:0;top:0}.box9:hover .box-content{bottom:10px;left:10px;opacity:1;right:10px;top:10px}.format{align-items:center;background:#fff;border:1px solid hsla(0,0%,50.2%,.7019607843137254);border-radius:10px;cursor:pointer;display:flex;margin:10px;padding:24px}"]}]}],"members":{"showheader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"mountAttached":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"accept":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"onSelectAttached":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"onClearSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":30,"character":32},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":31,"character":36},{"__symbolic":"reference","module":"@ddcheck/common","name":"Sweetalert","line":32,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"changeAttached":[{"__symbolic":"method"}],"clearOperationAd":[{"__symbolic":"method"}],"viewerDocuments":[{"__symbolic":"method"}]}},"DynamicFormQuestionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"app-question","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"template":"<div [formGroup]=\"form.controls[index]\" *ngIf=\"!question.isReferenced && (!question.isHidden || detailsType == 'resume')\">\r\n  <div [ngSwitch]=\"question.controlType\">\r\n      \r\n      <!-- Imprimir Terminos --> \r\n      <div class=\"input-check\" *ngIf=\"(question.subTextRequired && question.subText.length > 0) || question.contractText\">\r\n        <a *ngIf=\"question.subTextRequired && question.subText.length > 0\"\r\n          [href]=\"question.subText\"\r\n          class=\"input-title\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n        >\r\n          {{question.subheading}}\r\n        </a>\r\n\r\n        <ng-container *ngIf=\"question.contractText\">\r\n          <div class=\"terms\">\r\n            <p\r\n              [class.minimize-label]=\"question.subheading.length > 35\"\r\n              class=\"input-title\"\r\n              rel=\"noopener noreferrer\"\r\n            >\r\n              {{question.subheading}}\r\n            </p>\r\n          </div>\r\n        </ng-container>\r\n      </div> \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      <mat-label \r\n          *ngIf=\"question.controlType != 'file' && question.controlType != 'Check'\" \r\n          class=\"input-title\"\r\n          [class.text-danger]=\"control.touched && !isValid && (question.required || question.controlType == 'phone')\"\r\n      >\r\n          {{question.label}}\r\n      </mat-label>\r\n\r\n      <mat-icon *ngIf=\"question.tooltipMessage && !isMovilView\" \r\n          [matTooltip]=\"question.tooltipMessage\"\r\n          matTooltipPosition=\"above\"\r\n      >\r\n          contact_support\r\n      </mat-icon>\r\n\r\n      <mat-icon *ngIf=\"question.tooltipMessage && isMovilView\" \r\n          (click)=\"tooltipViewMobile(question.tooltipMessage)\"\r\n          matTooltipPosition=\"above\"\r\n      >\r\n          contact_support\r\n      </mat-icon>\r\n\r\n      <!-- VALIDATIONS --> \r\n      \r\n          <!-- CEDULA -->\r\n          <mat-form-field *ngSwitchCase=\"'dni'\" appearance=\"outline\" class=\"example-full-width\">\r\n              <input [formControlName]=\"question.key\" #dni [id]=\"question.key\" matInput [placeholder]=\"question.label\">            \r\n              <mat-error class=\"mat-err\" *ngFor=\"let validation of validations.dni\">\r\n                  <mat-error class=\"error-message\" *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">{{validation.message}}\r\n                  </mat-error>\r\n              </mat-error>\r\n          </mat-form-field>\r\n\r\n          <!-- EMAIL -->\r\n          <mat-form-field *ngSwitchCase=\"'email'\" appearance=\"outline\" class=\"example-full-width\">\r\n              <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.target.value)\" \r\n                  matInput\r\n              >\r\n              <mat-hint align=\"end\" *ngIf=\"question?.maximumLength\">{{email.value?.length || 0}}/{{question.maximumLength}}</mat-hint> \r\n\r\n              <mat-error class=\"mat-err\" *ngFor=\"let validation of validations.email\">\r\n                  <div *ngIf=\"validation.type == 'mismatched'; else elseBlock\">\r\n                      <mat-error class=\"error-message\" *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">{{validation.message(\"repetir \"+question.label)}}\r\n                      </mat-error>\r\n                  </div>\r\n                  <ng-template #elseBlock>\r\n                      <mat-error class=\"error-message\" *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">{{validation.message}}\r\n                      </mat-error>\r\n                  </ng-template>\r\n              </mat-error>\r\n          </mat-form-field>\r\n\r\n          <!-- PASSPORT -->\r\n          <mat-form-field *ngSwitchCase=\"'passport'\" hintLabel=\"Max 9 characters\" appearance=\"outline\" class=\"example-full-width\">\r\n              <input #input [formControlName]=\"question.key\" [id]=\"question.key\" maxlength=\"9\" matInput [placeholder]=\"question.label\">\r\n              <mat-hint align=\"end\" *ngIf=\"isValid\">{{input.value?.length || 0}}/9</mat-hint>\r\n              <mat-error class=\"mat-err\" *ngFor=\"let validation of validations.passport\">\r\n                  <mat-error class=\"error-message\" *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">{{validation.message}}\r\n                  </mat-error>\r\n              </mat-error>              \r\n          </mat-form-field>\r\n          \r\n          <!-- [tooltipField]=\"TooltipLabel.Name\"  -->\r\n          <!-- PHONE -->\r\n          <div *ngSwitchCase=\"'phone'\" style=\"margin-bottom: 15px;\" class=\"example-full-width\">\r\n              <ngx-intl-tel-input \r\n                  [cssClass]=\"'custom'\" \r\n                  [preferredCountries]=\"preferredCountries\"\r\n                  [enableAutoCountrySelect]=\"true\" \r\n                  [enablePlaceholder]=\"true\" \r\n                  [searchCountryFlag]=\"true\"\r\n                  [searchCountryField]=\"[SearchCountryField.Iso2, SearchCountryField.Name]\"\r\n                  [selectFirstCountry]=\"false\" \r\n                  [selectedCountryISO]=\"CountryISO.Panama\"\r\n                  [maxLength]=\"15\" \r\n                  [phoneValidation]=\"true\" \r\n                  [separateDialCode]=\"separateDialCode\"\r\n                  [formControlName]=\"question.key\">\r\n              </ngx-intl-tel-input>\r\n              <mat-error class=\"mat-err\" *ngFor=\"let validation of validations.phone\">\r\n                  <mat-error class=\"required-text-danger\" *ngIf=\"control.hasError(validation.type) && control.touched && !isDetail\">{{validation.message}}\r\n                  </mat-error>\r\n              </mat-error> \r\n              <!-- <mat-error class=\"required-text-danger\" *ngIf=\"control.errors?.validatePhoneNumber?.valid == false && control.touched && !isValid && (question.required || question.controlType == 'phone')\">\r\n                  ERROR {{validations.phone[1].message}}\r\n              </mat-error> -->\r\n                 \r\n          </div>      \r\n\r\n\r\n\r\n      <!-- TEXT -->\r\n      <mat-form-field *ngSwitchCase=\"'textbox'\" appearance=\"outline\" class=\"example-full-width\">\r\n          <input #texbox \r\n              [id]=\"question.key\" \r\n              [formControlName]=\"question.key\" \r\n              [type]=\"question.type\" \r\n              [attr.maxlength]=\"question.maximumLength\" \r\n              [placeholder]=\"question.label\" \r\n              (keyup)=\"onKeyInputConfirmed($event.target.value)\" \r\n              matInput\r\n          >\r\n          <mat-hint align=\"end\" *ngIf=\"question?.maximumLength\">{{texbox.value?.length || 0}}/{{question.maximumLength}}</mat-hint>\r\n\r\n          <mat-error class=\"mat-err\" *ngFor=\"let validation of validations.textbox\">\r\n              <div *ngIf=\"validation.type == 'mismatched'; else elseBlock\">\r\n                  <mat-error class=\"error-message\" *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">{{validation.message(\"repetir \"+question.label)}}\r\n                  </mat-error>\r\n              </div>\r\n              <ng-template #elseBlock>\r\n                  <mat-error class=\"error-message\" *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">{{validation.message}}\r\n                  </mat-error>\r\n              </ng-template>\r\n          </mat-error>\r\n      </mat-form-field>\r\n\r\n\r\n      <!-- NUMBER -->\r\n      <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\" class=\"example-full-width\">\r\n          <input #number \r\n              [id]=\"question.key\" \r\n              [formControlName]=\"question.key\" \r\n              [type]=\"question.type\" \r\n              [placeholder]=\"question.label\" \r\n              [attr.maxlength]=\"question.maximumLength\" \r\n              (keyup)=\"onKeyInputConfirmed($event.target.value)\" \r\n              matInput\r\n          >\r\n          <mat-hint align=\"end\" *ngIf=\"question?.maximumLength\">{{number.value?.length || 0}}/{{question.maximumLength}}</mat-hint>\r\n\r\n          <mat-error class=\"mat-err\" *ngFor=\"let validation of validations.textbox\">\r\n              <div *ngIf=\"validation.type == 'mismatched'; else elseBlock\">            \r\n                  <mat-error class=\"error-message\" *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">{{validation.message(\"repetir \"+question.label)}}\r\n                  </mat-error>\r\n              </div>\r\n              <ng-template #elseBlock>\r\n                  <mat-error class=\"error-message\" *ngIf=\"control.hasError(validation.type) && (control.dirty || control.touched) && !isDetail\">{{validation.message}}\r\n                  </mat-error>\r\n              </ng-template>\r\n          </mat-error>\r\n      </mat-form-field>\r\n\r\n\r\n      <!-- SELECT MULTIPLE -->\r\n      <mat-form-field *ngSwitchCase=\"'dropdown'\" appearance=\"outline\" class=\"example-full-width\">\r\n          <mat-select multiple [id]=\"question.key\" [formControlName]=\"question.key\" (selectionChange)=\"selectRadio($event, question.key)\">\r\n              <mat-option *ngFor=\"let opt of question.options\" [value]=\"opt.key\">\r\n                  {{opt.value}}\r\n              </mat-option>\r\n          </mat-select>\r\n          <mat-error class=\"mat-err\" *ngIf=\"!isValid && !isDetail\">Campo requerido</mat-error>\r\n      </mat-form-field>\r\n      \r\n\r\n      <!-- SELECT SIMPLE -->\r\n      <mat-form-field *ngSwitchCase=\"'dropdownNotMultiple'\" appearance=\"outline\" class=\"example-full-width\">\r\n          <mat-select [id]=\"question.key\" [formControlName]=\"question.key\" (selectionChange)=\"selectRadio($event, question.key)\">\r\n              <mat-option *ngFor=\"let opt of question.options\" [value]=\"opt.key\">\r\n                  {{opt.value}}\r\n              </mat-option>\r\n          </mat-select>            \r\n          <mat-error class=\"mat-err\" *ngIf=\"!isValid && !isDetail\">Campo requerido</mat-error>\r\n      </mat-form-field>\r\n\r\n      \r\n      <!-- SEARCH COUNTRY SIMPLE -->\r\n      <div *ngSwitchCase=\"'country'\">\r\n          <app-country-single-question \r\n            [question]=\"question\" \r\n            [form]=\"form\" \r\n            [group]=\"group\" \r\n            [index]=\"index\" \r\n            [isDetail]=\"isDetail\"\r\n          ></app-country-single-question>\r\n      </div>\r\n\r\n      <!-- SEARCH COUNTRY MULTIPLE -->\r\n      <div *ngSwitchCase=\"'countryMultiple'\">\r\n          <app-country-multiple-question \r\n            [question]=\"question\" \r\n            [form]=\"form\" \r\n            [group]=\"group\" \r\n            [index]=\"index\" \r\n            [isDetail]=\"isDetail\"\r\n          ></app-country-multiple-question>\r\n      </div>\r\n\r\n      <!-- RADIO -->\r\n      <div *ngSwitchCase=\"'radio'\" class=\"pad-bottom\">\r\n          <!-- <label id=\"example-radio-group-label\">{{question.label}}</label> -->\r\n          <!-- <br> -->\r\n          <!-- <mat-radio-group class=\"example-radio-group\"  [formControlName]=\"question.key\">\r\n              <mat-radio-button *ngFor=\"let opt of question.options\" color=\"primary\" class=\"example-radio-button\" [value]=\"opt.key\">{{opt.value}}</mat-radio-button>\r\n          </mat-radio-group> -->\r\n\r\n          <input type=\"hidden\" [formControlName]=\"question.key\">\r\n          <div fxLayout=\"column\" fxLayoutGap=\"16px\" *ngIf=\"question.displayType !== 'horizontal' \">\r\n              <div fxFlex=\"100\" *ngFor=\"let opt of question.options\">\r\n                  <div class=\"field-choose\" [class.field-choosed]=\"radioValue.value === opt.key\" (click)=\"selectRadio(opt, question.key)\">\r\n                      <p class=\"input-description\">{{opt.value}}</p>\r\n                  </div>\r\n              </div>    \r\n          </div>\r\n\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" fxLayoutGap=\"16px\" *ngIf=\"question.displayType === 'horizontal' \">\r\n              <div fxFlex=\"flexValue\" *ngFor=\"let opt of question.options\">\r\n                  <div class=\"field-choose\" [class.field-choosed]=\"radioValue.value === opt.key\" (click)=\"selectRadio(opt, question.key)\">\r\n                      <p class=\"input-description\">{{opt.value}}</p>\r\n                  </div>\r\n              </div>    \r\n          </div>\r\n          <mat-error class=\"mat-err required-text-danger\" *ngIf=\"!isValid && !isDetail\">Campo requerido</mat-error>\r\n      </div>\r\n\r\n      <!-- DATEPICKER -->\r\n      <mat-form-field *ngSwitchCase=\"'datepicker'\" appearance=\"outline\" class=\"example-full-width\">\r\n          <input matInput [matDatepicker]=\"picker\" [formControlName]=\"question.key\" [placeholder]=\"question.label\">\r\n          <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n          <mat-datepicker #picker touchUi></mat-datepicker>\r\n          <mat-error class=\"mat-err\" *ngIf=\"!isValid && !isDetail\">Campo requerido</mat-error>\r\n      </mat-form-field>\r\n\r\n      <!-- CHECK -->\r\n      <div *ngSwitchCase=\"'Check'\" class=\"pad-bottom\" style=\" display: flex; flex-direction: column;    margin-top: 10px;\">\r\n          <mat-checkbox class=\"example-margin\" color=\"primary\"           \r\n              [formControlName]=\"question.key\"\r\n          >\r\n              {{question.label}}            \r\n          </mat-checkbox>\r\n          <mat-error class=\"mat-err required-text-danger\" *ngIf=\"!isValid && !isDetail\">Campo requerido</mat-error>\r\n      </div>\r\n      \r\n      <!-- TOGGLE -->\r\n      <div *ngSwitchCase=\"'Toggle'\">\r\n          <mat-slide-toggle class=\"example-margin\" color=\"primary\"\r\n              [formControlName]=\"question.key\"\r\n              [labelPosition]=\"'before'\"            \r\n          >\r\n              {{question.label}}            \r\n          </mat-slide-toggle>\r\n          <mat-error class=\"mat-err required-text-danger\" *ngIf=\"!isValid && !isDetail\">Campo requerido</mat-error>\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          <mat-error class=\"mat-err required-text-danger\" *ngIf=\"!isValid && !isDetail\">Campo requerido</mat-error>\r\n      </div>\r\n\r\n      <!-- TABLE -->\r\n      <div *ngSwitchCase=\"'table'\" class=\"pad-bottom\">\r\n          <div *ngIf=\"!isTable\">\r\n              <a mat-raised-button (click)=\"addNewRow()\">\r\n                  <mat-icon>add</mat-icon>\r\n              </a>           \r\n                          \r\n              <div class=\"scroll_table\" [style.overflow]=\"detailsType == 'resume' ? 'auto' : 'visible'\">                \r\n                  <table mat-table [dataSource]=\"data\" class=\"mat-elevation-z2\" aria-describedby=\"myTable\">\r\n                      <ng-container [matColumnDef]=\"column.name\" *ngFor=\"let column of columnValues; let i = index;\">\r\n                          <th mat-header-cell *matHeaderCellDef> {{column.name}} </th>\r\n                                      \r\n                          <td mat-cell *matCellDef=\"let element; let indice= index;\">\r\n                              <div *ngIf=\"column.inputType != 'File'\">\r\n                                  {{element[i]}}\r\n                                  <div *ngIf=\"column.name == 'Options'\"> \r\n                                      <mat-menu #menu=\"matMenu\">                                                             \r\n                                          <a (click)=\"editRow(element, indice)\" mat-menu-item>\r\n                                              <span>Editar</span>\r\n                                          </a>\r\n                                          <a (click)=\"deleteRow(indice);\" mat-menu-item>\r\n                                              <span>Eliminar</span>\r\n                                          </a>\r\n                                          </mat-menu>                                                         \r\n                          \r\n                                          <a [matMenuTriggerFor]=\"menu\" mat-icon-button matTooltip=\"Opciones\">\r\n                                          <mat-icon class=\"discolored\">more_vert</mat-icon>                    \r\n                                          </a>\r\n                                  </div>\r\n                              </div>\r\n                              <div *ngIf=\"column.inputType == 'File'\">\r\n                                  <button class=\"status\" type=\"button\"\r\n                                  (click)=\"openImage(element[i])\" mat-stroked-button>\r\n                                      <mat-icon matSuffix>image_search</mat-icon>\r\n                                  </button>                               \r\n                              </div>\r\n\r\n                          </td>                                        \r\n                      </ng-container>\r\n                  \r\n                      <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n                      <tr mat-row *matRowDef=\"let row; columns: columnsToDisplay;\"></tr>\r\n                  </table>\r\n              </div>\r\n\r\n              <mat-error class=\"mat-err required-text-danger\" *ngIf=\"!isValid && !isDetail\">Campo requerido</mat-error>\r\n          </div>     \r\n      </div>\r\n\r\n      <!-- CONFIRMAR INPUT -->\r\n      <div *ngIf=\"question.confirmed\"> \r\n          <mat-label class=\"input-title\">Repetir {{question.label}}</mat-label>\r\n          <mat-form-field appearance=\"outline\" class=\"example-full-width\">\r\n              <input #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                  matInput \r\n              >\r\n              <mat-hint align=\"end\" *ngIf=\"question?.maximumLength\">{{match.value?.length || 0}}/{{question.maximumLength}}</mat-hint>\r\n\r\n              <mat-error class=\"mat-err\" *ngFor=\"let validation of validations.textbox\">\r\n                  <div *ngIf=\"validation.type == 'mismatched'; else elseBlock\">\r\n                      <mat-error class=\"error-message\" *ngIf=\"matchInput.hasError(validation.type) && (matchInput.dirty || matchInput.touched) && !isDetail\">{{validation.message(question.label)}}\r\n                      </mat-error>\r\n                  </div>\r\n                  <ng-template #elseBlock>\r\n                      <mat-error class=\"error-message\" *ngIf=\"matchInput.hasError(validation.type) && (matchInput.dirty || matchInput.touched) && !isDetail\">{{validation.message}}\r\n                      </mat-error>\r\n                  </ng-template>\r\n              </mat-error> \r\n          </mat-form-field>\r\n      </div>\r\n\r\n  </div>\r\n  <!-- <div class=\"errorMessage\" *ngIf=\"!isValid\">{{question.label}} is required</div> -->\r\n</div>","styles":["@charset \"UTF-8\";:root .button--theme{background-color:var(--buttons)!important;color:#fff!important}:root .header--theme{background-color:var(--header)!important}:root .body--theme{background-color:#f8f8f8}:root .links--theme{color:var(--links)!important}:root .footer--theme{background-color:var(--footer)!important}:root .letter--theme{color:var(--letters)!important}:host ::ng-deep ol>li,:host ::ng-deep p{font-size:14px!important}.errorMessage{color:red}.form-row{margin-top:10px}.example-form{max-width:500px;min-width:150px;width:100%}.example-full-width{width:100%}.example-radio-group{display:flex;flex-direction:column;margin:15px 0}.example-radio-button{margin:5px}.input-title{letter-spacing:1.2px;line-height:25px}.input-description{color:#4e4e4e;font-size:14px;font-weight:lighter;margin:0;text-align:center}.input-title{color:#4e4e4e;font-size:14px;font-weight:500}::ng-deep .mat-form-field-wrapper{padding-bottom:1em}::ng-deep .mat-form-field-infix{border-top:.3em solid transparent}::ng-deep .mat-input-element{font-size:14px!important}.field-choose{background-color:#fff;border:2px solid rgba(0,0,0,.12);cursor:pointer;padding:15px}.field-choose:hover,.field-choosed{border:2px solid var(--header)!important}.pad-bottom{padding-bottom:1.34375em}.scroll_table::-webkit-scrollbar{height:8px;width:8px}.scroll_table::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.scroll_table::-webkit-scrollbar-thumb:active{background-color:#999}.scroll_table::-webkit-scrollbar-thumb:hover{background:#b3b3b3;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.scroll_table::-webkit-scrollbar-track{background:#e1e1e1;border-radius:4px}.scroll_table::-webkit-scrollbar-track:active,.scroll_table::-webkit-scrollbar-track:hover{background:#d4d4d4}app-question .input-check .minimize-label{margin:0;padding:10px}app-question table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}app-question td,app-question th{padding:0 8px!important;text-align:left}app-question tr:nth-child(2n){background-color:#dcdcdc}app-question .scroll_table{overflow-x:auto!important}app-question .required-text-danger{font-size:75%;margin-top:.5em;padding:0 1em}app-question .terms{border:1px solid #000;border-radius:12px}app-question .terms .terms_body{height:200px;line-height:20px;margin:12px;overflow:auto;overflow-x:hidden;padding:15px}app-question .mat-cell,app-question .mat-header-cell{line-height:1.5}app-question td:last-child,app-question th:last-child{padding-right:10px!important;text-align:center;width:80px}app-question .iti.iti--allow-dropdown{width:100%}app-question ngx-intl-tel-input input{border:1px solid #c7cace;border-radius:4px;font-size:18px;height:44px;margin-bottom:20px;padding:10px}app-question .dropdown-menu.show{display:block}app-question .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}app-question .custom{border-color:#d3d3d3;border-radius:5px;border-style:dotted;font-family:inherit;font-size:inherit;line-height:inherit;overflow:visible}app-question .custom,app-question .intl-tel-input{width:100%}app-question div.iti__flag-container.open>div.dropdown-menu{display:block}app-question div.iti__flag-container>div.dropdown-menu{display:none}app-question #country-search-box{font-family:inherit;font-size:inherit;line-height:inherit;outline:none}app-question ::placeholder{color:#949494}app-question .tooltip{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;margin:0;opacity:0;position:absolute;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:break-word;z-index:1070}app-question .tooltip.show{opacity:.9}app-question .tooltip .arrow{display:block;height:.4rem;position:absolute;width:.8rem}app-question .tooltip .arrow:before{border-color:transparent;border-style:solid;content:\"\";position:absolute}app-question .bs-tooltip-auto[x-placement^=top],app-question .bs-tooltip-top{padding:.4rem 0}app-question .bs-tooltip-auto[x-placement^=top] .arrow,app-question .bs-tooltip-top .arrow{bottom:0}app-question .bs-tooltip-auto[x-placement^=top] .arrow:before,app-question .bs-tooltip-top .arrow:before{border-top-color:#000;border-width:.4rem .4rem 0;top:0}app-question .bs-tooltip-auto[x-placement^=right],app-question .bs-tooltip-right{padding:0 .4rem}app-question .bs-tooltip-auto[x-placement^=right] .arrow,app-question .bs-tooltip-right .arrow{height:.8rem;left:0;width:.4rem}app-question .bs-tooltip-auto[x-placement^=right] .arrow:before,app-question .bs-tooltip-right .arrow:before{border-right-color:#000;border-width:.4rem .4rem .4rem 0;right:0}app-question .bs-tooltip-auto[x-placement^=bottom],app-question .bs-tooltip-bottom{padding:.4rem 0}app-question .bs-tooltip-auto[x-placement^=bottom] .arrow,app-question .bs-tooltip-bottom .arrow{top:0}app-question .bs-tooltip-auto[x-placement^=bottom] .arrow:before,app-question .bs-tooltip-bottom .arrow:before{border-bottom-color:#000;border-width:0 .4rem .4rem;bottom:0}app-question .bs-tooltip-auto[x-placement^=left],app-question .bs-tooltip-left{padding:0 .4rem}app-question .bs-tooltip-auto[x-placement^=left] .arrow,app-question .bs-tooltip-left .arrow{height:.8rem;right:0;width:.4rem}app-question .bs-tooltip-auto[x-placement^=left] .arrow:before,app-question .bs-tooltip-left .arrow:before{border-left-color:#000;border-width:.4rem 0 .4rem .4rem;left:0}app-question .tooltip-inner{background-color:#000;border-radius:.25rem;color:#fff;max-width:200px;padding:.25rem .5rem;text-align:center}app-question div.selected-flag>.tooltip{opacity:.9}app-question .ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}app-question .ql-container.ql-disabled .ql-tooltip{visibility:hidden}app-question .ql-container.ql-disabled ul[data-checked]>li:before{pointer-events:none}app-question .ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}app-question .ql-clipboard p{margin:0;padding:0}app-question blockquote,app-question h1,app-question h2,app-question h3,app-question h4,app-question h5,app-question h6,app-question ol,app-question p,app-question pre,app-question ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}app-question ol,app-question ul{padding-left:1.5em}app-question ol>li,app-question ul>li{list-style-type:none!important}app-question ul[data-checked=false],app-question ul[data-checked=true]{pointer-events:none}app-question ul[data-checked=false]>li *,app-question ul[data-checked=true]>li *{pointer-events:all}app-question ul[data-checked=false]>li:before,app-question ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}app-question ul[data-checked=true]>li:before{content:\"☑\"}app-question ul[data-checked=false]>li:before{content:\"☐\"}app-question li:before{display:inline-block;white-space:nowrap;width:1.2em}app-question li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}app-question li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}app-question ol li:not(.ql-direction-rtl),app-question ul li:not(.ql-direction-rtl){padding-left:1.5em}app-question ol li.ql-direction-rtl,app-question ul li.ql-direction-rtl{padding-right:1.5em}app-question ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}app-question ol li:before{content:counter(list-0,decimal) \". \"}app-question ol li.ql-indent-1{counter-increment:list-1}app-question ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) \". \"}app-question ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}app-question ol li.ql-indent-2{counter-increment:list-2}app-question ol li.ql-indent-2:before{content:counter(list-2,lower-roman) \". \"}app-question ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}app-question ol li.ql-indent-3{counter-increment:list-3}app-question ol li.ql-indent-3:before{content:counter(list-3,decimal) \". \"}app-question ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}app-question ol li.ql-indent-4{counter-increment:list-4}app-question ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) \". \"}app-question ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}app-question ol li.ql-indent-5{counter-increment:list-5}app-question ol li.ql-indent-5:before{content:counter(list-5,lower-roman) \". \"}app-question ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}app-question ol li.ql-indent-6{counter-increment:list-6}app-question ol li.ql-indent-6:before{content:counter(list-6,decimal) \". \"}app-question ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}app-question ol li.ql-indent-7{counter-increment:list-7}app-question ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) \". \"}app-question ol li.ql-indent-7{counter-reset:list-8 list-9}app-question ol li.ql-indent-8{counter-increment:list-8}app-question ol li.ql-indent-8:before{content:counter(list-8,lower-roman) \". \"}app-question ol li.ql-indent-8{counter-reset:list-9}app-question ol li.ql-indent-9{counter-increment:list-9}app-question ol li.ql-indent-9:before{content:counter(list-9,decimal) \". \"}app-question .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}app-question li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}app-question .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}app-question li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}app-question .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}app-question li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}app-question .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}app-question li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}app-question .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}app-question li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}app-question .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}app-question li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}app-question .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}app-question li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}app-question .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}app-question li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}app-question .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}app-question li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}app-question .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}app-question li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}app-question .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}app-question li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}app-question .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}app-question li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}app-question .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}app-question li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}app-question .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}app-question li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}app-question .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}app-question li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}app-question .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}app-question li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}app-question .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}app-question li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}app-question .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}app-question li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}app-question .ql-video{display:block;max-width:100%}app-question .ql-video.ql-align-center{margin:0 auto}app-question .ql-video.ql-align-right{margin:0 0 0 auto}app-question .ql-bg-black{background-color:#000}app-question .ql-bg-red{background-color:#e60000}app-question .ql-bg-orange{background-color:#f90}app-question .ql-bg-yellow{background-color:#ff0}app-question .ql-bg-green{background-color:#008a00}app-question .ql-bg-blue{background-color:#06c}app-question .ql-bg-purple{background-color:#93f}app-question .ql-color-white{color:#fff}app-question .ql-color-red{color:#e60000}app-question .ql-color-orange{color:#f90}app-question .ql-color-yellow{color:#ff0}app-question .ql-color-green{color:#008a00}app-question .ql-color-blue{color:#06c}app-question .ql-color-purple{color:#93f}app-question .ql-font-serif{font-family:Georgia,Times New Roman,serif}app-question .ql-font-monospace{font-family:Monaco,Courier New,monospace}app-question .ql-size-small{font-size:.75em}app-question .ql-size-large{font-size:1.5em}app-question .ql-size-huge{font-size:2.5em}app-question .ql-direction-rtl{direction:rtl;text-align:inherit}app-question .ql-align-center{text-align:center}app-question .ql-align-justify{text-align:justify}app-question .ql-align-right{text-align:right}app-question .ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}app-question .ql-snow.ql-toolbar:after,app-question .ql-snow .ql-toolbar:after{clear:both;content:\"\";display:table}app-question .ql-snow.ql-toolbar button,app-question .ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}app-question .ql-snow.ql-toolbar button svg,app-question .ql-snow .ql-toolbar button svg{float:left;height:100%}app-question .ql-snow.ql-toolbar button:active:hover,app-question .ql-snow .ql-toolbar button:active:hover{outline:none}app-question .ql-snow.ql-toolbar input.ql-image[type=file],app-question .ql-snow .ql-toolbar input.ql-image[type=file]{display:none}app-question .ql-snow.ql-toolbar .ql-picker-item.ql-selected,app-question .ql-snow .ql-toolbar .ql-picker-item.ql-selected,app-question .ql-snow.ql-toolbar .ql-picker-item:hover,app-question .ql-snow .ql-toolbar .ql-picker-item:hover,app-question .ql-snow.ql-toolbar .ql-picker-label.ql-active,app-question .ql-snow .ql-toolbar .ql-picker-label.ql-active,app-question .ql-snow.ql-toolbar .ql-picker-label:hover,app-question .ql-snow .ql-toolbar .ql-picker-label:hover,app-question .ql-snow.ql-toolbar button.ql-active,app-question .ql-snow .ql-toolbar button.ql-active,app-question .ql-snow.ql-toolbar button:focus,app-question .ql-snow .ql-toolbar button:focus,app-question .ql-snow.ql-toolbar button:hover,app-question .ql-snow .ql-toolbar button:hover{color:#06c}app-question .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,app-question .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,app-question .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,app-question .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,app-question .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,app-question .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,app-question .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,app-question .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,app-question .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,app-question .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,app-question .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,app-question .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,app-question .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,app-question .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,app-question .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,app-question .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,app-question .ql-snow.ql-toolbar button.ql-active .ql-fill,app-question .ql-snow .ql-toolbar button.ql-active .ql-fill,app-question .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,app-question .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,app-question .ql-snow.ql-toolbar button:focus .ql-fill,app-question .ql-snow .ql-toolbar button:focus .ql-fill,app-question .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,app-question .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,app-question .ql-snow.ql-toolbar button:hover .ql-fill,app-question .ql-snow .ql-toolbar button:hover .ql-fill,app-question .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,app-question .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}app-question .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,app-question .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,app-question .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,app-question .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,app-question .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,app-question .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,app-question .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,app-question .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,app-question .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,app-question .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,app-question .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,app-question .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,app-question .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,app-question .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,app-question .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,app-question .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,app-question .ql-snow.ql-toolbar button.ql-active .ql-stroke,app-question .ql-snow .ql-toolbar button.ql-active .ql-stroke,app-question .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,app-question .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,app-question .ql-snow.ql-toolbar button:focus .ql-stroke,app-question .ql-snow .ql-toolbar button:focus .ql-stroke,app-question .ql-snow.ql-toolbar button:focus .ql-stroke-miter,app-question .ql-snow .ql-toolbar button:focus .ql-stroke-miter,app-question .ql-snow.ql-toolbar button:hover .ql-stroke,app-question .ql-snow .ql-toolbar button:hover .ql-stroke,app-question .ql-snow.ql-toolbar button:hover .ql-stroke-miter,app-question .ql-snow .ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){app-question .ql-snow.ql-toolbar button:hover:not(.ql-active),app-question .ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}app-question .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,app-question .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,app-question .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,app-question .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}app-question .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,app-question .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,app-question .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,app-question .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}app-question .ql-snow,app-question .ql-snow *{box-sizing:border-box}app-question .ql-snow .ql-hidden{display:none}app-question .ql-snow .ql-out-bottom,app-question .ql-snow .ql-out-top{visibility:hidden}app-question .ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}app-question .ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}app-question .ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}app-question .ql-snow .ql-formats{display:inline-block;vertical-align:middle}app-question .ql-snow .ql-formats:after{clear:both;content:\"\";display:table}app-question .ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}app-question .ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}app-question .ql-snow .ql-fill,app-question .ql-snow .ql-stroke.ql-fill{fill:#444}app-question .ql-snow .ql-empty{fill:none}app-question .ql-snow .ql-even{fill-rule:evenodd}app-question .ql-snow .ql-stroke.ql-thin,app-question .ql-snow .ql-thin{stroke-width:1}app-question .ql-snow .ql-transparent{opacity:.4}app-question .ql-snow .ql-direction svg:last-child{display:none}app-question .ql-snow .ql-direction.ql-active svg:last-child{display:inline}app-question .ql-snow .ql-direction.ql-active svg:first-child{display:none}app-question .ql-snow h1{font-size:2em}app-question .ql-snow h2{font-size:1.5em}app-question .ql-snow h3{font-size:1.17em}app-question .ql-snow h4{font-size:1em}app-question .ql-snow h5{font-size:.83em}app-question .ql-snow h6{font-size:.67em}app-question .ql-snow a{text-decoration:underline}app-question .ql-snow blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}app-question .ql-snow code,app-question .ql-snow pre{background-color:#f0f0f0;border-radius:3px}app-question .ql-snow pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}app-question .ql-snow code{font-size:85%;padding:2px 4px}app-question .ql-snow pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}app-question .ql-snow img{max-width:100%}app-question .ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}app-question .ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}app-question .ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}app-question .ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}app-question .ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}app-question .ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}app-question .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}app-question .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}app-question .ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}app-question .ql-snow .ql-color-picker,app-question .ql-snow .ql-icon-picker{width:28px}app-question .ql-snow .ql-color-picker .ql-picker-label,app-question .ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}app-question .ql-snow .ql-color-picker .ql-picker-label svg,app-question .ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}app-question .ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}app-question .ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}app-question .ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}app-question .ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}app-question .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}app-question .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=\"\"]):before,app-question .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=\"\"]):before,app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=\"\"]):before,app-question .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=\"\"]):before,app-question .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=\"\"]):before,app-question .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=\"\"]):before{content:attr(data-label)}app-question .ql-snow .ql-picker.ql-header{width:98px}app-question .ql-snow .ql-picker.ql-header .ql-picker-item:before,app-question .ql-snow .ql-picker.ql-header .ql-picker-label:before{content:\"Normal\"}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]:before,app-question .ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"1\"]:before{content:\"Heading 1\"}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]:before,app-question .ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"2\"]:before{content:\"Heading 2\"}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]:before,app-question .ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"3\"]:before{content:\"Heading 3\"}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]:before,app-question .ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"4\"]:before{content:\"Heading 4\"}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]:before,app-question .ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"5\"]:before{content:\"Heading 5\"}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]:before,app-question .ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"6\"]:before{content:\"Heading 6\"}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]:before{font-size:2em}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]:before{font-size:1.5em}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]:before{font-size:1.17em}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]:before{font-size:1em}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]:before{font-size:.83em}app-question .ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]:before{font-size:.67em}app-question .ql-snow .ql-picker.ql-font{width:108px}app-question .ql-snow .ql-picker.ql-font .ql-picker-item:before,app-question .ql-snow .ql-picker.ql-font .ql-picker-label:before{content:\"Sans Serif\"}app-question .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,app-question .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:\"Serif\"}app-question .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,app-question .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:\"Monospace\"}app-question .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}app-question .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}app-question .ql-snow .ql-picker.ql-size{width:98px}app-question .ql-snow .ql-picker.ql-size .ql-picker-item:before,app-question .ql-snow .ql-picker.ql-size .ql-picker-label:before{content:\"Normal\"}app-question .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,app-question .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:\"Small\"}app-question .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,app-question .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:\"Large\"}app-question .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,app-question .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:\"Huge\"}app-question .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}app-question .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}app-question .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}app-question .ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}app-question .ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}app-question .ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}app-question .ql-toolbar.ql-snow .ql-formats{margin-right:15px}app-question .ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}app-question .ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.2)}app-question .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,app-question .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}app-question .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,app-question .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}app-question .ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}app-question .ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}app-question .ql-snow .ql-tooltip:before{content:\"Visit URL:\";line-height:26px;margin-right:8px}app-question .ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}app-question .ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}app-question .ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:\"Edit\";margin-left:16px;padding-right:8px}app-question .ql-snow .ql-tooltip a.ql-remove:before{content:\"Remove\";margin-left:8px}app-question .ql-snow .ql-tooltip a{line-height:26px}app-question .ql-snow .ql-tooltip.ql-editing a.ql-preview,app-question .ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}app-question .ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}app-question .ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:\"Save\";padding-right:0}app-question .ql-snow .ql-tooltip[data-mode=link]:before{content:\"Enter link:\"}app-question .ql-snow .ql-tooltip[data-mode=formula]:before{content:\"Enter formula:\"}app-question .ql-snow .ql-tooltip[data-mode=video]:before{content:\"Enter video:\"}app-question .ql-snow a{color:#06c}app-question .ql-container.ql-snow{border:1px solid #ccc}"]}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"isTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"question":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"detailsType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"requerido":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"isDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"isFirstRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"isMovilView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"onFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"onDeleteFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"onChangeRadio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"onDisableRadio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"onAddNewTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"onAddTableWithData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"dni":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":75,"character":3},"arguments":["dni"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheet","line":81,"character":35},{"__symbolic":"reference","module":"@ddcheck/common","name":"Sweetalert","line":82,"character":27},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":83,"character":19},{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionApiService","line":84,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"validarTelefono":[{"__symbolic":"method"}],"onChangeTableAccionista":[{"__symbolic":"method"}],"checkRequerido":[{"__symbolic":"method"}],"checkReferenced":[{"__symbolic":"method"}],"checkCorrection":[{"__symbolic":"method"}],"checkValidations":[{"__symbolic":"method"}],"saveFile":[{"__symbolic":"method"}],"resetFile":[{"__symbolic":"method"}],"selectRadio":[{"__symbolic":"method"}],"initInputTable":[{"__symbolic":"method"}],"disableValidator":[{"__symbolic":"method"}],"enableValidator":[{"__symbolic":"method"}],"getValores":[{"__symbolic":"method"}],"checkInputs":[{"__symbolic":"method"}],"checkSelect":[{"__symbolic":"method"}],"checkOptions":[{"__symbolic":"method"}],"checkCountryMultiple":[{"__symbolic":"method"}],"checkCountrySingle":[{"__symbolic":"method"}],"checkCountrySingleNotDetail":[{"__symbolic":"method"}],"checkRadio":[{"__symbolic":"method"}],"transformResult":[{"__symbolic":"method"}],"getListado":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"editRow":[{"__symbolic":"method"}],"checkNotAccionista":[{"__symbolic":"method"}],"checkResult":[{"__symbolic":"method"}],"addNewRow":[{"__symbolic":"method"}],"checkTableAccionista":[{"__symbolic":"method"}],"saveTableData":[{"__symbolic":"method"}],"updateTableData":[{"__symbolic":"method"}],"openImage":[{"__symbolic":"method"}],"onKeyInputConfirmed":[{"__symbolic":"method"}],"onKeyConfirmed":[{"__symbolic":"method"}],"tooltipViewMobile":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CountryMultipleQuestionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-country-multiple-question","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"template":"<mat-form-field class=\"example-full-width\" appearance=\"outline\">\r\n    <mat-select [formControl]=\"countryCtrl\" [multiple]=\"true\" #multiSelect> <!-- placeholder=\"pais\" -->  \r\n\r\n        <mat-option>\r\n            <ngx-mat-select-search \r\n                placeholderLabel=\"Busca por nombre del país\"\r\n                noEntriesFoundLabel=\"No se encontraron resultados...\"\r\n                [formControl]=\"countryFilterCtrl\"\r\n            ></ngx-mat-select-search>\r\n        </mat-option>\r\n\r\n        <mat-option *ngFor=\"let country of filteredCountries | async\" [value]=\"country\">\r\n            {{country.value}}\r\n        </mat-option>\r\n    </mat-select>\r\n    <mat-hint class=\"mat-error\" *ngIf=\"control.touched && question.required && !isValid\">\r\n        Campo requerido\r\n    </mat-hint>\r\n</mat-form-field>","styles":[""]}]}],"members":{"multiSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["multiSelect",{"static":true}]}]}],"question":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"isDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"setInitialValue":[{"__symbolic":"method"}],"filterCountries":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CountrySingleQuestionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-country-single-question","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":19},"member":"None"},"template":"<mat-form-field class=\"example-full-width\" appearance=\"outline\">\r\n    <mat-select [formControl]=\"countryCtrl\"  #singleSelect> <!-- placeholder=\"pais\" -->  \r\n\r\n        <mat-option>\r\n            <ngx-mat-select-search \r\n                placeholderLabel=\"Busca por nombre del país\"\r\n                noEntriesFoundLabel=\"No se encontraron resultados...\"\r\n                [formControl]=\"countryFilterCtrl\"\r\n            ></ngx-mat-select-search>\r\n        </mat-option>\r\n\r\n        <mat-option *ngFor=\"let country of filteredCountries | async\" [value]=\"country\">\r\n            {{country.value}}\r\n        </mat-option>\r\n    </mat-select>\r\n    <mat-hint class=\"mat-error\" *ngIf=\"control.touched && question.required && !isValid\">\r\n        Campo requerido\r\n    </mat-hint>\r\n</mat-form-field>","styles":[""]}]}],"members":{"singleSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["singleSelect",{"static":true}]}]}],"question":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"isDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"setInitialValue":[{"__symbolic":"method"}],"filterCountries":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DynamicFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-dynamic-form","template":"<div *ngIf=\"questions\">\r\n  <div class=\"dynamicForm\">\r\n\r\n      <div *ngFor=\"let question of questions\" class=\"form-row\">\r\n          <app-question \r\n              [form]=\"form\" \r\n              [isMovilView]=\"gridMobile\"\r\n              [question]=\"question\" \r\n              [isTable]=\"isTable\"\r\n              [group]=\"group\"\r\n              [index]=\"index\"\r\n              [requerido]=\"question.required\" \r\n              (onFile)=\"saveFile($event)\" \r\n              (onChangeRadio)=\"onChangeRadio($event)\" \r\n              (onDeleteFile)=\"deleteFile($event)\" \r\n              (onAddNewTable)=\"onAddNewTable($event)\"\r\n              (onAddTableWithData)=\"onAddTableWithData($event)\"\r\n          >\r\n          </app-question>\r\n      </div>\r\n\r\n    </div>\r\n</div>","styles":[".errorMessage{color:red}.form-row{margin-top:10px}.dynamicForm{padding:20px}.mat-card-actions{margin-bottom:0}.right{justify-content:flex-end}.between{justify-content:space-between}.dd-continue-button{display:flex;margin-bottom:100px;padding:20px 0;position:relative}.ngx-btn{-webkit-appearance:none;border-image:initial;border-radius:22px;border-style:solid;border-width:1px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.2);box-sizing:border-box;color:hsla(0,0%,100%,.9);cursor:pointer;display:block;font-size:20px;font-weight:300;letter-spacing:1.2px;outline:none;position:relative;text-align:center;text-decoration:none;transition:background .2s ease 0s,color .2s ease 0s,border-color .2s ease 0s;width:100%}.ngx-btn:disabled,.ngx-btn[disabled]{background:#ccc;border-color:silver}.fab-container{bottom:15px;position:fixed;right:15px;z-index:100}.fab-container,.fab-container>div{align-items:center;display:flex;flex-direction:column-reverse}.fab-container>div{margin-bottom:5px}.fab-container>div button{margin-bottom:17px}.fab-toggler{float:right;z-index:100}"]}]}],"members":{"isSurveyComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"questions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"isTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"onFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"onChangeRadioGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"onDeleteFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionControlService","line":39,"character":26},{"__symbolic":"reference","module":"@ddcheck/common","name":"Sweetalert","line":40,"character":29}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"saveFile":[{"__symbolic":"method"}],"buildChildren":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"onChangeRadio":[{"__symbolic":"method"}],"triggerQuestion":[{"__symbolic":"method"}],"enableTrigger":[{"__symbolic":"method"}],"onAddNewTable":[{"__symbolic":"method"}],"onAddTableWithData":[{"__symbolic":"method"}],"buildChildrenWithData":[{"__symbolic":"method"}],"disableTrigger":[{"__symbolic":"method"}]}},"SummaryQuestionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-summary-question","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"template":"<mat-card class=\"dd_details_card\">                \r\n  <mat-card-header class=\"header\">\r\n    <mat-card-title class=\"title\">{{data?.title}}</mat-card-title>\r\n    <div>\r\n      <button mat-icon-button (click)=\"update(data.uuid)\" *ngIf=\"data.correction\">\r\n          <mat-icon matTooltip=\"Esta sección tiene elementos por corregir\" matTooltipPosition=\"above\" style=\"color: #ef0f0f;\">warning</mat-icon>\r\n      </button>\r\n      <button mat-icon-button (click)=\"update(data.uuid)\" [disabled]=\"status != formEstatusEnum.fillingInProgress && status != formEstatusEnum.upgrade && status != formEstatusEnum.hasIssues\" >\r\n          <mat-icon>create</mat-icon>\r\n      </button>\r\n    </div>\r\n  </mat-card-header>\r\n  <mat-card-content style=\"padding: 16px; margin-bottom: 0px;\">\r\n    <div style=\"text-align: justify;padding-bottom: 10px;\"><strong>{{data?.subheading}}</strong></div>\r\n    <div *ngFor=\"let group of data.groups\" class=\"form-row\"> \r\n        <div *ngIf=\"!group.isReferenced && group.isEnabled\">\r\n            <div *ngIf=\"group.title\" class=\"group-title-container\">\r\n                <mat-label class=\"group-title\">\r\n                    {{group.title}}\r\n                </mat-label>\r\n            </div>\r\n            <div *ngFor=\"let question of group.questions\" class=\"form-row\">\r\n              \r\n              <div *ngIf=\"!question.isHidden && !question.isReferenced\">\r\n                <mat-label *ngIf=\"question.inputType != 'File' && question.inputType != 'Table'\" class=\"cardInputLabel\">{{question.name}}</mat-label>\r\n                <mat-form-field *ngIf=\"question.inputType != 'File' && question.inputType != 'Table'\" appearance=\"outline\" style=\"width: 100%\">\r\n                    <mat-label *ngIf=\"question.inputType == 'Fecha'\" class=\"cardInputInLabel\">{{question.value | date}}</mat-label>\r\n                    <mat-label *ngIf=\"question.inputType != 'Fecha'\" class=\"cardInputInLabel\">{{question.value}}</mat-label>                            \r\n                    <input matInput disabled>\r\n                </mat-form-field>\r\n                <div *ngIf=\"question.inputType == 'File'\" style=\"margin-bottom: 10px;\">\r\n                    <form-file [showheader]=\"false\" [label]=\"question.name\" [mountAttached]=\"question.value\" [accept]=\"'application/pdf, .png, .jpg, .jpeg'\" (onSelectAttached)=\"saveFile($event)\" (onClearSelect)=\"resetFile()\"></form-file>\r\n                </div>\r\n\r\n                <div *ngIf=\"question.inputType == 'Table'\" style=\"margin-bottom: 10px;\">\r\n                    <app-summary-table [columnsToDisplay]=\"getInfo(question.options)\" [dataSource]=\"question\"></app-summary-table>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n  </mat-card-content>\r\n</mat-card>","styles":["app-summary-question .title{cursor:pointer;font-size:15px!important;margin:3px 0!important}app-summary-question .header{background:var(--header)!important;border-radius:5px 5px 0 0;color:#fff;display:flex;justify-content:space-between}app-summary-question .mat-card{border-radius:5px;padding:0}app-summary-question .dd_card_resume{margin-top:15px;padding:0 5px}app-summary-question .mat-card-header-text{align-items:center;display:flex}app-summary-question .group-title-container{padding-bottom:25px;padding-top:15px}app-summary-question .group-title{color:#000;font-size:16px;font-weight:700}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"onUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"onResetFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"onSaveFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"resetFile":[{"__symbolic":"method"}],"saveFile":[{"__symbolic":"method"}]}},"SummaryTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-summary-table","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"template":"<div class=\"scroll_table\"> \r\n    <table mat-table [dataSource]=\"data\" class=\"mat-elevation-z2\" aria-describedby=\"myTable\">\r\n        <ng-container [matColumnDef]=\"column.name\" *ngFor=\"let column of columnValues; let i = index;\">\r\n            <th mat-header-cell *matHeaderCellDef> {{column.name}} </th>                     \r\n            <td mat-cell *matCellDef=\"let element; let indice= index;\">\r\n                <div *ngIf=\"column.inputType != 'File'\">\r\n                    {{element[i]}}\r\n                </div>\r\n                <div *ngIf=\"column.inputType == 'File'\">\r\n                    <button class=\"status\" type=\"button\"\r\n                    (click)=\"openImage(element[i])\" mat-stroked-button>\r\n                        <mat-icon matSuffix>image_search</mat-icon>\r\n                    </button>\r\n                    <!-- <img [src]=\"element[i]\" /> -->\r\n                </div>       \r\n            </td>                                        \r\n        </ng-container>\r\n    \r\n        <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: columnsToDisplay;\"></tr>\r\n    </table>  \r\n</div>","styles":["app-summary-table table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}app-summary-table td,app-summary-table th{padding:8px!important;text-align:left}app-summary-table tr:nth-child(2n){background-color:#f2f2f2}app-summary-table .scroll_table{overflow-x:auto}app-summary-table .scroll_table::-webkit-scrollbar{height:8px;width:8px}app-summary-table .scroll_table::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}app-summary-table .scroll_table::-webkit-scrollbar-thumb:active{background-color:#999}app-summary-table .scroll_table::-webkit-scrollbar-thumb:hover{background:#b3b3b3;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}app-summary-table .scroll_table::-webkit-scrollbar-track{background:#e1e1e1;border-radius:4px}app-summary-table .scroll_table::-webkit-scrollbar-track:active,app-summary-table .scroll_table::-webkit-scrollbar-track:hover{background:#d4d4d4}"]}]}],"members":{"columnsToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":4}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":19,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"getValores":[{"__symbolic":"method"}],"openImage":[{"__symbolic":"method"}]}},"SurveySummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-survey-summary","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"template":"<div class=\"title-kyc\">\r\n  {{data.name}}\r\n</div>\r\n<div class=\"form-content\" *ngIf=\"data.sections && !loading\"> \r\n  <div *ngIf=\"!gridMobile\" class=\"column\">                    \r\n      <div class=\"dd_card_resume\" *ngFor=\"let section of leftColumnData\">\r\n          <app-summary-question [status]=\"data.kycStatus\" [data]=\"section\" (onUpdate)=\"update($event)\"></app-summary-question>\r\n      </div>\r\n  </div>\r\n  <div *ngIf=\"!gridMobile\" class=\"column\">                    \r\n      <div class=\"dd_card_resume\" *ngFor=\"let section of rightColumnData\">\r\n          <app-summary-question [status]=\"data.kycStatus\" [data]=\"section\" (onUpdate)=\"update($event)\"></app-summary-question>\r\n      </div>\r\n  </div>\r\n  <div *ngIf=\"gridMobile\" class=\"column\">                    \r\n      <div class=\"dd_card_resume\" *ngFor=\"let section of data.sections\">\r\n          <app-summary-question [status]=\"data.kycStatus\" [data]=\"section\" (onUpdate)=\"update($event)\"></app-summary-question>\r\n      </div>\r\n  </div> \r\n</div>\r\n<div class=\"center\" style=\"margin-top: 30px; padding-bottom: 70px;\">\r\n  <button class=\"dd_button_secondary__simple\" \r\n    (click)=\"finish()\" \r\n    [disabled]=\"data.kycStatus != formEstatusEnum.fillingInProgress && data.kycStatus != formEstatusEnum.upgrade\" \r\n    matTooltip=\"Send\"\r\n  >Enviar</button>\r\n</div>","styles":["app-survey-summary .dd_summary_card{width:50%}app-survey-summary .form-content{-ms-flex-wrap:wrap;display:-ms-flexbox;display:flex;flex-wrap:wrap}app-survey-summary .column{flex:50%;max-width:50%}@media screen and (max-width:600px){app-survey-summary .column{flex:100%;max-width:100%}}app-survey-summary .title{cursor:pointer;font-size:15px!important;margin:3px 0!important}app-survey-summary .header{background:#000;border-radius:5px 5px 0 0;color:#fff;display:flex;justify-content:space-between}app-survey-summary .disable-form{opacity:.85}app-survey-summary .title-kyc{font-size:x-large;font-weight:600;margin-bottom:20px;text-align:center}app-survey-summary .center{text-align:center}@media (max-width:550px){app-survey-summary .dd_summary_card{width:100%}app-survey-summary .title-kyc{margin:20px 10px 0}}app-survey-summary .mat-card{border-radius:5px;padding:0}app-survey-summary .dd_card_resume{margin-top:15px;padding:0 5px}body{letter-spacing:0!important}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"goodbyeMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"contactMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"onUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":5},"arguments":[{"__symbolic":"reference","module":"@ddcheck/common","name":"ENVIRONMENT_TOKEN","line":55,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@ddcheck/common","name":"AuthService","line":49,"character":26},{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionApiService","line":50,"character":30},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":51,"character":26},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":52,"character":20},{"__symbolic":"reference","module":"@ddcheck/common","name":"StorageService","line":53,"character":21},{"__symbolic":"reference","module":"@ddcheck/common","name":"Sweetalert","line":54,"character":19},{"__symbolic":"reference","name":"any"}]}],"ngOnChanges":[{"__symbolic":"method"}],"getScreenSize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":85,"character":3},"arguments":["window:resize",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"finish":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"openDialogInvest":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}]}},"WelcomeCustomerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-welcome-customer","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"None"},"template":"<div class=\"content-message\">\r\n    <div class=\"content-info\">\r\n        <div [innerHTML]=\"message\"></div>\r\n        <div class=\"content-btn\">\r\n            <button *ngIf=\"btnGetStarted\" class=\"dd_button_secondary__expand\" (click)=\"getStarted()\">Continuar</button>\r\n            <button *ngIf=\"btnLater\" class=\"dd_button_secondary__expand\" (click)=\"later()\">Más Tarde</button>\r\n        </div>\r\n    </div>\r\n</div>","styles":[":host ::ng-deep .ql-align-center{text-align:center}:host ::ng-deep ol>li,:host ::ng-deep p{font-size:14px!important}:host ::ng-deep .ql-align-justify{text-align:justify}:host ::ng-deep .ql-align-right{text-align:right}app-welcome-customer .content-message{display:flex;justify-content:center;padding:20px}app-welcome-customer .content-info{max-width:700px;text-align:center;width:100%}app-welcome-customer .content-btn{text-align:center}"]}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"btnGetStarted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"btnLater":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getStarted":[{"__symbolic":"method"}],"later":[{"__symbolic":"method"}]}},"GetQuestionnaireComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-get-questionnaire","providers":[{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionControlService","line":19,"character":14},{"__symbolic":"reference","module":"@ddcheck/common","name":"PagerService","line":19,"character":38}],"template":"<section #scrollable class=\"section\">\r\n  <div class=\"survey-complete\" *ngIf=\"isSurveyComplete && !loading\">\r\n      <app-survey-summary [data]=\"surveyCompleteData\" [goodbyeMessage]=\"goodbyeMessage\"\r\n          [contactMessage]=\"contactMessage\" (onUpdate)=\"updateSection($event);\">\r\n      </app-survey-summary>\r\n\r\n  </div>\r\n\r\n  <div class=\"question-container\">\r\n      <!-- <h2 *ngIf=\"loading\" class=\"loading\">Loading...</h2> -->\r\n      <app-custom-loading [loading]=\"loading\"></app-custom-loading>\r\n\r\n      <div *ngIf=\"!loading && !isSurveyComplete\">\r\n          <!-- <div *ngIf=\"!loading\"> -->\r\n          <form novalidate>\r\n\r\n              <div fxLayout=\"column\" fxLayoutAlign=\"space-around\">\r\n                  <div fxFlex=\"100\" class=\"divStepper\">\r\n                      <div fxLayout=\"row\" class=\"containerStepper\">\r\n                          <ul *ngIf=\"pager.pages && pager.pages.length\" class=\"pagination-custom text-center\">\r\n                              <li class=\"pag-link\" [ngClass]=\"pager.currentPage === 1 ? 'disabled' : 'enabled'\">\r\n                                  <a class=\"direction\" (click)=\"setPage(pager.currentPage - 1, true)\">\r\n                                      <mat-icon>chevron_left</mat-icon>\r\n                                  </a>\r\n                              </li>\r\n                              <!-- <mat-horizontal-stepper class=\"stepper\" #stepper (selectionChange)=\"selectionChange($event)\" [disableRipple]=\"true\" [selectedIndex]=\"pageStepperActive\">\r\n                                  <mat-step *ngFor=\"let page of pager.pages\" >\r\n                                      <ng-template matStepLabel>Step {{page}}</ng-template>\r\n                                  </mat-step>\r\n                              </mat-horizontal-stepper> -->\r\n                              <li class=\"pag-link step\" [class.current]=\"pager.currentPage === page\" *ngFor=\"let page of pager.pages\" (click)=\"setPage(page, true)\">\r\n                                  <div class=\"align-items-center d-flex justify-content-center pageContainer\" style=\"height: 100%;\">\r\n                                      <a [ngClass]=\"pager.currentPage === page ? 'current header--theme' : 'standar'\">{{page}}</a>\r\n                                  </div>\r\n                              </li>\r\n                              <li class=\"pag-link\" [ngClass]=\"pager.currentPage === pager.totalPages ? 'disabled' : 'enabled'\">\r\n                                  <a class=\"direction\" (click)=\"setPage(pager.currentPage + 1, true)\">\r\n                                      <mat-icon>chevron_right</mat-icon>\r\n                                  </a>\r\n                              </li>\r\n                          </ul>\r\n                      </div>\r\n                  </div>\r\n                  \r\n                  <div *ngIf=\"sectionsData\" fxFlex=\"100\" class=\"fullContainer scrollbar-success\" [ngStyle]=\"currentStyles\">\r\n                      <div class=\"titleContainer\"><span class=\"title\">{{sectionsData?.title}}</span></div>\r\n\r\n                      <div *ngIf=\"!isInformative\">\r\n                          <app-dynamic-group [groups]=\"sectionsData?.groups\" [form]=\"form\" (onForms)=\"completedForm($event)\"\r\n                              (onResume)=\"currentEnd($event)\">\r\n                          </app-dynamic-group>\r\n                      </div>\r\n\r\n                      <div *ngIf=\"isInformative\" class=\"informative_container\">\r\n                          <div class=\"informative\">\r\n                              <span>{{sectionsData.subheading}}</span>\r\n                              <div class=\"image\">\r\n                                  <img [src]=\"informative_img\">\r\n                              </div>\r\n                              <div class=\"dd-continue-button\">            \r\n                                  <button type=\"submit\" (click)=\"changeToSection()\" class=\"dd_button_secondary__expand\">Continuar</button>\r\n                              </div> \r\n                          </div>\r\n                      </div>\r\n\r\n                  </div>\r\n              </div>\r\n          </form>\r\n\r\n      </div>\r\n  </div>\r\n</section>\r\n","styles":["body{font-family:Montserrat,sans-serif}.example-card{margin:15px 10px}.pageContainer{cursor:pointer}.dd-subtitle,.input-title,.title{color:#4e4e4e;letter-spacing:1.2px}.dd-subtitle{display:inline-block;font-size:14px;font-weight:300;padding:1em 0;text-align:justify}.titleContainer{padding-top:12px;text-align:center}.title{display:inline-block;font-size:16px;font-weight:700}.input-title{font-size:18px;font-weight:500;text-align:justify}.question-container{margin-left:-90px;margin-top:50px;width:700px}.question-container-aux{margin-top:50px;width:80vw}.dd-continue-button{display:flex;padding:50px 0 60px;position:relative}.informative_container{display:flex;justify-content:center;padding:5px 20px 20px}.informative{padding-top:25px;text-align:justify;width:100%}.image{padding-top:25px}.image,.loading{text-align:center}.loading{margin-left:150px}.survey-header{padding-top:20px;text-align:center}@media (max-width:720px){.question-container{margin-left:0;margin-top:0;padding:20px;width:auto}.loading{margin-left:0}}@media (min-width:720px) and (max-width:1000px){.survey-complete{margin-top:50px;width:720px}}@media (min-width:1000px){.survey-complete{margin-top:50px;width:1000px}}.pag-link{border-radius:4px;display:inline-block;padding-top:18px;vertical-align:middle}.pag-link.step>div>a.current{height:30px;width:30px}.pag-link.step>div>a{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center;transition:all .3s ease-in-out}.pag-link>a{border:none;font-size:16px;line-height:1.42857;margin-right:5px;padding:6px 10px;position:relative;text-decoration:none;transition:all .3s ease-in-out}.pag-link>a.direction{align-items:center;display:flex;height:38px;justify-content:center;padding:0;width:38px}.pag-link.current{background:#f6f6f6;border-radius:4px}.pag-link>a{cursor:pointer}.containerStepper{justify-content:center}.pag-link.disabled>a>.mat-icon{color:rgba(25,163,178,.34901960784313724)!important}.pag-link>a>.mat-icon{color:#000}.pag-link.step>div>a.standar,.pag-link>a.current,.pag-link>a.standar{border-radius:50%;color:#fff}.pag-link>a.current{background-color:#000;vertical-align:middle}.pag-link.step>div>a.standar,.pag-link>a.standar{background-color:rgba(0,0,0,.21176470588235294);font-size:12px;height:20px;padding:2px;width:20px}.step{background:#f8f8f8;border-radius:4px;height:38px;margin:5px;width:110px}:host ::ng-deep .mat-vertical-stepper-header{padding:24px 0!important}:host ::ng-deep .mat-vertical-content-container{margin-left:12px!important}:host ::ng-deep .mat-step-header:hover{background-color:initial}:host ::ng-deep .mat-step-header .mat-step-icon-selected,:host ::ng-deep .mat-step-header .mat-step-icon-state-edit{background-color:#3dd341}.mat-vertical-stepper-header .mat-step-icon{display:none}:host ::ng-deep .mat-stepper-vertical-line:before{border-left-width:3px}.fullContainer{border-radius:10px;height:70vh}.stepper{background-color:#f8f8f8;width:80%}@media (min-width:1024px){.scrollbar-success::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#f5f5f5;border-radius:10px}.scrollbar-success::-webkit-scrollbar{background-color:#f5f5f5;width:6px}.scrollbar-success::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#d3d3d3;border-radius:10px}}@media (max-width:550px){.step{width:64px}.pagination-custom{margin-block-end:2em!important}}@media (max-width:400px){.step{width:50px}}@media (max-width:280px){.step{width:40px}}.text-center{text-align:center}.pagination-custom{margin-block-end:4em;margin-block-start:0!important;padding-inline-start:0}.fab-container{bottom:15px;position:fixed;right:15px;z-index:100}.fab-container,.fab-container>div{align-items:center;display:flex;flex-direction:column-reverse}.fab-container>div{margin-bottom:5px}.fab-container>div button{margin-bottom:17px}.fab-toggler{float:right;z-index:100}"]}]}],"members":{"stepper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["stepper"]}]}],"scrollable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["scrollable",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionControlService","line":58,"character":26},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":59,"character":37},{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionsManagerService","line":60,"character":40},{"__symbolic":"reference","module":"@ddcheck/common","name":"PagerService","line":61,"character":35},{"__symbolic":"reference","module":"@ddcheck/common","name":"StorageService","line":62,"character":30},{"__symbolic":"reference","module":"@ddcheck/common","name":"Sweetalert","line":63,"character":27},{"__symbolic":"reference","module":"@ddcheck/common","name":"SettingsManagerService","line":64,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeToSection":[{"__symbolic":"method"}],"changeStyles":[{"__symbolic":"method"}],"updateSection":[{"__symbolic":"method"}],"surveyComplete":[{"__symbolic":"method"}],"currentEnd":[{"__symbolic":"method"}],"completedForm":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"selectionChange":[{"__symbolic":"method"}]}},"SURVEYDATA":{"__symbolic":"interface"},"GetStartedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-get-started","template":"<app-custom-loading \r\n  [loading]=\"loading\" \r\n  [message]=\"'Esto solo tomará un momento, por favor espere!'\"\r\n></app-custom-loading>\r\n\r\n<div *ngIf=\"!loading\">\r\n  <app-welcome-customer \r\n    [message]=\"message\" \r\n    [btnGetStarted]=\"true\" \r\n    [btnLater]=\"false\" \r\n    (onSelect)=\"onButtonPress($event)\"\r\n  ></app-welcome-customer>\r\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":9},"arguments":[{"__symbolic":"reference","module":"@ddcheck/common","name":"ENVIRONMENT_TOKEN","line":23,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":19,"character":32},{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionApiService","line":20,"character":31},{"__symbolic":"reference","module":"@ddcheck/common","name":"SettingsManagerService","line":21,"character":33},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":22,"character":23},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onButtonPress":[{"__symbolic":"method"}]}},"SurveyAuthComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-survey-auth","template":"","styles":[""]}]}],"members":{"tokenLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ddcheck/common","name":"AuthService","line":14,"character":47}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LoadingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-loading","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":19},"member":"None"},"template":"<div *ngIf=\"loading\" class=\"loading\">\r\n    <!-- <svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\" style=\"height: 100%; width: 100%;\" [ngStyle]=\"styles\" width=\"232px\" height=\"232px\"> -->\r\n    <svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\" [ngStyle]=\"styles\" width=\"250px\" height=\"200px\">\r\n        <g class=\"ldl-scale\" style=\"transform-origin: 50% 50%; transform: rotate(0deg) scale(0.68, 0.68);\">\r\n            <g class=\"ldl-ani\">\r\n                <g class=\"ldl-layer\">\r\n                    <g class=\"ldl-ani\">\r\n                        <g>\r\n                            <g class=\"ldl-layer\">\r\n                                <g class=\"ldl-ani\"\r\n                                    style=\"transform-origin: 50px 50px;transform: rotate(0deg);animation: 2.08333s linear -1.56481s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                    <path fill=\"#666\"\r\n                                        d=\"M75.26 56.878l-2.535 6.119a1.963 1.963 0 0 1-2.565 1.063l-2.212-.916a1.94 1.94 0 0 0-2.208.505 20.62 20.62 0 0 1-2.087 2.083 1.942 1.942 0 0 0-.51 2.212l.918 2.216a1.963 1.963 0 0 1-1.063 2.565l-6.119 2.535a1.963 1.963 0 0 1-2.565-1.063l-.918-2.216a1.942 1.942 0 0 0-1.925-1.204c-.976.071-1.961.073-2.949.003a1.94 1.94 0 0 0-1.919 1.204l-.916 2.212a1.963 1.963 0 0 1-2.565 1.063l-6.119-2.535a1.963 1.963 0 0 1-1.063-2.565l.916-2.212a1.94 1.94 0 0 0-.505-2.208 20.62 20.62 0 0 1-2.083-2.087 1.942 1.942 0 0 0-2.212-.51l-2.216.918a1.963 1.963 0 0 1-2.565-1.063l-2.535-6.119a1.963 1.963 0 0 1 1.063-2.565l2.216-.918a1.942 1.942 0 0 0 1.204-1.925 20.584 20.584 0 0 1-.003-2.949 1.94 1.94 0 0 0-1.204-1.919l-2.212-.916a1.963 1.963 0 0 1-1.063-2.565l2.535-6.119a1.963 1.963 0 0 1 2.565-1.063l2.212.916a1.94 1.94 0 0 0 2.208-.505 20.62 20.62 0 0 1 2.087-2.083 1.942 1.942 0 0 0 .51-2.212l-.918-2.215a1.963 1.963 0 0 1 1.063-2.565l6.119-2.535a1.963 1.963 0 0 1 2.565 1.063l.918 2.216a1.942 1.942 0 0 0 1.925 1.204 20.584 20.584 0 0 1 2.949-.003 1.94 1.94 0 0 0 1.919-1.204l.916-2.212a1.963 1.963 0 0 1 2.565-1.063l6.119 2.535a1.963 1.963 0 0 1 1.063 2.565l-.916 2.212a1.94 1.94 0 0 0 .505 2.208 20.62 20.62 0 0 1 2.083 2.087 1.942 1.942 0 0 0 2.212.51l2.216-.918a1.963 1.963 0 0 1 2.565 1.063l2.535 6.119a1.963 1.963 0 0 1-1.063 2.565l-2.216.918a1.942 1.942 0 0 0-1.204 1.925c.071.976.073 1.961.003 2.949a1.94 1.94 0 0 0 1.204 1.919l2.212.916a1.962 1.962 0 0 1 1.063 2.564z\"\r\n                                        style=\"fill: rgb(55, 214, 217);\"></path>\r\n                                </g>\r\n                            </g>\r\n                            <g class=\"ldl-layer\">\r\n                                <g class=\"ldl-ani\"\r\n                                    style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.62963s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                    <circle fill=\"#323232\" r=\"15.5\" cy=\"50\" cx=\"50\" style=\"fill: rgb(78, 135, 136);\">\r\n                                    </circle>\r\n                                </g>\r\n                            </g>\r\n                            <g class=\"ldl-layer\">\r\n                                <g class=\"ldl-ani\"\r\n                                    style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.69444s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                    <circle r=\"9.621\" cy=\"50\" cx=\"50\" style=\"fill: rgb(255, 255, 255);\"></circle>\r\n                                </g>\r\n                            </g>\r\n                        </g>\r\n                    </g>\r\n                </g>\r\n                <g class=\"ldl-layer\">\r\n                    <g class=\"ldl-ani\">\r\n                        <g>\r\n                            <g class=\"ldl-layer\">\r\n                                <g class=\"ldl-ani\">\r\n                                    <g>\r\n                                        <g class=\"ldl-layer\">\r\n                                            <g class=\"ldl-ani\"\r\n                                                style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.75926s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                                <path fill=\"#76a4bd\"\r\n                                                    d=\"M50 86.334l2.57-.085c.428-.02.86-.013 1.286-.054l1.275-.172c.848-.13 1.71-.193 2.549-.375l2.51-.598c.851-.157 1.639-.521 2.461-.779.812-.287 1.644-.531 2.413-.927l2.355-1.081 2.243-1.302c2.922-1.835 5.704-3.981 7.998-6.603 2.327-2.575 4.388-5.442 5.874-8.609l.591-1.172c.184-.396.322-.812.486-1.218.308-.818.646-1.629.933-2.456.444-1.693 1.013-3.364 1.231-5.112l.222-1.3c.087-.432.145-.868.159-1.308l.18-2.635a34.06 34.06 0 0 0-.18-5.284c-.734-7.032-3.581-13.844-8.035-19.418 4.645 5.413 7.779 12.18 8.779 19.324.262 1.782.39 3.588.373 5.391l-.09 2.709c0 .454-.043.903-.116 1.35l-.181 1.345c-.164 1.81-.685 3.552-1.087 5.323-.266.866-.585 1.717-.876 2.578-.155.427-.285.865-.461 1.283l-.57 1.239c-1.434 3.349-3.475 6.421-5.825 9.211-2.317 2.836-5.163 5.208-8.197 7.262l-2.336 1.465-2.466 1.241c-.808.448-1.683.744-2.541 1.081-.868.307-1.704.72-2.606.925l-2.672.735c-.896.226-1.817.331-2.726.502l-1.369.231c-.458.06-.922.072-1.383.109L50 89.334a1.5 1.5 0 0 1-.2-2.992l.044-.002.156-.006z\"\r\n                                                    style=\"fill: rgb(81, 239, 87);\"></path>\r\n                                            </g>\r\n                                        </g>\r\n                                    </g>\r\n                                </g>\r\n                            </g>\r\n                            <g class=\"ldl-layer\">\r\n                                <g class=\"ldl-ani\"\r\n                                    style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.82407s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                    <path d=\"M50 87.834l5.832 4.666\" stroke-miterlimit=\"10\" stroke-linejoin=\"round\"\r\n                                        stroke-linecap=\"round\" stroke-width=\"3\" stroke=\"#76a4bd\" fill=\"none\"\r\n                                        style=\"stroke: rgb(81, 239, 87);\"></path>\r\n                                </g>\r\n                            </g>\r\n                            <g class=\"ldl-layer\">\r\n                                <g class=\"ldl-ani\"\r\n                                    style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.88889s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                    <path d=\"M50 87.834l4.666-5.832\" stroke-miterlimit=\"10\" stroke-linejoin=\"round\"\r\n                                        stroke-linecap=\"round\" stroke-width=\"3\" stroke=\"#76a4bd\" fill=\"none\"\r\n                                        style=\"stroke: rgb(81, 239, 87);\"></path>\r\n                                </g>\r\n                            </g>\r\n                        </g>\r\n                    </g>\r\n                </g>\r\n                <g class=\"ldl-layer\">\r\n                    <g class=\"ldl-ani\">\r\n                        <g>\r\n                            <g class=\"ldl-layer\">\r\n                                <g class=\"ldl-ani\">\r\n                                    <g>\r\n                                        <g class=\"ldl-layer\">\r\n                                            <g class=\"ldl-ani\"\r\n                                                style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.9537s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                                <path fill=\"#76a4bd\"\r\n                                                    d=\"M50 13.666l-2.563.197c-.426.038-.854.052-1.277.108l-1.264.213c-.839.157-1.691.247-2.517.455l-2.466.673c-.835.182-1.604.569-2.406.849-.793.308-1.6.58-2.352.982l-2.296 1.11-2.18 1.325c-2.834 1.86-5.517 4.015-7.708 6.622-.282.318-.579.623-.85.95l-.767 1.018c-.497.688-1.068 1.327-1.508 2.055l-1.342 2.17c-.457.719-.771 1.516-1.165 2.269l-.565 1.146c-.176.387-.305.794-.46 1.19-.293.799-.623 1.586-.899 2.392-.424 1.649-.977 3.274-1.181 4.976l-.213 1.264c-.084.42-.139.844-.151 1.273l-.168 2.563a34.128 34.128 0 0 0 .139 5.143c.628 6.863 3.122 13.538 7.037 19.544-5.184-4.981-8.67-11.885-9.776-19.198a36.93 36.93 0 0 1 .002-11.078c.177-1.857.715-3.645 1.137-5.459.276-.888.603-1.762.909-2.642.163-.436.301-.883.487-1.31l.596-1.265c3.063-6.808 8.25-12.621 14.553-16.6 6.28-4.074 13.811-6.03 21.215-5.935a1.498 1.498 0 0 1 .102 2.992l-.103.008z\"\r\n                                                    style=\"fill: rgb(81, 239, 87);\"></path>\r\n                                            </g>\r\n                                        </g>\r\n                                    </g>\r\n                                </g>\r\n                            </g>\r\n                            <g class=\"ldl-layer\">\r\n                                <g class=\"ldl-ani\"\r\n                                    style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -2.01852s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                    <path d=\"M50 12.166L44.168 7.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"round\"\r\n                                        stroke-linecap=\"round\" stroke-width=\"3\" stroke=\"#76a4bd\" fill=\"none\"\r\n                                        style=\"stroke: rgb(81, 239, 87);\"></path>\r\n                                </g>\r\n                            </g>\r\n                            <g class=\"ldl-layer\">\r\n                                <g class=\"ldl-ani\"\r\n                                    style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -2.08333s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                    <path d=\"M50 12.166l-4.666 5.832\" stroke-miterlimit=\"10\" stroke-linejoin=\"round\"\r\n                                        stroke-linecap=\"round\" stroke-width=\"3\" stroke=\"#76a4bd\" fill=\"none\"\r\n                                        style=\"stroke: rgb(81, 239, 87);\"></path>\r\n                                </g>\r\n                            </g>\r\n                        </g>\r\n                    </g>\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n    <h2 class=\"loading-text\">{{message}}<span class=\"one\">.</span><span class=\"two\">.</span><span class=\"three\">.</span></h2>\r\n</div>","styles":["@keyframes spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}app-loading .loading{align-items:center;display:flex;flex-direction:column}app-loading .loading-text{margin-top:-35px!important}app-loading .one{-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:0s;animation:dot 1.3s infinite;animation-delay:0s;opacity:0}app-loading .two{-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:.2s;animation:dot 1.3s infinite;animation-delay:.2s;opacity:0}app-loading .three{-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:.3s;animation:dot 1.3s infinite;animation-delay:.3s;opacity:0}@keyframes dot{0%{opacity:0}50%{opacity:0}to{opacity:1}}"]}]}],"members":{"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"BottomSheetOverviewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-bottom-sheet-overview","template":"<h3 class=\"dd-tooltip-info\">{{data.title}}</h3>\r\n<div style=\"text-align: justify;\" (click)=\"openLink($event)\">\r\n    <span class=\"text-size-3\">{{data.message}}</span>\r\n</div> ","styles":[".dd-tooltip-info{font:400 14px/20px Roboto,Helvetica Neue,sans-serif!important;font-size:1.17em!important;font-weight:700!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MAT_BOTTOM_SHEET_DATA","line":12,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"MatBottomSheetRef","module":"@angular/material/bottom-sheet","arguments":[{"__symbolic":"reference","name":"BottomSheetOverviewComponent"}]},{"__symbolic":"reference","name":"any"}]}],"openLink":[{"__symbolic":"method"}]}},"IBottomSheetOver":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-dynamic-group","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":19},"member":"None"},"template":"<div *ngIf=\"groups\">\r\n    <form (ngSubmit)=\"onSubmit()\" class=\"dynamicForm\">\r\n\r\n        <div *ngFor=\"let group of groups; let i = index\" class=\"form-row formContainer\">\r\n            <div *ngIf=\"!group.isReferenced && group.isEnabled\">\r\n                <div *ngIf=\"group.title\" class=\"group-title-container\">\r\n                    <div class=\"group-title\">\r\n                        {{group.title}}\r\n                    </div>\r\n                    <small *ngIf=\"group.subheading\" class=\"group-description\">{{group.subheading}}</small>\r\n                </div>\r\n                <app-dynamic-form [questions]=\"group?.questions\" [group]=\"group\" [index]=\"i\" [form]=\"form\" \r\n                    (onChangeRadioGroup)=\"onChangeRadioGroup($event)\"\r\n                    (onFile)=\"saveFile($event)\"\r\n                    (onDeleteFile)=\"deleteFile($event)\" >\r\n                </app-dynamic-form>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"dd-continue-button\">            \r\n          <button type=\"submit\" class=\"dd_button_secondary__expand\">Continuar</button>\r\n          <div style=\"display: flex; justify-content: center;\" *ngIf=\"!isSurveyComplete\">\r\n            <a class=\"dd_button_secondary__simple\" (click)=\"currentEnd();\" matTooltip=\"Go to the summary\">\r\n              Ver resumen\r\n            </a>\r\n          </div>\r\n        </div>\r\n      \r\n\r\n    </form>\r\n</div>\r\n","styles":["app-dynamic-group .errorMessage{color:red}app-dynamic-group .form-row{margin-top:10px}app-dynamic-group .dynamicForm{padding:20px}app-dynamic-group .mat-card-actions{margin-bottom:0}app-dynamic-group .right{justify-content:flex-end}app-dynamic-group .between{justify-content:space-between}app-dynamic-group .group-title-container{padding:35px 20px 20px}app-dynamic-group .group-title{color:#000;font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:10px}app-dynamic-group .group-description{color:#706967;line-height:1.4375}app-dynamic-group .dd-continue-button{display:flex;flex-direction:column;gap:16px;padding:20px 0 70px}@media (max-width:576px){app-dynamic-group .dd_button_secondary__simple{margin-top:0;padding:10px 30px}}app-dynamic-group .fab-container{align-items:center;bottom:15px;display:flex;flex-direction:column-reverse;position:fixed;right:15px;z-index:100}app-dynamic-group .fab-container>div{align-items:center;display:flex;flex-direction:column-reverse;margin-bottom:5px}app-dynamic-group .fab-container>div button{margin-bottom:17px}app-dynamic-group .fab-toggler{float:right;z-index:100}app-dynamic-group .formContainer{border-radius:10px;box-shadow:0 0 7px 0 hsla(0,0%,74.9%,.8);margin-bottom:20px}"]}]}],"members":{"isSurveyComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"groups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"onForms":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"onResume":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"getScreenSize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":25,"character":5},"arguments":["window:resize",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ddcheck/common","name":"QuestionControlService","line":42,"character":30},{"__symbolic":"reference","module":"@ddcheck/common","name":"Sweetalert","line":43,"character":33}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"saveFile":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"checkFormValidity":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"buildResult":[{"__symbolic":"method"}],"buildResultTable":[{"__symbolic":"method"}],"buildChildren":[{"__symbolic":"method"}],"onChangeRadioGroup":[{"__symbolic":"method"}],"triggerGroup":[{"__symbolic":"method"}],"enableTrigger":[{"__symbolic":"method"}],"disableTrigger":[{"__symbolic":"method"}],"currentEnd":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-custom-loading","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"None"},"template":"<div *ngIf=\"loading\" class=\"loading\">\r\n  <!-- <svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\" style=\"height: 100%; width: 100%;\" [ngStyle]=\"styles\" width=\"232px\" height=\"232px\"> -->\r\n  <svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\" [ngStyle]=\"styles\" width=\"250px\" height=\"200px\">\r\n      <g class=\"ldl-scale\" style=\"transform-origin: 50% 50%; transform: rotate(0deg) scale(0.68, 0.68);\">\r\n          <g class=\"ldl-ani\">\r\n              <g class=\"ldl-layer\">\r\n                  <g class=\"ldl-ani\">\r\n                      <g>\r\n                          <g class=\"ldl-layer\">\r\n                              <g class=\"ldl-ani\"\r\n                                  style=\"transform-origin: 50px 50px;transform: rotate(0deg);animation: 2.08333s linear -1.56481s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                  <path fill=\"#666\"\r\n                                      d=\"M75.26 56.878l-2.535 6.119a1.963 1.963 0 0 1-2.565 1.063l-2.212-.916a1.94 1.94 0 0 0-2.208.505 20.62 20.62 0 0 1-2.087 2.083 1.942 1.942 0 0 0-.51 2.212l.918 2.216a1.963 1.963 0 0 1-1.063 2.565l-6.119 2.535a1.963 1.963 0 0 1-2.565-1.063l-.918-2.216a1.942 1.942 0 0 0-1.925-1.204c-.976.071-1.961.073-2.949.003a1.94 1.94 0 0 0-1.919 1.204l-.916 2.212a1.963 1.963 0 0 1-2.565 1.063l-6.119-2.535a1.963 1.963 0 0 1-1.063-2.565l.916-2.212a1.94 1.94 0 0 0-.505-2.208 20.62 20.62 0 0 1-2.083-2.087 1.942 1.942 0 0 0-2.212-.51l-2.216.918a1.963 1.963 0 0 1-2.565-1.063l-2.535-6.119a1.963 1.963 0 0 1 1.063-2.565l2.216-.918a1.942 1.942 0 0 0 1.204-1.925 20.584 20.584 0 0 1-.003-2.949 1.94 1.94 0 0 0-1.204-1.919l-2.212-.916a1.963 1.963 0 0 1-1.063-2.565l2.535-6.119a1.963 1.963 0 0 1 2.565-1.063l2.212.916a1.94 1.94 0 0 0 2.208-.505 20.62 20.62 0 0 1 2.087-2.083 1.942 1.942 0 0 0 .51-2.212l-.918-2.215a1.963 1.963 0 0 1 1.063-2.565l6.119-2.535a1.963 1.963 0 0 1 2.565 1.063l.918 2.216a1.942 1.942 0 0 0 1.925 1.204 20.584 20.584 0 0 1 2.949-.003 1.94 1.94 0 0 0 1.919-1.204l.916-2.212a1.963 1.963 0 0 1 2.565-1.063l6.119 2.535a1.963 1.963 0 0 1 1.063 2.565l-.916 2.212a1.94 1.94 0 0 0 .505 2.208 20.62 20.62 0 0 1 2.083 2.087 1.942 1.942 0 0 0 2.212.51l2.216-.918a1.963 1.963 0 0 1 2.565 1.063l2.535 6.119a1.963 1.963 0 0 1-1.063 2.565l-2.216.918a1.942 1.942 0 0 0-1.204 1.925c.071.976.073 1.961.003 2.949a1.94 1.94 0 0 0 1.204 1.919l2.212.916a1.962 1.962 0 0 1 1.063 2.564z\"\r\n                                      style=\"fill: rgb(55, 214, 217);\"></path>\r\n                              </g>\r\n                          </g>\r\n                          <g class=\"ldl-layer\">\r\n                              <g class=\"ldl-ani\"\r\n                                  style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.62963s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                  <circle fill=\"#323232\" r=\"15.5\" cy=\"50\" cx=\"50\" style=\"fill: rgb(78, 135, 136);\">\r\n                                  </circle>\r\n                              </g>\r\n                          </g>\r\n                          <g class=\"ldl-layer\">\r\n                              <g class=\"ldl-ani\"\r\n                                  style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.69444s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                  <circle r=\"9.621\" cy=\"50\" cx=\"50\" style=\"fill: rgb(255, 255, 255);\"></circle>\r\n                              </g>\r\n                          </g>\r\n                      </g>\r\n                  </g>\r\n              </g>\r\n              <g class=\"ldl-layer\">\r\n                  <g class=\"ldl-ani\">\r\n                      <g>\r\n                          <g class=\"ldl-layer\">\r\n                              <g class=\"ldl-ani\">\r\n                                  <g>\r\n                                      <g class=\"ldl-layer\">\r\n                                          <g class=\"ldl-ani\"\r\n                                              style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.75926s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                              <path fill=\"#76a4bd\"\r\n                                                  d=\"M50 86.334l2.57-.085c.428-.02.86-.013 1.286-.054l1.275-.172c.848-.13 1.71-.193 2.549-.375l2.51-.598c.851-.157 1.639-.521 2.461-.779.812-.287 1.644-.531 2.413-.927l2.355-1.081 2.243-1.302c2.922-1.835 5.704-3.981 7.998-6.603 2.327-2.575 4.388-5.442 5.874-8.609l.591-1.172c.184-.396.322-.812.486-1.218.308-.818.646-1.629.933-2.456.444-1.693 1.013-3.364 1.231-5.112l.222-1.3c.087-.432.145-.868.159-1.308l.18-2.635a34.06 34.06 0 0 0-.18-5.284c-.734-7.032-3.581-13.844-8.035-19.418 4.645 5.413 7.779 12.18 8.779 19.324.262 1.782.39 3.588.373 5.391l-.09 2.709c0 .454-.043.903-.116 1.35l-.181 1.345c-.164 1.81-.685 3.552-1.087 5.323-.266.866-.585 1.717-.876 2.578-.155.427-.285.865-.461 1.283l-.57 1.239c-1.434 3.349-3.475 6.421-5.825 9.211-2.317 2.836-5.163 5.208-8.197 7.262l-2.336 1.465-2.466 1.241c-.808.448-1.683.744-2.541 1.081-.868.307-1.704.72-2.606.925l-2.672.735c-.896.226-1.817.331-2.726.502l-1.369.231c-.458.06-.922.072-1.383.109L50 89.334a1.5 1.5 0 0 1-.2-2.992l.044-.002.156-.006z\"\r\n                                                  style=\"fill: rgb(81, 239, 87);\"></path>\r\n                                          </g>\r\n                                      </g>\r\n                                  </g>\r\n                              </g>\r\n                          </g>\r\n                          <g class=\"ldl-layer\">\r\n                              <g class=\"ldl-ani\"\r\n                                  style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.82407s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                  <path d=\"M50 87.834l5.832 4.666\" stroke-miterlimit=\"10\" stroke-linejoin=\"round\"\r\n                                      stroke-linecap=\"round\" stroke-width=\"3\" stroke=\"#76a4bd\" fill=\"none\"\r\n                                      style=\"stroke: rgb(81, 239, 87);\"></path>\r\n                              </g>\r\n                          </g>\r\n                          <g class=\"ldl-layer\">\r\n                              <g class=\"ldl-ani\"\r\n                                  style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.88889s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                  <path d=\"M50 87.834l4.666-5.832\" stroke-miterlimit=\"10\" stroke-linejoin=\"round\"\r\n                                      stroke-linecap=\"round\" stroke-width=\"3\" stroke=\"#76a4bd\" fill=\"none\"\r\n                                      style=\"stroke: rgb(81, 239, 87);\"></path>\r\n                              </g>\r\n                          </g>\r\n                      </g>\r\n                  </g>\r\n              </g>\r\n              <g class=\"ldl-layer\">\r\n                  <g class=\"ldl-ani\">\r\n                      <g>\r\n                          <g class=\"ldl-layer\">\r\n                              <g class=\"ldl-ani\">\r\n                                  <g>\r\n                                      <g class=\"ldl-layer\">\r\n                                          <g class=\"ldl-ani\"\r\n                                              style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -1.9537s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                              <path fill=\"#76a4bd\"\r\n                                                  d=\"M50 13.666l-2.563.197c-.426.038-.854.052-1.277.108l-1.264.213c-.839.157-1.691.247-2.517.455l-2.466.673c-.835.182-1.604.569-2.406.849-.793.308-1.6.58-2.352.982l-2.296 1.11-2.18 1.325c-2.834 1.86-5.517 4.015-7.708 6.622-.282.318-.579.623-.85.95l-.767 1.018c-.497.688-1.068 1.327-1.508 2.055l-1.342 2.17c-.457.719-.771 1.516-1.165 2.269l-.565 1.146c-.176.387-.305.794-.46 1.19-.293.799-.623 1.586-.899 2.392-.424 1.649-.977 3.274-1.181 4.976l-.213 1.264c-.084.42-.139.844-.151 1.273l-.168 2.563a34.128 34.128 0 0 0 .139 5.143c.628 6.863 3.122 13.538 7.037 19.544-5.184-4.981-8.67-11.885-9.776-19.198a36.93 36.93 0 0 1 .002-11.078c.177-1.857.715-3.645 1.137-5.459.276-.888.603-1.762.909-2.642.163-.436.301-.883.487-1.31l.596-1.265c3.063-6.808 8.25-12.621 14.553-16.6 6.28-4.074 13.811-6.03 21.215-5.935a1.498 1.498 0 0 1 .102 2.992l-.103.008z\"\r\n                                                  style=\"fill: rgb(81, 239, 87);\"></path>\r\n                                          </g>\r\n                                      </g>\r\n                                  </g>\r\n                              </g>\r\n                          </g>\r\n                          <g class=\"ldl-layer\">\r\n                              <g class=\"ldl-ani\"\r\n                                  style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -2.01852s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                  <path d=\"M50 12.166L44.168 7.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"round\"\r\n                                      stroke-linecap=\"round\" stroke-width=\"3\" stroke=\"#76a4bd\" fill=\"none\"\r\n                                      style=\"stroke: rgb(81, 239, 87);\"></path>\r\n                              </g>\r\n                          </g>\r\n                          <g class=\"ldl-layer\">\r\n                              <g class=\"ldl-ani\"\r\n                                  style=\"transform-origin: 50px 50px; transform: rotate(0deg); animation: 2.08333s linear -2.08333s infinite normal forwards running spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c;\">\r\n                                  <path d=\"M50 12.166l-4.666 5.832\" stroke-miterlimit=\"10\" stroke-linejoin=\"round\"\r\n                                      stroke-linecap=\"round\" stroke-width=\"3\" stroke=\"#76a4bd\" fill=\"none\"\r\n                                      style=\"stroke: rgb(81, 239, 87);\"></path>\r\n                              </g>\r\n                          </g>\r\n                      </g>\r\n                  </g>\r\n              </g>\r\n          </g>\r\n      </g>\r\n  </svg>\r\n  <h3 class=\"loading-text\">{{message}}<span class=\"one\">.</span><span class=\"two\">.</span><span class=\"three\">.</span></h3>\r\n</div>","styles":["@keyframes spin-e9bb4661-7df1-40d5-bd1a-3c4892eec65c{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}app-custom-loading .loading{align-items:center;display:flex;flex-direction:column}app-custom-loading .loading-text{margin-top:-35px!important}app-custom-loading .one{-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:0s;animation:dot 1.3s infinite;animation-delay:0s;opacity:0}app-custom-loading .two{-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:.2s;animation:dot 1.3s infinite;animation-delay:.2s;opacity:0}app-custom-loading .three{-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:.3s;animation:dot 1.3s infinite;animation-delay:.3s;opacity:0}@keyframes dot{0%{opacity:0}50%{opacity:0}to{opacity:1}}"]}]}],"members":{"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"ComponentsModule":"./components.module","DocumentDisplayDialogComponent":"./dialog/document-display-dialog/document-display-dialog.component","MessageDialogComponent":"./dialog/message-dialog/message-dialog.component","TableImageDialogComponent":"./dialog/table-image-dialog/table-image-dialog.component","TableQuestionDialogComponent":"./dialog/table-question-dialog/table-question-dialog.component","DialogData":"./dialog/table-question-dialog/table-question-dialog.component","DynamicFormFileComponent":"./dynamic-form-file/dynamic-form-file.component","DynamicFormQuestionComponent":"./dynamic-form-question/dynamic-form-question.component","CountryMultipleQuestionComponent":"./dynamic-form-question/country-multiple-question/country-multiple-question.component","CountrySingleQuestionComponent":"./dynamic-form-question/country-single-question/country-single-question.component","DynamicFormComponent":"./dynamic-form/dynamic-form.component","SummaryQuestionComponent":"./survey-summary/summary-question/summary-question.component","SummaryTableComponent":"./survey-summary/summary-table/summary-table.component","SurveySummaryComponent":"./survey-summary/survey-summary.component","WelcomeCustomerComponent":"./welcome-customer/welcome-customer.component","GetQuestionnaireComponent":"./get-questionnaire/get-questionnaire.component","SURVEYDATA":"./get-questionnaire/get-questionnaire.component","GetStartedComponent":"./get-started/get-started.component","SurveyAuthComponent":"./survey-auth/survey-auth.component","LoadingComponent":"./loading/loading.component","BottomSheetOverviewComponent":"./bottom-sheet-overview/bottom-sheet-overview.component","IBottomSheetOver":"./bottom-sheet-overview/bottom-sheet-overview.component","ɵa":"./dynamic-group/dynamic-group.component","ɵb":"./loading/custom-loading/custom-loading.component"},"importAs":"@ddcheck/ui/components"}